:root{color-scheme:only light;--ink:#0a1438;--ink-soft:#29345f;--muted:#687196;--violet:#6b35f2;--violet-dark:#4a1bc5;--pink:#f34ca5;--blue:#4a77f3;--mint:#28c895;--line:rgba(91,67,168,.14);--surface:rgba(255,255,255,.82);--soft:#f5f2ff;--shadow:0 24px 80px rgba(53,32,126,.14);--radius:28px}
html,body{forced-color-adjust:none}body{background-color:#fbfaff!important}img{height:auto}
html{overflow-x:hidden}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 8% 4%,rgba(120,69,255,.13),transparent 24rem),radial-gradient(circle at 92% 18%,rgba(255,77,166,.12),transparent 25rem),#fbfaff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:-1;inset:0;opacity:.26;pointer-events:none;background-image:radial-gradient(rgba(81,48,180,.23) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}img{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-160%);padding:10px 14px;border-radius:12px;color:#fff;background:var(--violet)}.skip-link:focus{transform:none}
.site-nav{position:sticky;z-index:50;top:0;padding:10px 0;border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(251,250,255,.88),rgba(251,250,255,.58));backdrop-filter:blur(24px) saturate(1.55);transition:border-color 180ms ease,background 180ms ease}.site-nav.scrolled{border-color:rgba(91,67,168,.09);background:rgba(251,250,255,.82)}.nav-inner{position:relative;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 9px 8px 13px;border:1px solid rgba(107,53,242,.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(247,243,255,.82));box-shadow:0 14px 42px rgba(53,32,126,.09),inset 0 1px 0 rgba(255,255,255,.9);transition:box-shadow 180ms ease,border-color 180ms ease}.site-nav.scrolled .nav-inner{border-color:rgba(107,53,242,.18);box-shadow:0 18px 50px rgba(53,32,126,.13),inset 0 1px 0 rgba(255,255,255,.95)}.brand{display:inline-flex;align-items:center;gap:10px;padding-right:8px;font-size:20px;font-weight:700;text-decoration:none;letter-spacing:-.03em}.brand img{width:44px;height:44px;border-radius:14px;box-shadow:none;mix-blend-mode:multiply;filter:saturate(1.08) contrast(1.02)}.nav-links{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(107,53,242,.08);border-radius:16px;background:rgba(245,241,255,.72)}.nav-links>a{padding:9px 12px;border-radius:11px;color:var(--muted);font-size:14px;font-weight:700;text-decoration:none;transition:color 150ms ease,background 150ms ease,transform 150ms ease}.nav-links>a:hover,.nav-links>a[aria-current=page]{color:var(--violet-dark);background:rgba(255,255,255,.92);transform:translateY(-1px)}.nav-cta{display:inline-flex;align-items:center;gap:8px;margin-left:4px;padding:10px 15px!important;border-radius:12px!important;color:#fff!important;background:linear-gradient(115deg,var(--violet),var(--pink))!important;box-shadow:0 9px 22px rgba(107,53,242,.22)}.nav-cta:after{content:"→";font-size:17px;line-height:1;transition:transform 150ms ease}.nav-cta:hover:after{transform:translateX(2px)}.menu-button{display:none;width:44px;height:44px;border:1px solid rgba(107,53,242,.15);border-radius:14px;background:linear-gradient(145deg,#fff,#f1ebff);color:var(--ink);font-size:20px;box-shadow:0 8px 18px rgba(53,32,126,.08)}
.hero-home{position:relative;min-height:760px;padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:8px 12px;border:1px solid rgba(107,53,242,.16);border-radius:999px;color:var(--violet-dark);background:rgba(255,255,255,.72);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.eyebrow:before{content:"✦";color:var(--pink)}.hero-copy h1,.page-hero h1{margin:0;font-size:clamp(48px,7vw,84px);line-height:.98;letter-spacing:-.065em}.gradient-text{color:transparent;background:linear-gradient(110deg,#4721ce 5%,#8d43ed 48%,#f44d9f 90%);background-clip:text;-webkit-background-clip:text}.hero-copy .lead{max-width:650px;margin:25px 0 0;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:30px}.button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:rgba(255,255,255,.82);font-size:15px;font-weight:700;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}.button:hover{transform:translateY(-2px);border-color:rgba(107,53,242,.35);box-shadow:0 16px 34px rgba(53,30,126,.12)}.button.primary{color:#fff;border:0;background:linear-gradient(115deg,var(--violet),var(--pink));box-shadow:0 17px 36px rgba(107,53,242,.26)}.button .store-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#111;background:#fff;font-size:11px}.availability{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;color:var(--muted);font-size:13px;font-weight:700}.availability span{display:inline-flex;align-items:center;gap:7px}.availability span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(40,200,149,.12)}.availability .soon:before{background:var(--pink);box-shadow:0 0 0 5px rgba(243,76,165,.1)}
.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px);animation:drift 7s ease-in-out infinite}.orb.one{width:340px;height:340px;background:rgba(116,65,245,.14)}.orb.two{right:-10%;bottom:7%;width:200px;height:200px;background:rgba(255,76,164,.16);animation-delay:-2s}.phone-card{position:relative;z-index:2;width:min(365px,82vw);padding:10px;border:1px solid rgba(255,255,255,.9);border-radius:43px;background:rgba(255,255,255,.72);box-shadow:0 42px 110px rgba(45,25,111,.24);transform:rotate(2.4deg)}.phone-card:before{content:"";position:absolute;z-index:4;top:19px;left:50%;width:84px;height:20px;border-radius:999px;background:#11152d;transform:translateX(-50%)}.phone-card img{width:100%;aspect-ratio:9/16.05;border-radius:34px;object-fit:cover;object-position:top}.floating-note{position:absolute;z-index:4;max-width:190px;padding:15px 17px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 20px 45px rgba(49,27,111,.16);backdrop-filter:blur(18px);font-size:13px;font-weight:700;animation:float 5s ease-in-out infinite}.floating-note strong{display:block;color:var(--violet);font-size:21px}.floating-note.score{top:16%;right:-2%}.floating-note.advice{left:-5%;bottom:17%;animation-delay:-1.5s}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin:12px auto 0;border:1px solid var(--line);border-radius:24px;background:var(--line)}.trust-item{min-height:112px;padding:23px;background:rgba(255,255,255,.85)}.trust-item strong{display:block;margin-bottom:5px;font-size:17px}.trust-item span{color:var(--muted);font-size:13px}.section{padding:106px 0}.section.soft{border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(243,239,255,.68),rgba(255,255,255,.45))}.section-heading{max-width:720px;margin-bottom:42px}.section-heading.center{margin-inline:auto;text-align:center}.section-heading h2,.feature-intro h2{margin:0;font-size:clamp(36px,5vw,60px);line-height:1.06;letter-spacing:-.05em}.section-heading p,.feature-intro p{margin:17px 0 0;color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.feature-card{position:relative;overflow:hidden;min-height:300px;grid-column:span 4;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 16px 50px rgba(48,28,106,.07)}.feature-card.wide{grid-column:span 8}.feature-card.tint{background:linear-gradient(145deg,#6d37f3,#4e25cd 58%,#e948a0 140%)}.feature-card.tint h3,.feature-card.tint p{color:#fff}.feature-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:45px;border-radius:15px;color:var(--violet);background:var(--soft);font-size:20px;font-weight:700}.feature-card h3{margin:0;font-size:25px;letter-spacing:-.03em}.feature-card p{max-width:480px;margin:10px 0 0;color:var(--muted);font-size:15px}.feature-card .mini-ui{position:absolute;right:24px;bottom:-30px;width:43%;padding:18px;border:1px solid rgba(255,255,255,.5);border-radius:25px;background:rgba(255,255,255,.88);box-shadow:0 25px 50px rgba(28,17,75,.2);transform:rotate(-3deg)}.score-ring{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--pink) 0 76%,#ebe5ff 76%)}.score-ring:after{content:"76";width:70px;height:70px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:#fff;font-size:25px;font-weight:700}
.showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.showcase-card{position:relative;padding:11px;border:1px solid rgba(91,67,168,.13);border-radius:34px;background:rgba(255,255,255,.84);box-shadow:var(--shadow)}.showcase-card:nth-child(2){margin-top:62px}.showcase-card img{aspect-ratio:9/16;border-radius:25px;object-fit:cover;object-position:top}.showcase-card span{position:absolute;left:25px;bottom:25px;padding:8px 12px;border-radius:999px;color:var(--ink);background:rgba(255,255,255,.88);font-size:12px;font-weight:700;backdrop-filter:blur(12px)}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{counter-increment:steps;padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.74)}.step:before{content:"0" counter(steps);display:block;margin-bottom:45px;color:var(--violet);font-size:13px;font-weight:700;letter-spacing:.08em}.step h3{margin:0;font-size:22px}.step p{margin:8px 0 0;color:var(--muted);font-size:14px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card{display:flex;min-height:345px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.84);text-decoration:none;transition:transform 180ms ease,box-shadow 180ms ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(45,25,111,.13)}.article-cover{min-height:150px;display:flex;align-items:flex-end;padding:22px;background:linear-gradient(135deg,#ede7ff,#fbe4f1)}.article-cover.color{background:linear-gradient(135deg,#e9ddff,#ffd7ea 52%,#daf6ff)}.article-cover.capsule{background:linear-gradient(135deg,#eee6da,#f9f5ee 55%,#dfd1bf)}.article-cover.smart{background:linear-gradient(135deg,#d9e8ff,#efecff 55%,#ead7ff)}.article-cover span{font-size:54px}.article-body{flex:1;padding:22px}.article-body .meta{color:var(--violet);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.article-body h3{margin:10px 0 8px;font-size:22px;line-height:1.18;letter-spacing:-.025em}.article-body p{margin:0;color:var(--muted);font-size:14px}.faq{max-width:850px;margin-inline:auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{position:relative;padding:22px 42px 22px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:5px;color:var(--violet);font-size:24px}.faq details[open] summary:after{content:"−"}.faq details p{max-width:730px;margin:-5px 0 22px;color:var(--muted)}
.cta-panel{position:relative;overflow:hidden;padding:70px;border-radius:38px;color:#fff;background:linear-gradient(120deg,#4920cf,#7538e9 54%,#ed4c9f);box-shadow:0 36px 90px rgba(81,40,186,.28)}.cta-panel:after{content:"✦";position:absolute;right:7%;top:5%;color:rgba(255,255,255,.18);font-size:190px}.cta-panel h2{position:relative;z-index:1;max-width:740px;margin:0;font-size:clamp(38px,6vw,66px);line-height:1;letter-spacing:-.055em}.cta-panel p{position:relative;z-index:1;max-width:600px;margin:18px 0 0;color:rgba(255,255,255,.78);font-size:18px}.cta-panel .button{position:relative;z-index:1;margin-top:28px}.site-footer{margin-top:90px;padding:64px 0 34px;border-top:1px solid var(--line);background:rgba(255,255,255,.44)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-blurb{max-width:330px;margin-top:15px;color:var(--muted);font-size:14px}.footer-col strong{display:block;margin-bottom:14px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.footer-col a{display:block;width:fit-content;margin:9px 0;color:var(--muted);font-size:14px;text-decoration:none}.footer-col a:hover{color:var(--violet)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.page-hero{padding:90px 0 54px;text-align:center}.page-hero h1{max-width:900px;margin-inline:auto;font-size:clamp(48px,8vw,82px);line-height:1.08}.page-hero p{max-width:690px;margin:22px auto 0;color:var(--muted);font-size:19px}.page-hero .eyebrow{margin-inline:auto}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:76px 0;border-bottom:1px solid var(--line)}.feature-row:nth-child(even) .feature-media{order:-1}.feature-intro .number{color:var(--violet);font-size:13px;font-weight:700}.feature-media{min-height:390px;display:grid;place-items:center;padding:42px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(236,229,255,.9),rgba(255,234,246,.76))}.feature-media img{max-height:520px;border-radius:26px;box-shadow:0 28px 60px rgba(48,27,115,.2)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;justify-content:center;gap:70px;padding:36px 0 100px}.article-header{padding:82px 0 38px;text-align:center}.article-header .meta{color:var(--violet);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.article-header h1{max-width:920px;margin:15px auto 0;font-size:clamp(43px,7vw,74px);line-height:1.02;letter-spacing:-.055em}.article-header .dek{max-width:720px;margin:22px auto 0;color:var(--muted);font-size:20px}.article-content{min-width:0}.article-content h2{scroll-margin-top:100px;margin:55px 0 16px;font-size:32px;line-height:1.18;letter-spacing:-.035em}.article-content h3{margin:32px 0 10px;font-size:22px}.article-content p,.article-content li{color:var(--ink-soft);font-size:17px;line-height:1.78}.article-content ul,.article-content ol{padding-left:24px}.article-content .callout{margin:34px 0;padding:24px;border:1px solid rgba(107,53,242,.16);border-radius:22px;background:var(--soft)}.article-content .callout strong{display:block;margin-bottom:7px}.article-content a{color:var(--violet);font-weight:700;text-underline-offset:3px}.article-aside{position:sticky;top:110px;height:fit-content;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.75)}.article-aside strong{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.article-aside a{display:block;margin-top:12px;color:var(--muted);font-size:13px;text-decoration:none}.article-aside a:hover{color:var(--violet)}

/* Refined product presentation */
body{max-width:100vw}.page-hero,.feature-intro{min-width:0;overflow-wrap:break-word}.store-badges{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}.store-badge{box-sizing:border-box;width:190px;height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.store-badge.google-play{background:#000}.store-badge.google-play img{display:block;width:100%;height:100%;object-fit:fill;transform:scale(1.145,1.488);transform-origin:center}.app-store-soon{gap:11px;padding:7px 15px 7px 13px;color:#fff;border:1px solid #3b3b3d;background:linear-gradient(180deg,#1f1f21 0%,#080809 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(19,15,31,.2)}.app-store-soon .apple-mark{width:31px;height:37px;flex:0 0 auto;object-fit:contain}.app-store-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1}.app-store-soon small{margin-bottom:3px;color:#fff;font-size:10px;font-weight:550;letter-spacing:.012em;white-space:nowrap}.app-store-soon strong{color:#fff;font-size:21px;font-weight:650;letter-spacing:-.035em;white-space:nowrap}.text-link{display:inline-block;margin-top:17px;color:var(--violet-dark);font-size:14px;font-weight:700;text-decoration-thickness:1px;text-underline-offset:5px}.cta-panel .store-badges{margin-top:28px}

.ui-icon{position:relative;width:50px;height:50px;display:block;flex:0 0 50px;border:1px solid rgba(107,53,242,.08);border-radius:16px;color:var(--violet);background:linear-gradient(145deg,#fff,#eee8ff);box-shadow:0 10px 24px rgba(76,39,170,.1)}.ui-icon:before,.ui-icon:after{content:"";position:absolute}.icon-scan:before{left:12px;top:16px;width:24px;height:17px;border:2px solid currentColor;border-radius:6px}.icon-scan:after{left:21px;top:20px;width:7px;height:7px;border:2px solid currentColor;border-radius:50%}.icon-chat:before{left:11px;top:12px;width:26px;height:20px;border:2px solid currentColor;border-radius:7px;background:radial-gradient(circle at 7px 10px,currentColor 1.5px,transparent 2px),radial-gradient(circle at 13px 10px,currentColor 1.5px,transparent 2px),radial-gradient(circle at 19px 10px,currentColor 1.5px,transparent 2px)}.icon-chat:after{left:15px;top:31px;width:9px;height:9px;border-left:2px solid currentColor;transform:skew(-38deg)}.icon-wardrobe:before{inset:12px 10px;border:2px solid currentColor;border-radius:5px;background:linear-gradient(90deg,transparent 31%,currentColor 32% 35%,transparent 36% 64%,currentColor 65% 68%,transparent 69%)}.icon-spark:before{left:14px;top:13px;width:23px;height:23px;background:linear-gradient(135deg,var(--violet),var(--pink));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.icon-progress:before{inset:11px;border-radius:50%;background:conic-gradient(var(--pink) 0 34%,var(--violet) 34% 82%,#ded6fa 82%)}.icon-progress:after{inset:17px;border-radius:50%;background:#fff}.icon-photo:before{inset:11px;border:2px solid currentColor;border-radius:7px;background:radial-gradient(circle at 73% 28%,currentColor 2px,transparent 3px)}.icon-photo:after{left:16px;bottom:15px;width:19px;height:11px;background:linear-gradient(145deg,transparent 44%,currentColor 45% 53%,transparent 54%),linear-gradient(35deg,transparent 42%,currentColor 43% 52%,transparent 53%)}.icon-insight:before{left:13px;bottom:13px;width:5px;height:10px;border-radius:3px;background:currentColor;box-shadow:9px -6px 0 currentColor,18px -13px 0 currentColor}.icon-refine:before{left:12px;top:15px;width:26px;height:2px;background:currentColor;box-shadow:0 8px 0 currentColor,0 16px 0 currentColor}.icon-refine:after{left:18px;top:11px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:currentColor;box-shadow:11px 8px 0 -2px currentColor,-2px 16px 0 -2px currentColor}

.refined-grid{gap:22px}.refined-grid .feature-card{min-height:330px;padding:30px}.refined-grid .feature-card.wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.76fr);align-items:center;gap:32px}.refined-grid .progress-card{grid-column:span 12;min-height:285px;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr)}.refined-grid .feature-card:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(114,61,238,.12),transparent 68%)}.feature-copy{position:relative;z-index:2}.refined-grid .ui-icon{margin-bottom:32px}.refined-grid .feature-card h3{font-size:27px}.analysis-panel,.progress-preview{position:relative;z-index:2;padding:24px;border:1px solid rgba(255,255,255,.56);border-radius:26px;background:rgba(255,255,255,.93);box-shadow:0 24px 55px rgba(31,15,83,.19)}.compact-score{position:relative;width:100px;height:100px;display:grid;place-content:center;margin:0 auto 18px;border-radius:50%;background:conic-gradient(var(--pink) 0 76%,#e9e1ff 76%)}.compact-score:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.compact-score strong,.compact-score span{position:relative;text-align:center}.compact-score strong{font-size:28px;line-height:1}.compact-score span{color:var(--muted);font-size:10px;text-transform:uppercase}.metric-list{display:grid;gap:10px;color:var(--ink-soft);font-size:11px;font-weight:700}.metric-list span{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:9px}.metric-list i{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--pink) var(--fill),#ece7fb var(--fill))}.stylist-card,.wardrobe-card{display:flex;flex-direction:column}.chat-preview{display:grid;gap:9px;margin-top:auto;padding-top:22px}.chat-preview span{width:88%;padding:10px 12px;border-radius:13px 13px 13px 4px;color:var(--ink-soft);background:#f1edff;font-size:11px;font-weight:700}.chat-preview span:last-child{justify-self:end;border-radius:13px 13px 4px 13px;color:#fff;background:linear-gradient(110deg,var(--violet),var(--pink))}.wardrobe-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:auto;padding-top:22px}.wardrobe-preview i{height:58px;border-radius:13px;background:linear-gradient(150deg,#cfd9f5,#6684cc);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.wardrobe-preview i:nth-child(2){background:linear-gradient(150deg,#ead6c1,#b98d64)}.wardrobe-preview i:nth-child(3){background:linear-gradient(150deg,#202e57,#68759b)}.wardrobe-preview i:nth-child(4){background:linear-gradient(150deg,#eee8df,#c8b7a7)}.look-comparison{position:relative;z-index:2;display:grid;grid-template-columns:1fr 3px 1fr;gap:13px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.82);box-shadow:0 20px 45px rgba(53,32,126,.12)}.look-comparison>div{padding:10px;border-radius:17px;background:#f6f2ff}.look-comparison span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:700}.look-comparison i{height:130px;display:block;border-radius:13px;background:linear-gradient(155deg,#d9d0f3,#fff 46%,#8570bf 47% 60%,#2c315a 61%)}.look-comparison .look-two{background:linear-gradient(155deg,#eee5d7,#fff 40%,#6251bb 41% 58%,#151d3e 59%)}.look-comparison>b{height:74%;border-radius:99px;background:linear-gradient(var(--violet),var(--pink))}.progress-preview{display:grid;grid-template-columns:.72fr 1fr;align-items:end;gap:22px}.progress-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress-scores span{padding:17px;border:1px solid var(--line);border-radius:18px;color:var(--muted);background:#fff;font-size:10px;font-weight:700}.progress-scores strong{display:block;color:var(--ink);font-size:30px;line-height:1}.progress-chart{height:125px;display:flex;align-items:flex-end;gap:9px;padding:15px;border-radius:18px;background:linear-gradient(180deg,#f6f2ff,#fff)}.progress-chart i{height:var(--h);flex:1;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--pink),var(--violet));animation:rise 1.4s cubic-bezier(.2,.8,.2,1) both}

.process-section{position:relative;overflow:hidden}.process-section:before{content:"";position:absolute;left:50%;top:20%;width:720px;height:420px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(107,53,242,.13),transparent 67%);filter:blur(15px)}.process-flow{position:relative;gap:22px}.process-flow:before{content:"";position:absolute;z-index:0;left:15%;right:15%;top:55px;height:2px;background:linear-gradient(90deg,var(--violet),var(--pink),var(--blue))}.process-flow .step{position:relative;z-index:1;min-height:390px;padding:24px;border-color:rgba(107,53,242,.15);background:rgba(255,255,255,.88);box-shadow:0 24px 65px rgba(53,32,126,.1);transition:transform 180ms ease,box-shadow 180ms ease}.process-flow .step:hover{transform:translateY(-5px);box-shadow:0 30px 75px rgba(53,32,126,.15)}.process-flow .step:before{display:none}.step-top{display:flex;align-items:center;justify-content:space-between}.step-index{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink));font-size:12px;font-weight:700;box-shadow:0 10px 24px rgba(107,53,242,.22)}.step-visual{height:140px;margin:22px 0;padding:17px;border-radius:20px;background:linear-gradient(145deg,#f1ecff,#fff 58%,#ffe9f5)}.photo-frame{position:relative;overflow:hidden}.photo-frame:before,.photo-frame:after{content:"";position:absolute;width:25px;height:25px;border-color:var(--violet);border-style:solid}.photo-frame:before{left:16px;top:16px;border-width:2px 0 0 2px}.photo-frame:after{right:16px;bottom:16px;border-width:0 2px 2px 0}.photo-frame i{position:absolute;left:50%;top:25px;width:44px;height:44px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(145deg,#8c72e9,#ef9cca)}.photo-frame b{position:absolute;left:50%;bottom:14px;width:86px;height:62px;transform:translateX(-50%);border-radius:40px 40px 13px 13px;background:linear-gradient(145deg,#6956b3,#172044)}.insight-preview{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:18px}.insight-preview>strong{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(var(--pink) 0 76%,#ded6fb 76%);font-size:24px}.insight-preview>div{display:grid;gap:13px}.insight-preview i{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--violet) var(--fill),#e4ddf8 var(--fill))}.refine-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center}.refine-preview span{padding:11px;border:1px solid var(--line);border-radius:13px;color:var(--violet-dark);background:#fff;font-size:11px;font-weight:700;text-align:center}.refine-preview span:last-child{grid-column:1/-1;color:#fff;border:0;background:linear-gradient(110deg,var(--violet),var(--pink))}

.article-cover{height:190px;min-height:0;padding:0;overflow:hidden;background:#eee}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}.article-card:hover .article-cover img{transform:scale(1.045)}.article-body h2{margin:10px 0 8px;font-size:24px;line-height:1.2;letter-spacing:-.025em}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.journal-grid .article-card{min-height:430px}.journal-grid .article-cover{height:235px}.article-hero{max-width:1080px;margin:0 auto 42px;padding:10px;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.84);box-shadow:var(--shadow)}.article-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:25px}.article-hero figcaption{padding:13px 10px 5px;color:var(--muted);font-size:12px;text-align:center}.article-breadcrumb{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 18px;color:var(--muted);font-size:13px;font-weight:650}.article-breadcrumb a{color:inherit;text-decoration:none}.article-breadcrumb a:hover{color:var(--violet)}

.feature-row{position:relative;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:60px;margin:28px 0;padding:54px;border:1px solid rgba(107,53,242,.12);border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(246,241,255,.76));box-shadow:0 24px 70px rgba(53,32,126,.08);overflow:hidden}.feature-row:nth-child(odd){background:linear-gradient(145deg,rgba(248,244,255,.96),rgba(255,242,248,.8))}.feature-row:after{content:"";position:absolute;right:-100px;top:-130px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(243,76,165,.12),transparent 68%)}.feature-media{position:relative;z-index:1}.screenshot-media{min-height:0;aspect-ratio:4/5;padding:14px;overflow:hidden}.screenshot-media img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:top;border-radius:25px}.demo-media{min-height:430px;padding:26px}.wardrobe-demo,.recommendation-demo,.progress-demo{width:100%;min-height:350px;padding:25px;border:1px solid rgba(107,53,242,.12);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 25px 55px rgba(47,26,111,.14)}.demo-head{display:flex;align-items:center;gap:14px}.demo-head strong,.demo-score strong{display:block;font-size:18px}.demo-head small,.demo-score small{display:block;color:var(--muted);font-size:11px}.wardrobe-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.wardrobe-tiles span{position:relative;height:125px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#d7e0f5,#637ec5)}.wardrobe-tiles span:after{content:"";position:absolute;inset:22px 14px;border-radius:14px 14px 8px 8px;background:rgba(255,255,255,.74)}.wardrobe-tiles span:nth-child(2){background:linear-gradient(145deg,#ead8c1,#ba8d63)}.wardrobe-tiles span:nth-child(3){background:linear-gradient(145deg,#d3c8f5,#6554a7)}.wardrobe-tiles span:nth-child(4){background:linear-gradient(145deg,#f4d3df,#bd6d8e)}.category-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.category-pills span{padding:7px 10px;border-radius:99px;color:var(--violet-dark);background:#f1edff;font-size:10px;font-weight:700}.demo-score{display:flex;align-items:center;gap:18px}.recommendation-list{display:grid;gap:10px;margin-top:20px}.recommendation-list span{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:11px;border:1px solid var(--line);border-radius:16px;background:#fff}.recommendation-list i{grid-row:1/3;width:45px;height:45px;border-radius:12px;background:linear-gradient(145deg,#ede4ff,#ed9fc8)}.recommendation-list i.rec-fit{background:linear-gradient(145deg,#d9e7ff,#7194e6)}.recommendation-list i.rec-shoe{background:linear-gradient(145deg,#f0e4d6,#b88c68)}.recommendation-list b{font-size:13px}.recommendation-list small{color:var(--muted);font-size:10px}.progress-demo{display:grid;gap:18px}.progress-demo .progress-chart{height:112px}.privacy-note{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;color:var(--muted);background:#f5f2ff;font-size:11px;font-weight:700}.privacy-note span{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(40,200,149,.12)}
@keyframes rise{from{height:8%;opacity:.25}to{height:var(--h);opacity:1}}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 700ms ease,transform 700ms cubic-bezier(.2,.8,.2,1)}[data-reveal].visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12px,-14px,0) scale(1.05)}}
@media(max-width:940px){.menu-button{display:grid;place-items:center}.nav-links{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;align-items:stretch;gap:4px;padding:12px;border:1px solid rgba(107,53,242,.14);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(53,32,126,.17)}.nav-links.open{display:grid}.nav-links>a{padding:11px 12px}.nav-cta{justify-content:center;margin-left:0;text-align:center}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.hero-actions,.availability{justify-content:center}.hero-visual{min-height:570px}.trust-row{grid-template-columns:repeat(2,1fr)}.feature-card,.feature-card.wide{grid-column:span 6}.steps,.blog-grid{grid-template-columns:1fr 1fr}.steps .step:last-child,.blog-grid .article-card:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>:last-child{grid-column:2}.article-layout{grid-template-columns:minmax(0,760px)}.article-aside{display:none}}
@media(max-width:680px){.shell{width:min(100% - 28px,1180px)}.site-nav{padding:7px 0}.nav-inner{min-height:58px;padding:6px 7px 6px 10px;border-radius:18px}.brand{font-size:19px}.brand img{width:40px;height:40px}.menu-button{width:40px;height:40px;border-radius:12px}.hero-home{padding-top:62px}.hero-copy h1,.page-hero h1{font-size:clamp(43px,13vw,62px)}.hero-copy .lead{font-size:17px}.hero-actions .button{width:100%}.hero-visual{min-height:500px}.phone-card{width:min(300px,78vw);border-radius:36px}.phone-card img{border-radius:28px}.floating-note{max-width:145px;padding:12px;font-size:11px}.floating-note.score{right:-1%}.floating-note.advice{left:-1%}.trust-row,.steps,.blog-grid,.showcase{grid-template-columns:1fr}.showcase-card:nth-child(2){margin-top:0}.section{padding:78px 0}.feature-card,.feature-card.wide{grid-column:1/-1;min-height:270px}.feature-card .mini-ui{opacity:.75}.steps .step:last-child,.blog-grid .article-card:last-child{grid-column:auto}.cta-panel{padding:42px 24px;border-radius:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>:first-child{grid-column:1/-1}.footer-grid>:last-child{grid-column:auto}.footer-bottom{display:block}.feature-row{grid-template-columns:1fr;gap:34px;padding:55px 0}.feature-row:nth-child(even) .feature-media{order:initial}.feature-media{min-height:280px;padding:28px}.article-header{padding-top:60px}.article-header .dek{font-size:17px}.article-content h2{font-size:28px}.article-content p,.article-content li{font-size:16px}}
@media(max-width:940px){.refined-grid .feature-card{grid-column:span 6}.refined-grid .feature-card.wide,.refined-grid .progress-card{grid-column:1/-1}.process-flow:before{display:none}.feature-row{grid-template-columns:1fr;gap:34px;padding:38px}.feature-row:nth-child(even) .feature-media{order:initial}.screenshot-media{width:min(100%,520px);justify-self:center}.journal-grid{grid-template-columns:1fr 1fr}.store-badges{justify-content:center}.cta-panel .store-badges{justify-content:flex-start}}
@media(max-width:680px){.refined-grid .feature-card,.refined-grid .feature-card.wide,.refined-grid .progress-card{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:1fr;padding:23px}.refined-grid .ui-icon{margin-bottom:24px}.analysis-panel,.look-comparison,.progress-preview{margin-top:24px}.progress-preview{grid-template-columns:1fr}.progress-scores{grid-template-columns:1fr 1fr}.process-flow .step{min-height:auto}.step-visual{height:128px}.journal-grid{grid-template-columns:1fr}.journal-grid .article-card{min-height:390px}.journal-grid .article-cover{height:210px}.feature-row{margin:18px 0;padding:24px;border-radius:28px}.feature-intro h2{font-size:38px}.feature-media,.demo-media{min-height:0;padding:13px;border-radius:25px}.screenshot-media{aspect-ratio:4/5}.wardrobe-demo,.recommendation-demo,.progress-demo{min-height:0;padding:18px;border-radius:22px}.wardrobe-tiles{grid-template-columns:1fr 1fr}.wardrobe-tiles span{height:105px}.cta-panel .store-badges{justify-content:flex-start}.store-badges{gap:8px}.store-badge{width:170px;height:52px}.app-store-soon{padding-inline:11px}.app-store-soon .apple-mark{width:27px;height:32px}.app-store-soon strong{font-size:19px}.article-hero{padding:7px;border-radius:24px}.article-hero img{border-radius:18px}.article-hero figcaption{padding-inline:6px}.article-layout{padding-top:12px}}

/* Modern support experience. */
.support-page{overflow:hidden}.support-hero{position:relative;padding:92px 0 76px}.support-hero:before{content:"";position:absolute;z-index:-1;right:-100px;top:-140px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(243,76,165,.15),rgba(107,53,242,.07) 42%,transparent 70%)}.support-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:center;gap:70px}.support-hero-copy h1{max-width:760px;margin:0;font-size:clamp(50px,7vw,80px);line-height:1;letter-spacing:-.06em}.support-hero-copy .lead{max-width:650px;margin:24px 0 28px;color:var(--muted);font-size:20px}.support-contact-card{position:relative;min-height:390px;padding:38px;overflow:hidden;border:1px solid rgba(107,53,242,.14);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,238,255,.88));box-shadow:0 32px 90px rgba(53,32,126,.15)}.support-contact-card:after{content:"";position:absolute;right:-70px;bottom:-85px;width:230px;height:230px;border-radius:50%;background:linear-gradient(135deg,rgba(107,53,242,.18),rgba(243,76,165,.2));filter:blur(4px)}.support-orbit{position:relative;width:82px;height:82px;display:grid;place-items:center;margin-bottom:42px;border:1px solid rgba(107,53,242,.18);border-radius:27px;background:linear-gradient(145deg,#eee7ff,#ffe8f4);box-shadow:0 16px 36px rgba(107,53,242,.15)}.support-orbit:before,.support-orbit:after{content:"";position:absolute;border-radius:50%;border:2px solid var(--violet);transform:rotate(-28deg)}.support-orbit:before{width:42px;height:20px}.support-orbit:after{width:20px;height:42px;border-color:var(--pink)}.support-orbit i{width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px #fff}.support-kicker{margin:0 0 9px;color:var(--violet);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.support-contact-card h2,.support-detail-card h2,.support-security-card h2{margin:0;font-size:30px;line-height:1.14;letter-spacing:-.035em}.support-contact-card>p:not(.support-kicker),.support-security-card>p:not(.support-kicker){position:relative;z-index:1;margin:13px 0 0;color:var(--muted)}.support-response{position:absolute;z-index:2;left:38px;right:38px;bottom:34px;display:grid;grid-template-columns:13px 1fr;column-gap:10px;align-items:center;padding-top:19px;border-top:1px solid var(--line)}.support-response>span{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(40,200,149,.12)}.support-response strong{font-size:13px}.support-response small{color:var(--muted);font-size:12px}.support-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.support-checks article{position:relative;min-height:230px;padding:25px;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(53,32,126,.07)}.support-checks article:after{content:"";position:absolute;right:-38px;bottom:-42px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(107,53,242,.14),transparent 70%)}.support-checks article>span{width:43px;height:43px;display:grid;place-items:center;margin-bottom:34px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink));font-size:12px;font-weight:700}.support-checks h3{margin:0;font-size:20px;line-height:1.25}.support-checks p{margin:9px 0 0;color:var(--muted);font-size:14px}.support-details-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.support-detail-card,.support-security-card{padding:38px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:0 24px 65px rgba(53,32,126,.08)}.support-list{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}.support-list li{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:15px;color:var(--ink-soft);background:#f7f4ff}.support-list span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:9px;color:#fff;background:var(--mint);font-size:13px}.support-security-card{position:relative;overflow:hidden;color:#fff;background:linear-gradient(140deg,#4d21d0,#7338e8 58%,#db469e)}.support-security-card:after{content:"";position:absolute;right:-55px;bottom:-70px;width:220px;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 68px rgba(255,255,255,.025)}.support-security-card .support-kicker,.support-security-card>p:not(.support-kicker){color:rgba(255,255,255,.76)}.support-shield{width:62px;height:70px;display:grid;place-items:center;margin-bottom:45px;border:2px solid rgba(255,255,255,.85);border-radius:31px 31px 38px 38px;color:#5426d4;background:rgba(255,255,255,.92);font-size:23px}.support-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.support-paths>a{min-height:190px;display:grid;grid-template-columns:55px 1fr auto;align-items:start;gap:17px;padding:24px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.86);box-shadow:0 18px 50px rgba(53,32,126,.07);text-decoration:none;transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease}.support-paths>a:hover{transform:translateY(-5px);border-color:rgba(107,53,242,.28);box-shadow:0 27px 65px rgba(53,32,126,.13)}.support-paths h3{margin:4px 0 6px;font-size:20px;line-height:1.2}.support-paths p{margin:0;color:var(--muted);font-size:13px}.support-paths b{color:var(--violet);font-size:24px}.path-icon{position:relative;width:55px;height:55px;display:block;border-radius:17px;background:linear-gradient(145deg,#eee7ff,#ffe5f3)}.path-icon:before,.path-icon:after{content:"";position:absolute}.path-icon.account:before{left:20px;top:12px;width:14px;height:14px;border:2px solid var(--violet);border-radius:50%}.path-icon.account:after{left:13px;bottom:10px;width:27px;height:13px;border:2px solid var(--violet);border-radius:14px 14px 7px 7px}.path-icon.billing:before{inset:15px 10px;border:2px solid var(--violet);border-radius:5px}.path-icon.billing:after{left:12px;right:12px;top:22px;height:3px;background:var(--pink)}.path-icon.safety:before{left:14px;top:10px;width:25px;height:31px;border:2px solid var(--violet);border-radius:13px 13px 16px 16px}.path-icon.safety:after{left:23px;top:19px;width:8px;height:4px;border:solid var(--pink);border-width:0 0 2px 2px;transform:rotate(-45deg)}.support-final{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:40px;padding:48px;border:1px solid rgba(107,53,242,.15);border-radius:32px;background:linear-gradient(135deg,rgba(240,234,255,.92),rgba(255,235,246,.85));box-shadow:0 24px 70px rgba(53,32,126,.09)}.support-final .eyebrow{margin-bottom:13px}.support-final h2{margin:0;font-size:34px;line-height:1.12}.support-final p:not(.eyebrow){max-width:680px;margin:10px 0 0;color:var(--muted)}.support-final .button{flex:0 0 auto}
@media(max-width:940px){.support-hero-grid,.support-details-grid{grid-template-columns:1fr}.support-contact-card{min-height:360px}.support-checks{grid-template-columns:1fr 1fr}.support-paths{grid-template-columns:1fr}.support-paths>a{min-height:auto}.support-final{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.support-hero{padding:66px 0 45px}.support-hero-grid{gap:34px}.support-hero-copy{text-align:center}.support-hero-copy h1{font-size:clamp(43px,13vw,60px)}.support-hero-copy .lead{font-size:17px}.support-hero-copy .button{width:100%}.support-contact-card{min-height:350px;padding:27px;border-radius:27px;text-align:left}.support-response{left:27px;right:27px;bottom:27px}.support-checks{grid-template-columns:1fr}.support-checks article{min-height:auto}.support-detail-card,.support-security-card{padding:27px;border-radius:25px}.support-final{padding:30px 25px;border-radius:26px}.support-final .button{width:100%;font-size:13px}.support-paths>a{grid-template-columns:50px 1fr auto;padding:20px}.path-icon{width:50px;height:50px}}

/* Blend the floating navigation into the page background without a hard color seam. */
.site-nav{border-bottom:0;background:linear-gradient(180deg,rgba(251,250,255,.94) 0%,rgba(251,250,255,.76) 72%,rgba(251,250,255,.42) 100%)}
.site-nav:after{content:"";position:absolute;left:0;right:0;bottom:-30px;height:30px;pointer-events:none;background:linear-gradient(180deg,rgba(251,250,255,.42),rgba(251,250,255,0));opacity:1;transition:opacity 180ms ease}
.site-nav.scrolled:after{opacity:0}

/* Match the in-app Look Lens wordmark: lighter lettering with the signature color-shifted o. */
.brand .wordmark{display:inline-flex;align-items:baseline;color:var(--ink);font-size:24px;font-weight:400;line-height:1;letter-spacing:-.055em;white-space:nowrap}
.brand .wordmark-o{color:transparent;background:linear-gradient(145deg,#5d39ef 8%,#9d45ed 52%,#f04c9f 92%);background-clip:text;-webkit-background-clip:text;font-weight:500}
@media(max-width:680px){.brand .wordmark{font-size:22px}}

/* Real imagery makes the wardrobe, improvement, and progress examples immediately understandable. */
.feature-photo{position:relative;z-index:2;margin:22px 0 0;overflow:hidden;border:1px solid rgba(107,53,242,.12);border-radius:22px;background:#f4efff;box-shadow:0 20px 45px rgba(53,32,126,.13)}
.feature-photo img{width:100%;height:100%;display:block;object-fit:cover}
.wardrobe-feature-photo{aspect-ratio:16/10;margin-top:auto}
.improvement-feature-photo{aspect-ratio:16/10;margin:0}
.improvement-feature-photo figcaption{position:absolute;inset:13px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
.improvement-feature-photo figcaption span{padding:7px 11px;border:1px solid rgba(107,53,242,.12);border-radius:999px;color:var(--ink);background:rgba(255,255,255,.9);box-shadow:0 7px 18px rgba(27,17,69,.12);font-size:11px;font-weight:700;backdrop-filter:blur(9px)}
.progress-scores span{position:relative;min-height:188px;overflow:hidden;padding:129px 14px 14px;background:#fff}
.progress-scores span:before{content:"";position:absolute;inset:0 0 auto;height:116px;background-image:linear-gradient(180deg,transparent 60%,rgba(10,17,52,.12)),url('/assets/feature-visual-improvements-v2.jpg');background-repeat:no-repeat;background-size:200% 100%;background-position:left center}
.progress-scores span:nth-child(2):before{background-position:right center}
.progress-scores strong{position:relative;z-index:1}
.progress-chart{position:relative;padding-top:47px}
.progress-chart:before{content:"Style score progress";position:absolute;left:15px;top:14px;color:var(--ink);font-size:12px;font-weight:700}
.progress-chart:after{content:"+13 points";position:absolute;right:15px;top:14px;padding:3px 7px;border-radius:999px;color:#157653;background:#ddf8ec;font-size:10px;font-weight:700}
@media(max-width:680px){.feature-photo{margin-top:24px}.improvement-feature-photo{aspect-ratio:16/11}.progress-scores span{min-height:175px;padding-top:118px}.progress-scores span:before{height:106px}}

/* Readable FAQ copy and edge-to-edge editorial covers. */
.article-card .article-cover{padding:0;overflow:hidden;background:transparent}
.article-card .article-cover img{width:100%;height:100%;object-fit:cover;object-position:center}
.faq summary{font-family:"Segoe UI",Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.45;letter-spacing:0}

/* Image-led process cards with no decorative line running through the content. */
.process-flow:before{display:none}
.process-flow .step{overflow:hidden}
.process-flow .step-visual{position:relative;height:174px;padding:16px;border:1px solid rgba(107,53,242,.12);background-color:#f4f0ff;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.process-flow .photo-frame{background-image:linear-gradient(180deg,rgba(13,20,58,.02),rgba(13,20,58,.12)),url("feature-visual-improvements-v2.jpg");background-size:200% 100%;background-position:left center}
.process-flow .photo-frame i,.process-flow .photo-frame b{display:none}
.process-flow .photo-frame:before,.process-flow .photo-frame:after{width:34px;height:34px;border-color:#fff;filter:drop-shadow(0 2px 5px rgba(10,17,47,.45))}
.process-flow .photo-frame:before{border-width:3px 0 0 3px}.process-flow .photo-frame:after{border-width:0 3px 3px 0}
.process-flow .insight-preview{grid-template-columns:82px 1fr;align-items:end;background-image:linear-gradient(90deg,rgba(16,22,56,.38),rgba(16,22,56,.08)),url("feature-visual-improvements-v2.jpg");background-size:200% 100%;background-position:left center}
.process-flow .insight-preview>strong{position:relative;z-index:1;width:72px;height:72px;background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(var(--pink) 0 76%,rgba(255,255,255,.72) 76%);box-shadow:0 12px 28px rgba(11,17,48,.22)}
.process-flow .insight-preview>div{position:relative;z-index:1;padding:13px;border-radius:15px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);box-shadow:0 12px 25px rgba(12,18,50,.14)}
.process-flow .refine-preview{align-content:end;background-image:linear-gradient(180deg,rgba(15,21,56,.02) 28%,rgba(15,21,56,.28)),url("feature-visual-improvements-v2.jpg");background-size:200% 100%;background-position:right center}
.process-flow .refine-preview span{position:relative;z-index:1;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);box-shadow:0 8px 18px rgba(10,17,48,.12)}
.process-flow .refine-preview span:last-child{color:#fff;background:linear-gradient(110deg,var(--violet),var(--pink));box-shadow:0 10px 22px rgba(107,53,242,.23)}
@media(max-width:680px){.process-flow .step-visual{height:168px}}

/* Premium score surfaces and correctly proportioned process photography. */
@property --scoreSweep{syntax:"<percentage>";inherits:false;initial-value:0%}
@keyframes scoreSweep{to{--scoreSweep:76%}}
@keyframes scorePop{0%{opacity:0;transform:scale(.72) rotate(-8deg)}70%{transform:scale(1.04) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes metricGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes photoReveal{from{opacity:.15;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
.process-flow .step-visual{height:auto;aspect-ratio:3/2;background-size:cover;background-position:center}
.process-flow .photo-frame{background-image:linear-gradient(180deg,rgba(12,18,47,.01),rgba(12,18,47,.13)),url("process-scan-look-v3.jpg");background-size:cover;background-position:center}
.process-flow .insight-preview{grid-template-columns:100px 1fr;align-items:end;background-image:linear-gradient(90deg,rgba(9,15,43,.48),rgba(9,15,43,.08)),url("process-scan-look-v3.jpg");background-size:cover;background-position:center}
.process-flow .refine-preview{background-image:linear-gradient(180deg,rgba(12,18,47,.01) 20%,rgba(12,18,47,.46)),url("process-refined-look-v3.jpg");background-size:cover;background-position:center}
.process-flow .insight-preview>strong{--scoreSweep:0%;width:92px;height:92px;color:var(--ink);background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(from -90deg,var(--pink) 0 var(--scoreSweep),rgba(255,255,255,.72) var(--scoreSweep) 100%);font-size:30px;box-shadow:0 15px 34px rgba(9,15,43,.3)}
.process-flow .insight-preview>div{gap:20px;padding:24px 16px 15px;background:linear-gradient(145deg,rgba(13,19,53,.9),rgba(71,35,151,.78));border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 34px rgba(9,15,43,.28)}
.process-flow .insight-preview>div:before{display:none}
.process-flow .insight-preview i{position:relative;height:7px;overflow:visible;background:rgba(255,255,255,.17)}
.process-flow .insight-preview i:before{position:absolute;left:0;top:-12px;color:#fff;font-size:8px;font-style:normal;font-weight:700}
.process-flow .insight-preview i:nth-child(1):before{content:"Color harmony"}.process-flow .insight-preview i:nth-child(2):before{content:"Fit & balance"}.process-flow .insight-preview i:nth-child(3):before{content:"Occasion"}
.process-flow .insight-preview i:after{content:"";position:absolute;inset:0;width:var(--fill);border-radius:inherit;background:linear-gradient(90deg,#8a58ff,#ff4fa3);transform:scaleX(0);transform-origin:left}
.process-flow .step.visible .step-visual{animation:photoReveal .75s ease both}.process-flow .step.visible .insight-preview>strong{animation:scoreSweep 1.2s .2s cubic-bezier(.2,.8,.2,1) forwards,scorePop .65s .1s ease both}.process-flow .step.visible .insight-preview i:after{animation:metricGrow .8s .48s cubic-bezier(.2,.8,.2,1) forwards}.process-flow .step.visible .insight-preview i:nth-child(2):after{animation-delay:.62s}.process-flow .step.visible .insight-preview i:nth-child(3):after{animation-delay:.76s}

.analysis-panel{overflow:hidden;padding:58px 24px 25px;border-color:rgba(255,255,255,.18);background:linear-gradient(145deg,#11193f,#24155f 57%,#552089);box-shadow:0 28px 70px rgba(20,8,68,.38)}
.analysis-panel:before{content:"LIVE STYLE BREAKDOWN";position:absolute;z-index:2;left:22px;top:20px;padding:7px 10px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.07);font-size:8px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(8px)}
html[lang="tr"] .analysis-panel:before{content:"CANLI STİL ANALİZİ"}
html[lang="tr"] .progress-chart:before{content:"Stil puanı gelişimi"}
html[lang="tr"] .process-flow .insight-preview i:nth-child(1):before{content:"Renk uyumu"}
html[lang="tr"] .process-flow .insight-preview i:nth-child(2):before{content:"Kalıp ve denge"}
html[lang="tr"] .process-flow .insight-preview i:nth-child(3):before{content:"Ortam uyumu"}
.analysis-panel:after{content:"";position:absolute;right:-75px;top:-75px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,163,.42),rgba(110,55,244,.13) 48%,transparent 70%)}
.compact-score{--scoreSweep:0%;z-index:1;width:132px;height:132px;margin-bottom:24px;background:radial-gradient(circle at center,#141b43 59%,transparent 60%),conic-gradient(from -90deg,var(--pink) 0 var(--scoreSweep),rgba(255,255,255,.14) var(--scoreSweep) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 20px 45px rgba(5,9,34,.38),0 0 45px rgba(243,76,165,.15)}
.compact-score:before{inset:14px;background:radial-gradient(circle at 40% 28%,#252e68,#111735 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.compact-score strong{color:#fff;font-size:38px;text-shadow:0 4px 20px rgba(243,76,165,.28)}.compact-score span{color:rgba(255,255,255,.63);font-size:9px;letter-spacing:.08em}
.metric-list{position:relative;z-index:1;gap:14px;color:#fff;font-size:11px}.metric-list span{grid-template-columns:92px 1fr}.metric-list i{position:relative;height:8px;overflow:hidden;background:rgba(255,255,255,.14)}.metric-list i:after{content:"";position:absolute;inset:0;width:var(--fill);border-radius:inherit;background:linear-gradient(90deg,#8a58ff,#ff4fa3);box-shadow:0 0 16px rgba(243,76,165,.35);transform:scaleX(0);transform-origin:left}
.analysis-card.visible .compact-score{animation:scoreSweep 1.25s .15s cubic-bezier(.2,.8,.2,1) forwards,scorePop .7s .08s ease both}.analysis-card.visible .metric-list i:after{animation:metricGrow .9s .42s cubic-bezier(.2,.8,.2,1) forwards}.analysis-card.visible .metric-list span:nth-child(2) i:after{animation-delay:.58s}.analysis-card.visible .metric-list span:nth-child(3) i:after{animation-delay:.74s}

.progress-scores span:before{background-image:linear-gradient(180deg,transparent 62%,rgba(10,17,52,.12)),url("process-scan-look-v3.jpg");background-size:cover;background-position:center}.progress-scores span:nth-child(2):before{background-image:linear-gradient(180deg,transparent 62%,rgba(10,17,52,.12)),url("process-refined-look-v3.jpg");background-size:cover;background-position:center}
.progress-card .progress-chart i,.feature-row .progress-chart i{height:8%;opacity:.25;animation:none;transform:none}.progress-card.visible .progress-chart i,.feature-row.visible .progress-chart i{animation:rise 1s cubic-bezier(.2,.8,.2,1) forwards}.progress-card.visible .progress-chart i:nth-child(2),.feature-row.visible .progress-chart i:nth-child(2){animation-delay:.1s}.progress-card.visible .progress-chart i:nth-child(3),.feature-row.visible .progress-chart i:nth-child(3){animation-delay:.2s}.progress-card.visible .progress-chart i:nth-child(4),.feature-row.visible .progress-chart i:nth-child(4){animation-delay:.3s}.progress-card.visible .progress-chart i:nth-child(5),.feature-row.visible .progress-chart i:nth-child(5){animation-delay:.4s}
@media(max-width:680px){.process-flow .step-visual{height:auto;aspect-ratio:3/2}.process-flow .insight-preview{grid-template-columns:82px 1fr}.process-flow .insight-preview>strong{width:76px;height:76px;font-size:25px}.process-flow .insight-preview>div{padding-inline:12px}.analysis-panel{padding-inline:19px}.compact-score{width:120px;height:120px}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Keep gradient glyph edges intact when an inline heading wraps across lines. */
.gradient-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.065em;margin-inline:-.065em}

/* Localized navigation and Turkish product preview. */
.language-picker{order:2;display:inline-flex;flex:0 0 auto;gap:3px;padding:3px;border:1px solid rgba(107,53,242,.13);border-radius:13px;background:rgba(255,255,255,.8);box-shadow:0 6px 16px rgba(53,32,126,.07)}
.language-picker a{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:5px 8px;border-radius:9px;color:var(--muted);font-size:12px;text-decoration:none}.language-picker a img{width:22px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(7,18,56,.1)}.language-picker a b{font-size:11px}.language-picker a[aria-current=page]{color:var(--violet-dark);background:#eee8ff;box-shadow:inset 0 0 0 1px rgba(107,53,242,.08)}
.nav-links{order:1}.menu-button{order:3}
.journal-section{padding-top:35px}
.tr-app-preview{position:relative;z-index:2;width:min(365px,82vw);padding:16px;border:1px solid rgba(255,255,255,.9);border-radius:43px;background:rgba(255,255,255,.78);box-shadow:0 42px 110px rgba(45,25,111,.24);transform:rotate(1.2deg)}
.tr-app-screen{overflow:hidden;min-height:570px;padding:22px;border-radius:31px;background:linear-gradient(180deg,#fbfaff,#f2edff)}
.tr-app-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.tr-app-brand strong,.tr-app-brand b{font-size:20px}.tr-app-brand span{font-size:20px}.tr-app-brand img{width:36px;height:36px;border-radius:11px}
.tr-app-hero{overflow:hidden;padding:24px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#4b25d5,#8c43ed 55%,#ef4ba2)}
.tr-app-hero small{font-weight:700;letter-spacing:.05em}.tr-app-hero h3,.tr-app-hero>strong{display:block;max-width:250px;margin:12px 0 8px;font-size:29px;line-height:1.05}.tr-app-hero p,.tr-app-hero>span{display:block;margin:0;color:rgba(255,255,255,.8);font-size:14px}
.tr-app-score{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:18px;margin-top:18px;padding:19px;border:1px solid rgba(107,53,242,.1);border-radius:22px;background:#fff}
.tr-score-ring{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff 57%,transparent 58%),conic-gradient(var(--pink) 0 78%,#e7e0fa 78%)}.tr-score-ring strong{font-size:27px}
.tr-app-score h4{margin:0 0 3px;font-size:18px}.tr-app-score p{margin:0;color:var(--muted);font-size:13px}
.tr-app-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.tr-app-tools span{min-height:84px;display:grid;place-items:center;padding:10px;border-radius:18px;color:var(--ink);background:#fff;text-align:center;font-size:12px;font-weight:700}
.tr-app-action{display:block;margin-top:15px;padding:14px;border-radius:16px;color:#fff;background:linear-gradient(110deg,var(--violet),var(--pink));text-align:center;font-weight:700}
.tr-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tr-proof{padding:25px;border-top:2px solid var(--violet)}.tr-proof strong{display:block;font-size:20px}.tr-proof span{color:var(--muted);font-size:14px}
@media(max-width:940px){.language-picker{margin-left:auto}.nav-inner{gap:9px}}
@media(max-width:680px){.tr-app-screen{min-height:520px;padding:17px}.tr-app-hero h3{font-size:25px}.tr-app-score{grid-template-columns:82px 1fr}.tr-score-ring{width:78px;height:78px}.tr-proof-grid{grid-template-columns:1fr}.language-picker a{padding-inline:6px}.language-picker a b{display:none}}

/* Critical rendering and responsive-media refinements. */
.store-badge.google-play{min-height:0;background:#000}.store-badge.google-play img{display:block;width:100%;height:100%;object-fit:fill;transform:scale(1.145,1.488);transform-origin:center}
.process-flow .photo-frame{background-image:linear-gradient(180deg,rgba(12,18,47,.01),rgba(12,18,47,.13)),url("responsive/process-scan-look-v3-960.webp")}
.process-flow .insight-preview{background-image:linear-gradient(90deg,rgba(9,15,43,.48),rgba(9,15,43,.08)),url("responsive/process-scan-look-v3-960.webp")}
.process-flow .refine-preview{background-image:linear-gradient(180deg,rgba(12,18,47,.01) 20%,rgba(12,18,47,.46)),url("responsive/process-refined-look-v3-960.webp")}
.progress-scores span:before{background-image:linear-gradient(180deg,transparent 62%,rgba(10,17,52,.12)),url("responsive/process-scan-look-v3-960.webp")}.progress-scores span:nth-child(2):before{background-image:linear-gradient(180deg,transparent 62%,rgba(10,17,52,.12)),url("responsive/process-refined-look-v3-960.webp")}

/* Editorial scene analysis for culture-led style guides. */
.article-scene{margin:28px 0 38px;padding:8px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.86);box-shadow:0 16px 40px rgba(45,25,111,.09)}
.article-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;background:#eee}
.article-scene figcaption{padding:12px 10px 5px;color:var(--muted);font-size:13px;line-height:1.55}
.article-key-takeaways{margin:34px 0;padding:25px;border:1px solid rgba(107,53,242,.16);border-radius:24px;background:linear-gradient(145deg,#f6f2ff,#fff5fb)}
.article-key-takeaways>strong{display:block;margin-bottom:11px;font-size:18px}.article-key-takeaways ul{margin:0}
.article-key-takeaways li{font-size:15px;line-height:1.65}
.style-formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 38px}
.style-formula-grid>div{position:relative;padding:20px 18px 18px 62px;border:1px solid var(--line);border-radius:20px;background:#fff}
.style-formula-grid strong{display:block}.style-formula-grid p{margin:3px 0 0;font-size:14px;line-height:1.45}
.style-swatch{position:absolute;left:18px;top:20px;width:30px;height:30px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(30,20,70,.09),0 8px 18px rgba(44,25,107,.12)}
.swatch-pink{background:#ed318a}.swatch-teal{background:#078b92}.swatch-resort{background:linear-gradient(135deg,#19191b 50%,#e7d9c5 50%)}.swatch-work{background:linear-gradient(135deg,#35353b 50%,#a18d62 50%)}
.article-faq details{border-bottom:1px solid var(--line)}.article-faq summary{position:relative;padding:20px 38px 20px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:750}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary:after{content:"+";position:absolute;right:6px;color:var(--violet);font-size:23px}.article-faq details[open] summary:after{content:"−"}.article-faq details p{margin:-3px 0 22px}
.editorial-rights-note{margin-top:52px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)!important;font-size:12px!important;line-height:1.6!important}
.article-byline{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:var(--muted);font-size:13px;font-weight:650}.article-byline a,.editorial-author-box a,.editorial-policy-grid a,.policy-content a{color:var(--violet);font-weight:750;text-underline-offset:3px}.editorial-author-box{margin-top:52px;padding:24px;border:1px solid rgba(107,53,242,.16);border-radius:22px;background:var(--soft)}.editorial-author-box strong{font-size:18px}.editorial-author-box p{margin-bottom:0;font-size:14px;line-height:1.65}.article-sources{margin-top:52px;padding-top:8px;border-top:1px solid var(--line)}.editorial-profile{max-width:880px}.policy-updated{font-size:13px!important}.editorial-policy-grid{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:58px;align-items:start}.editorial-policy-grid article h2,.policy-content h2{margin:40px 0 12px;font-size:30px}.editorial-policy-grid article h2:first-child,.policy-content h2:first-child{margin-top:0}.editorial-policy-grid p,.editorial-policy-grid li,.policy-content p{color:var(--ink-soft);font-size:17px;line-height:1.75}.editorial-trust-card{position:sticky;top:110px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.editorial-trust-card>strong{font-size:18px}.editorial-trust-card p{margin:14px 0 0;font-size:14px;line-height:1.55}.policy-content{max-width:820px}.policy-content code{padding:2px 5px;border-radius:5px;background:#eee8fa}
@media(max-width:940px){.editorial-policy-grid{grid-template-columns:1fr}.editorial-trust-card{position:static}}
@media(max-width:680px){.article-scene{margin-block:22px 32px;padding:6px;border-radius:20px}.article-scene img{border-radius:15px}.style-formula-grid{grid-template-columns:1fr}.article-key-takeaways{padding:21px}}