:root{--color-primary:#060606;--color-primary-active:#333;--color-ink:#060606;--color-body:#4a4843;--color-muted:#8d8b80;--color-hairline:#c7c3b4;--color-canvas:#fef9e6;--color-surface:#fffbed;--color-yellow:#fdc331;--color-orange:#fe5722;--color-red:#f0353c;--color-magenta:#b4213d;--color-purple:#671c3b;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-xxl:32px;--radius-md:16px;--radius-lg:22px;--radius-pill:9999px}*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-ink);scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-ink);letter-spacing:0;margin:0;font-family:Arial,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.hero{background:var(--color-canvas);align-items:end;min-height:92svh;padding:16px;display:grid;position:relative;overflow:hidden}.topbar{z-index:3;border-radius:var(--radius-pill);background:var(--color-primary);min-height:56px;color:var(--color-canvas);justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 8px 18px;display:flex;position:absolute;top:16px;left:16px;right:16px}.brand,.eyebrow,.button,.featureLabel,.navlinks{text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:800;line-height:1}.navlinks{flex-wrap:wrap;gap:8px;display:flex}.navlinks a{border-radius:var(--radius-pill);background:var(--color-primary-active);align-items:center;min-height:40px;padding:0 12px;display:inline-flex}.heroScene{pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0606060d 1px,#0000 1px),linear-gradient(0deg,#0606060d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100%;position:absolute;inset:0}.outfitPreview{width:min(420px,40vw);min-width:330px;min-height:520px;position:absolute;top:110px;right:clamp(18px,7vw,112px)}.phoneFrame{z-index:2;border:3px solid var(--color-primary);background:var(--color-surface);min-height:520px;box-shadow:14px 14px 0 var(--color-primary);border-radius:38px;padding:18px;position:relative;overflow:hidden;transform:rotate(3deg)}.phoneFrame:before{content:"";border-radius:var(--radius-pill);background:var(--color-primary);width:82px;height:7px;margin:0 auto 18px;display:block}.phoneTop{color:var(--color-primary);text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.phoneTop span,.phoneTop strong,.itemTile span,.phoneAction,.wardrobeChip{text-transform:uppercase;font-size:12px;font-weight:800;line-height:1}.phoneTop strong{text-align:right;max-width:120px}.outfitCard{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}.itemTile{border:2px solid var(--color-primary);min-height:112px;color:var(--color-canvas);border-radius:18px;align-items:end;padding:12px;display:flex}.itemTile.yellow{background:radial-gradient(circle at 50% 20%, var(--color-surface) 0 18px, transparent 19px), var(--color-yellow);min-height:148px}.itemTile.orange{background:linear-gradient(90deg, transparent 48%, var(--color-primary) 49% 51%, transparent 52%), var(--color-orange)}.itemTile.red{background:var(--color-red);border-radius:999px 999px 20px 20px;grid-column:span 2;min-height:92px}.itemTile.magenta{background:linear-gradient(90deg, transparent 0 44%, var(--color-primary) 44% 48%, transparent 48%), var(--color-magenta);grid-column:span 2;min-height:48px}.phoneAction{border-radius:var(--radius-pill);background:var(--color-primary);min-height:52px;color:var(--color-canvas);justify-content:center;align-items:center;margin-top:18px;display:flex}.wardrobeChip{z-index:3;border:2px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-canvas);box-shadow:7px 7px 0 var(--color-primary);padding:12px 16px;position:absolute}.chipOne{background:var(--color-yellow);top:78px;left:-56px}.chipTwo{background:var(--color-orange);color:var(--color-canvas);top:252px;right:-64px}.chipThree{background:var(--color-purple);color:var(--color-canvas);bottom:78px;left:-36px}.heroCopy{z-index:2;width:min(720px,62vw);color:var(--color-canvas);background:var(--color-primary);border-radius:28px;padding:clamp(24px,5vw,56px);position:relative}.heroCopy h1,.band h2,.feature h2,.legalDocument h1,.legalDocument h2{text-transform:uppercase;letter-spacing:0;margin:0;line-height:.94}.heroCopy h1{max-width:760px;font-size:clamp(48px,12vw,112px)}.lead{color:#fef9e6;max-width:620px;margin:20px 0 0;font-size:clamp(18px,2.6vw,24px);line-height:1.2}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border-radius:var(--radius-pill);border:1px solid var(--color-canvas);justify-content:center;align-items:center;min-height:52px;padding:0 20px;display:inline-flex}.button.primary{background:var(--color-canvas);color:var(--color-primary)}.button.secondary{color:var(--color-canvas)}.band{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(24px,5vw,72px);max-width:1180px;margin:0 auto;padding:clamp(48px,8vw,96px) 16px;display:grid}.band h2{font-size:clamp(32px,6vw,68px)}.band p,.feature p,.legalDocument p,.legalDocument li{color:var(--color-body);font-size:17px;line-height:1.42}.steps{counter-reset:steps;gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:steps;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface);text-transform:uppercase;align-items:center;gap:16px;min-height:64px;padding:0 18px;font-weight:800;display:flex}.steps li:before{content:counter(steps);background:var(--color-primary);width:36px;height:36px;color:var(--color-canvas);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto;padding:16px;display:grid}.feature{border:2px solid var(--color-primary);border-radius:var(--radius-lg);min-height:280px;color:var(--color-canvas);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.feature.yellow{background:var(--color-yellow)}.feature.orange{background:var(--color-orange)}.feature.red{background:var(--color-red)}.feature h2{font-size:clamp(32px,5vw,52px)}.feature p{color:var(--color-canvas)}.backLink{border-radius:var(--radius-pill);background:var(--color-primary);min-height:56px;color:var(--color-canvas);text-transform:uppercase;justify-content:center;align-items:center;padding:0 18px;font-weight:800;display:inline-flex}footer{border-top:1px solid var(--color-hairline);max-width:1180px;color:var(--color-body);justify-content:space-between;gap:16px;margin:0 auto;padding:24px 16px 40px;display:flex}footer p{margin:0;font-weight:800}.legalPage{min-height:100svh;padding:16px}.legalDocument{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:28px;max-width:860px;margin:28px auto 80px;padding:clamp(24px,5vw,56px)}.legalDocument h1{font-size:clamp(44px,9vw,88px)}.legalDocument h2{margin-top:36px;font-size:clamp(24px,4vw,36px)}.legalDocument a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.legalDocument p{margin:16px 0 0}@media (max-width:800px){.topbar{border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start}.hero{min-height:1040px;padding-top:132px}.outfitPreview{width:auto;min-width:0;min-height:480px;top:132px;left:20px;right:20px}.phoneFrame{max-width:360px;min-height:476px;margin-left:auto;padding:16px;transform:rotate(2deg)}.chipOne{top:54px;left:0}.chipTwo{top:236px;right:0}.chipThree{bottom:40px;left:10px}.heroCopy{border-radius:24px;width:100%}.band,.featureGrid{grid-template-columns:1fr}footer{flex-direction:column}}