/* Authoritative identity: supplied Cabine design system and ivory silk haze. */
@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --paper:#FAFAF7;--pure:#FFFFFF;--ink:#1A1A1A;--secondary:#9A9A9A;--gray:#696D76;
 --line:#CCD2DC;--wine:#1A1A1A;--sage:#E9ECEF;--silver:#CBD8F1;
 --mist:#CBD8F1;--lilac:#D5CFF1;--blush:#F7E1DB;--peach:#F7E1DB;--butter:#FFF3DB;
 --sans:Inter,Helvetica,Arial,sans-serif;--serif:Inter,Helvetica,Arial,sans-serif;--hand:Inter,Helvetica,Arial,sans-serif;
 --silk:url('assets/brand/ivory-silk-haze.png');
}
body{font-family:var(--sans);background:var(--paper);color:var(--ink)}
h1,h2,h3{font-family:var(--sans);font-weight:500;font-style:normal;letter-spacing:-.05em}
.serif,.handwritten{font-family:var(--sans);font-style:normal;font-weight:400;color:var(--ink);transform:none!important}
.brand-wordmark{position:relative;display:block;width:165px;aspect-ratio:3;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}
.brand-wordmark img{position:absolute;width:150%;max-width:none;height:auto;left:-25%;top:55%;transform:translateY(-50%);margin:0;padding:0;background:transparent}
.site-header{height:96px;border-bottom:1px solid #BBC5D855}
.site-header nav{font-size:12px;letter-spacing:0;text-transform:none;gap:28px}
.nav-install{border:1px solid #BDC7D8;padding:11px 17px;border-radius:30px;background:#FAFAF780}
.site-header nav a:hover{color:#35415A}
.eyebrow{color:#68758C;letter-spacing:1.8px;font-size:10px;font-weight:500}
.button{background:var(--silver);border:1px solid transparent;color:#27344B;border-radius:100px;padding:17px 23px;font-size:12px;font-weight:600;letter-spacing:.35px;transition:background .2s,box-shadow .2s}
.button:hover{background:#DFE8F7;border-color:transparent;box-shadow:0 4px 16px #CBD8F133}
.button:active{background:#BDCBE3;box-shadow:none}
.button svg{width:17px;height:17px;stroke-width:1.5}
.text-link{font-size:12px;color:#35415A;border:1px solid #C3CBD9;border-radius:100px;background:#FFFFFF80;padding:15px 20px;display:inline-flex;align-items:center;gap:12px;transition:background .2s,border-color .2s}
.text-link:hover{background:#EDF1F7;border-color:#B8C5DB;color:#27344B}
.text-link:active{background:#DCE5F2}
a:focus-visible,button:focus-visible{outline:2px solid #657C9E;outline-offset:4px}
.hero{position:relative;isolation:isolate;grid-template-columns:47% 53%;padding-top:52px;padding-bottom:72px;min-height:calc(100svh - 96px);max-height:none;align-items:center}
.hero::before{content:'';position:absolute;z-index:-1;left:50%;top:-96px;bottom:0;width:100vw;transform:translateX(-50%);background:var(--silk) center/cover no-repeat;opacity:.9;pointer-events:none}
.hero-copy{padding-right:32px}
.hero-copy>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:25px;color:#68758C}
.hero h1{font-family:var(--sans);font-size:clamp(46px,4vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.06em;margin-bottom:27px}
.hero h1>span{display:block;font-family:var(--sans);font-size:1em;font-style:normal;font-weight:400;letter-spacing:inherit;line-height:1.12;margin-top:3px;white-space:normal}
.hero-insight{font-size:14px;line-height:1.6;font-weight:400;color:var(--gray);margin:0 0 28px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-actions .text-link{margin:0;font-size:11px;padding:16px 19px;white-space:nowrap}
.hero-proof{padding-left:20px}
.demo-frame{border:1px solid #CDD4E0;border-radius:14px;background:#E9ECEF;box-shadow:0 12px 36px #536A8D09}
.demo-video-layer{background:#E9ECEF}
.intro-controls button{border:1px solid #C6CEDB;border-radius:30px;background:#FAFAF7ED;color:#35415A;font-size:10px;padding:8px 12px}
.intro-controls button:hover{background:#E7EDF7}
.proof-footer{color:#7C8490;margin-top:14px}.proof-footer>span:first-child{font-size:8px;letter-spacing:1.3px}
h2{font-size:clamp(48px,5.2vw,76px);line-height:1.08;letter-spacing:-.05em}
.problem{padding-top:120px;padding-bottom:120px}
.problem h2{font-family:var(--sans);font-size:clamp(48px,5.2vw,76px);letter-spacing:-.05em;margin:28px 0}
.problem-question{font-size:20px;line-height:1.65;color:var(--gray)}
.problem-bottom{border-color:var(--line);padding-top:34px}
.problem-bottom h3{font-family:var(--sans);font-size:34px;letter-spacing:-.04em;line-height:1.2;font-weight:500}
.problem-bottom>p{font-size:16px;line-height:1.8;color:var(--gray)}
.photo-mat,.wardrobe-piece{background:#FFFFFFC9;border:1px solid #E0E4EA;box-shadow:0 6px 24px #596A8705;border-radius:8px;padding:12px}
.retail-photo{border:0;padding:0;transform:none}.retail-photo img{border-radius:8px}
.section-heading h2{font-family:var(--sans);font-size:clamp(48px,5.5vw,80px);letter-spacing:-.05em}
.step-copy h3{font-family:var(--sans);font-size:clamp(40px,4.2vw,60px);font-weight:500;letter-spacing:-.05em;line-height:1.12}
.step-copy p{font-size:17px;line-height:1.75;color:var(--gray)}
.product-ui,.capture-panel{background:#FAFAF7;border:1px solid #CCD4E1;border-radius:12px;box-shadow:0 12px 35px #54678408}
.ui-wordmark.brand-wordmark{width:110px;margin:0}.phone .ui-wordmark.brand-wordmark{width:78px}
.capture-panel img:not(.brand-wordmark img){background:#E9ECEF;border-radius:5px}
.ui-confirmation{background:#E6EDF8;color:#3B4A62;border-radius:30px}
.closet-section{position:relative;isolation:isolate;background:#F3F4F5;padding-top:100px;padding-bottom:105px}
.closet-section::before{content:'';position:absolute;inset:0;background:var(--silk) center/cover;opacity:.25;z-index:-1}
.closet-heading h2{font-family:var(--sans);font-size:clamp(48px,5.4vw,78px);letter-spacing:-.05em}
.closet-heading>p{font-size:17px;color:var(--gray);line-height:1.75}
.five-note{font-size:22px;letter-spacing:-.025em;color:#637590}.five-note>.mark{display:none}
.wardrobe-piece figcaption{font-size:11px;color:#707987}.owned-top,.owned-bottom{transform:none}
.phone{background:#FAFAF7;border-color:#434F61;border-radius:20px;box-shadow:0 12px 30px #536A8D0B}
.phone-setup p{font-family:var(--sans);font-size:22px;line-height:1.6;font-weight:400;letter-spacing:-.03em}
.difference h2{font-family:var(--sans);font-size:clamp(50px,6vw,86px);letter-spacing:-.05em;font-weight:500}
.difference h2>.serif{font-family:var(--sans);font-size:1em;font-weight:400;font-style:normal;letter-spacing:inherit;color:#607696}
.difference>p{font-size:17px;line-height:1.8;color:var(--gray)}
.combination-strip figcaption{font-size:10px;color:#707987;letter-spacing:.2px}
.decision-copy h2{font-family:var(--sans);font-size:clamp(48px,5vw,72px);letter-spacing:-.05em;line-height:1.1}
.result-context{font-size:17px;color:var(--gray);line-height:1.8}
.product-principle{font-family:var(--sans);font-size:23px;font-weight:500;letter-spacing:-.035em;color:#39485F}
.vision{position:relative;isolation:isolate;padding-top:100px;padding-bottom:110px;margin-bottom:65px}
.vision::before{background:var(--silk) center/cover no-repeat}
.vision h2{font-family:var(--sans);font-size:clamp(48px,5.6vw,82px);letter-spacing:-.05em;line-height:1.1}
.vision>p{font-family:var(--sans);font-size:18px;line-height:1.7;color:var(--gray)}
.vision-line{font-family:var(--sans);font-size:clamp(32px,3.6vw,52px);letter-spacing:-.045em;font-weight:500}
.vision-line>span{font-family:var(--sans);font-size:inherit;font-style:normal;font-weight:400;color:#607696}
.paper-panel{position:relative;background:var(--silk) center/cover;border:1px solid #D7DEE8;border-radius:18px;padding:65px}
.paper-panel h2{font-family:var(--sans);font-size:clamp(54px,6.5vw,94px);letter-spacing:-.055em;line-height:1.05;margin-top:55px;font-weight:500}
.paper-panel h2>span{font-family:var(--sans);font-style:normal;font-weight:400;color:#607696}
.paper-panel>p{font-size:17px;line-height:1.8;color:var(--gray)}
.paper-panel>.handwritten{position:static;display:block;font-family:var(--sans);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#68758C;margin-top:28px}
.closing-monogram{display:block;position:absolute;right:55px;top:45px;width:58px;height:58px}.closing-monogram img{width:100%;height:100%}
.closing-actions{justify-content:flex-start;gap:16px}
footer{align-items:center;gap:30px;padding-bottom:42px}footer>span{font-size:10px;letter-spacing:.3px;color:#7C8490}
.footer-brand.brand-wordmark{width:180px;font-size:0!important}
dialog{background:var(--paper);border:1px solid #CCD4E1;border-radius:18px;box-shadow:0 20px 80px #536A8D20}
dialog h2{font-family:var(--sans);font-size:44px;font-weight:500;letter-spacing:-.05em}
@media(max-width:1100px) and (min-width:761px){
 .brand-wordmark{width:150px}.hero-copy{padding-right:25px}.hero h1{font-size:40px}.hero-insight{font-size:12px}.hero-actions{gap:12px}.hero-actions .button{padding:15px 18px;font-size:11px}.hero-actions .text-link{font-size:10px;padding:14px 16px}.site-header nav{font-size:11px;gap:22px}
}
@media(max-width:760px){
 .site-header{height:85px}.brand-wordmark{width:135px}.site-header nav{font-size:10px;gap:18px}
 .hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:60px;min-height:0}.hero::before{top:-85px;background-position:40% center}
 .hero-copy{padding-right:0}.hero-copy>.eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(35px,9.5vw,54px);line-height:1.12;margin-bottom:23px}.hero h1>span{font-size:1em;margin-top:5px}
 .hero-insight{font-size:12px;margin-bottom:26px}.hero-actions{gap:12px}.hero-actions .button{padding:16px 18px;font-size:11px}.hero-actions .text-link{font-size:10px;padding:15px 15px}.hero-proof{padding:0;margin-top:38px}
 .demo-frame{border-radius:10px}.intro-controls button{font-size:9px;padding:7px 10px}
 h2,.problem h2,.closet-heading h2,.section-heading h2{font-size:44px;letter-spacing:-.05em}.problem{padding-top:75px;padding-bottom:90px}.problem-question{font-size:18px}.problem-bottom h3{font-size:30px}
 .step-copy h3{font-size:40px}.step-copy p,.closet-heading>p{font-size:16px}.closet-section{padding-top:75px;padding-bottom:80px}.five-note{font-size:21px}
 .phone .ui-wordmark.brand-wordmark{width:69px}.phone-setup p{font-size:18px}.difference h2{font-size:48px}.difference>p{font-size:16px}.decision-copy h2{font-size:44px}.product-principle{font-size:22px}
 .vision{padding-top:75px;padding-bottom:85px;margin-bottom:42px}.vision h2{font-size:45px}.vision>p{font-size:17px}.vision-line{font-size:30px}
 .paper-panel{padding:35px 24px;border-radius:13px}.paper-panel h2{font-size:48px;margin-top:55px}.paper-panel>p{font-size:16px}.closing-monogram{width:42px;height:42px;top:25px;right:24px}.paper-panel>.handwritten{font-size:10px;margin-top:24px}
 .closing-actions{gap:16px}footer{gap:22px}.footer-brand.brand-wordmark{width:150px}footer>span{font-size:9px}dialog h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.button,.text-link{transition:none}}

.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.nav-install{display:inline-flex;align-items:center;gap:10px}.nav-install .icon{width:14px;height:14px}.eyebrow-icon{display:inline-flex;align-items:center;gap:12px}.eyebrow-icon .icon{width:22px;height:22px}