.clear-home{--ink:#090b0d;--blue:#0052ff;--muted:#67717e;--ease:cubic-bezier(.2,0,0,1)}
.clear-home *{box-sizing:border-box}.clear-home{scroll-behavior:smooth;scroll-padding-top:28px}.clear-home{margin:0;font-family:Pretendard,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;word-break:keep-all}.clear-home a{color:inherit;text-decoration:none}.clear-home p,.clear-home h1,.clear-home h2,.clear-home h3{margin:0}.clear-home p{line-height:1.65}.clear-home button,.clear-home input{font:inherit}.clear-home button,.clear-home a,.clear-home input{-webkit-tap-highlight-color:transparent}.clear-home button,.clear-home a{touch-action:manipulation}.clear-home button{cursor:pointer;border:0}.clear-home a:focus-visible,.clear-home button:focus-visible,.clear-home summary:focus-visible{outline:3px solid #78aaff;outline-offset:5px}.clear-home .wrap{width:90%;max-width:1320px;margin-inline:auto}.clear-home .dark-top{background:var(--ink);color:#fff}.clear-home .skip-link{position:absolute;left:15px;top:-100px;z-index:10;padding:15px;background:#fff;color:#111}.clear-home .skip-link:focus{top:10px}.clear-home .header{height:clamp(64px,6.18vw,89px);display:flex;align-items:center;gap:60px;border-bottom:1px solid #ffffff11}.clear-home .brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:clamp(17px,1.65vw,23px);font-weight:650;letter-spacing:-.6px}.clear-home .brand-symbol{width:25px;height:29px;border:1px solid #c7cbd2;border-radius:8px;font-weight:400;font-size:21px;display:grid;place-items:center}.clear-home .header nav{display:flex;gap:28px;font-size:12px;color:#bcc3cd}.clear-home .header nav a{min-height:44px;display:flex;align-items:center}.clear-home .pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:14px 26px;border-radius:100px;font-size:14px;font-weight:550;white-space:nowrap;transition:background-color 150ms,transform 150ms var(--ease)}.clear-home .pill>span{font-size:20px;font-weight:400}.clear-home .primary{background:var(--blue);color:#fff}.clear-home .header-cta{margin-left:auto;min-height:44px;font-size:12px;padding:10px 22px;gap:20px}.clear-home .hero{overflow:hidden}.clear-home .hero-scene{position:relative;height:clamp(560px,54.2vw,778px)}.clear-home .hero-copy{position:absolute;z-index:2;top:12%;left:0;width:44%;pointer-events:none}.clear-home .hero-copy>*{pointer-events:auto}.clear-home .eyebrow{font-size:10px;letter-spacing:2px;font-weight:450;color:#596575}.clear-home .hero .eyebrow{font-size:9px;color:#a9b4c3}.clear-home .blue-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#3e7dff;vertical-align:2px;margin-right:9px}.clear-home h1{font-size:clamp(41px,4.4vw,64px);font-weight:460;line-height:1.15;letter-spacing:-2px;margin-top:36px;white-space:nowrap}.clear-home .hero-description{font-size:clamp(13px,1.4vw,19px);font-weight:350;color:#c7cdd6;margin-top:46px}.clear-home .hero-note{display:flex;gap:18px;align-items:flex-start;margin-top:75px}.clear-home .hero-note>span{width:30px;height:1px;background:#7a8593;margin-top:7px}.clear-home .hero-note p{font-size:11px;color:#9ca8b7}.clear-home .hero-colophon{position:absolute;bottom:7.5%;left:0;font-size:8px;letter-spacing:1.7px;line-height:1.7;color:#9ba7b6}.clear-home .stage-form{position:absolute;inset:0;margin:0}.clear-home .product-stage{position:absolute;right:-3%;top:2%;width:67%;height:85%;isolation:isolate}.clear-home .stage-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(27deg,transparent 49.7%,#54647a22 50%,transparent 50.3%),linear-gradient(153deg,transparent 49.7%,#54647a22 50%,transparent 50.3%);background-size:70px 36px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black,transparent);opacity:.75}.clear-home .hero-product{position:absolute;left:0;top:9%;width:91%;height:75%;object-fit:contain;mix-blend-mode:screen;pointer-events:none}.clear-home .dimension-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#1678ff;pointer-events:none}.clear-home .axis{stroke:currentColor;stroke-width:1.15}.clear-home .measure{marker-start:url(#arrow);marker-end:url(#arrow)}.clear-home .extension{stroke-dasharray:none;stroke-width:.8;opacity:.9}.clear-home .dimension-field{position:absolute;z-index:3;width:clamp(108px,10.3vw,148px);color:#d6dce5;font-size:12px}.clear-home .width-field{left:17%;top:75%}.clear-home .length-field{right:3.5%;top:67%}.clear-home .height-field{right:-2%;top:40%}.clear-home .field-label{display:block;margin-bottom:7px;font-size:12px}.clear-home .field-box{display:flex;align-items:center;border:1px solid #3579e7;background:#0b0f14;border-radius:8px;min-height:44px;box-shadow:0 0 0 3px #090b0d66;transition:border-color 150ms,box-shadow 150ms}.clear-home .field-box input{border:0;color:#fff;background:transparent;border-radius:7px;padding:10px 6px 10px 12px;font-size:16px;width:100%;min-width:0;font-variant-numeric:tabular-nums;appearance:textfield;min-height:44px}.clear-home .field-box input::-webkit-inner-spin-button,.clear-home .field-box input::-webkit-outer-spin-button{-webkit-appearance:none}.clear-home .field-box input::placeholder{color:#a6b2c3;font-size:12px}.clear-home .field-box>span{font-size:11px;color:#b8c4d5;padding-right:11px}.clear-home .field-box:focus-within{border-color:#90b8ff;box-shadow:0 0 0 3px #0052ff44}.clear-home .field-box input:focus{outline:2px solid #8bb5ff;outline-offset:-4px}.clear-home .input-error{display:block;margin-top:6px;font-size:11px;line-height:1.4;color:#ffb5ac;background:#090b0d;position:absolute;max-width:180px;padding:3px;border-radius:3px}.clear-home .input-error[hidden]{display:none}.clear-home .field-box:has([aria-invalid=true]){border-color:#ffb5ac}.clear-home .stage-action{position:absolute;left:50%;transform:translateX(-50%);bottom:3.2%;text-align:center}.clear-home .stage-action .pill{min-width:280px;justify-content:space-between}.clear-home .stage-action p{font-size:10px;color:#aeb8c7;margin-top:11px}.clear-home .stage-action #home-size-help{font-size:9px;margin-top:4px;color:#929eaf}.clear-home .product-stage:has(#home-width:focus) .axis-width,.clear-home .product-stage:has(#home-length:focus) .axis-length,.clear-home .product-stage:has(#home-height:focus) .axis-height{stroke:#89baff;stroke-width:1.7}.clear-home .work{padding-top:clamp(72px,7vw,100px)}.clear-home .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:43px}.clear-home h2{font-size:clamp(30px,3vw,43px);line-height:1.22;font-weight:450;letter-spacing:-1.2px}.clear-home .section-heading .eyebrow{margin-bottom:25px}.clear-home .section-description{font-size:13px;color:var(--muted);padding-bottom:2px}.clear-home .text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;color:var(--blue);font-size:12px;font-weight:550}.clear-home .section-description .text-link{margin-top:13px}.clear-home .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.clear-home .product-photo{display:block;position:relative;aspect-ratio:1.66;border-radius:20px;overflow:hidden;outline:1px solid #0000001a;outline-offset:-1px;background:#e8e9eb}.clear-home .product-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}.clear-home .close-up{background:#090b0d}.clear-home .close-up img{object-fit:cover;transform:scale(1.55);object-position:center 55%}.clear-home .concept-label{position:absolute;bottom:17px;left:16px;border-radius:100px;background:#20242c8c;color:#fff;padding:5px 10px;font-size:9px}.clear-home .photo-arrow{position:absolute;right:15px;bottom:15px;border-radius:100%;background:white;color:#13191f;width:37px;height:37px;display:grid;place-items:center;font-size:22px}.clear-home .photo-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px}.clear-home .photo-title h3{font-size:18px;letter-spacing:-.4px;font-weight:570}.clear-home .photo-title>span{font-size:11px;color:#596575}.clear-home .product-grid article>p{font-size:13px;color:var(--muted);margin-top:12px}.clear-home .process{margin-top:38px;border-bottom:1px solid #e7eaf0;color:#6b7582}.clear-home .process summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;list-style:none;padding:10px 0}.clear-home .process summary::-webkit-details-marker{display:none}.clear-home .process-toggle{font-size:19px}.clear-home .process[open] .process-toggle{transform:rotate(45deg)}.clear-home .process ol{list-style:none;padding:20px 0 28px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.clear-home .process b{font-size:11px;font-weight:400}.clear-home .process h3{font-size:15px;color:#18212c;margin:13px 0 9px}.clear-home .process p{font-size:12px}.clear-home .contact{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:86px;padding-bottom:82px}.clear-home .contact .eyebrow{margin-bottom:22px}.clear-home .contact h2{font-size:clamp(29px,3vw,42px)}.clear-home .contact p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:18px}.clear-home .contact-actions{display:flex;align-items:center;flex-direction:column;gap:9px}.clear-home .contact-actions .pill{min-width:230px}.clear-home footer{background:var(--ink);color:#fff;padding-top:34px;padding-bottom:25px}.clear-home .footer-top{display:flex;align-items:center;gap:23px}.clear-home .footer-top .brand{font-size:18px}.clear-home .footer-top>span{font-size:11px;color:#a3adb9}.clear-home .footer-top>a:last-child{margin-left:auto;display:flex;gap:19px;align-items:center;min-height:44px;font-size:11px;color:#bcc5d0}.clear-home .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff13;margin-top:23px;padding-top:19px;font-size:9px;color:#a3aebb}
@media(hover:hover) and (pointer:fine){.clear-home .pill.primary:hover{background:#1645da}.clear-home .pill:active{transform:scale(.96)}.clear-home .text-link:hover{text-decoration:underline;text-underline-offset:4px}.clear-home .product-photo:hover img{transform:scale(1.035)}.clear-home .close-up:hover img{transform:scale(1.58)}}
@media(min-width:1470px){.clear-home .hero-scene{height:778px}.clear-home .hero-note{margin-top:95px}}
@media(max-width:1050px) and (min-width:801px){.clear-home .header{gap:45px}.clear-home .header nav{gap:24px;font-size:11px}.clear-home .hero-copy{top:12%}.clear-home h1{font-size:43px;letter-spacing:-1.8px}.clear-home .hero-description{margin-top:44px;font-size:13px}.clear-home .hero-note{margin-top:72px}.clear-home .dimension-field{width:108px}.clear-home .field-box input{font-size:14px}.clear-home .stage-action .pill{min-width:242px;font-size:12px;min-height:48px}.clear-home .product-stage{height:85%}.clear-home .section-description{font-size:12px}.clear-home .photo-title h3{font-size:16px}}
@media(max-width:800px){.clear-home .wrap{width:calc(100% - 40px)}.clear-home .header{height:72px;gap:12px}.clear-home .header nav{display:none}.clear-home .brand{font-size:17px;gap:7px}.clear-home .brand-symbol{width:21px;height:25px;font-size:18px;border-radius:6px}.clear-home .header-cta{font-size:11px;padding:10px 15px;gap:10px;min-height:42px}.clear-home .hero-scene{height:auto;min-height:0;padding-top:38px;padding-bottom:25px}.clear-home .hero-copy{position:relative;top:auto;width:auto;pointer-events:auto}.clear-home .hero .eyebrow{font-size:8px;letter-spacing:1.5px}.clear-home h1{font-size:clamp(33px,6.5vw,49px);line-height:1.18;margin-top:25px;letter-spacing:-1.5px}.clear-home .hero-description{font-size:14px;margin-top:23px}.clear-home .hero-note{display:none}.clear-home .stage-form{position:relative;inset:auto;margin-top:4px}.clear-home .product-stage{position:relative;inset:auto;width:100%;height:auto;padding-top:77%}.clear-home .hero-product{top:2%;left:-5%;width:100%;height:83%}.clear-home .dimension-lines{height:auto;aspect-ratio:640/530;top:-3%;left:-4%;width:108%}.clear-home .stage-grid{inset:-15% -5% 0}.clear-home .dimension-inputs{position:relative;margin-top:-2%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;z-index:3}.clear-home .dimension-field{position:relative;inset:auto;width:auto}.clear-home .field-label{font-size:12px;margin-bottom:8px}.clear-home .field-box{min-height:46px}.clear-home .field-box input{font-size:16px;padding:10px 6px 10px 10px;min-height:46px}.clear-home .field-box>span{font-size:10px;padding-right:8px}.clear-home .input-error{position:static;font-size:10px;margin-bottom:6px}.clear-home .stage-action{position:relative;inset:auto;transform:none;margin-top:24px}.clear-home .stage-action .pill{width:100%;min-width:0;justify-content:center;gap:32px;font-size:14px;min-height:54px}.clear-home .stage-action p{font-size:10px;margin-top:12px}.clear-home .stage-action #home-size-help{font-size:9px;margin-top:5px}.clear-home .hero-colophon{display:none}.clear-home .reference-cube{opacity:.7}.clear-home .work{padding-top:56px}.clear-home .section-heading{display:block;margin-bottom:27px}.clear-home .section-heading .eyebrow{font-size:9px;margin-bottom:21px}.clear-home h2{font-size:30px;letter-spacing:-1px}.clear-home .section-description{margin-top:23px;font-size:13px}.clear-home .section-description .text-link{margin-top:5px}.clear-home .product-grid{grid-template-columns:1fr;gap:34px}.clear-home .product-photo{border-radius:17px;aspect-ratio:1.5}.clear-home .photo-title{margin-top:18px}.clear-home .photo-title h3{font-size:17px}.clear-home .photo-title>span{font-size:10px}.clear-home .product-grid article>p{font-size:13px;margin-top:10px}.clear-home .process{margin-top:27px}.clear-home .process ol{grid-template-columns:1fr 1fr;gap:22px}.clear-home .contact{display:block;padding-block:55px}.clear-home .contact .eyebrow{font-size:9px}.clear-home .contact h2{font-size:29px}.clear-home .contact p:not(.eyebrow){font-size:13px;line-height:1.7;margin-top:15px}.clear-home .contact-actions{align-items:flex-start;margin-top:26px;gap:6px}.clear-home .contact-actions .pill{min-width:222px;font-size:13px}.clear-home .footer-top{flex-wrap:wrap;gap:5px 15px}.clear-home .footer-top>span{order:3;width:100%;font-size:10px;margin-top:7px}.clear-home .footer-top .brand{font-size:18px}.clear-home .footer-bottom{flex-direction:column;gap:10px;font-size:9px;line-height:1.6}}
@media(max-width:350px){.clear-home .wrap{width:calc(100% - 32px)}.clear-home .header .brand{font-size:15px}.clear-home .header-cta{gap:5px;padding-inline:12px;font-size:10px}.clear-home .dimension-inputs{gap:7px}.clear-home .field-box input{padding-left:8px}.clear-home .field-box>span{padding-right:5px}.clear-home h1{font-size:32px}.clear-home .contact h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.clear-home{scroll-behavior:auto}.clear-home *,.clear-home *::before,.clear-home *::after{transition:none!important;animation:none!important}.clear-home .pill:active{transform:none}.clear-home .product-photo:hover img{transform:none}.clear-home .close-up:hover img{transform:scale(1.55)}}
/* Reference alignment: stronger headline, tighter image and section rhythm. */
@media(min-width:801px){.clear-home h1{font-size:clamp(45px,4.8vw,68px);margin-top:27px}.clear-home .hero-description{margin-top:35px}.clear-home .product-stage{right:-1%;width:69%}.clear-home .width-field{top:70%}.clear-home .length-field{top:61%}.clear-home .height-field{top:34%;right:-1%}.clear-home .stage-action{bottom:3.2%}.clear-home .work .section-heading{margin-bottom:30px}.clear-home .work .section-heading .eyebrow{margin-bottom:20px}.clear-home .process{margin-top:20px}.clear-home .contact{padding-top:58px;padding-bottom:58px}}

/* Ambient motion belongs to the full hero background, never to the product or dimensions. */
.clear-home .hero{position:relative;isolation:isolate}.clear-home .hero-scene{z-index:1}
.clear-home .hero-background-motion{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#090b0d}
.clear-home .background-waves{position:absolute;inset:0;width:100%;height:100%;opacity:.62;mask-image:linear-gradient(180deg,transparent,black 20%,black 87%,transparent)}
.clear-home .wave-ribbon{transform-origin:center;transform-box:fill-box}
.clear-home .background-glow{position:absolute;pointer-events:none;border-radius:50%;opacity:.45}
.clear-home .glow-one{width:100%;height:90%;left:-35%;bottom:-36%;background:radial-gradient(ellipse,#0752c84d,transparent 68%)}
.clear-home .glow-two{width:85%;height:80%;right:-24%;top:-35%;background:radial-gradient(ellipse,#314bcf40,transparent 66%)}
.clear-home .motion-ready .wave-ribbon-one{animation:background-wave-one 14s cubic-bezier(.45,0,.55,1) infinite alternate}
.clear-home .motion-ready .wave-ribbon-two{animation:background-wave-two 19s cubic-bezier(.45,0,.55,1) infinite alternate}
.clear-home .motion-ready .glow-one{animation:background-glow-one 16s ease-in-out infinite alternate}
.clear-home .motion-ready .glow-two{animation:background-glow-two 20s ease-in-out infinite alternate}
@keyframes background-wave-one{from{transform:translate(-45px,24px) rotate(-3deg);opacity:.55}to{transform:translate(45px,-35px) rotate(3deg);opacity:1}}
@keyframes background-wave-two{from{transform:translate(55px,-20px) rotate(2deg);opacity:.3}to{transform:translate(-35px,45px) rotate(-2deg);opacity:.7}}
@keyframes background-glow-one{from{transform:translate(-4%,8%) scale(.95);opacity:.45}to{transform:translate(15%,-8%) scale(1.1);opacity:.85}}
@keyframes background-glow-two{from{transform:translate(5%,-5%);opacity:.35}to{transform:translate(-15%,18%);opacity:.7}}
.clear-home .hero.motion-offscreen .hero-background-motion *, .clear-home .hero.motion-hidden .hero-background-motion *{animation-play-state:paused!important}
@media(max-width:800px){.clear-home .background-waves{opacity:.5}}
@media(prefers-reduced-motion:reduce){.clear-home .hero-background-motion *{animation:none!important}.clear-home .background-waves{opacity:.3}}

/* All additions are scoped to the existing dimension service. */
.clear-home #dimension-form .ratio-stage{right:0;top:7%;width:56%;height:77%;display:flex;flex-direction:column;padding:0;isolation:isolate}
.clear-home .type-row{display:flex;gap:12px;align-items:center;font-size:11px;color:#bfcbdb}.clear-home .type-row select{background:#101820;color:#e6efff;border:1px solid #3a4a60;border-radius:7px;padding:10px 30px 10px 12px;font:inherit;min-height:40px;max-width:190px}.clear-home .type-row>span{margin-left:auto;font-size:10px;color:#9dabbd}.clear-home .ratio-visual{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;margin-top:17px;border-radius:18px;background:radial-gradient(ellipse at 50% 70%,#17366355,transparent 70%);overflow:hidden}.clear-home .visual-caption{display:flex;justify-content:space-between;font-size:8px;color:#92a5c0;letter-spacing:1.5px;padding:15px 18px 0}.clear-home .visual-caption>span:first-child{color:#c6d9f6}.clear-home #tray-visual{display:block;width:100%;flex:1;min-height:0;color:#7ea6e2;overflow:hidden}.clear-home #tray-shape{stroke:#c6dfff;stroke-width:1.2;stroke-linejoin:round;fill:none}.clear-home .tray-floor{fill:url(#tray-glass)}.clear-home .tray-wall{fill:url(#tray-wall)}.clear-home .tray-rim{fill:#b8d6ff25;stroke:#e0edff;stroke-width:1.4}.clear-home .tray-detail{stroke:#adcffb;opacity:.45;stroke-width:.7}.clear-home .tray-hidden{stroke-dasharray:4 5;opacity:.35}.clear-home .drawing-grid{display:none}.clear-home #tray-measures{stroke:#4c8aff;stroke-width:1;fill:none}.clear-home #tray-measures text{fill:#c1d7ff;stroke:none;font-size:12px;font-family:Pretendard,Arial,sans-serif;text-anchor:middle;paint-order:stroke;letter-spacing:.1px}.clear-home .measure-tick{opacity:.8}.clear-home #ratio-status{font-size:10px;color:#a9bad1;text-align:center;min-height:27px;padding:0 8px 9px;line-height:1.6}.clear-home #dimension-form .dimension-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px;position:relative}.clear-home #dimension-form .dimension-field{position:relative;inset:auto;width:auto}.clear-home #dimension-form .field-label{display:flex;justify-content:space-between;align-items:center}.clear-home .axis-letter{font-size:9px;color:#8ba9d8}.clear-home #dimension-form .field-box{background:#101722;border-color:#3d577c;box-shadow:none}.clear-home #dimension-form .field-box input{font-size:19px}.clear-home #dimension-form .input-error{position:static;font-size:10px;background:transparent;min-height:14px}.clear-home .ratio-help{font-size:10px;color:#a6b4c8;text-align:center;margin-top:12px!important}.clear-home #dimension-form:has(#home-width:focus) [data-axis=width],.clear-home #dimension-form:has(#home-length:focus) [data-axis=length],.clear-home #dimension-form:has(#home-height:focus) [data-axis=height]{stroke-width:2.2}
@media(min-width:801px) and (max-width:1100px){.clear-home #dimension-form .ratio-stage{width:54%;height:79%;top:5%}.clear-home .type-row{gap:8px}.clear-home .type-row>span{font-size:9px}.clear-home .visual-caption{font-size:7px}.clear-home .ratio-help{font-size:9px}}
@media(max-width:800px){.clear-home #dimension-form .ratio-stage{position:relative;inset:auto;width:100%;height:auto;padding:0;display:flex;margin-top:28px}.clear-home .type-row{font-size:10px;gap:8px}.clear-home .type-row select{padding:9px;max-width:155px}.clear-home .type-row>span{font-size:9px}.clear-home .ratio-visual{flex:none;height:300px;margin-top:13px}.clear-home .visual-caption{font-size:7px;padding-inline:12px}.clear-home #dimension-form .dimension-inputs{gap:10px;margin-top:16px}.clear-home .ratio-help{font-size:9px}.clear-home #ratio-status{font-size:9px}.clear-home #dimension-form .field-box input{font-size:18px}}
@media(prefers-reduced-motion:reduce){}@media(max-width:500px){}
@media(min-width:801px) and (max-width:1100px){.clear-home #dimension-form .ratio-stage{height:74%}}
/* Shared application chrome keeps its original styling outside the home route. */
.clear-home{--ink:#090b0d;--blue:#0052ff;--muted:#67717e;--ease:cubic-bezier(.2,0,0,1);display:block;padding:0;margin:0;max-width:none;background:white}
.clear-home[hidden]{display:none!important}.clear-home .header{position:relative;inset:auto;background:transparent;box-shadow:none;padding:0;max-width:1320px}.clear-home .header nav{margin:0}.clear-home .header .quote-tooltip-wrap{margin-left:auto}.clear-home .header .brand img{width:30px;height:25px;object-fit:contain}.clear-home .hero{display:block;padding:0;margin:0;border:0;border-radius:0;min-height:0;background:#090b0d}.clear-home .hero-copy{max-width:none;text-align:left}.clear-home .hero-copy h1{display:block;color:white;max-width:none}.clear-home .hero-copy h1 br{display:initial}.clear-home .work{padding-bottom:0}.clear-home .section-heading{display:flex}.clear-home .process{padding:0;background:none;border-radius:0}.clear-home .contact{border:0;border-radius:0;background:none}.clear-home .home-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.clear-home .case{border:0;background:white;box-shadow:none;border-radius:0;overflow:visible}.clear-home .case-media{display:block;aspect-ratio:1.66;border-radius:20px;overflow:hidden;background:#e8e9eb}.clear-home .case-media img{width:100%;height:100%;object-fit:cover}.clear-home .case-text{padding:20px 0 0}.clear-home .case-text strong{display:block;font-size:18px;margin:8px 0}.clear-home .case-text p{font-size:13px;color:#67717e}.clear-home .case>.text-link{margin:0}.clear-home .brand{color:white}.clear-home .ratio-stage select{width:auto}.clear-home .visual-caption{padding-top:15px}.clear-home .ratio-stage{padding-top:50px!important}
body:has(.clear-home:not([hidden]))>footer{background:#090b0d;color:white;border:0;padding:34px 0 25px}body:has(.clear-home:not([hidden]))>footer .brand,body:has(.clear-home:not([hidden]))>footer .text-link{color:white}body:has(.clear-home:not([hidden]))>footer p,body:has(.clear-home:not([hidden]))>footer .footer-bottom{color:#a3adb9}body:has(.clear-home:not([hidden]))>footer .container{width:90%;max-width:1320px}
@media(max-width:800px){.clear-home .section-heading{display:block}.clear-home .home-example-grid{grid-template-columns:1fr}.clear-home .ratio-stage{padding-top:0!important}.clear-home .header .quote-tooltip-wrap{width:auto}.clear-home .hero-copy h1{font-size:clamp(33px,6.5vw,49px)}}
.clear-home #dimension-form .field-box input{background:transparent;color:white;border:0;box-shadow:none;font-size:19px;font-weight:400;padding:10px 6px 10px 12px;min-height:44px;margin:0;border-radius:7px;line-height:normal}.clear-home .header .quote-tooltip{left:auto;right:0;transform:none;max-width:250px;white-space:normal}.clear-home .hero-copy h1{font-weight:460;letter-spacing:-2px;line-height:1.15}.clear-home .hero-description{letter-spacing:0}.clear-home p{letter-spacing:normal}.clear-home .hero .eyebrow{letter-spacing:2px}
.clear-home .header .brand img{}
body:has(.clear-home:not([hidden]))>footer .brand img{}
/* A flat flange surrounds one recessed, product-shaped pocket. */
.clear-home #tray-shape .formed-wall{stroke:none}
.clear-home #tray-shape .formed-floor{fill:url(#tray-glass);stroke:#b8d6ee;stroke-width:1.05}
.clear-home #tray-shape .formed-flange{fill:url(#tray-glass);stroke:none}
.clear-home #tray-shape .formed-edge{stroke:#e8f3ff;stroke-width:1.8;fill:none}
.clear-home #tray-shape .formed-lip{stroke:#a9c5e4;stroke-width:.75;opacity:.7;fill:none}
.clear-home #tray-shape .formed-opening{stroke:#e3f1ff;stroke-width:1.7;fill:none}
.clear-home #tray-shape .formed-bottom{stroke:#bbd9f4;stroke-width:1;fill:none}
.clear-home #tray-shape .formed-rib{stroke:#e0eeff;stroke-width:1.6;opacity:.48;fill:none;stroke-linecap:round}
/* Formed walls roll into a shallow floor inside the complete tray body. */
.clear-home #tray-shape .formed-wall,.clear-home #tray-shape .formed-outer-wall{stroke:none}
.clear-home #tray-shape .formed-floor{fill:#a7c3df30;stroke:none}
.clear-home #tray-shape .formed-flange{fill:#c6dbef24;stroke:none}
.clear-home #tray-shape .formed-base-edge{stroke:#9cb8d3;stroke-width:1;opacity:.55;fill:none}
.clear-home #tray-shape .formed-edge{stroke:#e8f1f9;stroke-width:1.6}
.clear-home #tray-shape .formed-opening{stroke:#f4f8ff;stroke-width:1.4}
.clear-home #tray-shape .formed-inlet{stroke:#d9e8f5;stroke-width:.8;opacity:.65;fill:none}
.clear-home #tray-shape .formed-foot{stroke:#bbd1e5;stroke-width:.7;opacity:.45;fill:none}
.clear-home #tray-shape .formed-rib{stroke:#d9e8f5;stroke-width:1;opacity:.38}
.clear-home #tray-shape .formed-pocket{filter:none}

.clear-home #tray-measures .dimension-witness{stroke-dasharray:2 3;opacity:.5;stroke-width:.75}
.clear-home #tray-measures .dimension-rule{stroke-width:1}
.clear-home #tray-measures .dimension-tick{stroke-width:1.1}
.clear-home #tray-measures text{paint-order:stroke;stroke:#090b0d;stroke-width:3px;stroke-linejoin:round;fill:#bed5ff;font-size:12px}
.clear-home .visual-caption{justify-content:flex-end}
.clear-home #ratio-status[hidden]{display:none}
/* Keep the graphic's drawing area stable when valid-state helper text disappears. */
.clear-home #ratio-status[hidden]{display:block;visibility:hidden}
/* Dimension lettering shares the ground/side plane's affine projection. */
.clear-home #tray-measures text{font-size:17px;stroke-width:2px;letter-spacing:.1px}
@media(max-width:800px){.clear-home #tray-measures text{font-size:19px}}
/* Use the existing shared navigation on every route, with the approved home surface. */
body:has(.clear-home:not([hidden]))>.header{display:block;position:relative;top:auto;background:#090b0d;border:0;box-shadow:none;backdrop-filter:none}
body:has(.clear-home:not([hidden]))>.header .header-inner{width:90%;max-width:1320px;height:clamp(72px,6.18vw,89px);margin:auto;border-bottom:1px solid #ffffff11;gap:30px}
body:has(.clear-home:not([hidden]))>.header .brand{color:white;font-size:21px;letter-spacing:-.6px;gap:10px}
body:has(.clear-home:not([hidden]))>.header #navigation{gap:25px;margin-left:20px}
body:has(.clear-home:not([hidden]))>.header #navigation a{color:#bcc3cd;font-size:12px}
body:has(.clear-home:not([hidden]))>.header #navigation a[aria-current=page]{color:white}
body:has(.clear-home:not([hidden]))>.header .quote-tooltip-wrap{margin-left:auto}
body:has(.clear-home:not([hidden]))>.header .header-cta{border-radius:100px;background:#0052ff;color:white;min-height:44px;padding:10px 22px;font-size:12px}
body:has(.clear-home:not([hidden]))>.header .quote-tooltip{left:auto;right:0;transform:none;max-width:250px;white-space:normal}
body:has(.clear-home:not([hidden]))>.header .brand img,body:has(.clear-home:not([hidden]))>footer .brand img{filter:none;object-fit:contain;background:white;padding:5px;border-radius:6px;box-sizing:content-box;width:52px;height:auto;max-height:none}
body>.header .brand img,body>footer .brand img{object-fit:contain;height:auto;aspect-ratio:950/499}
@media(max-width:800px){body:has(.clear-home:not([hidden]))>.header .header-inner{width:calc(100% - 40px);height:72px;gap:10px}body:has(.clear-home:not([hidden]))>.header .brand{font-size:17px}body:has(.clear-home:not([hidden]))>.header .brand img{width:42px;padding:4px}body:has(.clear-home:not([hidden]))>.header #navigation{margin:0;gap:0;background:#111b29;border:1px solid #2b3b51;left:20px;right:20px;width:auto;top:66px;border-radius:12px}body:has(.clear-home:not([hidden]))>.header #navigation a{padding:14px 18px;font-size:14px}body:has(.clear-home:not([hidden]))>.header .menu-toggle{background:#172538;color:#e9f1ff;margin-left:auto}body:has(.clear-home:not([hidden]))>.header .quote-tooltip-wrap{display:none}}
body>.header .quote-tooltip{left:auto;right:0;transform:none;max-width:min(250px,calc(100vw - 40px));white-space:normal}
@media(max-width:1100px){body>.header .quote-tooltip-wrap{display:none}}
/* Published case photos must size from the home column, not the old fixed media height. */
.clear-home .home-example-grid .case-media{width:100%;height:auto;min-width:0;aspect-ratio:1.66}
.clear-home .home-example-grid .case-media img{padding:0;mix-blend-mode:normal}
/* Local clamshell study, within the existing home preview. */
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls)[hidden]{display:none}
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls){margin:-8px 0 12px;color:#c4d3e4}
.clear-home .fold-row{display:flex;align-items:center;gap:8px}
.clear-home .fold-row button{min-height:36px;padding:6px 12px;border:1px solid #ffffff30;border-radius:8px;background:#162538;color:#e5effa;font:inherit;font-size:12px;cursor:pointer}
.clear-home .fold-row input{flex:1;min-width:0;width:60px;accent-color:#79b8ff;margin:0}
.clear-home .fold-row output{width:62px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.clear-home #tray-shape .shell-sheet{fill:#b1d3f514;stroke:none}
.clear-home #tray-shape .shell-lid{fill:#c8e6ff22;stroke:none}
.clear-home #tray-shape .shell-rim{fill:#9fc6ec35;stroke:none}
.clear-home #tray-shape .shell-floor{fill:#839db965;stroke:none}
.clear-home #tray-shape .shell-pocket-wall{fill:#657c94b0;stroke:none}
.clear-home #tray-shape .shell-hinge{fill:#bddaf04d;stroke:none}
.clear-home #tray-shape .shell-fold-line{fill:none;stroke:#c5e3ff;stroke-width:1;stroke-dasharray:none}
.clear-home #tray-shape .shell-rib{fill:#cae1fa30;stroke:none}
.clear-home #tray-shape .shell-hole{fill:#101a28;stroke:none}
.clear-home .fold-row input[type=range]{height:36px;min-height:36px;padding:0;border:0;box-shadow:none;background:transparent}
.clear-home .fold-row button{min-height:44px}

/* Keep the caption with the type selector and draw crisp device-pixel contours. */
.clear-home .type-row{align-items:flex-start;flex-wrap:wrap}
.clear-home .type-row>label{padding-top:12px}
.clear-home .preview-heading{margin-left:auto;text-align:right;padding-top:2px}
.clear-home .preview-heading strong{display:block;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:1px;color:#d8e7fa}
.clear-home .preview-heading p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#c0cddd;letter-spacing:0}
.clear-home #tray-shape{shape-rendering:geometricPrecision}
.clear-home #tray-shape[data-packaging=clamshell] path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.clear-home #tray-shape[data-packaging=clamshell] .formed-edge{stroke-width:1.4;stroke:#e8f3ff}
.clear-home #tray-shape[data-packaging=clamshell] .formed-opening{stroke-width:1.2;stroke:#e8f3ff}
.clear-home #tray-shape[data-packaging=clamshell] .formed-lip{stroke-width:1;stroke:#a9c5df;opacity:1}
.clear-home #tray-shape[data-packaging=clamshell] .formed-foot{stroke-width:1;stroke:#94b1cb;opacity:1}
@media(max-width:600px){.clear-home .preview-heading{flex-basis:100%;padding-top:6px}.clear-home .preview-heading strong{font-size:13px;letter-spacing:.7px}.clear-home .preview-heading p{font-size:13px}}

/* Blister: a low flat flange and a single raised, transparent bottle cover. */
.clear-home #tray-shape[data-packaging=blister] path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.clear-home #tray-shape .blister-flange{fill:#c6dbef24;stroke:none}
.clear-home #tray-shape[data-packaging=blister] .formed-edge{stroke:#d9eaf8;stroke-width:1.2}
.clear-home #tray-shape[data-packaging=blister] .formed-opening{stroke:#edf7ff;stroke-width:1.4}
.clear-home #tray-shape .blister-foot{fill:none;stroke:#9dbbd4;stroke-width:1}

.clear-home #tray-shape .blister-wall{stroke:none}

.clear-home #tray-shape .blister-outline{stroke:none}

/* Sparse surface cues share the existing glass palette and reveal the rising shell. */
.clear-home #tray-shape .blister-side-light{fill:#779ab526;stroke:none}
.clear-home #tray-shape .blister-upper-light{fill:#dfedfa14;stroke:none}
.clear-home #tray-shape .blister-section{fill:none;stroke:#c8ddef;stroke-width:1;opacity:.62}

/* All four native buttons stay visible; selection never depends on scrolling. */
.clear-home .packaging-picker{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.clear-home #packaging-type-label{font-size:12px;color:#bfcbdb}
.clear-home #packaging-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.clear-home #packaging-buttons button{min-height:44px;padding:9px 11px;border:1px solid #ffffff26;border-radius:8px;background:#101923;color:#c3d0df;font:inherit;font-size:12px;white-space:nowrap;transition:background-color 150ms,color 150ms,transform 150ms cubic-bezier(.2,0,0,1)}
.clear-home #packaging-buttons [aria-pressed=true]{background:#2359a1;color:white;border-color:#91b6ed}
.clear-home #packaging-buttons button:active{transform:scale(.96)}
.clear-home #packaging-buttons button:focus-visible{outline:2px solid #b7d6ff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.clear-home #packaging-buttons button:hover{background:#233d5f}}
@media(max-width:800px){.clear-home .packaging-picker,.clear-home #packaging-buttons{width:100%}.clear-home #packaging-buttons button{padding-inline:5px}}
.clear-home .preview-drawing{display:flex;flex:1;min-height:0;min-width:0;gap:8px}
.clear-home .preview-drawing #tray-visual{width:0;min-width:0;height:100%;flex:1}
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls){margin:0;flex:0 0 52px;display:flex;align-items:stretch;padding:12px 0}
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls)[hidden]{display:none}
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls) .fold-row{flex-direction:column;gap:6px;width:100%}
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls) .fold-row button{min-height:36px;width:48px;padding:5px;font-size:11px}
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls) .fold-row input[type=range]{writing-mode:vertical-lr;direction:ltr;appearance:auto;width:36px;min-width:36px;height:0;min-height:80px;flex:1;margin:0}
.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls) .fold-row output{width:52px;min-height:18px;font-size:11px;text-align:center;white-space:nowrap}
@media(min-width:801px){.clear-home #dimension-form .ratio-stage{height:83%;top:3%;padding-top:25px!important}.clear-home .ratio-visual{margin-top:6px}.clear-home .is-clamshell .preview-drawing{margin-left:-20px}}
@media(max-width:800px){.clear-home .is-clamshell .ratio-visual{height:360px}.clear-home :is(#clamshell-controls,#slide-controls,#blister-controls){padding:20px 0}}
@media(max-width:600px){.clear-home .packaging-picker{min-width:220px}.clear-home .type-row .preview-heading{padding-top:0;margin-top:-5px}}

/* The zoom is part of the same drawing, linked to the actual rear return. */
.clear-home #tray-shape .slide-paper{fill:#dce7f224;stroke:#adc4d9;stroke-width:.7}
.clear-home #tray-shape .slide-return{fill:#a9c9e53b;stroke:none}
.clear-home #tray-shape .slide-fold-edge{fill:none;stroke:#b5cce0;stroke-width:.85}
.clear-home #tray-shape .slide-leader{fill:none;stroke:#8fb9ed;stroke-width:1.1}
.clear-home #tray-shape .slide-anchor{fill:#0c1726;stroke:#c5dcf5;stroke-width:1.2}
.clear-home #tray-shape .slide-detail-panel{fill:#0b1623;fill-opacity:.96;stroke:#7995b45e;stroke-width:1}
.clear-home #tray-shape .slide-detail-title{fill:#e8f1f9;font-size:14px;font-weight:500;letter-spacing:0}
.clear-home #tray-shape .slide-detail-caption{fill:#adbed0;font-size:11px;letter-spacing:0}
.clear-home #tray-shape .slide-detail-plastic{fill:none;stroke:#bcd6eb;stroke-width:5}
.clear-home #tray-shape .slide-detail-plastic-inner{fill:none;stroke:#37516b;stroke-width:2.5}
.clear-home #tray-shape .slide-detail-paper{fill:#d8e0e8;fill-opacity:.75;stroke:#e8f0f7;stroke-width:.6}
.clear-home #tray-shape .slide-paper-arrow{fill:none;stroke:#adbed0;stroke-width:1}
@media(max-width:800px){.clear-home .is-slide .ratio-visual{height:480px}}

/* One illustration palette for tray, clamshell, blister and slide. */
.clear-home .ratio-stage{--pack-edge:#e8f1f9;--pack-inner:#aac4da;--pack-flat:#c6dbef24;--pack-side:#8eaec638;--pack-floor:#a7c3df28;--pack-detail:#c8ddef}
.clear-home #tray-shape path,.clear-home #tray-shape polygon{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.clear-home #tray-shape[data-packaging] .formed-edge{fill:none;stroke:var(--pack-edge);stroke-width:1.3}
.clear-home #tray-shape[data-packaging] .formed-opening{fill:none;stroke:var(--pack-edge);stroke-width:1.2}
.clear-home #tray-shape[data-packaging] .formed-lip,.clear-home #tray-shape[data-packaging] .formed-foot,.clear-home #tray-shape .blister-foot,.clear-home #tray-shape .slide-fold-edge{fill:none;stroke:var(--pack-inner);stroke-width:.9;opacity:.8}
.clear-home #tray-shape .formed-flange,.clear-home #tray-shape .blister-flange,.clear-home #tray-shape .shell-sheet,.clear-home #tray-shape .shell-lid{fill:var(--pack-flat);stroke:none}
.clear-home #tray-shape .formed-wall,.clear-home #tray-shape .formed-outer-wall,.clear-home #tray-shape .shell-pocket-wall,.clear-home #tray-shape .shell-rim,.clear-home #tray-shape .slide-return{fill:var(--pack-side);stroke:none}
.clear-home #tray-shape .formed-floor,.clear-home #tray-shape .shell-floor{fill:var(--pack-floor);stroke:none}
.clear-home #tray-shape .surface-back{opacity:.7}
.clear-home #tray-shape .formed-rib,.clear-home #tray-shape .blister-section{stroke:var(--pack-detail);stroke-width:.9;opacity:.55}
.clear-home #tray-shape .shell-hinge,.clear-home #tray-shape .shell-rib{fill:var(--pack-side)}

.clear-home #tray-shape .slide-detail text,.clear-home #tray-shape .slide-entry text{stroke:none;paint-order:normal}
.clear-home #tray-shape .slide-entry text{fill:#c3d4e5;font-size:11px;letter-spacing:0}

.clear-home #tray-shape .slide-paper{fill:#dce7f2;fill-opacity:.32;stroke:#d9e7f4;stroke-width:.9}
@media(max-width:800px){
  .clear-home .is-slide .preview-drawing{overflow:hidden}
  .clear-home .is-slide #tray-visual{overflow:visible}
  .clear-home .is-slide #slide-controls{padding-top:270px}
}

/* Restore the original headline wave without replaying its entrance animation. */
.clear-home .hero-copy .headline-primary{display:block;font-size:clamp(25px,2.8vw,40px);line-height:1.35;font-weight:650;letter-spacing:-1.2px;opacity:1;transform:none;color:transparent}
.clear-home .hero-copy .headline-primary .accent-static{color:inherit;background:none}
.clear-home .motion-ready .headline-primary{animation:gradient-wave 12s linear infinite}
.clear-home .hero-copy .hero-second{display:block;font-size:clamp(25px,2.8vw,39px);line-height:1.35;margin-top:22px;color:#f1f5fa;opacity:1;transform:none;animation:none;letter-spacing:-1.3px}
.clear-home .hero.motion-hidden .headline-primary,.clear-home .hero.motion-offscreen .headline-primary{animation-play-state:paused}
.clear-home .home-example-grid .case-media img{object-fit:contain;transform:none;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}
.clear-home .home-example-grid .case-open:hover img{transform:none}
.clear-home #tray-shape .blister-paper{fill:#365574;stroke:#92acc7;stroke-width:1}
.clear-home #tray-shape .blister-seal{fill:#92caff;stroke:#cae6ff;stroke-width:.7}
.clear-home #tray-shape .blister-press path{fill:#708aa7bb;stroke:#d5e6f8;stroke-width:1.3}
@media(prefers-reduced-motion:reduce){.clear-home .hero-copy .headline-primary{animation:none}.clear-home #packaging-buttons button{transition:none}}
.clear-home .hero-copy h1{white-space:normal}
.clear-home .hero-copy .headline-primary{max-width:none;font-size:clamp(23px,2.1vw,30px)}
@media(max-width:800px){.clear-home .hero-copy .hero-second{font-size:32px}.clear-home .hero-copy .headline-primary{font-size:23px}}

.clear-home #tray-shape .blister-seal-label path{fill:none;stroke:#9ed0ff;stroke-width:1.2}
.clear-home #tray-shape .blister-seal-label circle{fill:#9ed0ff;stroke:none}
.clear-home #tray-shape .blister-seal-label text{fill:#c8e3ff;stroke:none;paint-order:normal;font-size:20px;font-weight:500;letter-spacing:0}
@media(max-width:800px){.clear-home #tray-shape .blister-seal-label text{font-size:28px}}