/* Homepage visual layer. All selectors are intentionally scoped to .home-v2. */
.home-v2{--h2-ink:#07133e;--h2-blue:#304aff;--h2-pink:#ff3dcb;--h2-soft:#f7f9ff;--h2-line:#dce2ff;background:#fff;color:var(--h2-ink);overflow-x:hidden}
.home-v2 main{position:relative;max-width:1440px;margin:auto;padding:0 38px 84px;background:radial-gradient(circle at 10% 15%,#e8f8ff 0,transparent 22%),radial-gradient(circle at 92% 13%,#ffe5f7 0,transparent 20%),radial-gradient(circle at 15% 90%,#e7edff 0,transparent 19%),#fff}
.home-v2 .site-header{max-width:1440px;margin:auto;padding:22px 58px 16px;display:flex;gap:30px;align-items:center;background:rgba(255,255,255,.74);backdrop-filter:blur(16px);position:relative;z-index:5}
.home-v2 .nw-brand{min-width:max-content}.home-v2 .nw-brand:after{content:'ПРИМЕРЬ СЕЙЧАС. ЛЮБИ ПОТОМ.';display:block;font-size:8px;font-weight:800;letter-spacing:.04em;color:#536393;margin-top:-5px}.home-v2 .home-v2-nav{display:flex;gap:7px;align-items:center;margin:auto}.home-v2 .home-v2-nav a{padding:10px 13px;border-radius:18px;font-size:13px;font-weight:700;color:#34436e;text-decoration:none;transition:.2s}.home-v2 .home-v2-nav a:hover,.home-v2 .home-v2-nav .is-active{color:#293ee4;background:#f5f7ff;box-shadow:0 6px 18px #bcc8ff60}.home-v2 .nw-header-actions{gap:8px}.home-v2 .text-button{display:none}.home-v2 .balance-pill,.home-v2 .profile-top,.home-v2 .history-button{border-color:#dbe0ff;background:#fff;color:#28376b}.home-v2 .balance-pill{box-shadow:0 6px 20px #808be22d}.home-v2 .profile-top{display:none}.home-v2 .history-button{font-size:12px;padding:9px 12px}.home-v2 .history-button .icon{display:none}
.home-v2-hero{display:grid;grid-template-columns:minmax(450px,.94fr) minmax(440px,1.06fr);column-gap:22px;position:relative;max-width:1320px;margin:0 auto;padding:36px 0 14px;align-items:start}.home-v2 .page-intro{grid-column:1;display:block;margin:0;padding:0;min-height:264px}.home-v2 .page-intro .eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0;background:linear-gradient(100deg,#fe46d8,#6b38ff 58%,#23bbff);color:#fff;border:0;border-radius:999px;padding:8px 14px;box-shadow:0 10px 22px #d943d276;font-size:11px;font-weight:900;letter-spacing:.03em}.home-v2 .home-v2-social-proof{display:inline-block;margin:0 0 0 11px;color:#5f6e9f;font-size:11px;font-weight:800;text-transform:uppercase}.home-v2 #mode-headline{margin:16px 0 9px;max-width:620px;color:#071138;font-size:clamp(44px,5.35vw,74px);line-height:.94;letter-spacing:-.06em;font-weight:900}.home-v2 #mode-headline span{background:linear-gradient(105deg,#155eff,#7140ff 52%,#ff2ed2);-webkit-background-clip:text;background-clip:text;color:transparent}.home-v2 .intro-copy{margin:0;max-width:470px}.home-v2 .intro-copy p{margin:0;color:#5a6994;font-size:18px;line-height:1.38;font-weight:600}.home-v2 .world-entries{margin-top:11px}.home-v2 .world-entries:not(:empty){display:flex}
.home-v2 .workspace{grid-column:1;grid-row:2;max-width:none;margin:0;background:none}.home-v2 .editor-panel{padding:0;border:0;box-shadow:none;background:transparent;max-width:670px}.home-v2 .studio-kicker,.home-v2 .panel-heading,.home-v2 .studio-intro,.home-v2 .tryon-modes,.home-v2 .beauty-modes,.home-v2 .mode-help,.home-v2 .garment-link-trigger,.home-v2 .photo-agreement,.home-v2 .advanced-options,.home-v2 .starting-price,.home-v2 #video-hero-entry{display:none!important}.home-v2 .uploads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:4px 0 18px}.home-v2 .upload-slot{padding:0;border:1.5px dashed #becaff;border-radius:17px;background:#fff;box-shadow:0 11px 25px #6270bd12;overflow:hidden;transition:.2s}.home-v2 .upload-slot:hover{transform:translateY(-3px);box-shadow:0 17px 28px #4853ca29}.home-v2 .slot-heading{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.home-v2 .upload-target{min-height:182px;padding:16px 12px;border:0;background:transparent}.home-v2 .upload-placeholder{gap:3px}.home-v2 .studio-art{width:88px;height:74px;margin:0 auto 3px;border-radius:14px;background:#f5f7ff}.home-v2 .studio-art img{height:100%;width:100%;object-fit:cover}.home-v2 .upload-placeholder strong{font-size:15px;color:#07133e}.home-v2 .upload-placeholder>span:not(.studio-art):not(.add-photo){font-size:12px;line-height:1.25;color:#6675a0}.home-v2 .add-photo{width:38px;height:38px;border-radius:50%;font-size:0;position:absolute;right:12px;bottom:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff48dd,#4546ff 57%,#1bceff);color:#fff;box-shadow:0 8px 18px #5852ef82}.home-v2 .add-photo .icon{width:22px;height:22px}.home-v2 #generate{width:100%;min-height:61px;border:0;border-radius:999px;font-size:19px;font-weight:900;background:linear-gradient(100deg,#ff32d0,#9d38ff 42%,#2f69ff 70%,#2adcf5);box-shadow:0 16px 30px #794bdf79;color:#fff;transition:transform .18s,box-shadow .18s}.home-v2 #generate:not(:disabled):hover{transform:translateY(-3px) scale(1.01);box-shadow:0 23px 36px #794bdf88}.home-v2 #generate:disabled{opacity:.63}.home-v2 .editor-panel>.generate-meta,.home-v2 .editor-panel>.generation-meta{display:none}
.home-v2-hero-visual{grid-column:2;grid-row:1 / span 2;position:relative;min-height:595px;padding:4px 70px 0 52px}.home-v2-hero-image{height:578px;width:100%;border:3px solid #e6eaff;border-radius:27px;overflow:hidden;position:relative;background:#e9ecff;box-shadow:0 23px 42px #3747ad49;transform:rotate(-1.2deg)}.home-v2-hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#9c72e326,transparent 43%,#ff75d235);z-index:1;pointer-events:none}.home-v2-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.home-v2-after,.home-v2-before b,.home-v2-result-card b{position:absolute;padding:7px 14px;background:#fff;color:#2a2f87;border-radius:12px;font-size:16px;box-shadow:0 7px 17px #39358d42}.home-v2-after{right:19px;bottom:140px;z-index:2;background:linear-gradient(100deg,#f738d0,#913cff);color:#fff;font-size:19px}.home-v2-before,.home-v2-result-card{position:absolute;overflow:hidden;border:4px solid #fff;border-radius:20px;background:#fff;box-shadow:0 14px 28px #363a9754;z-index:2}.home-v2-before{left:0;top:187px;width:158px;height:228px}.home-v2-result-card{right:4px;top:205px;width:170px;height:258px;transform:rotate(4deg)}.home-v2-before img,.home-v2-result-card img{width:100%;height:100%;object-fit:cover}.home-v2-before b{bottom:7px;left:7px}.home-v2-result-card b{bottom:9px;right:9px;background:#ff49d6;color:#fff}.home-v2-neon-heart{position:absolute;right:33px;top:43px;font-family:Arial,sans-serif;color:#fff;font-size:100px;line-height:1;text-shadow:0 0 8px #ff48d4,0 0 22px #e72ac8,0 0 37px #f174e5;z-index:3;animation:home-v2-pulse 2.3s infinite ease-in-out}.home-v2-handnote{position:absolute;z-index:3;font:700 19px/1.06 cursive;color:#18206e;transform:rotate(-8deg)}.home-v2-handnote.note-top{right:-11px;top:24px}.home-v2-handnote.note-bottom{right:-4px;bottom:12px;transform:rotate(9deg)}.home-v2-categories{position:absolute;z-index:3;right:-18px;top:115px;list-style:none;margin:0;padding:0;display:grid;gap:8px}.home-v2-categories li{padding:9px 13px;border-radius:12px;background:#ffffffdc;box-shadow:0 7px 18px #5360a834;color:#253466;font-weight:800;font-size:12px;backdrop-filter:blur(7px)}
.home-v2 .below-workspace{max-width:650px;margin:0 0 24px;display:flex;align-items:center;gap:17px;border:0;background:transparent;color:#192451}.home-v2 .below-workspace p{margin:0;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.home-v2 .below-workspace .icon{width:23px;height:23px;padding:4px;border-radius:8px;background:#eef0ff;color:#384bfa}.home-v2 .below-workspace span{height:24px;width:1px;background:#dbe0fb}
.home-v2-how{max-width:1320px;margin:0 auto 38px;padding:19px 24px 20px;border:1px solid #e6e9ff;border-radius:28px;background:linear-gradient(120deg,#fff,#f8f9ff 55%,#fff);box-shadow:0 14px 28px #4252a615}.home-v2-how h2{text-align:center;font-size:27px;letter-spacing:-.05em;margin:0 0 15px;color:#0c1742}.home-v2-how h2 span{color:#3553ff}.home-v2-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0;padding:0}.home-v2-how li{display:grid;grid-template-columns:38px 56px 1fr;align-items:center;gap:10px;padding:9px 12px}.home-v2-how li>b{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff5add,#8f40ff);color:#fff;box-shadow:0 7px 15px #b546dd51}.home-v2-how li>span{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#f1f4ff;font-size:25px}.home-v2-how li strong,.home-v2-how li small{display:block}.home-v2-how li strong{font-size:15px}.home-v2-how li small{margin-top:3px;color:#64729d;font-size:11px;line-height:1.25}
.home-v2 .pricing-section{margin-top:16px}.home-v2 .inspiration-section,.home-v2 #inspiration{scroll-margin-top:40px}.home-v2 .site-footer{border-radius:26px 26px 0 0}
@keyframes home-v2-pulse{50%{transform:scale(1.1) rotate(5deg);filter:brightness(1.16)}}
.home-v2 .page-intro .eyebrow{font-size:0}.home-v2 .page-intro .eyebrow>*{display:none}.home-v2 .page-intro .eyebrow:after{content:'✦  AI ПРИМЕРОЧНАЯ №1';font-size:11px}.home-v2 #mode-headline{font-size:0;color:transparent}.home-v2 #mode-headline>*{display:none}.home-v2 #mode-headline:after{content:'Твой новый образ\A в один клик ♡';white-space:pre;background:linear-gradient(105deg,#071138 0,#071138 45%,#304aff 45%,#7140ff 74%,#ff2ed2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(44px,5.35vw,74px);line-height:.94}.home-v2 .photo-agreement{display:flex!important;align-items:flex-start;gap:7px;margin:7px 0 9px;padding:0 3px;color:#64719b;font-size:10px;line-height:1.25}.home-v2 .photo-agreement input{margin-top:1px;accent-color:#6646f5}.home-v2 .photo-agreement a{color:#394eff}
@media (max-width:1100px){.home-v2 main{padding:0 24px 60px}.home-v2 .site-header{padding:18px 28px}.home-v2 .home-v2-nav{gap:1px}.home-v2 .home-v2-nav a{padding:8px 8px;font-size:11px}.home-v2-hero{grid-template-columns:minmax(380px,.92fr) minmax(350px,1.08fr)}.home-v2-hero-visual{min-height:530px;padding-right:44px}.home-v2-hero-image{height:510px}.home-v2 .upload-target{min-height:162px}.home-v2 .below-workspace{gap:10px}.home-v2 .below-workspace p{font-size:10px}.home-v2-handnote{font-size:15px}.home-v2-categories{right:-8px}.home-v2-categories li{font-size:10px;padding:7px 9px}}
@media (max-width:760px){.home-v2 main{padding:0 16px 46px}.home-v2 .site-header{padding:15px 18px;gap:10px;position:sticky;top:0}.home-v2 .nw-brand:after{font-size:6px}.home-v2 .home-v2-nav{display:none}.home-v2 .history-button{display:none}.home-v2 .balance-pill{font-size:11px;padding:8px 10px}.home-v2 .profile-top{display:grid}.home-v2-hero{display:flex;flex-direction:column;padding-top:20px}.home-v2 .page-intro{min-height:0}.home-v2 #mode-headline{font-size:46px;line-height:.96;margin-top:13px}.home-v2 .intro-copy p{font-size:15px}.home-v2 .home-v2-social-proof{display:block;margin:9px 0 0;font-size:9px}.home-v2 .workspace{width:100%;margin-top:20px;order:3}.home-v2 .uploads{gap:9px}.home-v2 .upload-target{min-height:143px;padding:10px 5px}.home-v2 .studio-art{width:65px;height:62px}.home-v2 .upload-placeholder strong{font-size:13px}.home-v2 .upload-placeholder>span:not(.studio-art):not(.add-photo){font-size:10px}.home-v2 .add-photo{right:8px;bottom:8px;width:32px;height:32px}.home-v2 #generate{min-height:54px;font-size:16px}.home-v2-hero-visual{width:100%;min-height:370px;padding:12px 38px 0 29px;order:2;margin-top:15px}.home-v2-hero-image{height:350px;border-radius:20px}.home-v2-before{width:100px;height:148px;top:112px}.home-v2-result-card{width:109px;height:163px;top:126px}.home-v2-before b,.home-v2-result-card b{padding:4px 8px;font-size:11px}.home-v2-after{right:9px;bottom:85px;font-size:13px;padding:5px 9px}.home-v2-neon-heart{font-size:62px;right:16px;top:30px}.home-v2-categories{display:none}.home-v2-handnote{font-size:12px}.home-v2-handnote.note-top{right:-2px;top:10px}.home-v2-handnote.note-bottom{bottom:0}.home-v2 .below-workspace{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 25px}.home-v2 .below-workspace p{font-size:10px}.home-v2 .below-workspace span{display:none}.home-v2-how{padding:17px 11px;border-radius:20px}.home-v2-how h2{font-size:23px}.home-v2-how ol{display:block}.home-v2-how li{grid-template-columns:32px 43px 1fr;padding:7px}.home-v2-how li>b{width:30px;height:30px;font-size:11px}.home-v2-how li>span{width:40px;height:40px;font-size:20px}.home-v2-how li strong{font-size:13px}.home-v2-how li small{font-size:10px}}
.home-v2 #mode-headline{font-size:0}.home-v2 #mode-headline:after{font-size:clamp(44px,5.35vw,74px)}@media (max-width:760px){.home-v2 #mode-headline{font-size:0}.home-v2 #mode-headline:after{font-size:46px}}
.home-v2 .editor-panel{width:100%!important;max-width:none!important}
.home-v2 .page-intro,.home-v2 .intro-copy{width:100%;max-width:100%;box-sizing:border-box}
html:has(body.home-v2){overflow-x:hidden}.home-v2 .checkline.photo-agree{display:flex!important;align-items:flex-start;gap:7px;margin:7px 0 9px;padding:0 3px;color:#64719b;font-size:10px;line-height:1.25}.home-v2 .checkline.photo-agree input{margin-top:1px;accent-color:#6646f5}.home-v2 .checkline.photo-agree a{color:#394eff}
.home-v2 .workspace{grid-template-columns:1fr!important}
.home-v2-styles{max-width:1320px;margin:0 auto 28px}.home-v2-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.home-v2-section-heading h2{margin:0;font-size:28px;letter-spacing:-.05em}.home-v2-section-heading h2 span{color:#4050ff}.home-v2-section-heading a{padding:10px 17px;border:1px solid #cdd5ff;border-radius:999px;color:#3544e9;text-decoration:none;font-size:12px;font-weight:800}.home-v2-style-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.home-v2-style-grid>a{min-width:0;min-height:190px;overflow:hidden;border:1px solid #e4e8fb;border-radius:14px;background:#fff;box-shadow:0 8px 16px #495fa610;text-decoration:none;color:#0a1640;transition:.2s}.home-v2-style-grid>a:hover{transform:translateY(-4px);box-shadow:0 17px 28px #495fa62e}.home-v2-style-grid img{width:100%;height:130px;object-fit:cover;display:block}.home-v2-style-grid b,.home-v2-style-grid small{display:block;padding:0 9px}.home-v2-style-grid b{font-size:12px;margin-top:8px}.home-v2-style-grid small{color:#7481a8;font-size:10px;line-height:1.2;margin-top:3px}.home-v2-style-grid .home-v2-more-style{display:grid;place-content:center;text-align:center;gap:12px;background:linear-gradient(145deg,#f8f9ff,#fff);border-style:solid}.home-v2-more-style span{font-size:36px;color:#365cff;font-weight:300}.home-v2-more-style b{font-size:14px;margin:0}.home-v2-promo-grid{max-width:1320px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.home-v2-promo{height:224px;border-radius:22px;overflow:hidden;position:relative;text-decoration:none;color:#10183e;box-shadow:0 14px 28px #4662a82e}.home-v2-travel{background:linear-gradient(100deg,#96dfff,#eaf9ff);display:flex;align-items:stretch}.home-v2-travel img{width:46%;object-fit:cover;order:0}.home-v2-travel div{padding:31px 20px;z-index:1}.home-v2-promo em{font:700 15px/1.05 cursive;color:#151d5f}.home-v2-promo h2{margin:12px 0 8px;font-size:27px;line-height:.98;letter-spacing:-.05em}.home-v2-promo h2 span{color:#e437db}.home-v2-promo p{margin:0;color:#506795;font-size:13px;font-weight:600;line-height:1.35}.home-v2-app{display:flex;align-items:center;padding:29px 35px;background:radial-gradient(circle at 65% 25%,#f7efff,transparent 31%),linear-gradient(112deg,#bcd5ff,#fdc8ee 57%,#c49aff);isolation:isolate}.home-v2-app h2{font-size:30px}.home-v2-app b{display:inline-block;margin-top:13px;padding:9px 13px;border-radius:999px;background:#101438;color:#fff;font-size:11px}.home-v2-phone{position:absolute;right:47px;bottom:-46px;width:150px;height:250px;border:9px solid #11152e;border-radius:28px;background:linear-gradient(145deg,#fff,#d6d5ff);font-size:86px;font-weight:900;color:#8144ff;display:grid;place-items:center;transform:rotate(-13deg);box-shadow:0 13px 29px #514d8a75;z-index:-1}.home-v2-stats{max-width:1320px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;color:#3150e8}.home-v2-stats>div{display:flex;align-items:center;gap:11px;font-size:27px}.home-v2-stats span{display:grid;gap:2px;color:#6a789d;font-size:10px}.home-v2-stats b{font-size:15px;color:#263665}
@media (max-width:760px){.home-v2-styles{margin-bottom:23px}.home-v2-section-heading h2{font-size:22px}.home-v2-section-heading a{padding:8px 10px;font-size:10px}.home-v2-style-grid{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.home-v2-style-grid>a{flex:0 0 122px;min-height:177px;scroll-snap-align:start}.home-v2-style-grid img{height:117px}.home-v2-promo-grid{grid-template-columns:1fr;gap:12px}.home-v2-promo{height:195px}.home-v2-travel div{padding:22px 12px}.home-v2-promo h2,.home-v2-app h2{font-size:24px}.home-v2-app{padding:24px 20px}.home-v2-phone{right:35px;width:115px;height:188px;font-size:66px}.home-v2-stats{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.home-v2-stats>div{font-size:22px}.home-v2-stats b{font-size:13px}}

/* Interaction layer: a single visual priority, with motion only as feedback. */
.home-v2{scroll-behavior:smooth}.home-v2 a,.home-v2 button{touch-action:manipulation}.home-v2 a:focus-visible,.home-v2 button:focus-visible,.home-v2 input:focus-visible{outline:3px solid #fb43d4;outline-offset:3px}.home-v2 .page-intro .eyebrow{animation:home-v2-badge 3.4s ease-in-out infinite}.home-v2 .upload-target{position:relative;isolation:isolate}.home-v2 .upload-target:after{content:'';position:absolute;z-index:-1;inset:-35% auto -35% -55%;width:36%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-20deg) translateX(-260%);transition:transform .6s ease}.home-v2 .upload-slot:hover .upload-target:after,.home-v2 .upload-slot:focus-within .upload-target:after{transform:skewX(-20deg) translateX(680%)}.home-v2 .upload-slot:focus-within{border-color:#7144ff;box-shadow:0 0 0 4px #dcd7ff,0 18px 30px #5253d538}.home-v2 .add-photo{animation:home-v2-orbit-glow 2.8s ease-in-out infinite}.home-v2 #generate:not(:disabled){animation:home-v2-cta-breathe 2.7s ease-in-out infinite}.home-v2 #generate:not(:disabled):active{transform:translateY(1px) scale(.985)}.home-v2-hero-image{animation:home-v2-hero-float 5.2s ease-in-out infinite}.home-v2-before{animation:home-v2-card-float 4.4s .2s ease-in-out infinite}.home-v2-result-card{animation:home-v2-card-float 4.4s .65s ease-in-out infinite}.home-v2-categories li{transition:transform .2s,box-shadow .2s}.home-v2-categories li:hover{transform:translateX(-5px);box-shadow:0 11px 22px #5360a84b}.home-v2-how li{border-radius:16px;transition:background .2s,transform .2s}.home-v2-how li:hover{transform:translateY(-3px);background:#f6f7ff}.home-v2-style-grid>a img{transition:transform .45s ease,filter .45s ease}.home-v2-style-grid>a:hover img{transform:scale(1.07);filter:saturate(1.12)}.home-v2-promo{transition:transform .25s ease,box-shadow .25s ease}.home-v2-promo:hover{transform:translateY(-5px);box-shadow:0 22px 36px #4662a84d}.home-v2-promo:hover .home-v2-phone{transform:rotate(-7deg) translateY(-7px)}.home-v2-phone{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.home-v2-stats>div{transition:transform .2s}.home-v2-stats>div:hover{transform:translateY(-3px)}
@keyframes home-v2-badge{50%{box-shadow:0 10px 26px #d943d2a5;transform:translateY(-1px)}}@keyframes home-v2-orbit-glow{50%{transform:scale(1.1);box-shadow:0 10px 27px #5852efaf}}@keyframes home-v2-cta-breathe{50%{filter:brightness(1.1);box-shadow:0 20px 40px #794bdf9d}}@keyframes home-v2-hero-float{50%{transform:rotate(.2deg) translateY(-5px)}}@keyframes home-v2-card-float{50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.home-v2 *,.home-v2 *:before,.home-v2 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Bespoke icon system: no emoji or platform-dependent glyphs in the landing screen. */
.home-v2-categories li{display:flex;align-items:center;gap:7px}.home-v2-categories li svg{width:23px;height:23px;flex:0 0 23px}.home-v2-how li>span{padding:7px;box-sizing:border-box}.home-v2-how li>span svg{width:100%;height:100%;display:block}.home-v2-stats>div>svg{width:35px;height:35px;flex:0 0 35px;padding:5px;box-sizing:border-box;border-radius:12px;background:#f0f3ff;filter:drop-shadow(0 5px 8px #5062c22d)}.home-v2 .upload-slot:before{content:'';position:absolute;z-index:2;top:13px;left:13px;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#ffffff,#e8edff);box-shadow:0 5px 10px #4d60a725}
@media (max-width:760px){.home-v2-categories li svg{width:20px;height:20px;flex-basis:20px}.home-v2-stats>div>svg{width:31px;height:31px;flex-basis:31px}}
.home-v2-categories button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid transparent;border-radius:12px;background:#ffffffdc;box-shadow:0 7px 18px #5360a834;color:#253466;font-weight:800;font-size:12px;backdrop-filter:blur(7px);cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.home-v2-categories button svg{width:23px;height:23px;flex:0 0 23px}.home-v2-categories button:hover{transform:translateX(-5px);box-shadow:0 11px 22px #5360a84b}.home-v2-categories button[aria-pressed="true"]{border-color:#7c5aff;background:linear-gradient(135deg,#fff,#ebe7ff);box-shadow:0 10px 23px #634ee066;color:#4a35c9}@media(max-width:1100px){.home-v2-categories button{font-size:10px;padding:7px 9px}}@media(max-width:760px){.home-v2-categories button svg{width:20px;height:20px;flex-basis:20px}}

/* Production polish: keep the header on one line, leave examples to the compact style gallery. */
.home-v2 .site-header{flex-wrap:nowrap!important;min-width:0}.home-v2 .nw-brand{width:192px!important;min-width:192px!important;flex:0 0 192px!important}.home-v2 .home-v2-nav{min-width:0;flex:1 1 auto;justify-content:center;white-space:nowrap}.home-v2 .home-v2-nav a{padding-left:10px;padding-right:10px}.home-v2 .nw-header-actions{flex:0 0 auto;margin-left:0;white-space:nowrap}.home-v2 #result-panel{display:none!important}.home-v2 .world-entry-love,.home-v2 .world-entry-halloween{display:none!important}@media(max-width:1100px){.home-v2 .home-v2-nav{display:none}.home-v2 .site-header{justify-content:space-between}.home-v2 .nw-header-actions{margin-left:auto}}@media(max-width:760px){.home-v2 .nw-brand{width:168px!important;min-width:168px!important;flex-basis:168px!important}}

/* Interactive before/after deck: grouped at the centre so every category change feels deliberate. */
.home-v2-hero-visual{padding-left:74px!important;padding-right:58px!important}.home-v2-before{left:31px!important;top:196px!important;width:171px!important;height:248px!important;z-index:4!important}.home-v2-result-card{right:145px!important;top:181px!important;width:182px!important;height:274px!important;z-index:5!important}.home-v2-before:after,.home-v2-result-card:after{content:'';position:absolute;inset:-14px;border-radius:27px;background:linear-gradient(135deg,#48dfff66,#7646ff38,#ff43d15c);filter:blur(16px);z-index:-1;opacity:.8}.home-v2-before img,.home-v2-result-card img{transition:opacity .22s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.home-v2-scene-change .home-v2-before img{animation:home-v2-reveal-left .7s cubic-bezier(.2,.82,.25,1)}.home-v2-scene-change .home-v2-result-card img{animation:home-v2-reveal-right .72s .05s cubic-bezier(.2,.82,.25,1)}.home-v2-categories{top:101px!important;right:-6px!important;gap:7px!important}.home-v2-categories button{min-width:142px;justify-content:flex-start}.home-v2-categories button[aria-pressed="true"]{transform:translateX(-8px) scale(1.04);box-shadow:0 13px 28px #634ee080,0 0 0 4px #ffffffa8}.home-v2-categories button[aria-pressed="true"] svg{filter:drop-shadow(0 4px 5px #5734d77d)}@keyframes home-v2-reveal-left{0%{opacity:.1;transform:translateX(-32px) rotate(-8deg) scale(.88);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}@keyframes home-v2-reveal-right{0%{opacity:.1;transform:translateX(32px) rotate(9deg) scale(.88);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}@media(max-width:1100px){.home-v2-hero-visual{padding-left:55px!important;padding-right:38px!important}.home-v2-before{left:14px!important;width:142px!important;height:210px!important}.home-v2-result-card{right:122px!important;width:151px!important;height:226px!important}.home-v2-categories button{min-width:121px}}@media(max-width:760px){.home-v2-hero-visual{padding-left:29px!important;padding-right:38px!important}.home-v2-before{left:0!important;top:112px!important;width:100px!important;height:148px!important}.home-v2-result-card{right:0!important;top:126px!important;width:109px!important;height:163px!important}.home-v2-categories{display:none!important}}

/* Upload cards are the first conversion action: make them feel tangible, fast and safe. */
.home-v2 .uploads{gap:18px}.home-v2 .upload-slot{position:relative;isolation:isolate;border:1px solid #d7dcff;border-radius:22px;overflow:visible;background:linear-gradient(145deg,#f8f6ff 3%,#e9e3ff 52%,#d9d0ff);box-shadow:0 15px 26px #634ee030,0 2px 0 #fff inset;transition:transform .28s cubic-bezier(.2,.9,.25,1),box-shadow .28s,border-color .28s}.home-v2 .upload-slot:nth-child(2){background:linear-gradient(145deg,#fff8f7 4%,#ffe7df 52%,#ffd4c9);border-color:#ffd4e5;box-shadow:0 15px 26px #ff5e9d26,0 2px 0 #fff inset}.home-v2 .upload-slot:before{content:'01';display:grid;place-items:center;top:12px;left:12px;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#fff,#e9ecff);color:#5c45e7;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:0 7px 16px #4739a638;z-index:4}.home-v2 .upload-slot:nth-child(2):before{content:'02';color:#e951ae;background:linear-gradient(145deg,#fff,#fff0f8);box-shadow:0 7px 16px #e54b9a2e}.home-v2 .upload-slot:after{content:'';position:absolute;z-index:-1;inset:-2px;border-radius:24px;background:linear-gradient(120deg,#7161ff,#59dffd 30%,#ff47cf 61%,#fff0b3);background-size:240% 240%;opacity:0;filter:blur(7px);transition:opacity .25s;animation:home-v2-card-aura 4.6s linear infinite}.home-v2 .upload-target{min-height:196px;padding:17px 14px;border:1px solid #ffffffa8;border-radius:21px;background:transparent;transition:background .28s}.home-v2 .upload-placeholder{position:relative;z-index:1}.home-v2 .studio-art{width:96px;height:80px;margin-bottom:8px;border:5px solid #fff;box-shadow:0 12px 18px #5c4d9f31;transform:rotate(-5deg);transition:transform .3s cubic-bezier(.2,.9,.25,1),box-shadow .3s}.home-v2 .upload-slot:nth-child(2) .studio-art{transform:rotate(5deg);box-shadow:0 12px 18px #d95a8431}.home-v2 .upload-placeholder strong{font-size:16px;letter-spacing:-.025em}.home-v2 .upload-placeholder>span:not(.studio-art):not(.add-photo){font-size:12px;line-height:1.35;max-width:185px}.home-v2 .add-photo{right:13px;bottom:13px;width:48px;height:48px;border:2px solid #ffffffd9;background:linear-gradient(135deg,#ff3ed0,#8046ff 53%,#24cef1);box-shadow:0 11px 22px #5844e989,0 0 0 5px #ffffff78;transition:transform .24s,box-shadow .24s;animation:home-v2-add-pulse 2.8s ease-in-out infinite}.home-v2 .add-photo:after{content:'+';font-size:29px;font-weight:400;line-height:1}.home-v2 .add-photo .icon{display:none}.home-v2 .upload-slot:hover,.home-v2 .upload-slot:focus-within{transform:translateY(-7px) scale(1.018);border-color:#7155ff;box-shadow:0 25px 42px #634ee052,0 2px 0 #fff inset}.home-v2 .upload-slot:nth-child(2):hover,.home-v2 .upload-slot:nth-child(2):focus-within{border-color:#ff78bd;box-shadow:0 25px 42px #ff5e9d43,0 2px 0 #fff inset}.home-v2 .upload-slot:hover:after,.home-v2 .upload-slot:focus-within:after{opacity:.9}.home-v2 .upload-slot:hover .studio-art,.home-v2 .upload-slot:focus-within .studio-art{transform:translateY(-7px) rotate(2deg) scale(1.07);box-shadow:0 19px 27px #5c4d9f45}.home-v2 .upload-slot:nth-child(2):hover .studio-art,.home-v2 .upload-slot:nth-child(2):focus-within .studio-art{transform:translateY(-7px) rotate(-2deg) scale(1.07)}.home-v2 .upload-slot:hover .add-photo,.home-v2 .upload-slot:focus-within .add-photo{transform:rotate(90deg) scale(1.12);box-shadow:0 15px 28px #5844efb5,0 0 0 7px #ffffff9b}.home-v2 .upload-slot.has-photo{background:#fff;border-color:#8c7aff}.home-v2 .upload-slot.has-photo:nth-child(2){border-color:#ff86bd}.home-v2 .upload-slot.has-photo:before{content:'✓';color:#fff;background:linear-gradient(135deg,#35cfe9,#6d4cff)}@keyframes home-v2-card-aura{to{background-position:220% 50%}}@keyframes home-v2-add-pulse{50%{box-shadow:0 14px 29px #5844efb5,0 0 0 8px #ffffff70}}@media(max-width:760px){.home-v2 .uploads{gap:10px}.home-v2 .upload-slot{border-radius:17px}.home-v2 .upload-target{min-height:152px;border-radius:16px;padding:10px 5px}.home-v2 .upload-slot:before{top:8px;left:8px;width:26px;height:26px;border-radius:9px;font-size:9px}.home-v2 .studio-art{width:70px;height:64px;border-width:3px;margin-bottom:4px}.home-v2 .upload-placeholder strong{font-size:13px}.home-v2 .upload-placeholder>span:not(.studio-art):not(.add-photo){font-size:10px}.home-v2 .add-photo{right:8px;bottom:8px;width:38px;height:38px}.home-v2 .add-photo:after{font-size:24px}}

/* The first screen keeps the message, the preview and the primary action together. */
.home-v2-hero{padding-top:28px!important;padding-bottom:16px!important}.home-v2 .page-intro{grid-column:1 / -1!important;grid-row:1!important;min-height:0!important}.home-v2 .workspace{grid-column:1!important;grid-row:2!important;margin-top:18px!important}.home-v2-hero-visual{grid-column:2!important;grid-row:2!important;min-height:540px!important}.home-v2-hero-image{height:520px!important}.home-v2-before{top:166px!important}.home-v2-result-card{top:181px!important}.home-v2-after{bottom:122px!important}.home-v2 #mode-headline{margin:10px 0 7px!important}.home-v2 #mode-headline:after{font-size:clamp(38px,4.5vw,64px)!important;line-height:.95!important}.home-v2 .intro-copy{max-width:590px!important}.home-v2 .intro-copy p{font-size:15px!important;line-height:1.35!important}.home-v2 .page-intro .eyebrow:after{font-size:10px!important}.home-v2 .home-v2-social-proof{font-size:10px!important}
.home-v2-hero-cta{grid-column:2;grid-row:3;justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;margin:4px 58px 0 74px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(100deg,#ff32d0,#9d38ff 42%,#2f69ff 70%,#2adcf5);box-shadow:0 16px 30px #794bdf79;color:#fff;font-size:17px;font-weight:900;cursor:pointer;transition:transform .18s,box-shadow .18s;animation:home-v2-cta-breathe 2.7s ease-in-out infinite}.home-v2-hero-cta svg{width:23px;height:23px}.home-v2-hero-cta b{font-size:25px;line-height:1;font-weight:500}.home-v2-hero-cta:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 23px 36px #794bdf88}
@media(max-width:1100px){.home-v2-hero-visual{min-height:486px!important}.home-v2-hero-image{height:468px!important}.home-v2-before{top:143px!important}.home-v2-result-card{top:158px!important}.home-v2-hero-cta{margin-left:55px;margin-right:38px;font-size:15px}}
@media(max-width:760px){.home-v2 .page-intro{order:1}.home-v2-hero-visual{order:2;min-height:370px!important}.home-v2-hero-image{height:350px!important}.home-v2-hero-cta{order:3;width:100%;margin:10px 0 0;min-height:54px;font-size:16px}.home-v2 .workspace{order:4;margin-top:15px!important}.home-v2 #mode-headline:after{font-size:38px!important}.home-v2 .intro-copy p{font-size:14px!important}}
/* Promo imagery: clear travel and in-app try-on previews. */
.home-v2-travel img{width:46%;object-position:22% center}
.home-v2-app>div{position:relative;z-index:2;max-width:54%}
.home-v2-app-art{position:absolute;right:2px;bottom:-34px;width:248px;height:276px;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 20px #4438784a);transform:rotate(-4deg);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:1;pointer-events:none}
.home-v2-app:hover .home-v2-app-art{transform:rotate(0deg) translateY(-7px) scale(1.025)}
@media (max-width:760px){.home-v2-travel img{width:43%;object-position:20% center}.home-v2-app>div{max-width:60%}.home-v2-app-art{right:-13px;bottom:-32px;width:177px;height:230px}.home-v2-app:hover .home-v2-app-art{transform:rotate(-2deg) translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.home-v2-app-art,.home-v2-app:hover .home-v2-app-art{transform:none;transition:none}}
/* Hero sequence: headline, example, immediate action, then the explanation. */
.home-v2 .page-intro .eyebrow,.home-v2 .home-v2-social-proof{display:none!important}
.home-v2 #mode-headline{margin:0!important}
.home-v2-hero-visual{overflow:visible}
.home-v2-hero-visual .home-v2-hero-cta{position:absolute;z-index:8;left:74px;right:58px;bottom:-64px;width:auto;margin:0}
.home-v2-hero-visual>.intro-copy{position:absolute;z-index:8;left:74px;right:58px;bottom:-121px;max-width:540px;margin:0}
.home-v2-hero-visual>.intro-copy p{font-size:14px!important;line-height:1.35!important;color:#5a6994}
.home-v2-hero-visual>.intro-copy .world-entries{display:none!important}
@media(max-width:1100px){.home-v2-hero-visual .home-v2-hero-cta,.home-v2-hero-visual>.intro-copy{left:55px;right:38px}}
@media(max-width:760px){.home-v2-hero-visual{min-height:0!important;padding-bottom:0!important}.home-v2-hero-visual .home-v2-hero-cta,.home-v2-hero-visual>.intro-copy{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:none}.home-v2-hero-visual .home-v2-hero-cta{margin:12px 0 0}.home-v2-hero-visual>.intro-copy{margin:9px 0 0}.home-v2-hero-visual>.intro-copy p{font-size:13px!important}}
/* Tighter headline keeps the example higher in the first screen. */
.home-v2 #mode-headline:after{font-size:clamp(35px,4vw,57px)!important;line-height:.91!important}
@media(max-width:760px){.home-v2 #mode-headline:after{font-size:35px!important;line-height:.93!important}}
/* Mobile parity: keep every desktop try-on mode visible as a compact touch grid. */
@media (max-width:760px){
  .home-v2 .home-v2-hero{gap:0;padding-top:18px!important}
  .home-v2 .home-v2-hero-visual{padding:10px 20px 0!important;overflow:visible!important}
  .home-v2 .home-v2-hero-image{height:320px!important;border-radius:21px!important}
  .home-v2 .home-v2-before{left:-2px!important;top:103px!important;width:96px!important;height:143px!important}
  .home-v2 .home-v2-result-card{right:-2px!important;top:116px!important;width:104px!important;height:156px!important}
  .home-v2 .home-v2-after{right:8px!important;bottom:auto!important;top:248px!important}
  .home-v2 .home-v2-neon-heart{right:13px!important;top:23px!important;font-size:57px!important}
  .home-v2 .home-v2-handnote.note-top{right:0!important;top:7px!important}
  .home-v2 .home-v2-handnote.note-bottom{right:0!important;top:282px!important;bottom:auto!important;font-size:11px!important}
  .home-v2 .home-v2-categories{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;width:100%;margin:10px 0 0!important;padding:0!important}
  .home-v2 .home-v2-categories button{min-width:0!important;min-height:38px;padding:6px 5px!important;justify-content:center!important;gap:4px!important;border-radius:11px!important;font-size:10px!important;line-height:1.05!important;white-space:nowrap!important;box-shadow:0 5px 13px #5360a82e!important}
  .home-v2 .home-v2-categories button svg{width:16px!important;height:16px!important;flex:0 0 16px!important}
  .home-v2 .home-v2-categories button[aria-pressed="true"]{transform:none!important;box-shadow:0 0 0 2px #ffffffb8,0 8px 17px #634ee066!important}
  .home-v2 .home-v2-hero-visual .home-v2-hero-cta{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:8;margin:12px 0 0!important;min-height:54px!important;font-size:15px!important}
  .home-v2 .home-v2-hero-visual>.intro-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:8;width:100%;margin:8px 0 0!important;padding:0 2px!important}
  .home-v2 .home-v2-hero-visual>.intro-copy p{font-size:13px!important;line-height:1.35!important}
  .home-v2 .workspace{margin-top:18px!important}
  .home-v2 .home-v2-style-grid{scrollbar-width:none;overscroll-behavior-x:contain;padding:1px 1px 9px!important}
  .home-v2 .home-v2-style-grid::-webkit-scrollbar,.home-v2 .pricing-section>.price-grid::-webkit-scrollbar{display:none}
  .home-v2 .pricing-section>.price-grid{scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-left:2px}
}
@media (max-width:370px){
  .home-v2 .home-v2-hero-visual{padding-left:16px!important;padding-right:16px!important}
  .home-v2 .home-v2-hero-image{height:298px!important}
  .home-v2 .home-v2-before{top:95px!important;width:88px!important;height:132px!important}
  .home-v2 .home-v2-result-card{top:108px!important;width:96px!important;height:144px!important}
  .home-v2 .home-v2-after{top:230px!important}
  .home-v2 .home-v2-handnote.note-bottom{top:262px!important}
  .home-v2 .home-v2-categories button{font-size:9px!important;padding-left:3px!important;padding-right:3px!important}
}

/* Let upload-card motion breathe beyond the rounded artwork without clipping it. */
.home-v2 .workspace,.home-v2 .editor-panel,.home-v2 .uploads,.home-v2 .upload-slot,.home-v2 .upload-target,.home-v2 .upload-placeholder{overflow:visible!important}
.home-v2 .uploads{padding:20px 0 26px;isolation:isolate}
.home-v2 .upload-slot{z-index:1}
.home-v2 .upload-slot:hover,.home-v2 .upload-slot:focus-within{z-index:4}
.home-v2 .upload-placeholder{border-radius:inherit}
@media(max-width:760px){.home-v2 .uploads{padding:14px 0 19px}}

.home-v2 .upload-slot .add-photo{font-size:0!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important}


/* Mobile mode menu mirrors the desktop selector and stays fully tappable below the example. */
@media (max-width:760px){
  .home-v2 .home-v2-categories{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;max-width:270px;margin:13px auto 0!important}
  .home-v2 .home-v2-categories button{min-height:42px!important;padding:8px 14px!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important;border-radius:13px!important}
  .home-v2 .home-v2-categories button svg{width:21px!important;height:21px!important;flex-basis:21px!important}
  .home-v2 .home-v2-categories button[aria-pressed="true"]{transform:translateX(4px)!important;box-shadow:0 0 0 2px #ffffffb8,0 10px 19px #634ee073!important}
}

/* One-row mobile mode switcher: the familiar icons keep the example visually dominant. */
@media (max-width:760px){
  .home-v2 .home-v2-categories{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;max-width:none!important;margin:13px 0 0!important}
  .home-v2 .home-v2-categories button{min-height:48px!important;padding:5px!important;justify-content:center!important;gap:0!important;border-radius:14px!important;font-size:0!important}
  .home-v2 .home-v2-categories button svg{width:26px!important;height:26px!important;flex:0 0 26px!important}
  .home-v2 .home-v2-categories button[aria-pressed="true"]{transform:translateY(-2px)!important;box-shadow:0 0 0 2px #ffffffb8,0 10px 19px #634ee073!important}
}
@media (max-width:370px){.home-v2 .home-v2-categories{gap:4px!important}.home-v2 .home-v2-categories button{min-height:44px!important}.home-v2 .home-v2-categories button svg{width:23px!important;height:23px!important;flex-basis:23px!important}}

/* A clearer, livelier three-step story. */
.home-v2 .home-v2-how{position:relative;overflow:hidden;padding:25px 27px 24px;border:1px solid #dfe4ff;border-radius:30px;background:radial-gradient(circle at 8% 15%,#e9f7ff 0,transparent 27%),radial-gradient(circle at 92% 83%,#ffe3f7 0,transparent 30%),linear-gradient(135deg,#fff,#f8f8ff 52%,#fff);box-shadow:0 18px 38px #4252a61c}
.home-v2 .home-v2-how:before{content:'';position:absolute;inset:-40% 28% auto auto;width:230px;height:230px;border-radius:50%;background:#7864ff18;filter:blur(22px);pointer-events:none}
.home-v2 .home-v2-how h2{position:relative;margin:0 0 19px;font-size:30px;letter-spacing:-.06em}
.home-v2 .home-v2-how ol{position:relative;gap:14px}
.home-v2 .home-v2-how ol:before{content:'';position:absolute;z-index:0;left:16%;right:16%;top:50%;height:2px;background:linear-gradient(90deg,#a9dfff,#9969ff 48%,#ff75d7);opacity:.56}
.home-v2 .home-v2-how li{position:relative;z-index:1;grid-template-columns:42px 58px 1fr;min-height:82px;padding:13px 14px;border:1px solid #e4e8ff;border-radius:20px;background:#fffffff0;box-shadow:0 9px 19px #5161ad15;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.home-v2 .home-v2-how li:nth-child(1){background:linear-gradient(135deg,#f1fbff,#fff)}
.home-v2 .home-v2-how li:nth-child(2){background:linear-gradient(135deg,#f6f0ff,#fff)}
.home-v2 .home-v2-how li:nth-child(3){background:linear-gradient(135deg,#fff1fa,#fff)}
.home-v2 .home-v2-how li>b{width:38px;height:38px;font-size:12px;background:linear-gradient(135deg,#5f6dff,#8e45ff 53%,#ff4ccc);box-shadow:0 8px 18px #9349db5e}
.home-v2 .home-v2-how li>span{width:54px;height:54px;border:1px solid #fff;background:linear-gradient(145deg,#fff,#e8edff);box-shadow:0 8px 17px #4f63ab21}
.home-v2 .home-v2-how li strong{font-size:16px;line-height:1.1;letter-spacing:-.025em}
.home-v2 .home-v2-how li small{margin-top:5px;font-size:11px;line-height:1.3}
.home-v2 .home-v2-how li:hover{transform:translateY(-5px) scale(1.015);border-color:#a998ff;box-shadow:0 18px 30px #5349b332}
.home-v2 .home-v2-stats>div:nth-child(2) svg{background:linear-gradient(135deg,#fff1fc,#eee9ff);color:#cc3bdf;box-shadow:0 8px 17px #d448be38}
.home-v2 .home-v2-stats>div:nth-child(2) b{color:#9437da}
@media(max-width:760px){
  .home-v2 .home-v2-how{padding:19px 13px 17px;border-radius:23px}
  .home-v2 .home-v2-how h2{margin-bottom:13px;font-size:25px}
  .home-v2 .home-v2-how ol{display:grid;gap:9px}
  .home-v2 .home-v2-how ol:before{left:31px;right:auto;top:36px;bottom:36px;width:2px;height:auto;background:linear-gradient(#a9dfff,#9969ff 50%,#ff75d7)}
  .home-v2 .home-v2-how li{grid-template-columns:35px 48px 1fr;min-height:72px;padding:10px;border-radius:17px}
  .home-v2 .home-v2-how li>b{width:32px;height:32px;font-size:10px}
  .home-v2 .home-v2-how li>span{width:45px;height:45px;padding:6px}
  .home-v2 .home-v2-how li strong{font-size:14px}
  .home-v2 .home-v2-how li small{font-size:10px;margin-top:3px}
}

/* Beauty brief: clear choices first, a calm writing surface second. */
.home-v2 .stylist-brief{position:relative;padding:20px;border:1px solid #dfe3f5;border-radius:22px;background:linear-gradient(145deg,#ffffff 0%,#f8f9ff 58%,#faf7ff 100%);box-shadow:0 12px 28px #34406f12;color:#172044}
.home-v2 .stylist-brief[data-mode=makeup]{background:linear-gradient(145deg,#fff 0%,#fbf7ff 60%,#fff8fb 100%);border-color:#e6dcf3}
.home-v2 .stylist-brief-heading{gap:11px;margin-bottom:2px}
.home-v2 .stylist-spark{width:40px;height:40px;border:1px solid #ddd7ff;border-radius:14px;background:linear-gradient(145deg,#eef0ff,#f8ecff);color:#7048e8;font-size:25px;box-shadow:0 7px 15px #6d59b522}
.home-v2 .stylist-brief h3{font-size:15px;line-height:1.18;letter-spacing:-.025em;color:#111a3d}
.home-v2 .stylist-brief-heading p{margin-top:4px;font-size:11px;line-height:1.35;color:#667092}
.home-v2 .stylist-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 17px}
.home-v2 .stylist-presets button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 7px;border:1px solid #dfe3f2;border-radius:12px;background:#fff;color:#3d496e;font-size:11px;line-height:1.15;font-weight:650;box-shadow:0 3px 8px #2635610c;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.home-v2 .stylist-presets button:hover{transform:translateY(-2px);border-color:#aaa3ff;box-shadow:0 8px 16px #5c53ad20}
.home-v2 .stylist-presets button[aria-pressed=true],.home-v2 .stylist-brief[data-mode=makeup] .stylist-presets button[aria-pressed=true]{border-color:#6d5dfc;background:linear-gradient(135deg,#6258ee,#8755eb 56%,#c149e5);color:#fff;box-shadow:0 8px 17px #6d53d453}
.home-v2 .idea-toolbar{align-items:center;margin-top:0;padding-top:2px}
.home-v2 .stylist-brief .idea-toolbar label{color:#242e52;font-size:12px;font-weight:760}
.home-v2 .stylist-brief .idea-toolbar label span{color:#7b86a7;font-size:10px;font-weight:500}
.home-v2 .stylist-brief .idea-generate{min-height:40px;padding:8px 12px;border:1px solid #6558ea;border-radius:12px;background:linear-gradient(115deg,#4c50db,#7756e7 60%,#b34cdb);color:#fff;font-size:11px;font-weight:750;box-shadow:0 7px 14px #6651c340}
.home-v2 .stylist-brief .idea-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 11px 20px #6651c354}
.home-v2 .idea-icon{font-size:21px}
.home-v2 .stylist-brief .idea-status{margin:8px 0 10px;color:#7180a3;font-size:10px;line-height:1.4}
.home-v2 .stylist-brief textarea{min-height:78px;padding:11px 12px;border:1px solid #d9deed;border-radius:13px;background:#fff;color:#273252;font-size:12px;line-height:1.48;box-shadow:inset 0 1px 2px #35415b08}
.home-v2 .stylist-brief textarea::placeholder{color:#8d98b5;opacity:1}
.home-v2 .stylist-brief textarea:focus{border-color:#7865f6;outline:3px solid #7865f626;outline-offset:0}
.home-v2 .stylist-brief-foot{gap:10px;margin-top:8px;color:#7d88a5}
.home-v2 .stylist-brief-foot small{font-size:9px;line-height:1.45}
.home-v2 .stylist-brief-foot>span{padding-top:1px;font-size:10px;font-weight:700;color:#667095}
.home-v2 .stylist-brief button:focus-visible{outline:3px solid #6d5dfc66;outline-offset:2px}
@media(max-width:600px){
  .home-v2 .stylist-brief{padding:16px;border-radius:19px}
  .home-v2 .stylist-brief h3{font-size:14px}
  .home-v2 .stylist-brief-heading p{font-size:10px}
  .home-v2 .stylist-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 15px}
  .home-v2 .stylist-presets button{min-height:41px;font-size:10px}
  .home-v2 .idea-toolbar{align-items:stretch;gap:9px}
  .home-v2 .stylist-brief .idea-toolbar label{display:flex;align-items:center;font-size:11px}
  .home-v2 .stylist-brief .idea-generate{flex:0 0 auto;min-height:40px;padding:8px 10px;font-size:10px}
  .home-v2 .stylist-brief .idea-status{font-size:9px}
  .home-v2 .stylist-brief textarea{min-height:82px;font-size:11px}
  .home-v2 .stylist-brief-foot small{font-size:8.5px}
}
@media(max-width:380px){
  .home-v2 .stylist-brief{padding:14px}
  .home-v2 .stylist-presets{gap:6px}
  .home-v2 .stylist-presets button{font-size:9.5px;padding:7px 5px}
  .home-v2 .stylist-brief .idea-generate{padding:8px 8px;font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.home-v2 .stylist-presets button,.home-v2 .stylist-brief .idea-generate{transition:none}}

/* Mobile galleries always end with a clear next action instead of an empty cell. */
.nw-video-promo-start,.nw-inspiration-mobile-cta{display:none}
@media(max-width:760px){
  .home-v2 .nw-video-promo-reel{align-items:stretch}
  .home-v2 .nw-video-promo-start{display:flex;min-height:0;aspect-ratio:3/4;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #7460f5;border-radius:12px;background:radial-gradient(circle at 82% 16%,#ffffff75 0 7%,transparent 8%),linear-gradient(140deg,#5b55ec,#8458ed 58%,#c24fdf);color:#fff;text-align:center;text-decoration:none;box-shadow:0 8px 17px #6750ce3d;transition:transform .2s ease,box-shadow .2s ease}
  .home-v2 .nw-video-promo-start>span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#ffffff26;font-size:19px;line-height:1}
  .home-v2 .nw-video-promo-start strong{font-size:11px;line-height:1.15;letter-spacing:-.025em}
  .home-v2 .nw-video-promo-start small{font-size:8px;font-weight:650;opacity:.88}
  .home-v2 .nw-video-promo-start:active{transform:scale(.96)}
  .home-v2 .nw-inspiration-mobile-cta{position:relative;display:flex;aspect-ratio:2/3;flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:hidden;background:linear-gradient(145deg,#f8f6ff,#e7e0ff 55%,#f7e6ff);color:#34266d;text-align:center;text-decoration:none}
  .home-v2 .nw-inspiration-mobile-cta:before{content:'';position:absolute;width:115px;height:115px;border-radius:50%;background:#8b62f22e;filter:blur(10px);top:-38px;right:-38px}
  .home-v2 .nw-inspiration-mobile-cta>span,.home-v2 .nw-inspiration-mobile-cta strong,.home-v2 .nw-inspiration-mobile-cta small{position:relative;z-index:1}
  .home-v2 .nw-inspiration-mobile-cta>span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#5e54ed,#a14be8);color:#fff;font-size:22px;box-shadow:0 7px 14px #6b4acf45}
  .home-v2 .nw-inspiration-mobile-cta strong{font-size:15px;line-height:1.1;letter-spacing:-.045em}
  .home-v2 .nw-inspiration-mobile-cta small{font-size:9px;font-weight:700;color:#655787}
  .home-v2 .nw-inspiration-mobile-cta:active{transform:scale(.98)}
}
@media(hover:hover){.home-v2 .nw-video-promo-start:hover{transform:translateY(-3px);box-shadow:0 13px 23px #6750ce4f}.home-v2 .nw-inspiration-mobile-cta:hover{background:linear-gradient(145deg,#fff,#e3dcff 55%,#f5e0ff)}}
@media(prefers-reduced-motion:reduce){.home-v2 .nw-video-promo-start,.home-v2 .nw-inspiration-mobile-cta{transition:none}}

/* Phone: the three steps are a readable vertical story, never a clipped row. */
@media(max-width:760px){
  .home-v2 .home-v2-how{padding:18px 13px 17px}
  .home-v2 .home-v2-how h2{font-size:24px;margin-bottom:13px}
  .home-v2 .home-v2-how ol{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .home-v2 .home-v2-how li{width:100%;grid-template-columns:34px 46px minmax(0,1fr)!important;min-height:74px;padding:10px!important}
  .home-v2 .home-v2-how li strong{font-size:14px!important}
  .home-v2 .home-v2-how li small{font-size:10px!important;line-height:1.3}
}

/* The mobile video action is a tile, not a taller card than its examples. */
@media(max-width:760px){
  .home-v2 .nw-video-promo-start{align-self:start;min-height:0!important;min-block-size:0!important;height:auto!important;aspect-ratio:3/4!important;overflow:hidden}
}

/* Phone pricing: no sideways carousel; every package is available in the page flow. */
@media(max-width:760px){
  .home-v2 .pricing-section>.price-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;width:100%!important;max-width:none!important;padding:0!important;scroll-snap-type:none!important}
  .home-v2 .pricing-section>.price-grid>.price-card{min-width:0!important;width:auto!important}
  .home-v2 .pricing-section>.price-grid>.custom-pack{grid-column:1/-1!important}
  .home-v2 .profile-top{display:grid!important;place-items:center;width:44px!important;height:44px!important;border:1px solid #cfd5ff!important;border-radius:15px!important;background:linear-gradient(145deg,#fff,#f0f1ff)!important;color:#4e49d9!important;box-shadow:0 6px 14px #5c62b426!important}
  .home-v2 .profile-top:active{transform:scale(.94)}
}

/* A calm, magnetic invitation to start a personal AI look. */
@media(max-width:760px){
  .home-v2 .nw-inspiration-mobile-cta{background:linear-gradient(135deg,#f8f6ff 0%,#e7ddff 42%,#f4d7ff 100%);background-size:180% 180%;animation:nw-create-look-glow 4.8s ease-in-out infinite;box-shadow:inset 0 0 0 1px #ffffffa8,0 10px 19px #7153ca22}
  .home-v2 .nw-inspiration-mobile-cta:after{content:'';position:absolute;inset:-65% auto -65% -40%;width:38%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-19deg) translateX(-260%);animation:nw-create-look-sheen 4.8s 1.1s ease-in-out infinite}
  .home-v2 .nw-inspiration-mobile-cta>span{animation:nw-create-look-star 2.5s ease-in-out infinite}
  .home-v2 .nw-inspiration-mobile-cta strong{transition:transform .2s ease}
  .home-v2 .nw-inspiration-mobile-cta:active strong{transform:scale(.96)}
}
@keyframes nw-create-look-glow{50%{background-position:100% 100%;box-shadow:inset 0 0 0 1px #ffffffd9,0 13px 25px #7950d944}}
@keyframes nw-create-look-star{50%{transform:translateY(-4px) scale(1.1);box-shadow:0 11px 21px #6b4acf70}}
@keyframes nw-create-look-sheen{0%,56%{transform:skewX(-19deg) translateX(-260%)}78%,100%{transform:skewX(-19deg) translateX(740%)}}
@media(prefers-reduced-motion:reduce){.home-v2 .nw-inspiration-mobile-cta,.home-v2 .nw-inspiration-mobile-cta:after,.home-v2 .nw-inspiration-mobile-cta>span{animation:none}}

/* Mobile header: retain the logo and both account controls without clipping the profile action. */
@media(max-width:760px){
  .home-v2 .site-header{padding-left:12px!important;padding-right:12px!important;gap:10px!important}
  .home-v2 .nw-brand{width:135px!important;min-width:135px!important;flex-basis:135px!important}
}

/* On phones, keep the selected example fully visible instead of cropping its top and bottom. */
@media(max-width:760px){
  .home-v2 .home-v2-hero-image{background:radial-gradient(circle at 50% 18%,#fff 0,#f1edff 52%,#e7eeff 100%)!important}
  .home-v2 .home-v2-hero-image img,
  .home-v2 .home-v2-before img,
  .home-v2 .home-v2-result-card img{object-fit:contain!important;object-position:center!important}
}

/* Mobile example deck: frame follows the portrait itself and comparison cards sit closer to it. */
@media(max-width:760px){
  .home-v2 .home-v2-hero-visual{min-height:350px!important}
  .home-v2 .home-v2-hero-image{width:216px!important;height:324px!important;margin-left:auto!important;margin-right:auto!important;background:transparent!important}
  .home-v2 .home-v2-before{left:16px!important;top:105px!important}
  .home-v2 .home-v2-result-card{right:16px!important;top:116px!important}
}
@media(max-width:370px){
  .home-v2 .home-v2-hero-image{width:199px!important;height:298px!important}
  .home-v2 .home-v2-before{left:9px!important;top:96px!important}
  .home-v2 .home-v2-result-card{right:9px!important;top:106px!important}
}

/* Desktop portrait examples receive a little more vertical room, so the subject is less cropped. */
@media(min-width:761px){
  .home-v2 .home-v2-hero-visual{min-height:620px!important}
  .home-v2 .home-v2-hero-image{height:600px!important}
  .home-v2 .home-v2-before{top:203px!important}
  .home-v2 .home-v2-result-card{top:218px!important}
  .home-v2 .home-v2-after{bottom:145px!important}
}

/* Mobile comparison: one clear Before card and one large After result, with the callout in the free right space. */
@media(max-width:760px){
  .home-v2 .home-v2-result-card{display:none!important}
  .home-v2 .home-v2-before{left:48px!important;top:112px!important;z-index:4!important}
  .home-v2 .home-v2-neon-heart{right:12px!important;top:28px!important;font-size:56px!important;z-index:5!important}
  .home-v2 .home-v2-handnote.note-top{right:3px!important;top:8px!important;font-size:12px!important;z-index:5!important}
  .home-v2 .home-v2-handnote.note-bottom{right:2px!important;top:270px!important;bottom:auto!important;font-size:10px!important;z-index:5!important}
}

/* iPhone-sized screens: reserve space for every touch target and provide icon fallbacks for Safari. */
@media(max-width:760px){
  .home-v2{overflow-x:clip}
  .home-v2 .site-header{min-height:72px!important;padding:10px 12px!important;gap:7px!important}
  .home-v2 .nw-brand{width:126px!important;min-width:126px!important;flex-basis:126px!important}
  .home-v2 .nw-brand:after{display:none!important}
  .home-v2 .nw-header-actions{gap:6px!important}
  .home-v2 .balance-pill{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:86px!important;min-height:42px!important;padding:7px 9px!important;font-size:0!important}
  .home-v2 .balance-pill .balance-number{font-size:12px!important}
  .home-v2 .balance-pill span:last-child{font-size:21px!important;line-height:1!important}
  .home-v2 .profile-top{width:42px!important;height:42px!important;border-radius:14px!important}

  .home-v2 #mode-headline:after{font-size:33px!important;line-height:.95!important;letter-spacing:-.055em!important}
  .home-v2 .home-v2-hero-visual{padding-left:16px!important;padding-right:16px!important}
  .home-v2 .home-v2-hero-image{width:210px!important;height:315px!important}
  .home-v2 .home-v2-before{left:38px!important;top:105px!important;width:92px!important;height:138px!important}
  .home-v2 .home-v2-neon-heart{right:15px!important;top:25px!important;font-size:50px!important}
  .home-v2 .home-v2-handnote.note-top{right:7px!important;top:7px!important;font-size:11px!important}
  .home-v2 .home-v2-handnote.note-bottom{display:none!important}
  .home-v2 .home-v2-after{right:7px!important;bottom:34px!important;top:auto!important;font-size:12px!important}

  .home-v2 .home-v2-categories{gap:5px!important;margin-top:11px!important}
  .home-v2 .home-v2-categories button{min-width:0!important;min-height:46px!important;padding:4px!important;background:linear-gradient(145deg,#fff,#f1f3ff)!important}
  .home-v2 .home-v2-categories button svg{display:none!important}
  .home-v2 .home-v2-categories button:after{display:block;font-size:21px;line-height:1;filter:drop-shadow(0 2px 2px #5360a830)}
  .home-v2 .home-v2-categories button:nth-child(1):after{content:'👕'}
  .home-v2 .home-v2-categories button:nth-child(2):after{content:'💇'}
  .home-v2 .home-v2-categories button:nth-child(3):after{content:'💄'}
  .home-v2 .home-v2-categories button:nth-child(4):after{content:'💅'}
  .home-v2 .home-v2-categories button:nth-child(5):after{content:'🐾'}
  .home-v2 .home-v2-categories button:nth-child(6):after{content:'👫'}
  .home-v2 .home-v2-categories button:nth-child(7):after{content:'✦'}
  .home-v2 .home-v2-categories button:nth-child(7):after{color:#8e43ff;font-size:27px}

  .home-v2 .home-v2-hero-visual .home-v2-hero-cta{min-height:52px!important;margin-top:11px!important;padding:8px 14px!important;gap:8px!important;font-size:14px!important;line-height:1.1!important}
  .home-v2 .home-v2-hero-cta svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
  .home-v2 .home-v2-hero-cta span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .home-v2 .home-v2-hero-cta b{font-size:22px!important;flex:0 0 auto!important}

  .home-v2 .workspace,.home-v2 .editor-panel,.home-v2 .uploads,.home-v2 .upload-slot{min-width:0!important;max-width:100%!important}
  .home-v2 .uploads{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
  .home-v2 .upload-target{height:178px!important;min-height:178px!important;padding:9px 4px!important;overflow:hidden!important}
  .home-v2 .upload-placeholder{height:100%!important;min-width:0!important;padding:7px 3px!important;overflow:hidden!important}
  .home-v2 .studio-art{width:58px!important;height:54px!important;margin-bottom:4px!important}
  .home-v2 .upload-placeholder strong{max-width:132px!important;font-size:12px!important;line-height:1.12!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important}
  .home-v2 .upload-placeholder>span:not(.studio-art):not(.add-photo){max-width:132px!important;font-size:9px!important;line-height:1.2!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important}
  .home-v2 .add-photo{right:7px!important;bottom:7px!important;width:34px!important;height:34px!important}
  .home-v2 .add-photo:after{font-size:22px!important}

  .home-v2 .home-v2-how li>span svg{display:none!important}
  .home-v2 .home-v2-how li>span:after{font-size:22px;line-height:1}
  .home-v2 .home-v2-how li:nth-child(1)>span:after{content:'👕'}
  .home-v2 .home-v2-how li:nth-child(2)>span:after{content:'📷'}
  .home-v2 .home-v2-how li:nth-child(3)>span:after{content:'✨'}
  #nw-helper-open{display:none!important}
}
@media(max-width:370px){
  .home-v2 .nw-brand{width:116px!important;min-width:116px!important;flex-basis:116px!important}
  .home-v2 .balance-pill{min-width:78px!important}
  .home-v2 #mode-headline:after{font-size:31px!important}
  .home-v2 .home-v2-hero-image{width:198px!important;height:297px!important}
  .home-v2 .home-v2-before{left:29px!important;top:99px!important}
  .home-v2 .home-v2-categories{gap:4px!important}
  .home-v2 .home-v2-categories button:after{font-size:19px}
}
@media(max-width:370px){
  .home-v2 .home-v2-before{left:36px!important;top:100px!important}
  .home-v2 .home-v2-handnote.note-bottom{top:250px!important}
}

/* Desktop uses the same simple comparison: one Before card, one large After result, and a clear callout. */
@media(min-width:761px){
  .home-v2 .home-v2-result-card{display:none!important}
  .home-v2 .home-v2-before{left:54px!important;top:214px!important}
  .home-v2 .home-v2-neon-heart{right:30px!important;top:42px!important}
  .home-v2 .home-v2-handnote.note-top{right:0!important;top:24px!important}
  .home-v2 .home-v2-handnote.note-bottom{right:2px!important;bottom:15px!important}
}

/* iPhone: in-page icons and a compact app action keep this section legible. */
@media (max-width:760px){
  .home-v2 .home-v2-app b{margin-top:9px;padding:8px 11px;font-size:10px;line-height:1.1;white-space:nowrap;letter-spacing:-.01em}
  .home-v2 .home-v2-app>div{max-width:55%}
  .home-v2 .home-v2-stats>div{gap:10px}
  .home-v2 .home-v2-stats>div>svg{padding:5px;background:#edf2ff;color:#3659df;box-shadow:0 6px 14px #5062c238}
  .home-v2 .home-v2-stats>div:nth-child(2)>svg{background:#fff0fb;color:#c52ed2}
  .home-v2 .home-v2-stats>div:nth-child(3)>svg{background:#f1efff;color:#7252df}
  .home-v2 .home-v2-stats>div:nth-child(4)>svg{background:#eaf7ff;color:#2274c8}
}