*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#f3f4f6;color:#37384c;font-family:Manrope,Arial,sans-serif;font-weight:300}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}:focus-visible{outline:2px solid #ad8059;outline-offset:5px}button,.button{border:1px solid #d4d4db;border-radius:30px;background:transparent;padding:12px 22px;display:inline-block;text-decoration:none}button:hover:not(:disabled),.button:hover{border-color:#37384c}.primary{background:#37384c;color:#fff;border-color:#37384c;padding:14px 28px}.primary:hover:not(:disabled){background:#55566b}.secondary{background:transparent}.color-story{position:relative;isolation:isolate}.hero{height:100vh;min-height:650px;position:relative;overflow:hidden;color:#fff}.hero-background,.hero-shade,.hero-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-background{height:110%;object-fit:cover;object-position:center top}.hero-shade{background:linear-gradient(90deg,rgba(35,23,18,.12),rgba(35,23,18,.04) 65%,rgba(35,23,18,.07))}.hero-lines{height:100vh}.hero-header{position:absolute;top:30px;left:max(60px,calc((100% - 980px)/2));right:max(60px,calc((100% - 980px)/2));height:60px;display:flex;align-items:center;justify-content:space-between;z-index:2}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:29px;letter-spacing:-1.7px;white-space:nowrap}.wordmark span{font-size:13px;letter-spacing:-.4px;vertical-align:top;margin-left:3px}.hero-header nav{display:flex;align-items:center;gap:35px}.nav-caption{font-size:10px;letter-spacing:1.1px}.outline-link{border:1px solid #ffffff80;border-radius:50%;padding:10px 18px;font-size:13px;position:relative;transition:border-color .56s cubic-bezier(.25,.74,.22,.99),background .56s}.outline-link:hover{border-color:#fff;background:#ffffff16}.outline-link span{margin-left:10px}.menu-toggle{width:42px;height:40px;border:0;padding:10px 0;display:flex;flex-direction:column;justify-content:center;gap:6px;border-radius:0}.menu-toggle span{height:1px;width:100%;background:#fff;transition:transform .56s cubic-bezier(.25,.74,.22,.99)}.menu-toggle:hover span:first-child{transform:translateX(-5px)}.menu-toggle:hover span:last-child{transform:translateX(5px)}.hero-copy{position:absolute;top:22%;left:50%;width:650px;transform:translateX(-50%);text-align:center}.hero-eyebrow{font-size:10px;letter-spacing:2.5px;margin:0 0 25px}.hero h1{font-family:Raleway,Georgia,serif;font-weight:300;font-size:clamp(80px,6.9vw,122px);line-height:.91;letter-spacing:-.035em;margin:0}.hero h1 span{display:block}.hero-subtitle{font-size:20px;line-height:1.2;margin:26px 0 22px}.hero-cta{display:inline-flex;align-items:center;gap:38px;border:1px solid #ffffffb3;border-radius:50%;padding:17px 24px;font-size:15px;transition:background .56s cubic-bezier(.25,.74,.22,.99),border-color .56s}.hero-cta:hover{background:#fff;color:#37384c;border-color:#fff}.cta-arrow{display:inline-block;transition:transform .56s cubic-bezier(.25,.74,.22,.99)}.hero-cta:hover .cta-arrow{transform:translate(3px,-3px)}.look-preview{position:absolute;right:max(60px,calc((100% - 980px)/2));top:61%;width:240px;height:154px;border:0;border-radius:20px;padding:0;overflow:hidden;background:#82766b;box-shadow:0 6px 30px #25191212}.preview-image{position:absolute;inset:0;background-size:cover;background-position:50% 30%}.preview-before{background-image:url('/assets/nanobanana-v3-thumbs/rusy/solid/trim.jpg')}.preview-after{background-image:url('/assets/nanobanana-v3-thumbs/blonde/airtouch/trim.jpg');clip-path:inset(0 0 0 50%)}.preview-divider{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff90}.preview-label{position:absolute;top:12px;left:13px;color:white;font-size:8px;letter-spacing:1.2px}.preview-play{position:absolute;bottom:13px;left:13px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#37384c;color:#fff;font-size:21px;transition:transform .56s cubic-bezier(.25,.74,.22,.99)}.look-preview:hover .preview-play{transform:rotate(45deg)}.scroll-cue{position:absolute;bottom:50px;left:max(60px,calc((100% - 1024px)/2));border:1px solid #ffffff80;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px}.hero-bottom-note{position:absolute;bottom:45px;right:max(60px,calc((100% - 980px)/2));font-size:9px;line-height:1.6;letter-spacing:1.7px}
.quiz-panel{position:relative;background:#f3f4f6;z-index:3;min-height:100vh;scroll-margin-top:0}.quiz-cover{display:none}.quiz-content{width:100%;height:100vh;min-height:650px;display:flex;flex-direction:column;max-width:1580px;margin:auto}.modal-header{height:82px;min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.eyebrow{font-size:9px;letter-spacing:2px;color:#747584}.quiz-wordmark{font-size:24px}.close{border-radius:50%;width:38px;height:38px;padding:0;font-size:22px;border-color:#cdced5}#quiz-scroll{padding:5px 5vw 12px;overflow-y:auto;overscroll-behavior-y:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#b7b6bf transparent}.progress{height:2px;background:#dfdfe5;margin-bottom:18px}#progress-fill{height:100%;background:#37384c;transition:width .4s cubic-bezier(.25,.74,.22,.99)}.step-label{font-size:10px;letter-spacing:1.5px;color:#777887;margin:0 0 10px}h2{font-family:Raleway,Georgia,serif;font-weight:300;font-size:36px;line-height:1.1;letter-spacing:-1px;margin:0 0 10px}h3{font-family:Raleway,Georgia,serif;font-weight:300;font-size:30px}.help{font-size:14px;line-height:1.4;color:#777887;margin:0 0 22px}.choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}.photo-choice{border:1px solid #dcdce2;overflow:hidden;border-radius:12px;padding:0 0 10px;text-align:left;min-width:0;background:#f3f4f6;align-self:start;transition:border-color .3s,box-shadow .3s}.photo-choice:hover:not(:disabled){border-color:#858594;box-shadow:0 4px 16px #37384c09}.photo-choice[aria-pressed=true]{border-color:#37384c;box-shadow:0 0 0 2px #37384c;background:#e8e8ee}.atlas-photo{display:block;width:100%;aspect-ratio:1;background-size:cover;background-position:center;background-repeat:no-repeat}.photo-choice strong,.photo-choice small{display:block;padding:0 12px}.photo-choice strong{font-family:Arial,sans-serif;font-size:12px;font-weight:400;margin-top:9px}.photo-choice small{font-size:10px;line-height:1.2;margin-top:4px;color:#777887}.icon-photo{display:grid;place-items:center;width:100%;aspect-ratio:1;background:#e8e8ee;color:#777887;font-size:42px}.modal-footer{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 5vw;border-top:1px solid #dfdfe5;background:#f3f4f6}.modal-footer span{font-size:12px;color:#777887}.micro,small{font-size:12px;line-height:1.5;color:#777887}.examples-note{font-size:10px;display:block;margin-top:12px}.selection-note{font-size:13px;color:#747584;margin:0 0 14px}.upload{display:block;border:1px dashed #a8a8b5;border-radius:12px;background:#eaeaef;padding:22px;margin:15px 0 10px;max-width:650px}input[type=file]{display:block;margin-top:12px;font-size:13px;max-width:100%}.step>img{max-width:260px;max-height:240px;display:block;object-fit:contain;margin:12px 0;border-radius:12px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;margin:18px 0}.check input{margin-top:3px;flex-shrink:0;accent-color:#37384c}.notice{margin-top:20px;background:#ece7dd;border-radius:12px;padding:20px;max-width:800px}.notice p{font-size:13px;line-height:1.5}.summary{padding:14px;border-radius:10px;background:#e7e7ed;font-size:14px;line-height:1.6;margin:15px 0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:950px}.comparison img{width:100%;height:340px;object-fit:contain;background:#e9e9ef;border-radius:12px}figure{margin:0}figcaption{font-size:12px;margin-bottom:10px;color:#777887}#lead{max-width:600px}#lead label{display:block;margin:15px 0;font-size:14px}#lead input,#lead textarea{display:block;width:100%;padding:12px;background:#fff;border:1px solid #d4d4dd;border-radius:9px;font:inherit;margin-top:8px}#message{font-size:13px;color:#945742;line-height:1.5;margin:12px 0}#message:empty{display:none}.page-footer{padding:36px 5vw;display:flex;justify-content:space-between;align-items:center;background:#f3f4f6;border-top:1px solid #dfdfe5;font-size:12px;color:#777887}.page-footer .wordmark{color:#37384c}.info-dialog{border:0;border-radius:20px;padding:44px;width:720px;max-height:90vh;overflow:auto;background:#f3f4f6;color:#37384c}.info-dialog::backdrop{background:#1a192e85;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:15px;border:0;font-size:25px;padding:0 8px}.info-dialog h2{font-size:44px;margin:24px 0}.info-dialog>p:not(.eyebrow){font-size:15px;line-height:1.5;color:#777887}.look-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.look-pair img{width:100%;border-radius:12px}.look-pair figcaption{margin-top:8px}.about-steps{list-style:none;padding:0;margin:30px 0}.about-steps li{padding:16px 0;border-bottom:1px solid #dfdfe5;display:flex;gap:24px;font-size:17px}.about-steps li span{font-size:11px;color:#92929f}[hidden]{display:none!important}
@media(min-width:1200px) and (prefers-reduced-motion:no-preference){.motion-ready .color-story{height:100vh;min-height:650px;overflow:hidden}.motion-ready .quiz-panel{position:absolute;left:0;top:0;width:100%;height:100vh;min-height:650px;overflow:hidden;clip-path:inset(100% 31.944445% -62.22222% round 30px);will-change:clip-path}.motion-ready .quiz-cover{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;z-index:2;pointer-events:none}.cover-overline{font-size:10px;letter-spacing:3px;color:#8b8c98}.cover-title{font-family:Raleway,Georgia,serif;font-size:75px;line-height:.95;text-align:center;margin:30px 0;color:#37384c}.cover-swatches{display:flex;gap:8px;margin-top:10px}.cover-swatches i{width:32px;height:32px;border-radius:50%;background:#d5c6a5}.cover-swatches i:nth-child(2){background:#b1a491}.cover-swatches i:nth-child(3){background:#94583c}.cover-swatches i:nth-child(4){background:#5c3c2f}.cover-swatches i:nth-child(5){background:#24232b}.cover-caption{font-size:9px;letter-spacing:2px;color:#8b8c98;margin-top:25px}.motion-ready .quiz-content{opacity:0;visibility:hidden}}
@media(max-height:740px) and (min-width:1200px){.hero-copy{top:20%}.hero h1{font-size:80px}.hero-eyebrow{margin-bottom:18px}.hero-subtitle{margin:20px 0}.look-preview{top:60%}.choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.photo-choice .atlas-photo,.photo-choice .icon-photo{aspect-ratio:1.27!important}.modal-header{height:64px;min-height:64px}.help{margin-bottom:16px}h2{font-size:32px}.modal-footer{min-height:68px;padding-top:10px;padding-bottom:10px}.progress{margin-bottom:13px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.quiz-content{opacity:1;visibility:visible}}

.hero-cta,.outline-link{position:relative;border-color:transparent}.hero-cta:hover,.outline-link:hover{border-color:transparent}.ellipse-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ellipse-outline ellipse{fill:none;stroke:currentColor;stroke-width:.85;stroke-dasharray:100 100;stroke-dashoffset:200;transition:stroke-dashoffset .56s cubic-bezier(.25,.74,.22,.99)}.ellipse-outline ellipse+ellipse{stroke-dashoffset:100}.hero-cta:hover .ellipse-outline ellipse,.outline-link:hover .ellipse-outline ellipse{stroke-dashoffset:100}.hero-cta:hover .ellipse-outline ellipse+ellipse,.outline-link:hover .ellipse-outline ellipse+ellipse{stroke-dashoffset:0}

@media(min-width:1200px){.hero-copy{width:min(820px,72vw)}.hero h1{font-size:clamp(80px,6.3vw,108px)}.hero h1 span{white-space:nowrap}}

@media(min-width:1200px){.hero,.quiz-content,.motion-ready .color-story,.motion-ready .quiz-panel{min-height:0}}@media(min-width:1200px) and (max-height:650px){.hero-copy{top:18%}.hero h1{font-size:64px}.hero-eyebrow{margin-bottom:12px}.hero-subtitle{font-size:17px;margin:16px 0}.hero-cta{padding:12px 24px}.look-preview{height:130px}.hero-bottom-note{bottom:25px}.scroll-cue{bottom:28px}}
/* October refresh: back-view hero, direct quiz, interactive comparison. */
.hero-copy{left:8vw;top:20%;width:min(880px,66vw);transform:none;text-align:left}.hero h1{font-size:clamp(48px,4.15vw,76px);line-height:1.04;letter-spacing:-.035em}.hero h1 span{white-space:nowrap}.hero-subtitle{font-size:19px;line-height:1.35;margin:24px 0 28px;max-width:600px}.hero-cta{background:#fff;color:#37384c;border:1px solid #fff;border-radius:5px;padding:18px 26px;gap:28px;font-family:Manrope,Arial,sans-serif;font-size:16px}.hero-cta .ellipse-outline{display:none}.hero-cta:hover{background:#f0ece7;border-color:#f0ece7;color:#37384c}.hero-background{object-position:center center}.hero-shade{background:linear-gradient(90deg,#17110b25,transparent 70%)}.look-preview{touch-action:none;cursor:pointer;user-select:none;top:auto;bottom:14%;height:205px;width:245px;border-radius:16px;display:block;padding:0;outline-offset:5px}.preview-before{background-image:url('/assets/landing/compare-before.jpg');background-position:center 30%}.preview-after{background-image:url('/assets/landing/compare-after.png');background-position:center 30%}.preview-divider{z-index:2;background:#fff;width:2px;pointer-events:none}.preview-handle{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#37384c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:18px;box-shadow:0 1px 9px #0002}.preview-label{font-size:8px;text-shadow:0 1px 5px #0008}.preview-caption{position:absolute;top:36px;font-size:11px;color:white;text-shadow:0 1px 5px #0008;z-index:1}.before-caption{left:13px}.after-caption{right:13px}.preview-play{width:30px;height:30px;font-size:16px;bottom:26px;left:12px}.comparison-range{position:absolute;z-index:5;bottom:4px;left:10px;width:calc(100% - 20px);height:16px;margin:0;cursor:ew-resize;accent-color:white;opacity:.7}.quiz-content{position:relative}.generation-overlay{position:absolute;inset:0;background:#f3f4f6f5;backdrop-filter:blur(10px);z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.generation-overlay h2{font-size:48px;margin:22px 0 18px;line-height:1.05}.generation-overlay>p:not(.eyebrow){font-size:15px;color:#777887;min-height:22px}.generation-overlay small{max-width:320px}.generation-orbit{position:relative;width:104px;height:104px;margin-bottom:32px;display:grid;place-items:center}.generation-orbit i{position:absolute;inset:0;border:1px solid #c5beb5;border-radius:50%;border-top:2px solid #37384c;animation:orbit 2.5s linear infinite}.generation-orbit i:nth-child(2){inset:14px;animation-direction:reverse;animation-duration:3.6s;border-color:#ded6cb;border-top-color:#9b7957}.generation-orbit>span{font-size:35px;color:#9b7957;animation:breathe 2s ease-in-out infinite}.generation-track{width:220px;height:2px;background:#dcdce2;overflow:hidden;margin:18px 0 24px}.generation-track>span{height:100%;width:35%;display:block;background:#8c7968;animation:loading-line 2s ease-in-out infinite}#generation-elapsed{font-size:11px;color:#92929e;margin-top:14px;font-variant-numeric:tabular-nums}#blonde-modal{width:650px}#blonde-modal p{line-height:1.65}#blonde-modal strong{color:#37384c}#blonde-modal .primary{margin-top:15px}.hero-header .outline-link{display:none}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.35;transform:scale(.85)}}@keyframes loading-line{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}

@media(min-width:1200px) and (max-height:740px){.hero-copy{top:19%}.hero h1{font-size:clamp(46px,4vw,62px)}.hero-subtitle{font-size:17px;margin:19px 0 23px}.hero-cta{padding:15px 23px}.look-preview{height:180px;bottom:16%}}
@media(prefers-reduced-motion:reduce){.generation-orbit i,.generation-orbit>span,.generation-track>span{animation:none}.generation-track>span{width:100%;opacity:.5}}
/* Hand-held phone: live comparison is a separate editable screen layer. */
.hero{background:#62594f}.hero-background{background:radial-gradient(ellipse at 78% 48%,#928d83 0%,#746d63 35%,#51473f 78%);height:110%}.hero-shade{background:linear-gradient(90deg,#251d1526,transparent 65%)}.phone-visual{position:absolute;width:min(51vw,96vh);aspect-ratio:864/1184;right:-2vw;top:-5vh;pointer-events:none}.phone-photo{width:100%;height:100%;display:block;object-fit:contain;mask-image:radial-gradient(ellipse 66% 72% at 54% 55%,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 66% 72% at 54% 55%,black 60%,transparent 100%);pointer-events:none}.look-preview.phone-screen{position:absolute;left:28.7%;top:12.9%;width:39.6%;height:57.2%;bottom:auto;right:auto;border:0;border-radius:14%/7%;padding:0;background:#111;box-shadow:none;pointer-events:auto;overflow:hidden}.phone-screen::before{content:'';position:absolute;top:1.5%;left:36%;width:28%;height:3.1%;border-radius:30px;background:#0b0b0d;z-index:8;pointer-events:none}.phone-screen::after{content:'';position:absolute;left:34%;bottom:1.8%;width:32%;height:.7%;border-radius:3px;background:#fff9;z-index:8;pointer-events:none}.phone-screen .preview-image{background-size:cover;background-position:50% 35%}.phone-screen .preview-label{top:9%;left:7%;font-size:clamp(7px,.65vw,11px);letter-spacing:1px}.phone-screen .preview-caption{top:15%;font-size:clamp(9px,.85vw,13px)}.phone-screen .before-caption{left:7%}.phone-screen .after-caption{right:7%}.phone-screen .preview-play{left:7%;bottom:9%;width:30px;height:30px;font-size:17px}.phone-screen .comparison-range{left:7%;bottom:5%;width:86%;height:15px}.phone-screen .preview-handle{width:30px;height:30px}.scroll-cue{left:8vw;bottom:46px}.scroll-cue span{display:block;animation:scroll-bob 1.8s cubic-bezier(.45,0,.55,1) infinite}.hero-bottom-note{right:8vw;bottom:38px}.hero-lines{opacity:.7}@keyframes scroll-bob{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}
/* Finishing motion and phone UI. */
.scroll-cue{animation:scroll-bob 1.8s cubic-bezier(.45,0,.55,1) infinite}.scroll-cue span{animation:none}.hero-cta{overflow:hidden;isolation:isolate}.hero-cta>span{position:relative;z-index:1}.hero-cta::after{content:'';position:absolute;top:-70%;left:-75%;width:48%;height:240%;pointer-events:none;background:linear-gradient(100deg,transparent 10%,rgba(199,177,145,.28) 38%,rgba(255,255,255,.98) 50%,rgba(211,192,167,.25) 63%,transparent 90%);transform:translateX(-200%) skewX(-20deg);animation:button-sheen 5.8s cubic-bezier(.25,.74,.22,.99) infinite;z-index:0}.phone-visual{isolation:isolate}.phone-ripples{position:absolute;width:130%;aspect-ratio:1;left:-15%;top:0;z-index:-1;pointer-events:none}.phone-ripples i{position:absolute;inset:0;border-radius:50%;border:1px solid #fff5;box-shadow:0 0 18px #fff04;opacity:0;animation:water-ripple 12s cubic-bezier(.2,.4,.4,1) infinite}.phone-ripples i:nth-child(2){animation-delay:-4s}.phone-ripples i:nth-child(3){animation-delay:-8s}.phone-photo{position:relative;z-index:0}.phone-screen{z-index:2}.phone-fingers{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:url(#phone-fingertips);z-index:4;pointer-events:none}.phone-layer-defs{position:absolute;pointer-events:none}.phone-status{position:absolute;top:2.4%;left:7%;right:6%;height:16px;display:flex;align-items:center;justify-content:space-between;color:#fff;z-index:9;pointer-events:none;filter:drop-shadow(0 1px 3px #0005)}.phone-time{font-family:Arial,sans-serif;font-size:clamp(9px,.8vw,13px);font-weight:600;letter-spacing:.1px}.phone-status-icons{display:flex;align-items:center;gap:3px}.phone-status-icons svg{width:11px;height:10px;display:block}.phone-status-icons svg:last-child{width:18px}.phone-screen .preview-before{background-image:url('/assets/landing/compare-before-wide.png?v=2')}.phone-screen .preview-after{background-image:url('/assets/landing/compare-after-wide.png?v=2')}.phone-screen .preview-image{background-position:center center}.phone-screen .preview-label{top:8.5%;font-size:clamp(6px,.55vw,9px)}.phone-screen .preview-caption{top:13%}
@keyframes button-sheen{0%,63%{transform:translateX(-200%) skewX(-20deg)}92%,100%{transform:translateX(650%) skewX(-20deg)}}@keyframes water-ripple{0%{transform:scale(.45);opacity:0}15%{opacity:.3}75%{opacity:.08}100%{transform:scale(1.45);opacity:0}}
@media(prefers-reduced-motion:reduce){.scroll-cue,.hero-cta::after,.phone-ripples i{animation:none}.hero-cta::after{display:none}.phone-ripples i:first-child{opacity:.12;transform:scale(.9)}}
.quiz-active .phone-ripples i,.quiz-active .scroll-cue,.quiz-active .hero-cta::after,.motion-paused .phone-ripples i,.motion-paused .scroll-cue,.motion-paused .hero-cta::after{animation-play-state:paused}
/* Framing adjustment and seamless photograph edges. */
.phone-screen .preview-image{background-size:auto 118%;background-position:50% 44%}.phone-photo{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.phone-screen .preview-after{background-image:url('/assets/landing/compare-after-locked.png?v=1')}

/* Original user photographs: no generated extensions or color masks. */
.phone-screen .preview-before{background-image:url('/assets/landing/compare-before.jpg?v=original');}
.phone-screen .preview-after{background-image:url('/assets/landing/compare-after.png?v=original');}
.phone-screen .preview-image{background-size:100% auto;background-position:50% 48%;background-repeat:no-repeat;background-color:#34322f;}
.phone-screen .preview-before{background-image:url('/assets/landing/compare-before-extended.png?v=1')}.phone-screen .preview-after{background-image:url('/assets/landing/compare-after-extended.png?v=1')}.phone-screen .preview-image{background-size:100% 100%;background-position:center}
/* Final comparison and consultation form. */
.keep-cut-card .keep-cut-text{white-space:pre-line;font-family:Raleway,Georgia,serif;font-size:clamp(20px,2vw,34px);line-height:1.25;text-align:center;padding:20px;display:grid;place-items:center;aspect-ratio:1;background:#e8e7ed;color:#535365}.keep-cut-card>strong{display:none}.keep-cut-card{align-self:start}
.result-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,5vw,80px);align-items:start;max-width:1280px;margin:0 auto}.result-visual{min-width:0}.result-slider{--split:50%;position:relative;width:100%;height:min(48vh,520px);min-height:300px;overflow:hidden;border-radius:16px;background:#e8e7ed;touch-action:none;cursor:ew-resize;user-select:none}.result-photo{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}.result-after-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));background:#e8e7ed}.result-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;pointer-events:none;transform:translateX(-50%)}.result-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#37384c;box-shadow:0 2px 12px #0002}.result-badge{position:absolute;top:16px;padding:6px 10px;background:#37384c70;color:white;border-radius:20px;pointer-events:none;font-size:13px}.result-before-badge{left:16px}.result-after-badge{right:16px}.result-range{position:absolute;left:16px;bottom:12px;width:calc(100% - 32px);height:16px;opacity:0;cursor:ew-resize}.result-range:focus-visible{opacity:1}.result-note{font-size:12px;line-height:1.5;color:#888;margin:14px 0}.estimate-panel h3{font-family:Raleway,Georgia,serif;font-weight:300;font-size:clamp(28px,2.8vw,44px);line-height:1.15;margin:12px 0 16px}.estimate-panel .eyebrow{margin:0;font-size:9px}.estimate-subtitle{margin:0 0 24px;color:#85838a;line-height:1.5}.messenger-field{padding:0;margin:0 0 22px;border:0}.messenger-field legend,.phone-field{font-size:14px;margin-bottom:10px;display:block}.messenger-options{display:flex;gap:9px}.messenger-options label{flex:1;position:relative;cursor:pointer}.messenger-options span{display:block;text-align:center;border:1px solid #d3d2d9;padding:12px 8px;border-radius:8px}.messenger-options input:checked+span{background:#37384c;color:#fff;border-color:#37384c}.messenger-options input{position:absolute;opacity:0}.messenger-options input:focus-visible+span{outline:2px solid #ad8059;outline-offset:3px}#lead #lead-phone{width:100%;padding:14px 16px;border:1px solid #d3d2d9;border-radius:8px;background:transparent;margin:0 0 19px}#lead .lead-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#86838a;margin:0 0 22px}#lead .lead-consent input{width:16px;height:16px;flex:none;margin:2px 0 0;padding:0;accent-color:#37384c}#lead .lead-consent a{text-decoration:underline;text-underline-offset:3px}#lead-submit{width:100%;border-radius:8px}#lead-status{font-size:12px;line-height:1.5;min-height:18px;margin:12px 0 0}
.phone-screen .preview-before{background-image:url('/assets/landing/compare-before-nano-final.png?v=2')}.phone-screen .preview-after{background-image:url('/assets/landing/compare-after-nano-final.png?v=2')}.phone-screen .preview-image{background-size:cover;background-position:center}
#lead .messenger-options label{margin:0;font-size:14px}#lead .messenger-options input{width:1px;height:1px;padding:0;margin:0}#lead .phone-field{margin:0 0 8px;font-size:14px}.estimate-subtitle{margin-bottom:16px}.messenger-field{margin-bottom:16px}#lead .lead-consent{margin-bottom:16px}#lead #lead-phone{margin-bottom:14px}.phone-screen .preview-after{background-size:auto 130%;background-position:center bottom}
@media(max-height:800px){.estimate-panel h3{font-size:30px;margin:8px 0 10px}.estimate-panel .eyebrow{font-size:8px}.estimate-subtitle{font-size:13px;margin-bottom:12px}.messenger-field{margin-bottom:12px}.messenger-options span{padding:10px 6px}#lead #lead-phone{padding:11px 14px;margin-bottom:12px}#lead .lead-consent{font-size:11px;margin-bottom:12px}#lead-submit{padding:12px 20px}.result-slider{height:46vh}}
/* Comparison controls: native image dragging must never take the pointer. */
.result-slider,.look-preview{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-user-drag:none}.result-slider img,.look-preview img,.preview-image{pointer-events:none;-webkit-user-drag:none;user-select:none}.result-divider span,.preview-divider{user-select:none}.phone-screen .preview-before{background-image:url('/assets/landing/compare-before-nano-final.png?v=3')}.phone-screen .preview-after{background-image:url('/assets/landing/compare-after-matched.png?v=1')}.phone-screen .preview-image{background-size:auto 120%;background-position:50% 35%}
.messenger-options span{display:flex;align-items:center;justify-content:center;gap:9px}.messenger-icon{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.icon-max{--icon:url('/assets/icons/max.svg')}.icon-telegram{--icon:url('/assets/icons/telegram.svg')}.icon-phone{--icon:url('/assets/icons/phone.svg')}.messenger-options input[value="max"]:checked+span{background:linear-gradient(.225turn,rgba(20,174,255,1) 0%,rgba(39,84,255,1) 49%,rgba(134,20,247,1) 100%);border-color:transparent}.messenger-options input[value="telegram"]:checked+span{background:#0088cc;border-color:#0088cc}.download-icon{width:19px;height:19px;margin-left:8px;vertical-align:middle;flex:none}#download{display:inline-flex;align-items:center}
#lead-submit{position:relative;isolation:isolate;overflow:hidden}#lead-submit::after{content:'';position:absolute;inset:-80% auto -80% -70%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.36),transparent);transform:translateX(-220%) skewX(-20deg);animation:lead-sheen 5.6s ease-in-out infinite;pointer-events:none}#lead-submit:disabled::after{animation:none;opacity:0}@keyframes lead-sheen{0%,60%{transform:translateX(-220%) skewX(-20deg)}95%,100%{transform:translateX(680%) skewX(-20deg)}}@media(prefers-reduced-motion:reduce){#lead-submit::after{animation:none;display:none}}