@font-face{font-family:Tajawal;src:url(fonts/Tajawal-Regular.ttf)}@font-face{font-family:Tajawal;src:url(fonts/Tajawal-Bold.ttf);font-weight:700}@font-face{font-family:Tajawal;src:url(fonts/Tajawal-ExtraBold.ttf);font-weight:800}*{box-sizing:border-box}body{margin:0;background:#121b1c;color:#f2f2e9;font-family:Tajawal,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8ba83b;outline-offset:4px}header{max-width:1380px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a}.logo{font:bold 34px Arial;color:inherit;text-decoration:none;letter-spacing:-3px}.logo span{font:12px Tajawal;display:block;letter-spacing:2px;text-align:center;margin-top:7px}.header-note{color:#bfc0b7;font-size:14px}.text{border:0;color:#eee;background:none}main{max-width:1260px;margin:58px auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:0 40px}.intro{padding-top:18px}.eyebrow{color:#0a8b91;font-size:14px}h1{font-size:64px;line-height:1.16;letter-spacing:-2px;margin:23px 0}h1 em{font-style:normal;color:#0a8b91}.intro p{color:#b6b8ad;line-height:1.9;font-size:17px}.art{position:relative;max-width:400px;margin:0 auto;height:300px}.art svg{height:290px;width:100%;transform:rotate(-7deg)}.art-label{position:absolute;bottom:10px;right:20px;background:#0a8b91;color:#25271e;padding:10px 14px;font-size:12px;transform:rotate(-6deg)}.orbit{position:absolute;left:-25px;top:130px;writing-mode:vertical-rl;font:10px Arial;letter-spacing:3px;color:#7b7d73}.intro-foot{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding-top:22px;margin-top:22px;font-size:12px;color:#abad9f}.calculator{background:#f4f3ed;color:#20221c;padding:30px 36px;box-shadow:0 18px 60px #0003;min-height:650px}.steps{display:flex;justify-content:space-between;font-size:12px;color:#77796f}.progress{height:2px;background:#dcded2;margin:14px 0 27px}.progress i{display:block;width:33%;height:2px;background:#25281f;transition:width .3s}h2{font-size:29px;margin:0 0 9px;letter-spacing:-.6px}.muted{font-size:14px;color:#77796f;line-height:1.7;margin:5px 0 20px}.products{display:flex;gap:10px}.products button{width:50%;border:1px solid #d8d9cf;background:transparent;text-align:right;padding:15px;position:relative}.products button span{float:left;font-size:25px}.products small,.fitOptions small{display:block;color:#77796f;font-size:12px;margin-top:6px}.products b{font-size:17px}.products .selected,.fitOptions .selected{border:1px solid #292d20;background:#e1efed;box-shadow:inset 0 0 0 1px #292d20}.measures{display:flex;gap:26px;align-items:center;margin:26px 0}.person{width:70px;text-align:center;color:#828577;font-size:11px}.person svg{height:183px;width:65px;fill:#272c20}.fields{flex:1}.fields label{display:block;font-size:13px}.fields small{float:left;color:#838678}input[type=number]{background:none;border:0;border-bottom:1px solid #caccbf;width:100%;font-size:32px;height:44px;outline-offset:2px;direction:ltr;text-align:right;color:#24281e;appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=range]{width:100%;accent-color:#0a8b91;height:18px;margin:10px 0 17px;direction:ltr}.estimate{border-top:1px solid #d6d8cb;border-bottom:1px solid #d6d8cb;padding:15px 0;display:flex;align-items:center;justify-content:space-between}.estimate strong{font:36px Arial}.estimate small{font-size:12px}.estimate p{font-size:11px;color:#858778;margin:6px 0 0}.primary{width:100%;padding:16px 18px;border:0;background:#0a8b91;color:#1d2414;font-weight:700;font-size:16px;margin-top:20px;text-align:right;display:flex;justify-content:space-between}.primary:hover{background:#08777c}.privacy{font-size:11px;color:#818573;text-align:center;margin:15px 0 0}.fitOptions{display:grid;gap:12px;margin:30px 0}.fitOptions button{text-align:right;border:1px solid #d0d3c4;padding:20px;background:transparent}.fitOptions b{font-size:18px}details{border-block:1px solid #d9dbd0;padding:20px 0;margin:20px 0;font-size:14px;line-height:1.8}summary{cursor:pointer;font-weight:700}.compare{display:flex;gap:16px}.compare label{width:50%;font-size:12px}.compare input{font-size:21px}.back{background:none;border:0;text-decoration:underline;color:#687052;margin:20px auto;display:block}.result-tag{color:#69754e;font-size:12px}.result-size{text-align:center;font:110px Arial;letter-spacing:-7px;margin:28px 0 10px}.result-product{text-align:center;font-weight:700}#reason{font-size:14px;line-height:1.7;color:#6c725e}.dimensions{display:flex;border-block:1px solid #d5d8c8;padding:20px 0;justify-content:space-around;text-align:center}.dimensions b{display:block;font-size:25px}.dimensions small{font-size:12px;color:#737963}.notice{background:#e1efed;padding:15px;font-size:13px;line-height:1.8;margin-top:22px}footer{border-top:1px solid #ffffff1a;max-width:1260px;margin:auto;padding:25px 40px;color:#85897a;display:flex;gap:25px;font-size:12px}footer b{font-family:Arial;color:#d6d8cc}footer span:last-child{margin-right:auto}dialog{border:0;background:#f4f3ed;color:#22271d;max-width:850px;width:94%;padding:30px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{border:0;background:none;font-size:30px}dialog p{font-size:13px;line-height:1.7}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}th,td{padding:14px 12px;text-align:center;border-bottom:1px solid #d8dccb}th{background:#e1efed}tr.highlight{background:#0a8b91}#error,#compareError{color:#a0352a;font-size:13px}#error:empty,#compareError:empty{display:none}[hidden]{display:none!important}@media(max-width:900px){main{gap:30px;padding:0 25px}h1{font-size:50px}.calculator{padding:26px}.header-note{display:none}}@media(max-width:650px){header{padding:20px 24px}.logo{font-size:28px}main{display:block;margin:25px auto;padding:0 18px}.intro{padding:0 10px}.eyebrow{font-size:12px}h1{font-size:42px;margin:14px 0}h1 br{display:none}.intro p{font-size:14px;margin:0 0 23px}.art,.intro-foot{display:none}.calculator{padding:25px;min-height:0}.steps{font-size:11px}footer{padding:25px 20px}footer span:last-child{display:none}.result-size{font-size:90px}}

.primary,.art-label{color:white}.eyebrow,h1 em{color:#40b9bd}tr.highlight{background:#d4eeec}.logo-crop{display:block!important;position:relative;width:110px;height:43px;overflow:hidden;margin:0!important}.logo-crop img{position:absolute;width:129px;height:129px;max-width:none;right:-9px;top:-43px}.footer-logo{width:60px;height:24px}.footer-logo img{width:70px;height:70px;right:-5px;top:-23px}.products .selected,.fitOptions .selected{border-color:#0a8b91;box-shadow:inset 0 0 0 1px #0a8b91}.result-tag{color:#08777c}

/* Beta light identity */
:root{color-scheme:light;--beta:#147d81;--ink:#183e40;--line:#d9e8e7}body{background:#fff;color:var(--ink)}header{border-bottom:1px solid var(--line)}.header-note{color:#4c7071}.text{color:var(--beta)}.intro p{color:#628082}.eyebrow,h1 em{color:var(--beta)}.calculator{background:#fff;border:1px solid var(--line);box-shadow:0 16px 60px #175f6510;border-radius:24px}.intro-foot{border-color:var(--line);color:#628082}.orbit{color:#91abaa}.art{background:radial-gradient(ellipse,#e6f5f3 0,transparent 68%);border-radius:50%}.art-label,.primary{background:var(--beta);border-radius:10px}.primary:hover{background:#106c70}.progress{background:#e1edeb}.progress i{background:var(--beta)}.products button,.fitOptions button{border-radius:12px}.products .selected,.fitOptions .selected,.audience .selected{background:#e9f5f3;border-color:var(--beta);color:#126c70;box-shadow:inset 0 0 0 1px var(--beta)}.person svg{fill:var(--beta)}input[type=range]{accent-color:var(--beta)}input[type=number]{color:var(--ink);border-color:var(--line)}.notice{background:#eff7f5;border-radius:12px}.dimensions,.estimate{border-color:var(--line)}footer{border-color:var(--line);color:#628082}.audience{display:flex;gap:8px;padding:6px;background:#f3f8f7;border-radius:14px;margin:20px 0}.audience button{width:50%;padding:12px;border:1px solid transparent;border-radius:10px;background:none;font-weight:700;color:#567575}.audience small{font-weight:400;font-size:11px;display:block;margin-top:5px}.fitOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fitOptions button{padding:20px 10px;text-align:center}.fitOptions small{font-size:11px;line-height:1.6}.fit-help{font-size:12px;line-height:1.8;color:#647e7d}.result-size{color:var(--beta)}dialog{background:#fff;border-radius:18px}th{background:#e9f5f3}tr.highlight{background:#d8eeeb}.result-tag{color:var(--beta)}.kids-result{font-family:Tajawal!important;font-size:64px!important;letter-spacing:0!important}.header-note b{font-weight:700;margin-right:6px}#kidsNote{background:#f0f8f6;padding:12px;border-radius:10px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--beta)}@media(max-width:650px){.header-note{display:block;font-size:12px;line-height:1.8;max-width:105px;text-align:center}.header-note b{display:block;margin:0}.text{font-size:12px}header{gap:10px;padding:16px 20px}.logo-crop{width:85px;height:34px}.logo-crop img{width:100px;height:100px;top:-33px;right:-7px}.calculator{padding:22px}.intro{padding:5px 8px}h1{font-size:38px;line-height:1.4}.fitOptions button{padding:18px 8px}}