[data-demo-surface]{position:relative}.demo-cursor{z-index:8;opacity:0;pointer-events:none;width:0;height:0;transition:transform .453s cubic-bezier(.22,.68,.25,1),opacity .126s;position:absolute;top:0;left:0}.demo-cursor[data-visible=true]{opacity:1}.demo-cursor>svg{width:25px;height:31px;fill:var(--ink);stroke:var(--paper);stroke-width:2px;filter:drop-shadow(0 2px 3px #0003);transition:scale .111s;position:absolute;top:-2px;left:-3px}.demo-cursor-halo{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);opacity:0;border-radius:50%;width:38px;height:38px;transition:opacity .118s,transform .209s;position:absolute;top:-19px;left:-19px;transform:scale(.55)}.demo-cursor[data-pressed=true] .demo-cursor-halo{opacity:1;transform:scale(1)}.demo-cursor[data-pressed=true]>svg{scale:.9}.demo-scene-enter{animation:.265s cubic-bezier(.2,.7,.3,1) both demo-scene-in}.calendar-example-grid button,.wishlist-steps button,.wishlist-steps button>span,.category-filters button{transition:color .22s,background-color .22s,border-color .22s}.calendar-example-agenda{min-height:210px}.calendar-preview figcaption{justify-content:space-between;gap:8px}.calendar-preview figcaption>span{align-items:center;gap:10px;display:flex}[data-demo-auto=true] .demo-grid{min-height:var(--demo-grid-height,0px)}.demo-grid>li{animation:.223s both demo-scene-in}@keyframes demo-scene-in{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:translate(0)}}@media (width<=760px){.demo-cursor>svg{display:none}.demo-cursor-halo{opacity:.8;background:color-mix(in srgb, var(--accent) 22%, transparent);width:26px;height:26px;top:-13px;left:-13px;transform:scale(.7)}.demo-cursor[data-pressed=true] .demo-cursor-halo{transform:scale(1.35)}.calendar-preview figcaption{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.demo-cursor{display:none}.demo-scene-enter,.demo-grid>li{animation:none}[data-demo-surface] *,[data-demo-surface] :before,[data-demo-surface] :after{transition:none!important}}.outfit-demo{position:relative}.outfit-demo-intro{margin-bottom:14px}.outfit-demo-intro h2{letter-spacing:-1px;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.2}.outfit-demo-intro p{max-width:560px;color:var(--muted);margin-top:6px;font-size:14px;line-height:1.7}.outfit-demo-window{border:1px solid var(--line);background:var(--paper);border-radius:16px;overflow:hidden}.outfit-demo-bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 20px;display:flex}.outfit-demo-bar>span:first-child{align-items:center;gap:9px;font-size:15px;font-weight:650;display:flex}.outfit-demo-count{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;margin-left:auto;font-size:13px}.outfit-demo button{touch-action:manipulation}.outfit-demo button:disabled{cursor:default;opacity:.45}.outfit-demo button:not(:disabled):hover{border-color:var(--accent)}.outfit-demo button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.outfit-demo-stage-panel{max-width:620px;margin-inline:auto;padding:12px 24px 10px}.outfit-demo-stage{gap:2px;display:grid}.outfit-demo-row{gap:2px;display:grid;container-type:inline-size}.outfit-demo-carousel{--card:clamp(96px, 26cqi, 132px);padding:6px calc(50% - var(--card) / 2);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab;-webkit-user-select:none;user-select:none;gap:10px;display:flex;position:relative;overflow-x:auto}.outfit-demo-carousel:active{cursor:grabbing}.outfit-demo-carousel::-webkit-scrollbar{display:none}.outfit-demo-carousel[data-locked]{cursor:default;overflow-x:hidden}.outfit-demo-card{flex:0 0 var(--card);height:var(--card);scroll-snap-align:center;opacity:.4;transition:opacity .25s,scale .25s;scale:.82}.outfit-demo-card[data-active=true]{opacity:1;scale:1}.outfit-demo-card>button{border:1px solid var(--line);background:var(--soft);border-radius:14px;place-items:center;width:100%;height:100%;padding:8px;display:grid;position:relative}.outfit-demo-card[data-active=true]>button{border-color:var(--accent);background:var(--wash)}.outfit-demo-row.selected .outfit-demo-card[data-active=true]>button{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent)}.outfit-demo-card .piece-photo{pointer-events:none;border-radius:7px;width:100%}.outfit-demo-card img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.outfit-demo-lock{width:24px;height:24px;color:var(--paper);background:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.outfit-demo-lock svg{width:12px;height:12px}.outfit-demo-caption{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:72%;color:var(--muted);margin:0 auto;font-size:12px;line-height:1.5;overflow:hidden}.outfit-demo-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.outfit-demo-controls button{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.outfit-demo-controls button[aria-pressed=true]{color:var(--accent);background:var(--wash);border-color:var(--accent)}.outfit-demo-controls svg{flex-shrink:0;width:15px;height:15px}.outfit-demo-pin-hint{max-width:420px;color:var(--muted);text-align:center;margin:0 auto;font-size:12px;line-height:1.6}.outfit-demo-empty-row{border:1.5px dashed color-mix(in srgb, var(--accent) 38%, var(--line));min-height:72px;color:var(--muted);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-block:2px;padding:10px;font-size:13px;font-weight:600;display:flex}.outfit-demo-empty-row:hover{border-color:var(--accent);background:var(--wash);color:var(--accent)}.outfit-demo-empty-row>svg{opacity:.8;width:20px;height:20px}.outfit-demo-plus{background:var(--wash);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.outfit-demo-plus svg{width:15px;height:15px}.outfit-demo-empty{color:var(--muted);text-align:center;padding:24px;font-size:14px;line-height:1.8}.outfit-demo-note{color:var(--muted);text-align:center;margin-top:8px;font-size:12px;line-height:1.6}.outfit-demo-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px 20px;display:flex}.outfit-demo-footer .button{margin-right:auto}.outfit-demo-footer a:not(.button){min-height:44px;color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.outfit-demo-footer a svg{width:15px;height:15px}@keyframes outfit-demo-focus{0%,to{opacity:.35;scale:.8}50%{opacity:1;scale:1}}@supports (animation-timeline:view()) and (animation-range:entry){.outfit-demo-card{transition:none;animation:linear both outfit-demo-focus;animation-timeline:view(inline)}}@media (width<=760px){.outfit-demo-intro h2{font-size:26px}.outfit-demo-intro p{font-size:14px}.outfit-demo-bar{padding:10px 14px}.outfit-demo-bar>span:first-child{font-size:14px}.outfit-demo-stage-panel{padding:10px 12px 8px}.outfit-demo-carousel{--card:clamp(84px, 34cqi, 112px)}.outfit-demo-controls button{min-height:44px}.outfit-demo-footer{gap:8px;padding:10px 14px}}@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2")}:root{color:#24282d;font-synthesis:none;--canvas:#fafbfc;--paper:#fff;--ink:#24282d;--muted:#606873;--line:#e6e9ee;--soft:#f0f3f7;--accent:#2c56ce;--action:#3867ed;--wash:#edf2ff;--focus:#2458df;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;background:#fafbfc;font-family:Manrope Variable,Manrope,sans-serif}:root[data-theme=dark]{--canvas:#101318;--paper:#181d25;--ink:#e9eef7;--muted:#adb7c8;--line:#343e4d;--soft:#202732;--accent:#9bb8ff;--action:#3c63cf;--wash:#24334f;--focus:#a2bdff;color:var(--ink);background:var(--canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,input{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button,a,select,summary{outline-offset:5px}:focus-visible{outline:3px solid var(--focus)}svg{flex-shrink:0;width:20px;height:20px}h1,h2,h3,p,figure{margin:0}h1,h2{white-space:pre-line;text-wrap:balance}p{text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}section[id],main[id]{scroll-margin-top:110px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--paper);border-radius:8px;padding:14px 20px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.wrap{width:min(1320px,100% - 112px);margin-inline:auto}.site-header{z-index:5;background:var(--canvas);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-wrap{align-items:center;gap:48px;width:min(1440px,100% - 80px);min-height:88px;margin:auto;display:flex}.brand-logo{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.brand-mark{width:34px;height:34px}.brand-name{letter-spacing:-1.25px;font-size:24px;font-weight:550}.home-link{display:inline-flex}.header-links{align-items:center;gap:30px;margin-left:auto;display:flex}.header-links a,.site-footer nav a{padding-block:12px;font-size:13px;font-weight:600}.header-links a:hover,.text-link:hover,.site-footer nav a:hover{color:var(--accent)}.header-tools{align-items:center;gap:14px;display:flex}.language-link{place-items:center;min-width:36px;min-height:44px;font-size:12px;font-weight:750;display:grid}.language-link:hover{background:var(--soft);border-radius:6px}.appearance{align-items:center;gap:6px;display:flex}.appearance svg{width:17px;height:17px;color:var(--muted)}.appearance select{background:var(--canvas);border:0;max-width:108px;min-height:44px;font-size:12px}.nav-app{border:1px solid var(--line);background:var(--paper);border-radius:9px;align-items:center;gap:12px;min-height:44px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}.nav-app:hover{border-color:var(--accent)}.nav-app svg{width:16px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding-top:clamp(64px,7vw,104px);padding-bottom:66px;display:grid}.hero h1{letter-spacing:-.063em;font-size:clamp(48px,5.6vw,84px);font-weight:600;line-height:1.08}.hero-copy{max-width:470px;padding-top:7px}.hero-copy>p{color:var(--muted);font-size:clamp(17px,1.42vw,20px);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-block:28px 18px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:15px 23px;font-size:14px;font-weight:650;line-height:1.5;transition:transform .16s;display:inline-flex}.button:active{transform:scale(.98)}.primary{color:#fff;background:var(--action)}.primary:hover{box-shadow:inset 0 0 0 100px #00000012}.text-link{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px;padding-block:10px;font-size:13px;font-weight:650}.demo-intro{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;font-size:14px;line-height:1.6;display:flex}.demo-intro p{font-weight:650}.demo-intro>span{color:var(--muted);font-size:12px}.closet-window{background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:176px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 18px 60px -32px #283d672e}.demo-brandbar{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;display:flex}.demo-brandbar .brand-mark{width:27px;height:27px}.demo-brandbar .brand-name{font-size:20px}.demo-brandbar>span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.demo-brandbar>span svg{width:15px;height:15px}.demo-sidebar{border-right:1px solid var(--line);background:var(--canvas);flex-direction:column;padding:24px 12px;font-size:13px;display:flex}.demo-sidebar nav{gap:6px;display:grid}.demo-nav-current,.demo-nav-other{border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:12px;font-weight:600;display:flex}.demo-nav-current{color:var(--accent);background:var(--wash)}.demo-nav-other{color:var(--muted)}.demo-nav-other:hover{color:var(--ink);background:var(--soft)}.demo-sidebar svg{width:18px;height:18px}.demo-private{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding:24px 12px 0;font-size:12px;display:flex}.demo-content{min-width:0;padding:28px}.demo-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.demo-header h2{letter-spacing:-1px;font-size:28px;font-weight:650}.demo-header p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.6}.demo-add{background:var(--action);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:650;display:flex}.demo-add:hover{filter:brightness(1.1)}.demo-add svg{width:16px;height:16px}.demo-search-row{gap:10px;margin-bottom:16px;display:flex}.demo-search{border:1px solid var(--line);background:var(--canvas);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding-inline:13px;display:flex}.demo-search>svg{width:18px;color:var(--muted)}.demo-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.demo-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:46px;font-size:14px}.demo-search input::placeholder{color:var(--muted);opacity:1}.demo-filter-toggle{border:1px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.demo-filter-toggle[aria-expanded=true]{background:var(--wash);color:var(--accent)}.demo-filter-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.demo-filter-panel{background:var(--canvas);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;padding:16px;display:grid}.demo-select{min-width:0;color:var(--muted);gap:7px;font-size:12px;display:grid}.demo-select select{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;min-height:44px;color:var(--ink);border-radius:7px;padding:8px 10px;font-size:14px}.demo-toolbar{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:12px}.category-filters{flex-wrap:wrap;gap:5px;display:flex}.category-filters button{min-height:44px;color:var(--muted);background:0 0;border-radius:7px;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:650;display:flex}.category-filters svg{width:16px;height:16px}.category-filters button:hover{color:var(--ink);background:var(--soft)}.category-filters button[aria-pressed=true]{background:var(--wash);color:var(--accent)}.demo-results-row{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.result-count{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.demo-sort{background:var(--paper);max-width:100%;min-height:36px;color:var(--muted);border:0;margin-left:auto;padding:6px;font-size:12px}.demo-clear{min-height:36px;color:var(--accent);background:0 0;padding:6px 0;font-size:12px}.demo-clear:hover{text-underline-offset:4px;text-decoration:underline}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:24px 18px;display:grid}.demo-grid>li{min-width:0;position:relative}.piece-card{text-align:left;background:0 0;border-radius:9px;width:100%;padding:0}.piece-photo{aspect-ratio:1;background:#edf0f3;border-radius:9px;display:block;position:relative;overflow:hidden}.piece-photo img{width:300%;max-width:none;height:200%;position:absolute}.piece-card .piece-photo:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent);opacity:0;transition:opacity .15s;position:absolute;inset:0}.piece-card:hover .piece-photo:after,.piece-card:focus-visible .piece-photo:after{opacity:1}.piece-card-copy{padding-top:12px;display:block}.piece-card-copy strong{font-size:13px;font-weight:650;line-height:1.5;display:block}.piece-card-copy>span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.piece-card-copy .piece-collection{border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:11px;display:inline-block}.demo-card-favorite{color:#606873;background:#ffffffed;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:7px;right:7px}.demo-card-favorite svg{width:19px;height:19px}.demo-card-favorite[aria-pressed=true]{color:#2c56ce}.demo-card-favorite[aria-pressed=true] svg,.demo-favorite-toggle[aria-pressed=true] svg{fill:currentColor}.demo-card-favorite:hover{color:#2c56ce;background:#fff}.demo-empty{text-align:center;min-height:240px;color:var(--muted);align-content:center;justify-items:center;gap:12px;padding:28px;display:grid}.demo-empty svg{width:28px;height:28px}.demo-empty h3{color:var(--ink);font-size:16px}.demo-empty p{max-width:360px;font-size:13px;line-height:1.7}.demo-interaction-hint{color:var(--muted);margin-top:24px;font-size:12px;line-height:1.7}.demo-bulk-note{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding-top:20px;font-size:12px;line-height:1.6;display:flex}.demo-bulk-note p{min-width:180px;color:var(--muted);flex:1}.demo-bulk-note>svg{color:var(--muted)}.demo-bulk-note a{min-height:36px;color:var(--accent);align-items:center;gap:7px;font-weight:600;display:flex}.demo-bulk-note a svg{width:16px;height:16px}.section-space{margin-top:clamp(80px,9vw,140px)}.steps-section{grid-template-columns:1fr 1fr;gap:100px;padding-bottom:0;display:grid}.section-intro h2,.faq-section h2{letter-spacing:-.055em;font-size:clamp(34px,3.4vw,49px);font-weight:550;line-height:1.15}.section-intro>p{color:var(--muted);max-width:440px;margin-top:23px;font-size:15px;line-height:1.85}.steps-list li{border-top:1px solid var(--line);gap:24px;padding:26px 0;display:flex}.steps-list li:first-child{border-top:0;padding-top:8px}.step-number{color:var(--accent);font-variant-numeric:tabular-nums;padding-top:4px;font-size:12px;font-weight:700}.steps-list h3{letter-spacing:-.5px;font-size:18px;font-weight:650}.steps-list p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.8}.privacy-section{background:var(--soft);padding-block:74px}.privacy-layout{grid-template-columns:.8fr 1.5fr;gap:85px;display:grid}.privacy-layout .section-intro>svg{width:27px;height:27px;color:var(--accent);margin-bottom:23px}.privacy-layout .section-intro>p{max-width:280px;font-size:14px}.storage-options{grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding-top:6px;display:grid}.storage-options article>svg{color:var(--muted);width:24px;height:24px;margin-bottom:24px}.storage-options h3{letter-spacing:-.5px;font-size:19px;font-weight:650}.storage-options p{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.8}.storage-options .storage-limit{border-top:1px solid var(--line);padding-top:17px;font-size:12px}.faq-section{grid-template-columns:1fr 1.15fr;gap:90px;display:grid}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{justify-content:space-between;align-items:center;gap:25px;padding:24px 0;font-size:15px;font-weight:600;line-height:1.6;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--accent)}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding:0 30px 24px 0;font-size:14px;line-height:1.85}.final-section{color:#fff;text-align:center;background:#24282d;border-radius:18px;margin-top:110px;padding:66px 28px}.final-copy>svg{color:#b9c5dd;width:33px;height:33px;margin-bottom:22px}.final-copy h2{letter-spacing:-.055em;font-size:clamp(36px,4vw,58px);font-weight:550;line-height:1.13}.final-copy>p{color:#c2c9d3;margin-top:22px;font-size:15px;line-height:1.8}.final-button{color:#24282d;background:#fff;margin-top:30px}.final-button:hover{background:#e8edf7}.site-footer{justify-content:space-between;align-items:center;gap:30px;padding-block:50px 38px;display:flex}.site-footer .brand-mark{width:27px;height:27px}.site-footer .brand-name{font-size:20px}.site-footer p{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.7}.site-footer .ownership{color:var(--muted);margin-top:4px;font-size:11px;display:block}.site-footer nav{gap:30px;display:flex}.piece-dialog{border:1px solid var(--line);background:var(--paper);width:min(900px,100% - 40px);color:var(--ink);overscroll-behavior:contain;border-radius:16px;max-height:calc(100dvh - 48px);padding:0}.piece-dialog::backdrop{background:#101318a6}.piece-dialog-layout{grid-template-columns:1fr 1fr;display:grid}.piece-dialog-visual{background:var(--canvas);grid-area:1/1;padding:30px}.piece-dialog-copy{grid-area:1/2/span 2;padding:52px 30px 30px}.close-dialog{z-index:1;background:var(--soft);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:10px;right:10px}.close-dialog:hover{color:var(--accent)}.subtle-label{color:var(--muted);margin-bottom:13px;font-size:11px}.piece-dialog h2{letter-spacing:-1px;font-size:28px;line-height:1.2}.piece-facts{gap:45px;margin-block:24px;font-size:14px;display:flex}.piece-facts dt{color:var(--muted);font-size:12px}.piece-facts dd{margin:6px 0 0;font-weight:650}.piece-dialog h3{margin-bottom:8px;font-size:13px}.piece-dialog-copy>p:not(.subtle-label),.purchase-details>p{color:var(--muted);font-size:13px;line-height:1.7}.demo-piece-organization{align-items:end;gap:16px;display:flex}.demo-piece-organization .demo-select{flex:1}.demo-favorite-toggle{border:1px solid var(--line);background:var(--paper);border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:13px;display:flex}.demo-favorite-toggle[aria-pressed=true]{color:var(--accent);background:var(--wash)}.demo-favorite-toggle svg{width:17px;height:17px}.piece-dialog-copy>.demo-collection-hint{margin:8px 0 24px;font-size:11px}.demo-outfit-link{min-height:44px;color:var(--accent);align-items:center;gap:9px;margin-top:18px;font-size:13px;font-weight:600;display:flex}.demo-outfit-link svg:last-child{width:16px;margin-left:auto}.purchase-details{border-block:1px solid var(--line);margin-top:18px;padding-block:18px}.purchase-details summary{justify-content:space-between;gap:12px;font-size:12px;font-weight:650;list-style:none;display:flex}.purchase-details summary span{color:var(--muted);font-weight:450}.purchase-details>p{margin-top:15px}.piece-dialog-copy>.button{width:100%;margin-top:24px;padding-inline:15px;font-size:13px}.demo-photo-info{background:var(--canvas);grid-area:2/1;padding:0 30px 30px}.demo-photo-info>svg{color:var(--accent);margin-bottom:12px}.demo-photo-info p{color:var(--muted);font-size:12px;line-height:1.8}.demo-photo-info a{min-height:44px;color:var(--accent);align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.demo-photo-info a svg{width:16px;height:16px}@media (width>=1500px){.hero{padding-top:98px;padding-bottom:78px}}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.nav-wrap{gap:24px;width:calc(100% - 48px)}.header-links{gap:20px}.hero{gap:35px}.hero-actions{gap:14px}.closet-window{grid-template-columns:150px minmax(0,1fr)}.demo-sidebar{padding-inline:8px}.demo-content{padding:22px}.category-filters{gap:2px}.category-filters button{padding-inline:9px}.steps-section,.faq-section{gap:55px}.privacy-layout{grid-template-columns:1fr;gap:40px}.privacy-layout .section-intro{grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid}.privacy-layout .section-intro>svg{display:none}.privacy-layout .section-intro>p{max-width:400px;margin-top:0}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.nav-wrap{gap:12px;width:calc(100% - 36px);min-height:74px}.brand-mark{width:27px;height:27px}.brand-name{font-size:21px}.brand-logo{gap:7px}.header-links,.nav-app{display:none}.header-tools{gap:5px;margin-left:auto}.appearance{gap:3px}.appearance select{max-width:95px;font-size:11px}.appearance svg{width:15px}.language-link{min-width:32px;font-size:11px}.hero{grid-template-columns:1fr;gap:25px;padding-top:54px;padding-bottom:43px}.hero h1{font-size:clamp(43px,8.9vw,66px);line-height:1.09}.hero-copy{max-width:520px;padding:0}.hero-copy>p{max-width:440px;font-size:16px}.hero-actions{gap:20px;margin-top:23px}.button{gap:15px;min-height:50px;padding:14px 18px;font-size:13px}.text-link{font-size:12px}.demo-intro{flex-direction:column;gap:4px;font-size:14px}.closet-window{border-radius:12px;grid-template-columns:minmax(0,1fr)}.demo-brandbar{gap:12px;padding:16px}.demo-brandbar .brand-name{font-size:18px}.demo-brandbar>span{gap:4px;font-size:10px}.demo-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:8px}.demo-sidebar nav{justify-content:space-between;gap:3px;display:flex}.demo-nav-current,.demo-nav-other{white-space:nowrap;flex-direction:column;flex:1;justify-content:center;gap:5px;padding:8px 4px;font-size:11px}.demo-private{display:none}.demo-content{padding:22px 15px}.demo-header{flex-wrap:wrap;gap:14px;margin-bottom:20px}.demo-header h2{font-size:25px}.demo-header p{font-size:13px}.demo-search-row{flex-wrap:wrap}.demo-search{flex-basis:100%}.demo-search input{font-size:16px}.demo-filter-toggle{min-height:44px}.demo-filter-panel{grid-template-columns:1fr;gap:12px;padding:12px}.demo-select select{font-size:16px}.category-filters{gap:2px}.category-filters button{padding:10px;font-size:12px}.demo-results-row{gap:4px 12px}.demo-sort,.demo-clear{min-height:44px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.piece-card-copy{padding-top:10px}.piece-card-copy strong{font-size:12px}.piece-card-copy>span{font-size:11px}.demo-card-favorite{width:36px;height:36px;top:5px;right:5px}.demo-card-favorite svg{width:17px;height:17px}.demo-bulk-note{gap:8px}.demo-bulk-note a{margin-left:28px}.section-space{margin-top:75px}.steps-section{grid-template-columns:1fr;gap:35px;padding-bottom:0}.section-intro h2,.faq-section h2{font-size:36px}.section-intro>p{margin-top:18px;font-size:14px;line-height:1.8}.steps-list li{gap:20px;padding-block:23px}.steps-list h3{font-size:17px}.steps-list p{font-size:13px}.privacy-section{padding-block:48px}.privacy-layout{gap:35px}.privacy-layout .section-intro{display:block}.privacy-layout .section-intro>p{margin-top:18px}.storage-options{grid-template-columns:1fr;gap:35px}.storage-options article>svg{margin-bottom:15px}.storage-options p{margin-top:12px}.storage-options .storage-limit{font-size:12px}.faq-section{grid-template-columns:1fr;gap:34px}.faq-list summary{padding-block:20px;font-size:14px}.faq-list details p{font-size:13px}.final-section{border-radius:12px;margin-top:68px;padding:46px 18px}.final-copy h2{font-size:36px}.final-copy>p{font-size:13px}.site-footer{flex-direction:column;align-items:flex-start;gap:22px;padding-block:35px}.site-footer nav{flex-wrap:wrap;gap:25px}.site-footer nav a{font-size:12px}.piece-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 32px)}.piece-dialog-layout{grid-template-columns:1fr}.piece-dialog-visual{display:contents}.piece-dialog-visual>.piece-photo{width:62%;max-width:280px;margin:24px auto 0}.piece-dialog-copy{grid-area:auto;padding:24px 20px}.piece-dialog h2{font-size:25px}.demo-photo-info{border-top:1px solid var(--line);grid-area:auto;padding:24px 20px}.demo-piece-organization{flex-wrap:wrap}.demo-piece-organization .demo-select{flex-basis:100%}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.hero{grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(46px,5.1vw,76px)}.experience-copy h2{letter-spacing:-1.8px;font-size:clamp(32px,3.5vw,48px);font-weight:600;line-height:1.15}.experience-copy>p{color:var(--muted);max-width:530px;margin-top:24px;font-size:16px;line-height:1.85}.wishlist-story{grid-template-columns:1.1fr 1fr;grid-template-areas:"copy preview""plan preview";align-items:center;column-gap:clamp(35px,7vw,100px);display:grid}.wishlist-story>.experience-copy{grid-area:copy}.wishlist-story>.purchase-plan-note{grid-area:plan}.wishlist-story>.wishlist-preview{grid-area:preview}.wishlist-steps{margin-top:28px}.wishlist-steps button{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--muted);background:0 0;align-items:center;gap:16px;padding:16px 0;display:flex}.wishlist-steps button>span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.wishlist-steps button strong{font-size:15px;font-weight:600}.wishlist-steps button svg{width:16px;margin-left:auto}.wishlist-steps button[aria-pressed=true]{color:var(--accent)}.wishlist-steps button[aria-pressed=true]>span{background:var(--action);color:#fff;border-color:var(--action)}.purchase-plan-note{margin-top:32px}.purchase-plan-note h3{font-size:16px;font-weight:650}.purchase-plan-note p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.8}.purchase-plan-note small{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.6;display:block}.wishlist-preview{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.wishlist-preview-bar{color:var(--muted);align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.wishlist-preview-bar svg{color:var(--accent)}.wishlist-scene{aspect-ratio:1.18;background:var(--soft);border-radius:12px;position:relative;overflow:hidden}.wishlist-scene-main{width:72%;transition:width .52s,top .52s,left .52s;position:absolute;top:6%;left:14%}.wishlist-scene-main .piece-photo{border-radius:9px}.wishlist-scene-companions{pointer-events:none;position:absolute;inset:0}.wishlist-scene-companions .piece-photo{opacity:0;width:28%;transition:opacity .38s,transform .52s,left .52s,top .52s,width .52s;position:absolute;transform:translateY(14px)}.wishlist-scene-companions .piece-photo:first-child{top:10%;left:57%}.wishlist-scene-companions .piece-photo:nth-child(2){top:49%;left:20%}.wishlist-scene-companions .piece-photo:nth-child(3){top:54%;left:56%}.wishlist-scene[data-stage="1"] .wishlist-scene-main{width:37%;top:9%;left:11%}.wishlist-scene[data-stage="1"] .wishlist-scene-companions .piece-photo,.wishlist-scene[data-stage="2"] .wishlist-scene-companions .piece-photo{opacity:1;transform:translateY(0)}.wishlist-scene[data-stage="2"] .wishlist-scene-main{width:38%;top:7%;left:9%}.wishlist-scene[data-stage="2"] .wishlist-scene-companions .piece-photo{width:38%}.wishlist-scene[data-stage="2"] .wishlist-scene-companions .piece-photo:first-child{top:7%;left:53%}.wishlist-scene[data-stage="2"] .wishlist-scene-companions .piece-photo:nth-child(2){top:54%;left:9%}.wishlist-scene[data-stage="2"] .wishlist-scene-companions .piece-photo:nth-child(3){top:54%;left:53%}.wishlist-stage-status{color:#24282d;background:#fff;border-radius:7px;align-items:center;gap:7px;max-width:calc(100% - 28px);padding:10px 13px;font-size:11px;font-weight:650;display:flex;position:absolute;bottom:14px;left:14px}.wishlist-stage-status svg{width:15px;height:15px}.wishlist-preview-description{min-height:125px;padding-top:22px;display:grid}.wishlist-copy-panel{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .3s,transform .38s;transform:translate(9px)}.wishlist-copy-panel[data-active=true]{visibility:visible;opacity:1;transform:translate(0)}.wishlist-preview-description h3{font-size:17px}.wishlist-preview-description p{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.8}.wishlist-mobile-steps{display:none}.daily-story{background:var(--soft);padding-block:75px}.daily-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(35px,7vw,100px);display:grid}.daily-features{margin:28px 0 0}.daily-features>div{border-top:1px solid var(--line);padding:18px 0}.daily-features dt{font-size:15px;font-weight:650}.daily-features dd{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.8}.ai-story{grid-template-columns:1fr 1.25fr;gap:clamp(35px,7vw,100px);display:grid}.ai-features article{border-bottom:1px solid var(--line);gap:18px;padding:22px 0;display:flex}.ai-features article:first-child{padding-top:0}.ai-features article>svg{color:var(--accent);margin-top:3px}.ai-features h3{font-size:17px;font-weight:600}.ai-features article p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.8}.ai-requirement{background:var(--wash);color:var(--ink);border-radius:8px;margin-top:22px;padding:18px 20px;font-size:12px;line-height:1.8}@media (width<=760px){.hero{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(43px,7.4vw,65px)}.wishlist-story,.daily-layout,.ai-story{grid-template-columns:1fr;gap:36px}.wishlist-story{grid-template-areas:"copy""preview""plan"}.wishlist-story>.purchase-plan-note{margin-top:0}.experience-copy h2{font-size:36px}.experience-copy>p{margin-top:18px;font-size:14px}.wishlist-preview{width:100%;max-width:520px;margin-inline:auto}.wishlist-desktop-steps{display:none}.wishlist-mobile-steps{flex-direction:column;align-items:flex-end;margin-bottom:16px;display:flex}.wishlist-mobile-steps .wishlist-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;display:grid}.wishlist-mobile-steps .wishlist-steps button{text-align:center;flex-direction:column;gap:8px;min-height:97px;padding:12px 2px}.wishlist-mobile-steps .wishlist-steps strong{font-size:11px}.wishlist-mobile-steps .wishlist-steps svg{display:none}.daily-story{padding-block:55px}}@media (width<=420px){.experience-copy h2{font-size:32px}.wishlist-preview{padding:16px}}.calendar-preview{background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:0;padding:26px;scroll-margin-top:100px}.calendar-preview figcaption{color:var(--muted);align-items:center;gap:10px;margin-bottom:20px;font-size:12px;display:flex}.calendar-preview>h3{text-transform:capitalize;font-size:24px;font-weight:600}.calendar-example-hint{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.7}.calendar-weekdays,.calendar-example-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.calendar-weekdays{color:var(--muted);margin:24px 0 12px;font-size:11px}.calendar-example-grid>span,.calendar-example-grid>button{place-items:center;min-height:40px;font-size:13px;display:grid;position:relative}.calendar-example-grid>span{color:var(--muted)}.calendar-example-grid button{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:8px;font-weight:650}.calendar-example-grid button[aria-pressed=true]{border-color:var(--action);background:var(--action);color:#fff}.calendar-example-grid button>span{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-example-agenda{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.calendar-example-agenda time{color:var(--muted);font-size:12px}.calendar-example-agenda h3{margin-top:9px;font-size:19px}.calendar-example-look{gap:8px;margin:16px 0;display:flex}.calendar-example-look .piece-photo{width:20%;max-width:90px}.calendar-example-agenda>div>span{color:var(--accent);align-items:center;gap:7px;font-size:12px;display:flex}.calendar-example-agenda>div>span svg{width:15px;height:15px}.calendar-example-note{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:16px;font-size:11px;line-height:1.7}@media (width<=420px){.calendar-preview{padding:16px}.calendar-example-grid,.calendar-weekdays{gap:3px}}
