:root { --ink:#1e3a5f; --muted:#5a738e; --blue:#2d628c; --gold:#c5a880; --line:rgba(45,98,140,.15); --sage:#3f5e4d; }
body { padding-top:88px; } .header-nav nav { display:flex; gap:24px; align-items:center; font-size:11px; letter-spacing:.13em; text-transform:uppercase; color:var(--blue); } .nav-login { border:1px solid var(--line); border-radius:30px; padding:10px 17px; } main{max-width:1240px;margin:auto;padding:80px 6% 100px}.hero{max-width:770px;margin:30px auto 76px;text-align:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:17px}.hero h1{font-size:clamp(43px,7vw,82px);font-weight:500;letter-spacing:-.065em;line-height:.96;color:var(--ink)} h1 em{color:var(--blue);font-style:italic}.intro{max-width:585px;margin:28px auto 28px;color:var(--muted);font-size:17px}.total{display:inline-flex;gap:11px;align-items:baseline;color:var(--muted);padding:11px 18px;border:1px solid var(--line);border-radius:40px;font-size:13px}.total strong{font-size:19px;color:var(--ink)}.waitlist-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.7fr);gap:26px;align-items:start}form,.community-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:4px;padding:42px}.form-heading h2,.community-card h2{font-weight:500;font-size:30px;letter-spacing:-.045em;color:var(--ink);margin-bottom:8px}.form-heading>p{font-size:13px;color:var(--muted);margin-bottom:28px}.fields{display:grid;gap:18px;margin:18px 0}.fields.two{grid-template-columns:1fr 1fr}.fields.three{grid-template-columns:1fr 1fr 1fr}label{display:grid;gap:7px;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.02em}b{color:var(--gold)}input,select{width:100%;background:#fff;border:1px solid var(--line);border-radius:2px;padding:13px 12px;color:var(--ink);font:400 14px var(--font-sans);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,98,140,.09)}details{margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:600}summary span,legend span{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}.details-fields{margin-top:21px}fieldset{border:0;padding:0;margin:28px 0}legend{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px}.choice-row{display:flex;flex-wrap:wrap;gap:8px 17px;margin-bottom:16px}.choice-row label{display:flex;align-items:center;gap:6px;font-weight:400;font-size:13px}.choice-row input{width:auto;accent-color:var(--blue)}button[type=submit]{width:100%;border:0;background:var(--sage);color:#fff;padding:15px 18px;cursor:pointer;font:600 12px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;transition:.2s}button[type=submit]:hover{background:var(--blue)}button[disabled]{opacity:.65;cursor:wait}.fine-print,.form-error{font-size:11px;line-height:1.55;color:var(--muted);margin-top:15px}.form-error{color:#a83838;min-height:0;margin-top:0}.community-card{position:sticky;top:112px;background:linear-gradient(145deg,#fff,#f5f8fa)}.community-copy,#community-empty{color:var(--muted);font-size:14px;margin:20px 0 30px}.position{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:19px}.position strong{color:var(--ink);font-size:18px}.filter-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.filter-buttons button{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:20px;padding:7px 10px;font:500 10px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.filter-buttons button.active,.filter-buttons button:hover{background:var(--blue);color:#fff}.count-result{margin-top:24px;color:var(--muted);display:grid;gap:2px}.count-result strong{font-size:46px;font-weight:500;letter-spacing:-.06em;line-height:1;color:var(--ink)}.count-result span{font-size:12px}@media(max-width:850px){.waitlist-grid{grid-template-columns:1fr}.community-card{position:static}.fields.three{grid-template-columns:1fr}.header-nav nav a:not(.nav-login){display:none}}@media(max-width:530px){main{padding:42px 5% 70px}.hero{margin-bottom:45px}.header-nav{padding:18px 5%}form,.community-card{padding:27px 22px}.fields.two{grid-template-columns:1fr}.choice-row{display:grid;grid-template-columns:1fr 1fr}}
.wearer-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:38px auto 0;max-width:610px}.wearer-gallery figure{overflow:hidden;text-align:left;background:#eef2f0}.wearer-gallery img{width:100%;height:190px;object-fit:cover}.wearer-gallery figcaption{padding:9px 11px;color:var(--muted);font-size:11px}.wearables{border-top:1px solid var(--line);padding-top:27px;margin:32px 0}.wearables h3{font-size:23px;font-weight:500;letter-spacing:-.045em;color:var(--ink)}.wearables-intro{font-size:13px;color:var(--muted);margin:7px 0 4px}.gender-field{margin:20px 0}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.model-card{border:1px solid var(--line);padding:11px;background:#fff;gap:4px}.model-card img{width:100%;height:106px;object-fit:contain;background:#f4f6f7;margin-bottom:5px}.model-card span{font-size:12px;color:var(--ink)}.model-card small{font-size:10px;font-weight:400;color:var(--muted)}.model-card input{width:62px;margin-top:5px;padding:8px;text-align:center}@media(max-width:530px){.wearer-gallery{grid-template-columns:1fr}.wearer-gallery img{height:180px}.model-grid{grid-template-columns:1fr}}
.wearable-image-credit{margin-top:8px;color:var(--muted);font-size:10px}.wearable-image-credit a{text-decoration:underline}
.field-invalid{color:#a83838!important}.field-invalid input,.field-invalid select{border-color:#a83838!important;background:#fff6f6!important;box-shadow:0 0 0 3px rgba(168,56,56,.12)!important}.field-invalid b{color:#a83838}
.offer-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:30px 0}.beta-button{border:0;background:var(--blue);color:#fff;padding:13px 17px;border-radius:28px;cursor:pointer;font:600 11px var(--font-sans);letter-spacing:.1em;text-transform:uppercase}.beta-button[aria-pressed="true"]{background:var(--sage)}.offer-actions>p{font-size:12px;color:var(--muted);margin:9px 0 19px}.discount-choice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--gold);padding:14px;color:var(--ink);font-size:13px;cursor:pointer}.discount-choice input{width:auto;margin-top:3px;accent-color:var(--sage)}.discount-choice strong{color:var(--sage)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.discount-toast{position:fixed;right:22px;bottom:22px;z-index:2000;max-width:340px;background:var(--sage);color:#fff;padding:16px 18px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:13px;line-height:1.4}.discount-toast.show{animation:toast-in .25s ease-out both}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){body{padding-top:72px}.header-nav{min-height:72px}.header-nav nav{gap:10px}.header-nav nav a{font-size:10px}.hero{margin:12px auto 40px}.intro{font-size:16px}.total{font-size:12px}.waitlist-grid{gap:16px}form,.community-card{border-radius:0;padding:28px 20px}.fields{gap:14px;margin:15px 0}.fields input,.fields select{min-height:46px;font-size:16px}.choice-row{gap:12px 14px}.choice-row label{min-height:34px;font-size:14px}.model-card{padding:9px}.model-card img{height:92px}.model-card input{min-height:42px;font-size:16px}.beta-button{width:100%;min-height:46px}.discount-choice{font-size:14px;line-height:1.4}.discount-toast{right:12px;bottom:12px;left:12px;max-width:none;font-size:14px}.filter-buttons button{min-height:36px;padding:8px 11px}}
.total-tools{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.explore-filters,.filter-actions button{border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:25px;padding:11px 16px;font:600 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.waitlist-filters{max-width:760px;margin:18px auto 0;padding:20px;text-align:left;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-card)}.filter-heading{display:flex;justify-content:space-between;align-items:center;color:var(--ink)}.filter-heading-actions{display:flex;align-items:center;gap:8px}.filter-heading button{border:0;background:transparent;font-size:24px;color:var(--muted);cursor:pointer}.filter-heading .clear-selections{border:1px solid var(--line);border-radius:20px;padding:7px 10px;color:var(--blue);font:600 10px var(--font-sans);letter-spacing:.06em;text-transform:uppercase}.waitlist-filters>p{font-size:12px;color:var(--muted);margin:7px 0 16px}.filter-selects{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.filter-selects select{height:120px;padding:6px;font-size:12px}.filter-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.filter-actions button:first-child{background:var(--sage);border-color:var(--sage);color:#fff}.filter-actions button:last-child{border-color:transparent}.filter-actions output{color:var(--ink);font-weight:600;font-size:13px}@media(max-width:700px){.filter-selects{grid-template-columns:1fr 1fr}.filter-selects label:last-child{grid-column:1/-1}.filter-selects select{height:100px}.filter-actions{flex-wrap:wrap}}
.community-preview-link{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}.community-preview-note{font-size:10px;line-height:1.45;color:var(--muted);margin-top:9px}
