*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#102a43;--navy-dark:#091a2a;--sage:#86a8a2;--ivory:#faf8f4;--white:#fff;--muted:#657786;--border:#e6e8e5;--success:#4d8f7b;--font:"Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--display:"Aptos Display", "Segoe UI Variable Display", "Segoe UI", sans-serif}html{scroll-behavior:smooth}[id]{scroll-margin-top:82px}body{font-family:var(--font);background-color:var(--ivory);color:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font);background:0 0;border:none}button:focus-visible,a:focus-visible,[role=radio]:focus-visible{outline-offset:3px;outline:3px solid #5f8f89}a{color:inherit;text-decoration:none}.btn-primary{background:var(--navy);color:var(--white);letter-spacing:-.01em;border-radius:8px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.btn-primary:hover{background:#1a3a58;transform:translateY(-2px);box-shadow:0 10px 28px #102a4333}.btn-primary:active,.btn-secondary:active,.btn-sage:active{transform:translateY(1px)scale(.985)}.btn-secondary{color:var(--navy);letter-spacing:-.01em;border:1.5px solid var(--border);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:border-color .18s,background .18s,transform .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--navy);background:#102a430a;transform:translateY(-1px)}.btn-sage{background:var(--sage);color:var(--white);letter-spacing:-.01em;border-radius:8px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;transition:background .18s,transform .15s;display:inline-flex}.btn-sage:hover{background:#6e9490;transform:translateY(-1px)}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sage);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--sage);border-radius:2px;width:20px;height:2px;display:inline-block}.container{max-width:1200px;margin:0 auto;padding:0 40px}body,main{width:100%;max-width:100%}.container,.container>*{min-width:0}.hero{background:var(--ivory);min-height:760px;padding:150px 0 96px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(circle,#86a8a22e,#0000 68%);width:520px;height:520px;position:absolute;top:80px;right:-160px}.hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:72px;display:grid;position:relative}.hero-copy{max-width:570px}.eyebrow{color:var(--sage);letter-spacing:.04em;text-transform:uppercase;border:1px solid #86a8a259;border-radius:100px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow-dot{background:var(--sage);border-radius:50%;width:7px;height:7px}.hero h1{color:var(--navy);letter-spacing:-.06em;margin-bottom:24px;font-size:clamp(42px,5.5vw,70px);font-weight:800;line-height:1.02}.hero h1 em{color:var(--sage);font-style:normal}.hero-copy>p{max-width:510px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin:34px 0 22px;display:flex}.hero-note{color:var(--muted);align-items:center;gap:8px;display:flex;font-size:13px!important}.hero-note span{color:var(--sage)}.hero-visual{transform:rotate(1.5deg)}.hero-main-image{background:#ddd8cf;border-radius:18px;height:460px;position:relative;overflow:hidden;box-shadow:0 22px 60px #102a4326}.hero-main-image img{object-fit:cover;width:100%;height:100%}.image-tag{color:var(--navy);background:#faf8f4e6;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:700;position:absolute;bottom:18px;left:18px}.hero-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 26px 0;display:grid}.strip-item{background:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #102a4314}.strip-item img{object-fit:cover;width:100%;height:94px}.strip-item span{color:var(--navy);padding:8px 9px 10px;font-size:11px;font-weight:700;display:block}.demo-section{background:var(--white);padding:104px 0}.demo-heading{text-align:center;max-width:620px;margin:0 auto 52px}.demo-heading h2{letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(34px,4.5vw,54px);line-height:1.06}.demo-heading h2 span{color:var(--sage)}.demo-heading>p{color:var(--muted);font-size:16px;line-height:1.65}.demo-heading small{color:var(--sage);letter-spacing:.02em;margin-top:15px;font-size:12px;font-weight:700;display:block}.tryon-shell{border:1px solid var(--border);background:var(--ivory);border-radius:22px;max-width:1160px;margin:0 auto;padding:30px;box-shadow:0 16px 38px #102a4312}.workflow{border-bottom:1px solid var(--border);color:var(--muted);gap:20px;padding-bottom:24px;font-size:12px;font-weight:700;display:flex}.workflow span{align-items:center;gap:7px;display:inline-flex}.workflow b{width:20px;height:20px;color:var(--sage);background:#86a8a22e;border-radius:50%;place-items:center;font-size:11px;display:grid}.tryon-workspace{grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);gap:38px;padding-top:30px;display:grid}.tryon-controls,.tryon-workspace>*,.model-list,.product-list{min-width:0}.tryon-controls{flex-direction:column;gap:32px;display:flex}.control-title{color:var(--navy);letter-spacing:-.02em;margin-bottom:14px;font-size:15px;font-weight:800}.curated-controls{justify-content:center}.curated-choice{border:1px solid var(--sage);background:#86a8a214;border-radius:12px;align-items:center;gap:14px;padding:10px;display:flex;position:relative}.curated-choice span,.curated-choice b,.curated-choice small{display:block}.curated-choice span{min-width:0}.curated-choice b{font-size:14px;line-height:1.3}.curated-choice small{color:var(--muted);margin-top:3px;font-size:11px}.curated-choice i{background:var(--sage);width:22px;height:22px;color:var(--white);border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:12px;font-style:normal;display:grid}.demo-crop{background-image:url(/images/demo-tryon-before-after.png);background-repeat:no-repeat;background-size:200% 100%;border-radius:8px;flex:none;width:74px;height:88px}.demo-crop--before{background-position:0}.demo-crop--after{background-position:100%}.prototype-note{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:16px}.prototype-note strong{margin-bottom:5px;font-size:13px;display:block}.prototype-note p{color:var(--muted);font-size:12px;line-height:1.55}.model-list{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.model-option,.product-option{border:1px solid var(--border);color:var(--navy);text-align:left;background:var(--white);border-radius:10px;transition:border-color .18s,background .18s,transform .18s;position:relative}.model-option:hover,.product-option:hover{border-color:var(--sage);transform:translateY(-1px)}.model-option.is-selected,.product-option.is-selected{border-color:var(--sage);background:#86a8a214}.model-option{min-width:0;padding:5px}.model-option img{aspect-ratio:1/1.05;object-fit:cover;border-radius:7px;width:100%}.model-option span{padding:7px 3px 3px;font-size:12px;font-weight:700;display:block}.model-option i{background:var(--sage);width:18px;height:18px;color:var(--white);border-radius:50%;place-items:center;font-size:11px;font-style:normal;display:grid;position:absolute;top:9px;right:9px}.product-list{grid-template-columns:1fr 1fr;gap:11px;display:grid}.product-option{align-items:center;gap:10px;min-height:77px;padding:7px;display:flex}.product-option img{object-fit:cover;border-radius:7px;flex:none;width:58px;height:61px}.product-option b,.product-option small{display:block}.product-option b{font-size:13px;line-height:1.25}.product-option small{color:var(--muted);margin-top:3px;font-size:11px}.tryon-preview{background:#ded8cf;border-radius:14px;min-height:505px;position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100%;min-height:505px;animation:.3s preview-fade}.tryon-preview--curated{aspect-ratio:3/4;min-height:0}.tryon-preview--curated .preview-image{min-height:0}.comparison-label{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;background:#faf8f4f0;border-radius:100px;padding:6px 10px;font-size:11px;font-weight:800;position:absolute;top:14px}.comparison-label--before{left:14px}.comparison-label--after{right:14px}.preview-switch{z-index:1;background:#faf8f4ed;border:1px solid #102a431f;border-radius:8px;padding:3px;display:flex;position:absolute;top:14px;left:14px}.preview-switch button{color:var(--muted);border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700}.preview-switch button.is-active{background:var(--navy);color:var(--white)}.selected-product{color:var(--muted);background:#faf8f4ed;border-radius:9px;align-items:center;gap:8px;padding:6px 9px 6px 6px;font-size:10px;display:flex;position:absolute;top:14px;right:14px}.selected-product img{object-fit:cover;border-radius:5px;width:32px;height:32px}.selected-product span,.selected-product strong{display:block}.selected-product strong{color:var(--navy);margin-top:1px;font-size:12px}.result-caption{color:var(--success);text-transform:uppercase;letter-spacing:.06em;background:#faf8f4f0;border-radius:9px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:14px;left:14px}.result-caption strong{color:var(--navy);letter-spacing:0;text-transform:none;margin-top:3px;font-size:13px;display:block}.result-dot{background:var(--success);border-radius:50%;flex:none;width:7px;height:7px;margin-top:3px}.demo-cta{color:var(--muted);justify-content:center;align-items:center;gap:18px;margin-top:28px;font-size:15px;display:flex}@keyframes preview-fade{0%{opacity:.42}to{opacity:1}}.look-gallery-shell{max-width:1180px}.look-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:22px 0 4px;display:grid}.look-card{border:1px solid var(--border);background:var(--white);min-width:0;color:var(--navy);text-align:left;border-radius:13px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.look-card:hover{border-color:var(--sage);transform:translateY(-2px)}.look-card.is-selected{border-color:var(--sage);box-shadow:0 0 0 2px #86a8a238}.look-card>i{background:var(--sage);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;font-style:normal;display:grid;position:absolute;top:9px;right:9px}.look-card-photo,.modal-option-photo,.modal-look-photo,.look-half,.modal-result-photo,.reveal-avatar{background-image:var(--look-image);background-repeat:no-repeat;background-size:cover}.look-card-photo{aspect-ratio:1/1.14;background-color:#eee7de;background-position:0 0;display:block}.look-card-copy{padding:10px;display:block}.look-card-copy strong,.look-card-copy small,.look-card-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.look-card-copy strong{font-size:13px}.look-card-copy small{color:var(--muted);margin-top:1px;font-size:10px}.look-card-copy em{color:var(--sage);margin-top:6px;font-size:10px;font-style:normal;font-weight:700}.look-workspace{grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);align-items:center}.curated-controls h3{letter-spacing:-.04em;margin-top:7px;font-size:clamp(28px,4vw,42px);line-height:1}.look-audience{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.look-style-name{color:var(--muted);margin-top:10px;font-size:16px}.preview-toggle{border:1px solid var(--border);background:var(--white);border-radius:10px;align-self:flex-start;padding:4px;display:inline-flex}.preview-toggle button{min-height:42px;color:var(--muted);border-radius:7px;padding:8px 16px;font-size:13px;font-weight:700}.preview-toggle button.is-active{background:var(--navy);color:var(--white)}.transition-button{justify-content:center;align-self:flex-start}.look-reveal{isolation:isolate;background:#e9e1d8;border-radius:16px;min-height:520px;position:relative;overflow:hidden}.look-half{background-color:#eee7de;background-image:none;position:absolute;inset:0;overflow:hidden}.look-half--after{z-index:1;clip-path:inset(0 100% 0 0)}.look-half:before,.modal-result-photo:before{content:"";background:var(--look-image) center / cover no-repeat;filter:blur(20px);opacity:.3;position:absolute;inset:-24px}.look-half:after,.modal-result-photo:after{content:"";background:var(--look-image) center top / contain no-repeat;position:absolute;inset:0}.look-reveal[data-state=after] .look-half--after{clip-path:inset(0)}.look-reveal[data-state=transitioning] .look-half--after{animation:1.1s cubic-bezier(.22,.9,.32,1) forwards dress-reveal}.look-state-label{z-index:3;color:var(--navy);background:#faf8f4eb;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;position:absolute;top:14px;right:14px}.look-reveal .result-caption{z-index:3}@keyframes dress-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.tryon-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091a2a9e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tryon-modal-panel{background:var(--white);border-radius:22px;width:min(760px,100%);max-height:calc(100dvh - 32px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 26px 90px #091a2a3d}.modal-close{background:var(--ivory);width:44px;height:44px;color:var(--navy);border-radius:50%;place-items:center;font-size:27px;line-height:1;display:grid;position:absolute;top:16px;right:16px}.modal-brand{color:var(--navy);align-items:center;gap:9px;padding-right:50px;font-size:12px;font-weight:700;display:flex}.modal-brand img{object-fit:contain;width:25px;height:25px}.curated-modal-panel>h2{letter-spacing:-.04em;margin-top:19px;padding-right:42px;font-size:clamp(24px,4vw,32px);line-height:1.08}.modal-disclosure{max-width:610px;color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.modal-step{margin-top:22px}.modal-look-preview{border:1px solid var(--border);background:var(--ivory);border-radius:14px;grid-template-columns:104px 1fr;align-items:center;column-gap:16px;min-height:126px;padding:10px 16px 10px 10px;display:grid;overflow:hidden}.modal-look-photo{background-position:0 0;border-radius:9px;grid-row:1/3;width:104px;height:126px}.modal-look-preview span,.modal-look-preview span strong{display:block}.modal-look-preview span{color:var(--muted);font-size:11px}.modal-look-preview span strong{color:var(--navy);font-size:20px}.modal-look-preview>b{color:var(--sage);align-self:start;font-size:14px}.modal-look-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.modal-look-option{border:1px solid var(--border);min-height:68px;color:var(--navy);text-align:left;background:var(--white);border-radius:11px;align-items:center;gap:9px;padding:6px;display:flex}.modal-look-option.is-selected{border-color:var(--sage);box-shadow:0 0 0 1px var(--sage);background:#86a8a214}.modal-option-photo{background-position:0 0;border-radius:7px;flex:none;width:48px;height:55px}.modal-look-option strong,.modal-look-option small{display:block}.modal-look-option strong{font-size:12px}.modal-look-option small{color:var(--muted);font-size:10px}.modal-primary{justify-content:center;width:100%;margin-top:16px}.fit-disclaimer{color:var(--muted);text-align:center;margin-top:12px;font-size:11px;line-height:1.5}.reveal-progress{text-align:center}.reveal-avatar{background-position:0 0;border-radius:15px;width:96px;height:110px;margin:0 auto 15px;position:relative;overflow:hidden}.reveal-avatar span{background:linear-gradient(105deg,#0000 20%,#ffffffbf 48%,#0000 76%);animation:1.2s linear infinite loading-sheen;position:absolute;inset:0}.reveal-progress h3{font-size:20px}.reveal-progress>p{color:var(--sage);margin-top:4px;font-size:13px;font-weight:700}.reveal-stage-list{text-align:left;gap:8px;margin-top:20px;display:grid}.reveal-stage-list>div{color:var(--muted);border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13px;display:flex}.reveal-stage-list>div.is-current{color:var(--navy);background:#102a430d}.reveal-stage-list>div.is-complete{color:var(--success);background:#4d8f7b12}.reveal-stage-list i{background:var(--border);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:800;display:grid}.reveal-stage-list .is-current i{background:var(--navy);color:#fff}.reveal-stage-list .is-complete i{background:var(--success);color:#fff}.prepared-badge{color:var(--success);letter-spacing:.05em;text-transform:uppercase;background:#4d8f7b1a;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.modal-result h3{margin:10px 0 14px;font-size:20px}.modal-result-photo{background-color:#eee7de;background-image:none;border-radius:14px;height:min(48vh,430px);min-height:310px;animation:.55s both result-pop;position:relative;overflow:hidden}.modal-actions{gap:10px;margin-top:18px;display:flex}.modal-actions>*{flex:1;justify-content:center}.modal-error{text-align:center;padding:30px 0 8px}.modal-error h3{font-size:22px}.modal-error>p{color:#b42318;margin-top:8px;font-size:13px}@keyframes loading-sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes result-pop{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.pricing-grid>div,.integrations-grid>div,.integrations-grid>div>div{min-width:0}.integrations-grid pre{max-width:100%}.pricing-row>span:first-child{flex-shrink:0}.demo-form{background:var(--ivory);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:17px;padding:28px;display:flex}.demo-form label{color:var(--navy);flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.demo-form input,.demo-form select{border:1px solid var(--border);background:var(--white);width:100%;font:inherit;color:var(--navy);border-radius:8px;outline:none;padding:12px 13px}.demo-form input:focus,.demo-form select:focus{border-color:var(--sage);box-shadow:0 0 0 3px #86a8a229}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-form button{justify-content:center;margin-top:4px}.form-footnote{color:var(--muted);text-align:center;font-size:12px}.form-success{text-align:center;padding:38px 8px}.success-mark{background:var(--success);width:42px;height:42px;color:var(--white);border-radius:50%;place-items:center;margin:0 auto 16px;font-size:22px;display:grid}.form-success h3{margin-bottom:7px;font-size:21px}.form-success p{color:var(--muted);font-size:14px}.showcase-kicker{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px;font-size:12px;font-weight:700}.category-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.category-tile{aspect-ratio:1/1.22;background:#e8e4de;border-radius:12px;position:relative;overflow:hidden}.category-tile img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.category-tile:hover img{transform:scale(1.05)}.category-tile span{color:var(--white);text-shadow:0 1px 8px #00000080;font-size:13px;font-weight:700;position:absolute;bottom:10px;left:11px}@media (width<=768px){.container{padding:0 20px}section[style*="100px"]{padding-top:72px!important;padding-bottom:72px!important}.hero{min-height:auto;padding:120px 0 70px}.hero-visual{width:100%;transform:none}.hero-grid,.tryon-workspace{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(42px,12vw,60px)}.hero-main-image{height:380px}.demo-section{padding:80px 0}.tryon-shell{padding:20px}.tryon-preview,.preview-image{min-height:460px}.tryon-preview--curated,.tryon-preview--curated .preview-image{min-height:0}.workflow{white-space:nowrap;gap:14px;padding-bottom:18px;overflow-x:auto}.pricing-grid{grid-template-columns:1fr!important;gap:16px!important}.pricing-grid>div{min-height:0!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.features-grid,.integrations-grid{grid-template-columns:1fr!important}.how-grid,.faq-grid{grid-template-columns:1fr!important;gap:36px!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important;margin-bottom:40px!important}.footer-grid>:first-child{grid-column:1/-1}.hero-actions>a{justify-content:center}.integration-steps{max-width:100%;padding-bottom:4px;overflow-x:auto}.cta-glow{width:min(600px,130vw)!important}.look-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.look-workspace{grid-template-columns:1fr}.look-reveal{min-height:500px}}@media (width>=769px) and (width<=1023px){.container{padding-inline:28px}.features-grid,.integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.how-grid,.faq-grid{gap:36px!important}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.tryon-shell{padding:24px}.tryon-workspace{gap:24px}.model-list{grid-template-columns:repeat(4,minmax(0,1fr))}.product-option{min-width:0}.product-option img{width:48px}.look-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.look-workspace{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}}@media (width>=769px) and (width<=1100px){.pricing-row{row-gap:4px;flex-wrap:wrap!important}}@media (width<=480px){.form-row,.category-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.hero-strip{margin-left:0;margin-right:0}.strip-item img{height:76px}.pricing-row{row-gap:4px;flex-wrap:wrap!important}.demo-section{padding:72px 0}.demo-heading{margin-bottom:36px}.tryon-shell{border-radius:16px;padding:16px}.model-list{padding-bottom:4px;display:flex;overflow-x:auto}.model-option{width:86px;min-width:86px}.product-list{gap:8px}.product-option{min-height:0;display:block}.product-option img{width:100%;height:78px}.product-option span{padding:7px 2px 2px}.tryon-preview,.preview-image{min-height:420px}.tryon-preview--curated,.tryon-preview--curated .preview-image{min-height:0}.selected-product{top:10px;right:10px}.preview-switch{top:10px;left:10px}.result-caption{bottom:10px;left:10px}.comparison-label{padding:5px 8px;font-size:9px;top:10px}.comparison-label--before{left:10px}.comparison-label--after{right:10px}.demo-cta{text-align:center;flex-direction:column;align-items:stretch}.demo-cta a{justify-content:center}.hero-actions{flex-direction:column}.hero-actions>a{width:100%}.stats-grid{grid-template-columns:1fr 1fr!important}.stats-grid>div{padding:26px 12px!important}.stats-grid p:first-child{font-size:32px!important}.workflow{white-space:normal;grid-template-columns:1fr;gap:9px;display:grid;overflow:visible}.look-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.look-card-photo{aspect-ratio:1}.look-reveal{min-height:440px}.transition-button{width:100%}.tryon-modal-overlay{align-items:flex-end;padding:0}.tryon-modal-panel{width:100%;max-height:100dvh;padding:22px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.modal-close{top:12px;right:12px}.modal-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-look-preview{grid-template-columns:84px 1fr;min-height:112px}.modal-look-photo{width:84px;height:104px}.modal-actions{flex-direction:column}.modal-result-photo{min-height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.look-reveal[data-state=transitioning] .look-half--after{clip-path:inset(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.wardrobe-heading{max-width:790px}.wardrobe-shell{border:1px solid var(--border);background:var(--white);border-radius:22px;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:28px;max-width:1180px;margin:0 auto;padding:28px;display:grid;box-shadow:0 22px 70px #102a4314}.wardrobe-catalogue{min-width:0}.wardrobe-step-heading{color:var(--navy);align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.wardrobe-step-heading>b{border:1px solid var(--sage);width:34px;height:34px;color:var(--sage);letter-spacing:.08em;border-radius:8px;flex:none;place-items:center;font-size:11px;display:grid}.wardrobe-step-heading span,.wardrobe-step-heading strong,.wardrobe-step-heading small{display:block}.wardrobe-step-heading strong{font-size:16px}.wardrobe-step-heading small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:500}.garment-filters{gap:7px;margin-bottom:10px;padding-bottom:7px;display:flex;overflow-x:auto}.garment-filters button{border:1px solid var(--border);min-height:38px;color:var(--muted);background:var(--white);white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:700}.garment-filters button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:var(--white)}.garment-fieldset,.persona-fieldset,.garment-modal-select fieldset{border:0;min-width:0}.garment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.garment-card{border:1px solid var(--border);background:var(--ivory);min-width:0;color:var(--navy);cursor:pointer;border-radius:13px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.garment-card:hover{border-color:var(--sage);transform:translateY(-2px)}.garment-card:focus-within{outline-offset:2px;outline:3px solid #86a8a259}.garment-card.is-selected{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.garment-card input,.persona-card input,.modal-garment-option input,.modal-persona-option input{opacity:0;pointer-events:none;position:absolute}.garment-card>img{aspect-ratio:1;object-fit:contain;background:#f1ebe3;width:100%;display:block}.garment-card>span{padding:10px;display:block}.garment-card small,.garment-card strong,.garment-card em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.garment-card small{color:var(--sage);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:800}.garment-card strong{margin-top:4px;font-size:12px}.garment-card em{color:var(--muted);margin-top:3px;font-size:9px;font-style:normal}.garment-card>i{background:var(--navy);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;display:none;position:absolute;top:8px;right:8px}.garment-card.is-selected>i{display:grid}.selected-garment-detail{border-left:3px solid var(--sage);background:#86a8a214;align-items:center;gap:12px;margin:14px 0 24px;padding:10px;display:flex}.selected-garment-detail img{object-fit:contain;background:var(--white);border-radius:8px;width:68px;height:68px}.selected-garment-detail span,.selected-garment-detail small,.selected-garment-detail strong,.selected-garment-detail em{display:block}.selected-garment-detail small{color:var(--sage);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.selected-garment-detail strong{color:var(--navy);margin-top:3px;font-size:15px}.selected-garment-detail em{color:var(--muted);margin-top:3px;font-size:10px;font-style:normal}.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.persona-card{border:1px solid var(--border);min-width:0;min-height:60px;color:var(--navy);cursor:pointer;background:var(--white);border-radius:11px;align-items:center;gap:8px;padding:6px;display:flex;position:relative}.persona-card:focus-within{outline-offset:2px;outline:3px solid #86a8a259}.persona-card.is-selected{border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage);background:#86a8a212}.persona-card.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.persona-thumb{background-image:var(--look-image);background-position:top;background-repeat:no-repeat;background-size:210%;border-radius:7px;flex:none;width:43px;height:48px}.persona-card span:last-child,.persona-card strong,.persona-card small{min-width:0;display:block}.persona-card strong{font-size:11px}.persona-card small{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.2}.wardrobe-preview-column{align-self:start;min-width:0;position:sticky;top:92px}.preview-product-chip{border:1px solid var(--border);background:var(--ivory);border-radius:11px;align-items:center;gap:9px;margin-bottom:10px;padding:8px;display:flex}.preview-product-chip img{object-fit:contain;background:var(--white);border-radius:7px;width:48px;height:48px}.preview-product-chip small,.preview-product-chip strong{display:block}.preview-product-chip small{color:var(--sage);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.preview-product-chip strong{color:var(--navy);margin-top:2px;font-size:13px}.wardrobe-reveal{border:1px solid var(--border);border-radius:16px;min-height:590px}.wardrobe-toggle{width:100%;margin-top:10px;display:flex}.wardrobe-toggle button{flex:1}.wardrobe-reveal-button{justify-content:center;width:100%;margin-top:10px}.wardrobe-disclosure{color:var(--muted);text-align:center;margin-top:9px;font-size:10px;line-height:1.45}.garment-modal-panel{width:min(900px,100%)}.garment-modal-select fieldset+fieldset{margin-top:22px}.garment-modal-select legend{color:var(--navy);margin-bottom:10px;font-size:13px;font-weight:800}.modal-garment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.modal-garment-option{border:1px solid var(--border);min-width:0;color:var(--navy);cursor:pointer;background:var(--ivory);border-radius:10px;position:relative;overflow:hidden}.modal-garment-option:focus-within,.modal-persona-option:focus-within{outline-offset:2px;outline:3px solid #86a8a259}.modal-garment-option.is-selected{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.modal-garment-option img{aspect-ratio:1;object-fit:contain;background:#f2ece5;width:100%;display:block}.modal-garment-option>span{padding:7px;display:block}.modal-garment-option strong,.modal-garment-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.modal-garment-option strong{font-size:9px}.modal-garment-option small{color:var(--muted);margin-top:2px;font-size:8px}.modal-persona-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.modal-persona-option{border:1px solid var(--border);min-width:0;min-height:58px;color:var(--navy);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:5px;display:flex;position:relative}.modal-persona-option.is-selected{border-color:var(--sage);background:#86a8a212}.modal-persona-option.is-disabled{opacity:.42;cursor:not-allowed}.modal-persona-option strong,.modal-persona-option small{font-size:9px;display:block}.modal-persona-option small{color:var(--muted);margin-top:2px;font-size:7px}.modal-selection-summary{border:1px solid var(--border);background:var(--ivory);border-radius:12px;align-items:center;gap:12px;margin-top:18px;padding:10px;display:flex}.modal-selection-summary img{object-fit:contain;background:#fff;border-radius:8px;width:66px;height:66px}.modal-selection-summary small,.modal-selection-summary strong,.modal-selection-summary em{display:block}.modal-selection-summary small{color:var(--sage);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.modal-selection-summary strong{color:var(--navy);margin-top:3px;font-size:15px}.modal-selection-summary em{color:var(--muted);margin-top:3px;font-size:10px;font-style:normal}@media (width<=900px){.wardrobe-shell{grid-template-columns:1fr}.wardrobe-preview-column{position:static}.wardrobe-reveal{min-height:540px}.modal-garment-grid,.modal-persona-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.wardrobe-shell{border-radius:16px;padding:15px}.garment-grid,.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-reveal{min-height:460px}.garment-modal-panel{border-radius:0;height:100dvh;max-height:100dvh}.modal-garment-grid,.modal-persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero{background:radial-gradient(circle at 82% 23%, #8e5bd917, transparent 30%), var(--ivory)}.hero h1{font-family:var(--display)}.hero-fitting-room{min-height:530px;position:relative;transform:rotate(1deg)}.hero-stage-glow{background:radial-gradient(circle at 50% 25%,#fff,#eee7fb 48%,#dfeceb 100%);border-radius:45% 45% 20% 20%;position:absolute;inset:4% 4% 0 8%;box-shadow:inset 0 0 0 1px #102a430f,0 30px 80px #102a4324}.hero-stage-glow:before,.hero-stage-glow:after{content:"";border:1px solid #fffc;border-radius:50%;position:absolute;transform:rotate(-12deg)}.hero-stage-glow:before{inset:14% 8% 12%}.hero-stage-glow:after{inset:23% 15% 21%;transform:rotate(17deg)}.hero-character-card{border-radius:30% 30% 17% 17%;position:absolute;inset:3% 10% 1% 13%;overflow:hidden}.hero-character-card>img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 24px #102a432e);width:100%;height:100%;animation:.85s cubic-bezier(.2,.85,.3,1.12) both hero-arrive}.hero-character-card__label{z-index:2;color:#7446b7;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #fffc;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:800;position:absolute;top:7%;left:4%}.hero-reaction{z-index:3;max-width:150px;color:var(--navy);background:#ffffffe6;border-radius:16px 16px 4px;gap:7px;padding:11px 13px;font-size:10px;font-weight:700;animation:.55s cubic-bezier(.2,.85,.3,1.25) .55s both hero-bubble;display:flex;position:absolute;top:20%;right:1%;transform:rotate(2deg);box-shadow:0 12px 30px #102a431c}.hero-reaction span{color:#8e5bd9}.hero-garment-chip{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffffbf;border-radius:14px;align-items:center;gap:9px;width:170px;padding:8px;animation:.65s cubic-bezier(.2,.85,.3,1.18) .25s both hero-chip;display:flex;position:absolute;top:43%;left:-5%;transform:rotate(-4deg);box-shadow:0 16px 36px #102a4324}.hero-garment-chip img{object-fit:contain;background:#f2ede7;border-radius:9px;width:54px;height:60px}.hero-garment-chip span,.hero-garment-chip small,.hero-garment-chip strong{display:block}.hero-garment-chip small{color:#8e5bd9;text-transform:uppercase;font-size:7px;font-weight:800}.hero-garment-chip strong{margin-top:2px;font-size:10px}.hero-cast{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-radius:15px;gap:5px;padding:6px;display:flex;position:absolute;bottom:3%;right:-2%;transform:rotate(-2deg);box-shadow:0 13px 32px #102a431f}.hero-cast>span{background:#eee;border-radius:10px;width:54px;height:65px;position:relative;overflow:hidden}.hero-cast img{object-fit:cover;object-position:center 15%;width:100%;height:100%}.hero-cast b{color:#fff;text-align:center;background:linear-gradient(#0000,#091a2abf);padding:8px 3px 3px;font-size:7px;position:absolute;inset:auto 0 0}.hero-motion-note{z-index:5;background:var(--navy);color:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:8px;font-weight:700;display:flex;position:absolute;top:2%;right:2%;transform:rotate(3deg)}.hero-motion-note i{color:#c7a9f0;font-size:13px;font-style:normal}@keyframes hero-arrive{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes hero-bubble{0%{opacity:0;transform:translateY(10px)rotate(4deg)scale(.8)}to{opacity:1;transform:rotate(2deg)scale(1)}}@keyframes hero-chip{0%{opacity:0;transform:translate(-25px)rotate(-8deg)scale(.85)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.character-demo-section{background:linear-gradient(#fff 0%,#faf8f4 100%);padding:104px 0 112px;overflow:clip}.character-demo-section .demo-heading{max-width:720px}.demo-container{max-width:1360px}.tryon-experience{--motion-spring:cubic-bezier(.2,.85,.3,1.2);width:100%;max-width:100%;color:var(--navy);position:relative;overflow-x:clip}.tryon-experience fieldset{border:0;min-width:0}.experience-progress{grid-template-columns:repeat(4,1fr);max-width:620px;margin:0 auto 26px;list-style:none;display:grid}.experience-progress li{color:#8a949e;letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex;position:relative}.experience-progress li:not(:last-child):after{content:"";z-index:0;background:#dfe3e1;height:1px;position:absolute;top:14px;left:calc(50% + 40px);right:calc(40px - 50%)}.experience-progress b{z-index:1;background:#fff;border:1px solid #d5dcd9;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid;position:relative}.experience-progress .is-current{color:var(--navy)}.experience-progress .is-current b{border-color:var(--character-accent);box-shadow:0 0 0 5px var(--character-soft);color:var(--character-accent)}.experience-progress .is-complete{color:var(--character-accent)}.experience-progress .is-complete b{border-color:var(--character-accent);background:var(--character-accent);color:#fff}.character-picker{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #102a431a;border-radius:26px 26px 0 0;width:100%;max-width:100%;padding:24px;overflow:hidden;box-shadow:0 18px 60px #102a4312}.experience-heading>span{color:var(--character-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.experience-heading h3{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(18px,2vw,25px);line-height:1.2}.experience-heading--compact h3{font-size:17px}.character-cast{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.character-cast,.outfit-rail{scrollbar-width:none}.character-cast::-webkit-scrollbar{display:none}.outfit-rail::-webkit-scrollbar{display:none}.character-card{cursor:pointer;background:#fff;border:1px solid #e4e6e2;border-radius:15px;grid-template-columns:58px minmax(0,1fr);align-items:center;min-width:0;min-height:76px;padding:7px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:grid;position:relative}.character-card:hover{border-color:var(--card-accent);transform:translateY(-3px);box-shadow:0 10px 24px #102a4317}.character-card:active{transform:translateY(0)scale(.98)}.character-card:focus-within{outline:3px solid var(--card-soft);outline-offset:2px}.character-card.is-selected{border-color:var(--card-accent);background:linear-gradient(135deg, #fff, var(--card-soft));box-shadow:inset 0 0 0 1px var(--card-accent), 0 10px 24px var(--card-soft)}.character-card input,.outfit-card input{opacity:0;width:1px;height:1px;position:absolute}.character-card__portrait{background-image:var(--look-image);filter:saturate(.88);width:52px;height:60px;transition:transform .32s var(--motion-spring), filter .2s ease;background-position:50% 6%;background-repeat:no-repeat;background-size:158%;border-radius:11px}.character-card:hover .character-card__portrait,.character-card.is-selected .character-card__portrait{filter:saturate(1.02);transform:scale(1.04)rotate(-1deg)}.character-card__copy,.character-card__copy>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.character-card__copy{padding:1px 5px 1px 9px}.character-card__copy small{color:var(--card-accent);text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.character-card__copy strong{font-family:var(--display);margin-top:3px;font-size:12px}.character-card__copy em{color:var(--muted);margin-top:2px;font-size:8px;font-style:normal}.character-card>i{background:var(--card-accent);color:#fff;opacity:0;width:19px;height:19px;transition:.25s var(--motion-spring);border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid;position:absolute;top:7px;right:7px;transform:scale(.5)rotate(-20deg)}.character-card.is-selected>i{opacity:1;transform:scale(1)rotate(0)}.studio-layout{background:#fff;border:1px solid #102a431a;border-top:0;border-radius:0 0 26px 26px;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);width:100%;max-width:100%;min-height:720px;display:grid;overflow:hidden;box-shadow:0 28px 80px #102a431a}.studio-controls{background:#fff;border-right:1px solid #102a4314;min-width:0;padding:28px}.persona-intro{align-items:center;gap:13px;margin-bottom:25px;display:flex}.persona-intro__number{background:var(--character-soft);width:47px;height:47px;color:var(--character-accent);font-family:var(--display);border-radius:14px;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid;transform:rotate(-3deg)}.persona-intro span:last-child,.persona-intro small,.persona-intro strong,.persona-intro p{display:block}.persona-intro small{color:var(--character-accent);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.persona-intro strong{font-family:var(--display);font-size:19px;line-height:1.2}.persona-intro p{color:var(--muted);margin-top:3px;font-size:11px}.tap-panel{border-bottom:1px solid #eceeeb;padding-bottom:24px}.tap-grid{gap:8px;margin-top:13px;display:grid}.tap-action{width:100%;min-height:57px;color:var(--navy);text-align:left;background:#fff;border:1px solid #e3e7e4;border-radius:13px;grid-template-columns:39px 1fr 22px;align-items:center;gap:10px;padding:8px 11px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.tap-action:before{content:"";background:linear-gradient(90deg, var(--character-soft), transparent 68%);opacity:0;transition:opacity .2s;position:absolute;inset:0}.tap-action:hover{border-color:var(--character-accent);transform:translate(4px);box-shadow:0 7px 20px #102a4312}.tap-action:hover:before,.tap-action.is-selected:before{opacity:1}.tap-action:active{transform:translate(2px)scale(.99)}.tap-action>*{z-index:1;position:relative}.tap-action>i{background:var(--character-soft);width:36px;height:36px;transition:transform .25s var(--motion-spring);border-radius:11px;place-items:center;font-size:18px;font-style:normal;display:grid}.tap-action:hover>i,.tap-action.is-selected>i{transform:rotate(-8deg)scale(1.09)}.tap-action span,.tap-action strong,.tap-action small{display:block}.tap-action strong{font-size:12px}.tap-action small{color:var(--muted);margin-top:1px;font-size:9px}.tap-action>b{color:var(--character-accent);font-size:16px;transition:transform .2s}.tap-action:hover>b{transform:translate(3px)}.tap-action.is-selected{border-color:var(--character-accent);box-shadow:inset 0 0 0 1px var(--character-accent)}.wardrobe-drawer{min-height:212px;padding-top:23px;position:relative}.wardrobe-lock{z-index:3;color:var(--muted);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#faf8f4f0;border:1px dashed #d7dcd9;border-radius:14px;justify-content:center;align-items:center;gap:10px;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:68px 0 0}.wardrobe-lock span{background:var(--character-soft);width:32px;height:32px;color:var(--character-accent);border-radius:50%;place-items:center;display:grid}.wardrobe-lock p{font-size:11px;font-weight:700}.wardrobe-drawer.is-unlocked .wardrobe-lock{opacity:0;pointer-events:none;transform:translateY(-8px)}.outfit-rail{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;margin-top:13px;display:grid}.outfit-card{cursor:pointer;background:#fff;border:1px solid #e4e6e2;border-radius:13px;align-self:start;min-width:0;padding:6px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.outfit-card:hover{border-color:var(--character-accent);transform:translateY(-3px)rotate(.3deg);box-shadow:0 9px 22px #102a4314}.outfit-card:focus-within{outline:3px solid var(--character-soft);outline-offset:2px}.outfit-card.is-selected{border-color:var(--character-accent);box-shadow:inset 0 0 0 1px var(--character-accent)}.outfit-card__image{background:linear-gradient(145deg,#f6f2ec,#eee7dd);border-radius:9px;place-items:center;height:86px;min-height:0;display:grid;overflow:hidden}.outfit-card__image img{object-fit:contain;width:100%;height:100%;transition:transform .3s var(--motion-spring)}.outfit-card:hover .outfit-card__image img{transform:scale(1.08)rotate(-2deg)}.outfit-card>span:not(.outfit-card__image),.outfit-card small,.outfit-card strong,.outfit-card em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.outfit-card>span:not(.outfit-card__image){padding:7px 3px 2px}.outfit-card small{color:var(--character-accent);text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.outfit-card strong{margin-top:2px;font-size:10px}.outfit-card em{color:var(--muted);margin-top:2px;font-size:8px;font-style:normal}.outfit-card>i{background:var(--character-accent);color:#fff;opacity:0;width:20px;height:20px;transition:.2s var(--motion-spring);border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid;position:absolute;top:9px;right:9px;transform:scale(.5)}.outfit-card.is-selected>i{opacity:1;transform:scale(1)}.wardrobe-drawer:not(.is-unlocked) .outfit-rail{filter:grayscale();opacity:.35}.dress-button{background:var(--navy);color:#fff;text-align:left;width:100%;min-height:62px;transition:transform .2s var(--motion-spring), box-shadow .2s ease, background .2s ease;border-radius:15px;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:11px;margin-top:17px;padding:9px 15px;display:grid;box-shadow:0 12px 30px #102a432e}.dress-button:not(:disabled):hover{background:#173b5b;transform:translateY(-3px);box-shadow:0 17px 34px #102a433d}.dress-button:not(:disabled):active{transform:translateY(0)scale(.985)}.dress-button:disabled{cursor:not-allowed;opacity:.4;box-shadow:none}.dress-button__spark{background:var(--character-accent);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.dress-button span,.dress-button strong,.dress-button small{display:block}.dress-button strong{font-size:12px}.dress-button small{color:#ffffffa6;margin-top:2px;font-size:9px}.dress-button>i{font-size:18px;font-style:normal}.experience-error{color:#a5362c;background:#fff0ee;border-radius:9px;margin-top:10px;padding:9px 11px;font-size:10px}.experience-error button{color:inherit;font-weight:800;text-decoration:underline}.character-stage{background:linear-gradient(145deg, var(--character-soft), #f6f2ed 50%, #e9f0ef);flex-direction:column;min-width:0;padding:17px;transition:background .45s;display:flex;position:relative}.stage-topline,.stage-footer{z-index:8;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.stage-status{color:var(--navy);letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.stage-status i{background:var(--character-accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--character-soft);border-radius:50%}.stage-personality{color:var(--character-accent);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.stage-viewport{isolation:isolate;border-radius:21px;flex:1;min-height:620px;position:relative;overflow:hidden}.stage-viewport:before{content:"";background:radial-gradient(circle at 50% 22%,#fffffff2,#ffffff80 52%,#0000 72%);border-radius:48% 48% 28% 28%;position:absolute;inset:8% 11% 4%}.stage-viewport:after{content:"";z-index:0;background:radial-gradient(ellipse at 50% 48%, color-mix(in srgb,var(--character-accent) 9%,white) 0 42%, transparent 72%);filter:blur(24px);opacity:.62;position:absolute;inset:4% 15% 1%}.stage-orbit{z-index:-1;border:1px solid #ffffffb8;border-radius:50%;position:absolute}.stage-orbit--one{inset:16% 10% 13%;transform:rotate(-13deg)}.stage-orbit--two{border-color:color-mix(in srgb,var(--character-accent) 25%,transparent);inset:27% 17% 23%;transform:rotate(18deg)}.stage-sparkles i{z-index:5;color:var(--character-accent);font-style:normal;animation:3.5s ease-in-out infinite sparkle-float;position:absolute}.stage-sparkles i:first-child{font-size:21px;top:21%;left:13%}.stage-sparkles i:nth-child(2){font-size:27px;animation-delay:-.8s;top:32%;right:14%}.stage-sparkles i:nth-child(3){font-size:14px;animation-delay:-1.6s;bottom:24%;left:18%}.stage-sparkles i:nth-child(4){font-size:31px;animation-delay:-2.1s;bottom:18%;right:20%}.character-figure{--fit-top:22%;--fit-right:31%;--fit-bottom:19%;--fit-left:31%;z-index:3;transform-origin:50% 86%;position:absolute;inset:1% 8% 0}[data-garment-category=tops] .character-figure{--fit-top:21%;--fit-right:31%;--fit-bottom:45%;--fit-left:31%}[data-garment-category=layers] .character-figure{--fit-top:18%;--fit-right:28%;--fit-bottom:33%;--fit-left:28%}[data-garment-category=sets] .character-figure{--fit-top:19%;--fit-right:28%;--fit-bottom:18%;--fit-left:28%}[data-garment-category=kids] .character-figure{--fit-top:18%;--fit-right:27%;--fit-bottom:31%;--fit-left:27%}.character-layer{background-image:var(--look-image);filter:drop-shadow(0 8px 12px #102a431a) drop-shadow(0 18px 22px #102a4326) drop-shadow(0 28px 36px color-mix(in srgb, var(--character-accent) 14%, transparent));will-change:opacity, filter;background-position:top;background-repeat:no-repeat;background-size:contain;transition:opacity .28s,filter .35s;position:absolute;inset:0}.character-layer.is-cutout-loading{opacity:0}.character-layer.is-cutout-ready{clip-path:none;-webkit-mask-image:none;mask-image:none}.character-layer--before{opacity:1}.character-layer--after{z-index:2;opacity:0}.stage-model-loader{z-index:2;color:var(--character-accent);letter-spacing:.09em;text-transform:uppercase;opacity:0;pointer-events:none;background:linear-gradient(#ffffffb8,#ffffff2e);border-radius:46% 46% 25% 25%;flex-direction:column;justify-content:flex-end;align-items:center;gap:11px;font-size:8px;font-weight:800;transition:opacity .2s;display:flex;position:absolute;inset:20% 33% 13%}.stage-model-loader.is-visible{opacity:.72}.stage-model-loader i{border:2px solid color-mix(in srgb,var(--character-accent) 22%,transparent);border-top-color:var(--character-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite clean-preview-spin}@keyframes clean-preview-spin{to{transform:rotate(1turn)}}.tryon-experience[data-view=after] .character-layer--after,.tryon-experience[data-phase=revealing] .character-layer--after{opacity:1}.tryon-experience[data-view=after] .character-layer--before{opacity:0}.tryon-experience[data-phase=revealing] .character-layer--before{animation:.72s both base-look-exit}.tryon-experience[data-view=before]:not([data-phase=revealing]) .character-layer--after{opacity:0}[data-phase=weaving] .character-layer--after{opacity:1;animation:.72s cubic-bezier(.3,.76,.25,1) both outfit-wrap-on-body}[data-phase=weaving] .character-figure{animation:.72s cubic-bezier(.3,.76,.25,1) both character-dresses}.stage-shadow{z-index:1;filter:blur(7px);transform-origin:50%;background:radial-gradient(#102a4342 0%,#102a431f 55%,#0000 75%);border-radius:50%;height:4.2%;transition:transform .4s,opacity .4s;animation:4s ease-in-out infinite stage-shadow-breath;position:absolute;bottom:3.2%;left:26%;right:26%}[data-phase=anticipating] .stage-shadow{opacity:.82;transform:scale(.93)}[data-phase=weaving] .stage-shadow{opacity:1;transform:scale(1.06)}@keyframes stage-shadow-breath{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.04)translateY(1px)}}.reaction-bubble{z-index:7;opacity:0;max-width:180px;transition:.3s var(--motion-spring);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fffc;border-radius:16px 16px 4px;align-items:flex-start;gap:8px;padding:11px 13px;display:flex;position:absolute;top:14%;right:6%;transform:translateY(9px)rotate(2deg)scale(.92);box-shadow:0 12px 34px #102a431f}.reaction-bubble.is-visible{opacity:1;transform:translateY(0)rotate(0)scale(1)}.reaction-bubble>span{color:var(--character-accent);font-size:16px}.reaction-bubble p{color:var(--navy);font-size:10px;font-weight:700;line-height:1.4}.garment-flight{z-index:6;opacity:0;width:130px;height:150px;position:absolute;top:37%;left:7%;transform:translate(-80px,20px)rotate(-16deg)scale(.7)}.garment-flight img{object-fit:contain;filter:drop-shadow(0 15px 16px #102a432e);width:100%;height:100%}[data-phase=anticipating] .garment-flight{opacity:1;animation:garment-anticipate .52s var(--motion-spring) both}[data-phase=weaving] .garment-flight{opacity:1;animation:.78s cubic-bezier(.55,.02,.25,1) both garment-dress}[data-phase=anticipating] .character-figure{animation:.5s both character-breathe}.fabric-ribbon{z-index:5;border:2px solid var(--character-accent);border-color:var(--character-accent) transparent;opacity:0;border-radius:50%;height:70px;position:absolute;left:18%;right:18%}.fabric-ribbon--one{top:33%;transform:rotate(11deg)}.fabric-ribbon--two{top:52%;transform:rotate(-9deg)}[data-phase=weaving] .fabric-ribbon{animation:.7s ease-in-out both fabric-orbit}[data-phase=weaving] .fabric-ribbon--two{animation-delay:.1s}.outfit-fit-ring{z-index:6;border:1px solid var(--character-accent);opacity:0;border-radius:43% 43% 34% 34%;position:absolute;inset:24% 30% 22%;transform:scale(.72)}.outfit-fit-ring span{border-radius:inherit;border:1px dashed #ffffffe6;position:absolute;inset:7%}[data-phase=weaving] .outfit-fit-ring{animation:.7s ease-out both fit-ring}.stitch-line{z-index:6;opacity:0;width:2px;height:60%;position:absolute;top:16%;left:50%;overflow:hidden}.stitch-line span{background:repeating-linear-gradient(to bottom,var(--character-accent) 0 5px,transparent 5px 11px);width:100%;height:100%;display:block;transform:translateY(-100%)}[data-phase=weaving] .stitch-line{opacity:.7}[data-phase=weaving] .stitch-line span{animation:.62s ease-out both stitch-down}.result-plaque{z-index:7;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:240px;transition:.42s var(--motion-spring);pointer-events:none;background:#ffffffe0;border:1px solid #ffffffc7;border-radius:15px;padding:13px 15px;position:absolute;bottom:6%;left:5%;transform:translateY(14px);box-shadow:0 15px 38px #102a431f}[data-phase=result] .result-plaque{opacity:1;transform:translateY(0)}.result-plaque small{color:var(--character-accent);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.result-plaque h3{font-family:var(--display);margin-top:3px;font-size:15px;line-height:1.2}.result-plaque p{color:var(--muted);margin-top:3px;font-size:9px}.stage-footer{padding-top:12px}.view-switch{background:#ffffffb3;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.view-switch button{color:var(--muted);border-radius:8px;padding:7px 12px;font-size:9px;font-weight:800}.view-switch button.is-active{background:var(--navy);color:#fff;box-shadow:0 4px 10px #102a4326}.view-switch button:disabled{cursor:not-allowed;opacity:.38}.replay-button{color:var(--navy);font-size:9px;font-weight:800}.replay-button:hover{color:var(--character-accent)}.experience-disclosure{color:#102a4394;text-align:center;margin-top:10px;font-size:8px;line-height:1.4}.experience-cta{background:#fff;border:1px solid #102a431a;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:15px 17px;display:flex;box-shadow:0 10px 34px #102a430f}.experience-cta>span{color:var(--muted);font-size:10px}[data-motion=runway] .character-figure.is-reacting{animation:react-runway .9s var(--motion-spring) both}[data-motion=swagger] .character-figure.is-reacting{animation:react-swagger .9s var(--motion-spring) both}[data-motion=grace] .character-figure.is-reacting{animation:.9s ease-in-out both react-grace}[data-motion=heritage] .character-figure.is-reacting{animation:react-heritage .9s var(--motion-spring) both}[data-motion=confetti] .character-figure.is-reacting{animation:react-confetti .9s var(--motion-spring) both}[data-motion=sport] .character-figure.is-reacting{animation:react-sport .9s var(--motion-spring) both}[data-phase=revealing] .character-layer--after{animation:.72s cubic-bezier(.2,.78,.25,1) both outfit-settle-on-body}[data-reveal=silk][data-phase=revealing] .character-figure{animation:.72s ease-out both finish-silk}[data-reveal=snap][data-phase=revealing] .character-figure{animation:finish-snap .72s var(--motion-spring) both}[data-reveal=glow][data-phase=revealing] .character-figure{animation:.72s ease-out both finish-glow}[data-reveal=stitch][data-phase=revealing] .character-figure{animation:.72s ease-out both finish-stitch}[data-reveal=burst][data-phase=revealing] .character-figure{animation:finish-burst .72s var(--motion-spring) both}[data-reveal=zip][data-phase=revealing] .character-figure{animation:.72s cubic-bezier(.22,.75,.22,1) both finish-zip}@keyframes sparkle-float{0%,to{opacity:.45;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-10px)rotate(12deg)}}@keyframes react-runway{0%,to{transform:none}22%{transform:translate(-4%)rotate(-1deg)}48%{transform:translate(5%)rotate(2deg)scale(1.015)}72%{transform:translate(-1%)rotate(-.5deg)}}@keyframes react-swagger{0%,to{transform:none}18%{transform:translateY(3%)scale(.98)}40%{transform:translateY(-2%)rotate(-2deg)scale(1.025)}66%{transform:rotate(1deg)}}@keyframes react-grace{0%,to{transform:none}28%{transform:rotate(-2.5deg)translateY(-1%)}58%{transform:rotate(2deg)translateY(-2%)}}@keyframes react-heritage{0%,to{transform:none}23%{transform:translateY(2%)}42%{transform:translateY(-1.5%)scale(1.01)}62%{transform:rotate(.8deg)}}@keyframes react-confetti{0%,to{transform:none}18%{transform:scale(.96)rotate(-2deg)}40%{transform:translateY(-4%)rotate(4deg)scale(1.03)}62%{transform:translateY(-1%)rotate(-3deg)}80%{transform:rotate(1deg)}}@keyframes react-sport{0%,to{transform:none}18%{transform:translateY(3%)rotate(-1deg)}38%{transform:translateY(-3%)rotate(2deg)}58%{transform:translate(3%)rotate(-2deg)}76%{transform:translate(-1%)}}@keyframes character-breathe{0%{transform:none}55%{transform:scale(.985)translateY(1%)}to{transform:scale(1.01)translateY(-.5%)}}@keyframes garment-anticipate{0%{opacity:0;transform:translate(-80px,20px)rotate(-16deg)scale(.7)}70%{opacity:1;transform:translate(5px,-8px)rotate(5deg)scale(1.05)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes garment-dress{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}45%{opacity:1;transform:translate(155%,3%)rotate(8deg)scale(.86)}to{opacity:0;transform:translate(230%,8%)rotate(0)scale(.7)}}@keyframes fabric-orbit{0%{opacity:0;transform:translateY(35px)rotate(0)scale(.65)}45%{opacity:.8}to{opacity:0;transform:translateY(-28px)rotate(25deg)scale(1.18)}}@keyframes stitch-down{to{transform:translateY(0)}}@keyframes outfit-wrap-on-body{0%{opacity:0;clip-path:inset(48% 49% round 50%);filter:brightness(1.35) blur(2px) drop-shadow(0 0 16px var(--character-accent))}30%{opacity:1}72%,to{opacity:1;clip-path:inset(var(--fit-top) var(--fit-right) var(--fit-bottom) var(--fit-left) round 18%);filter:brightness(1.04) blur(0) drop-shadow(0 8px 12px #102a431a) drop-shadow(0 18px 22px #102a4326) drop-shadow(0 26px 32px color-mix(in srgb, var(--character-accent) 20%, transparent))}}@keyframes outfit-settle-on-body{0%{opacity:1;clip-path:inset(var(--fit-top) var(--fit-right) var(--fit-bottom) var(--fit-left) round 18%);filter:brightness(1.08) drop-shadow(0 0 12px color-mix(in srgb, var(--character-accent) 40%, transparent))}64%{opacity:1;clip-path:inset(1.5% 3% round 3%)}to{opacity:1;clip-path:inset(0);filter:brightness(1) drop-shadow(0 8px 12px #102a431a) drop-shadow(0 18px 22px #102a4326) drop-shadow(0 28px 36px color-mix(in srgb, var(--character-accent) 14%, transparent))}}@keyframes character-dresses{0%{transform:scale(1)}28%{transform:scale(.985)translateY(.8%)}65%{transform:scale(1.012)translateY(-.5%)}to{transform:scale(1)}}@keyframes base-look-exit{0%,48%{opacity:1}78%,to{opacity:0}}@keyframes fit-ring{0%{opacity:0;transform:scale(.7)rotate(-5deg)}38%{opacity:.8}to{opacity:0;transform:scale(1.14)rotate(4deg)}}@keyframes finish-silk{0%{transform:rotate(-.6deg)scale(.995)}65%{transform:rotate(.7deg)scale(1.008)}to{transform:none}}@keyframes finish-snap{0%{transform:scale(.985)}55%{transform:scale(1.018)}to{transform:none}}@keyframes finish-glow{0%{filter:brightness(1.12);transform:translateY(.8%)}to{filter:none;transform:none}}@keyframes finish-stitch{0%{transform:translateY(.7%)}55%{transform:translateY(-.5%)}to{transform:none}}@keyframes finish-burst{0%{transform:scale(.97)rotate(-1deg)}58%{transform:scale(1.02)rotate(1deg)}to{transform:none}}@keyframes finish-zip{0%{transform:translateY(1%)}62%{transform:translateY(-.7%)scale(1.006)}to{transform:none}}.tryon-modal-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050f18c7;padding:22px}.tryon-modal-panel.tryon-studio-modal{background:#faf8f4;border:1px solid #ffffff59;border-radius:26px;width:min(1440px,100%);max-height:calc(100dvh - 44px);padding:0;overflow:auto;box-shadow:0 32px 100px #0000005c}.tryon-studio-modal__header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f4e6;border-bottom:1px solid #102a4317;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 82px 12px 24px;display:flex;position:sticky;top:0}.tryon-studio-modal__header small,.tryon-studio-modal__header strong{display:block}.tryon-studio-modal__header small{color:var(--sage);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.tryon-studio-modal__header strong{font-family:var(--display);font-size:17px}.tryon-studio-modal__header>span{color:var(--muted);font-size:10px}.tryon-experience--modal{padding:22px}.tryon-experience--modal .experience-progress{margin-bottom:20px}@media (width<=1100px){.character-cast{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-layout{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)}.character-figure{inset-inline:9%}}@media (width<=900px){.hero-fitting-room{width:min(580px,100%);min-height:500px;margin:0 auto}.character-demo-section{padding:78px 0}.character-picker{border-radius:20px 20px 0 0;padding:18px}.studio-layout{border-radius:0 0 20px 20px;flex-direction:column;display:flex;overflow:visible}.studio-controls{border-top:1px solid #102a4314;border-right:0;order:2}.character-stage{z-index:9;contain:layout paint;border-bottom:1px solid #102a4314;flex-shrink:0;order:1;height:clamp(340px,42dvh,400px);min-height:clamp(340px,42dvh,400px);max-height:clamp(340px,42dvh,400px);padding:13px 16px 10px;position:sticky;top:68px;overflow:hidden;box-shadow:0 16px 34px #102a431a}.stage-viewport{contain:strict;height:100%;min-height:0}.character-figure{inset:1% 19% 0}.stage-shadow{bottom:2.2%}.outfit-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;flex-wrap:nowrap;gap:10px;margin-inline:-4px;padding-inline:4px;display:flex;overflow-x:auto}.outfit-card{scroll-snap-align:start;scroll-snap-stop:normal;flex:0 0 clamp(135px,32%,165px)}.reaction-bubble{max-width:165px;top:10%}.result-plaque{padding:10px 12px;bottom:3%}.stage-footer{padding-top:7px}.experience-disclosure{margin-top:7px}.experience-cta{text-align:center;flex-direction:column;align-items:stretch}.experience-cta button{justify-content:center}.tryon-experience--modal{padding:15px}}@media (width<=560px){.hero-fitting-room{min-height:430px}.hero-garment-chip{width:142px;top:45%;left:0}.hero-garment-chip img{width:43px;height:50px}.hero-reaction{max-width:130px;top:18%;right:0}.hero-cast{right:0}.hero-cast>span{width:45px;height:55px}.hero-motion-note{right:0}.character-demo-section{padding:68px 0}.demo-container{padding-inline:14px}.experience-progress{margin-bottom:16px}.experience-progress li{gap:4px;font-size:8px}.experience-progress li:not(:last-child):after{left:calc(50% + 27px);right:calc(27px - 50%)}.experience-progress b{width:25px;height:25px}.character-picker{padding:14px}.character-cast{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:3px 0 2px}.character-card{grid-template-columns:44px minmax(0,1fr);width:auto;min-width:0;min-height:64px}.character-card__portrait{width:40px;height:49px}.character-card__copy{padding-left:6px}.studio-controls{padding:20px 15px}.persona-intro{margin-bottom:20px}.outfit-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:3px 2px 8px;flex-wrap:nowrap;gap:8px;margin-inline:-4px;padding-inline:4px;display:flex;overflow-x:auto}.outfit-card{scroll-snap-align:start;scroll-snap-stop:normal;flex:0 0 clamp(125px,44vw,155px);width:auto;min-width:0}.character-stage{contain:layout paint;flex-shrink:0;height:clamp(290px,38dvh,340px);min-height:clamp(290px,38dvh,340px);max-height:clamp(290px,38dvh,340px);padding:10px 11px 8px;top:58px;overflow:hidden}.stage-viewport{contain:strict;height:100%;min-height:0}.character-figure{inset:0 11%}.garment-flight{width:95px;height:120px;left:1%}.reaction-bubble{max-width:132px;padding:8px 9px;top:8%;right:1%}.reaction-bubble p{font-size:8px}.result-plaque{max-width:170px;padding:8px 10px;bottom:2%;left:1%}.result-plaque h3{font-size:12px}.stage-topline{min-height:28px}.stage-footer{min-height:31px}.view-switch button{padding:6px 9px}.experience-disclosure,.tryon-experience[data-phase=result] .reaction-bubble,.tryon-experience[data-phase=result] .result-plaque,.stage-personality{display:none}.experience-cta{padding:13px}.tryon-modal-overlay{align-items:stretch;padding:0}.tryon-modal-panel.tryon-studio-modal{border-radius:0;width:100%;max-height:100dvh}.tryon-studio-modal__header{padding:11px 62px 11px 15px}.tryon-studio-modal__header>span{display:none}.tryon-experience--modal{padding:12px}}@media (prefers-reduced-motion:reduce){.stage-sparkles i{animation:none}[data-phase=weaving] .garment-flight,[data-phase=anticipating] .garment-flight,[data-phase=weaving] .fabric-ribbon,[data-phase=weaving] .stitch-line{display:none}.character-figure.is-reacting{transform:none!important}}