@font-face{font-family:Plex;src:url('/assets/showcase/plex.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:#16354d;font:17px/1.5 Plex,Arial,sans-serif}a{color:#075bff}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,.button,.upload{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #16354d;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,5.8vw,82px);font-weight:600;line-height:1.02;letter-spacing:-.045em}h2{font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;font-weight:500}h3{font-size:22px;font-weight:500;line-height:1.25}p{max-width:65ch}.header,main,footer{max-width:1400px;margin:auto}.header{display:flex;align-items:center;gap:28px;padding:26px 40px;border-bottom:1px solid #dbe5ec}.brand{font-weight:700;letter-spacing:-.035em;text-decoration:none;font-size:28px;color:#16354d;white-space:nowrap}.brand span{color:#075bff}.project-name{flex:1}.phone{text-decoration:none;color:inherit;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border:0;border-radius:8px;background:#075bff;color:white;text-decoration:none;font-weight:500;padding:14px 23px;text-align:center}.button.small{min-height:44px;padding:9px 16px}.button:disabled{opacity:.55;cursor:wait}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:72px 40px 54px;align-items:end}.lead{font-size:21px;line-height:1.45}.intro .lead{margin:25px 0;max-width:43ch}.quiet{font-size:14px;color:#596f80;line-height:1.45}.intro .quiet{margin-top:13px}.intro-note{padding:20px 0 0 26px;border-left:2px solid #075bff}.intro-note>span{font-size:25px;line-height:1.2;font-weight:500}.intro-note p{margin:14px 0 28px}.gift{display:flex;gap:12px;flex-direction:column;padding:20px 0;border-top:1px solid #dbe5ec}.gift b{font-size:23px}.gift span{color:#596f80}.fitting{padding:36px 40px 54px;background:#f3f7fa;border-radius:18px;margin:0 18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head p{margin-top:12px;color:#596f80}.visual-label{font-size:13px;flex-shrink:0;background:white;padding:8px 13px;border-radius:30px}.fit-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:35px}.visual-column{min-width:0}.comparison{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;border-radius:12px;background:#d6e1e8;touch-action:pan-y}.comparison canvas{position:absolute;inset:0;width:100%;height:100%}#after{clip-path:inset(0 0 0 48%)}.divider{position:absolute;left:48%;top:0;bottom:0;width:3px;background:white;pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#16354d;width:42px;height:42px;display:grid;place-items:center;font-size:23px;box-shadow:0 2px 8px #16354d30}.before-label,.after-label{position:absolute;bottom:14px;padding:5px 14px;background:#16354d;color:white;font-size:14px;border-radius:5px;pointer-events:none}.before-label{left:14px}.after-label{right:14px;background:#075bff}.range-label{display:block;font-size:14px;margin:12px 0 8px}.range-label input,input[type=range]{display:block;width:100%;min-height:38px;accent-color:#075bff;margin:0}.fit-controls{min-width:0}.step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;margin-bottom:26px}.step-number{width:30px;height:30px;display:grid;place-items:center;border:1px solid #a7bdcc;border-radius:50%;font-size:16px}.step h3{margin:2px 0 15px}.upload{display:block;border:1px solid #075bff;border-radius:8px;color:#075bff;padding:12px 14px;text-align:center;background:white;position:relative;overflow:hidden;font-weight:500}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload:focus-within{outline:3px solid #16354d;outline-offset:3px}.step .quiet{margin-top:10px}.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.formats button{border:1px solid #bdcedb;border-radius:7px;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:12px 4px;font-size:12px;min-height:87px}.formats button[aria-pressed=true],.looks button[aria-pressed=true]{background:#e6eeff;border-color:#075bff;color:#075bff}.formats i{display:block;border:2px solid currentColor;height:28px;width:14px}.formats .format-compact{height:24px;width:17px}.formats .format-landscape{height:18px;width:30px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.dimensions label,.lead-form label,details label{display:block;font-size:14px}.dimensions input,.lead-form input:not([type=checkbox]){width:100%;border:1px solid #bdcedb;border-radius:6px;padding:9px 12px;background:white;color:#16354d;min-height:44px}.looks{display:flex;gap:6px;margin-bottom:14px}.looks button{flex:1;border:1px solid #bdcedb;background:white;border-radius:5px;min-height:40px;padding:5px;font-size:14px}details{border-top:1px solid #d2dfe8;padding:12px 0}summary{cursor:pointer;font-size:14px;font-weight:500}details p{font-size:15px;margin-top:12px}details label{margin-top:12px}.offer-step{padding-top:18px;border-top:1px solid #cbdce5;margin-bottom:0}#budget{display:grid;gap:8px}#budget .tier{display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;font-size:14px}.tier strong{font-size:22px;white-space:nowrap}.offer-step .button{width:100%;font-size:15px;margin-top:15px}#save-state,#form-state{font-size:15px;margin-top:12px;overflow-wrap:anywhere}.error{color:#9c2525}.success{color:#14623c}.lead-form{margin-top:32px;padding:28px;background:white;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.lead-form[hidden]{display:none}.lead-form>div,.lead-form .consent,.lead-form>p{grid-column:1/-1}.lead-form p{margin-top:8px}.lead-form .consent{display:flex;gap:12px;align-items:start;max-width:85ch}.consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.three,.benefits{padding:76px 40px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:34px}.three article{padding-top:20px;border-top:1px solid #cbdce5}.three article>span{display:block;font-size:42px;color:#075bff;margin-bottom:12px}.three h3{margin-bottom:12px}.three p{color:#596f80}.benefits{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;background:#f3f7fa;border-radius:18px;margin:0 18px}.benefits .lead{margin:24px 0 32px}.benefit-row{padding:18px 0;border-top:1px solid #cbdce5}.benefit-row b{font-weight:500;font-size:21px}.benefit-row p{margin-top:8px;color:#596f80}.legal{align-self:start;background:white;padding:30px;border-radius:10px}.legal>p{margin:20px 0}.closing{text-align:center;padding:80px 30px}.closing p{margin:20px auto}.closing .button{margin-top:8px}footer{display:flex;gap:30px;align-items:center;flex-wrap:wrap;padding:30px 40px;border-top:1px solid #cbdce5}footer p{flex:1}footer small{flex-basis:100%;color:#596f80;max-width:100ch;font-size:13px}#manager-state:not(:empty){padding:12px 16px;background:#e7efff;margin-bottom:22px;border-radius:8px}body.embed .header .phone{display:none}@media(max-width:1000px){.intro{gap:30px;padding-top:45px}.fit-layout{grid-template-columns:1fr}.fit-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fit-controls .step:first-child{grid-column:1/-1}.offer-step{border-top:0;padding-top:0}.benefits{gap:30px}.header{gap:18px}.phone{font-size:15px}}@media(max-width:640px){body{font-size:16px}.header{padding:16px 18px;gap:12px}.brand{font-size:24px}.project-name{font-size:13px}.header .phone{display:none}.header .small{font-size:13px;padding:9px 10px}.intro{display:block;padding:35px 20px 28px}.intro-note{margin-top:28px;padding-left:16px}.intro-note>span{font-size:20px}.intro-note p{margin-bottom:15px}.gift{padding:14px 0 0;gap:6px}.gift b{font-size:20px}.gift span{font-size:14px}.intro .lead,.lead{font-size:18px}.fitting{margin:0 8px;padding:25px 12px 32px;border-radius:10px}.section-head{display:block;margin-bottom:20px}.visual-label{display:inline-block;margin-top:12px}.fit-layout{gap:20px}.fit-controls{display:block}.step{gap:8px;grid-template-columns:28px minmax(0,1fr)}.step-number{width:26px;height:26px}.offer-step{border-top:1px solid #cbdce5;padding-top:18px}.lead-form{padding:18px 12px;grid-template-columns:1fr}.lead-form>*{grid-column:1!important}.three,.benefits{padding:42px 20px}.three-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}.three article{display:grid;grid-template-columns:35px 1fr;column-gap:14px}.three article>span{grid-row:1/3;font-size:32px}.three h3{font-size:21px}.benefits{display:block;margin:0 8px}.legal{padding:22px 18px;margin-top:22px}.closing{padding:45px 20px}footer{padding:25px 20px;gap:14px}footer p{flex-basis:100%}.before-label,.after-label{font-size:12px;bottom:8px;left:8px}.after-label{left:auto;right:8px}.divider span{width:32px;height:32px}.formats button{font-size:11px}.tier strong{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.intro{grid-template-columns:1fr 1.15fr;align-items:center;gap:42px;padding-top:45px;padding-bottom:44px}.intro h1{font-size:clamp(40px,4.8vw,66px)}.intro-note{padding:0;border:0;min-width:0}.intro-note .gift{margin-top:20px;padding:14px 0 0;gap:4px}.intro-note .gift b{font-size:21px}.intro-note .gift span{font-size:14px}.intro-note p.quiet{margin:0}.hero-comparison{border-radius:10px}.intro-note .range-label{margin-bottom:3px}@media(max-width:640px){.intro{display:block;padding:28px 20px}.intro-note{margin-top:25px;padding:0}.intro h1{font-size:42px}.intro .lead{margin:20px 0}.intro-note .gift{margin-top:14px}}

body.embed .header{display:none}

/* The storefront plane, examples and conversion path. */
.intro-copy{animation:intro-copy-in .65s both}.intro-note{animation:intro-visual-in .85s both}.intro h1{font-size:clamp(42px,5.1vw,72px)}.intro-route{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:14px;color:#596f80}.intro-route i{font-style:normal;color:#075bff}.hero-comparison{box-shadow:0 14px 36px #16354d18}.demo-toolbar{display:flex;align-items:center;gap:20px;margin-top:12px}.demo-toolbar .range-label{flex:1;margin:0}.text-button{border:0;background:none;color:#075bff;padding:10px 0;font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.text-button:disabled{color:#596f80}.glass-story{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:65px 40px;background:#f3f7fa;margin:0 18px;border-radius:16px;align-items:center}.glass-story .lead{margin:22px 0 15px;font-size:22px}.glass-story p:not(.lead){color:#596f80}.inline-cta{display:inline-block;font-weight:500;text-decoration:underline;text-underline-offset:5px;margin-top:24px}.depth-diagram{margin:0}.depth-diagram svg{width:100%;height:auto;display:block}.depth-diagram text{font:20px Plex,Arial;fill:#596f80}.depth-diagram figcaption{font-size:14px;color:#596f80;max-width:47ch;margin:12px auto 0}.glass-story.is-visible .sight-line{animation:sight 1.7s linear 3}.use-cases{padding:80px 40px 65px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case{min-width:0;display:flex;flex-direction:column}.case-image{position:relative;border-radius:10px;overflow:hidden;background:#e8eff4}.case-image canvas{display:block;width:100%;aspect-ratio:16/11;object-fit:cover}.case-image>span{position:absolute;left:12px;top:12px;padding:5px 12px;background:#fff;color:#16354d;border-radius:4px;font-size:14px}.case h3{margin:22px 0 12px;font-size:25px}.case p{color:#596f80;flex:1}.case-cta{margin-top:22px;padding:14px 0;border:0;border-top:1px solid #cbdce5;background:none;text-align:left;color:#075bff;font-weight:500;line-height:1.4}.case-cta:hover{border-color:#075bff}.examples-note{margin-top:22px;max-width:none}.flow-story{padding:50px 40px 65px;display:grid;grid-template-columns:1fr 1fr;column-gap:72px;border-top:1px solid #dbe5ec}.flow-story>div>p{margin-top:22px;color:#596f80}.flow-story>.button{justify-self:start;margin-top:22px;grid-column:1}.flow-steps{grid-column:2;grid-row:1/3;list-style:none;padding:0;margin:0;position:relative}.flow-steps:before{content:'';position:absolute;top:20px;bottom:40px;left:19px;width:2px;background:#ccdcf1}.flow-steps li{display:flex;gap:20px;position:relative;padding-bottom:27px}.flow-steps li:last-child{padding-bottom:0}.flow-steps li>span{position:relative;flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e7efff;border:1px solid #c4d8ff;color:#075bff;font-size:20px}.flow-steps p{margin-top:7px;color:#596f80;font-size:16px}.flow-story.is-visible .flow-steps li>span{animation:flow-step 1.1s both}.flow-story.is-visible .flow-steps li:nth-child(2)>span{animation-delay:.4s}.flow-story.is-visible .flow-steps li:nth-child(3)>span{animation-delay:.8s}.fitting{scroll-margin-top:20px}.benefits{margin-top:60px}.benefit-cta{margin-top:22px}.sticky-fit{position:fixed;right:20px;bottom:18px;z-index:40;box-shadow:0 5px 24px #16354d2e;min-height:48px;padding:11px 20px;font-size:15px;transform:translateY(120px);transition:transform .25s}.sticky-fit.is-visible{transform:translateY(0)}.embed .sticky-fit{display:none}.fit-highlight{animation:fit-arrive 1s ease-out}.comparison{isolation:isolate}.case-image canvas{transition:filter .25s}.case-cta:focus-visible{outline-offset:3px}
@keyframes intro-copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-visual-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}@keyframes sight{to{stroke-dashoffset:-28}}@keyframes flow-step{0%,100%{background:#e7efff;color:#075bff;transform:scale(1)}45%{background:#075bff;color:white;transform:scale(1.12)}}@keyframes fit-arrive{from{box-shadow:0 0 0 3px #075bff66}to{box-shadow:0 0 0 0 transparent}}
@media(max-width:1000px){.glass-story,.flow-story{gap:30px}.case-grid{gap:18px}.case h3{font-size:22px}.demo-toolbar{gap:12px;flex-wrap:wrap}.demo-toolbar .range-label{min-width:140px}}
@media(max-width:640px){.intro h1{font-size:44px}.intro-route{gap:8px;font-size:13px}.intro-note{margin-top:30px}.glass-story{display:block;margin:0 8px;padding:35px 20px}.glass-story .lead{font-size:20px}.depth-diagram{margin-top:28px}.use-cases{padding:45px 20px}.case-grid{grid-template-columns:1fr;gap:32px}.case-image canvas{aspect-ratio:16/10}.case h3{margin-top:17px}.case-cta{margin-top:15px}.flow-story{display:block;padding:38px 20px 45px}.flow-steps{margin-top:28px}.flow-story>.button{margin-top:25px}.benefits{margin-top:35px}.demo-toolbar{flex-wrap:nowrap}.text-button{font-size:13px}.sticky-fit{bottom:12px;left:12px;right:12px;font-size:15px}.intro h1{letter-spacing:-.04em}.closing{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A real handle on the photograph; no separate comparison track. */
.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.hero-comparison,.case-comparison{aspect-ratio:3/2}.comparison img.case-after,#hero-after{clip-path:inset(0 0 0 12%)}.comparison .divider{z-index:5;left:12%;box-shadow:0 0 0 1px #16354d18}.compare-grip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:#fff;color:#075bff;box-shadow:0 2px 12px #09283d4d;display:grid;place-items:center;padding:0;pointer-events:auto;touch-action:none;cursor:ew-resize;user-select:none}.compare-grip:focus-visible{outline:3px solid #075bff;outline-offset:4px}.compare-grip:active{background:#eaf1ff}.comparison input[hidden]{display:none!important}.comparison .before-label,.comparison .after-label{z-index:4}.scene-tabs{display:flex;gap:7px;margin:0 0 12px;flex-wrap:wrap}.scene-tabs button{border:1px solid #c5d7e3;border-radius:6px;padding:8px 15px;background:#fff;color:#16354d;font-size:15px}.scene-tabs button[aria-pressed=true]{background:#075bff;color:white;border-color:#075bff}.case-comparison{border-radius:10px;box-shadow:0 4px 18px #16354d13}.case .case-type{flex:0;color:#075bff;font-size:15px;font-weight:500;margin-top:16px}.case .case-type+h3{margin-top:7px}.demo-toolbar{justify-content:space-between;align-items:center;margin:10px 0}.demo-toolbar .quiet{font-size:14px;margin:0!important}.comparison{overflow:hidden;background:none}.comparison>canvas,.comparison>img{border-radius:10px}.comparison .divider{top:0;bottom:0}.case-comparison .before-label{left:10px;bottom:10px;font-size:12px;padding:4px 9px}.case-comparison .after-label{right:10px;bottom:10px;font-size:12px;padding:4px 9px}.case-comparison .compare-grip{width:44px;height:44px}.case-comparison .compare-grip svg{width:24px}.fit-layout .comparison{overflow:hidden}.scene-tabs+ .hero-comparison{margin-top:0}
@media(max-width:640px){.compare-grip{width:46px;height:46px}.scene-tabs{gap:6px}.scene-tabs button{font-size:14px;padding:8px 12px}.demo-toolbar{gap:10px}.demo-toolbar .quiet{max-width:20ch;font-size:13px}.case-comparison{aspect-ratio:3/2}.case .case-type{margin-top:17px}}