:root { --ink:#0a0b0d; --paper:#f4f5f0; --lime:#c9ff36; --blue:#6d8cff; --coral:#ff8066; --line:rgba(255,255,255,.15); --muted:#a2a5a2; --max:1280px; color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:1rem; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.skip-link { position:fixed; top:10px; left:10px; z-index:99; padding:9px 13px; background:var(--lime); color:var(--ink); transform:translateY(-150%); border-radius:7px; }
.skip-link:focus { transform:translateY(0); }
a:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.shell { overflow:hidden; }
.header { width:min(calc(100% - 36px),var(--max)); height:68px; margin:auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:9px; width:max-content; font-size:.95rem; font-weight:780; letter-spacing:-.035em; }
.brand-mark { width:29px; height:29px; flex:none; }
.brand>span>span { color:var(--lime); }
.header nav { display:flex; gap:30px; color:#b1b3b0; font-size:.82rem; }
.header nav a:hover { color:var(--lime); }
.status { justify-self:end; display:inline-flex; align-items:center; gap:8px; color:#acafab; font:.66rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.09em; text-transform:uppercase; }
.status i,.card-head strong i { width:6px; height:6px; background:var(--lime); border-radius:50%; box-shadow:0 0 0 4px rgba(201,255,54,.09); }
.hero { width:min(calc(100% - 36px),var(--max)); min-height:650px; margin:auto; padding:78px 0 84px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:clamp(40px,7vw,100px); }
.eyebrow { margin:0 0 24px; color:#969995; font:.68rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.eyebrow span { color:var(--lime); }
h1,h2,h3,p { margin-top:0; }
.hero h1 { max-width:720px; margin-bottom:24px; font-size:clamp(3.6rem,6.6vw,6.6rem); line-height:.9; letter-spacing:-.068em; }
.hero h1 em,.section-intro h2 em { color:var(--lime); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.intro { max-width:680px; margin-bottom:32px; color:#b2b5b1; font-size:1.08rem; }
.hero-links { display:flex; flex-wrap:wrap; gap:10px; }
.button { min-height:47px; padding:0 17px; border:1px solid transparent; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; gap:22px; font-size:.82rem; font-weight:730; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--lime); color:var(--ink); }
.primary:hover { background:#dcff80; }
.secondary { border-color:var(--line); background:rgba(255,255,255,.025); }
.secondary:hover { background:rgba(255,255,255,.07); }
.coming-card { padding:17px 20px 7px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,#15171a,#0d0e10); box-shadow:0 30px 80px rgba(0,0,0,.3); position:relative; }
.coming-card::before { content:""; position:absolute; inset:0; border-radius:inherit; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:28px 28px; pointer-events:none; }
.card-head { height:38px; display:flex; justify-content:space-between; color:#737673; font:.61rem ui-monospace,monospace; letter-spacing:.08em; }
.card-head strong { display:flex; gap:8px; align-items:flex-start; color:#aeb1ad; font-weight:400; }
.catalog-line { min-height:70px; padding:13px 2px; border-top:1px solid var(--line); display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:13px; position:relative; }
.catalog-line b { color:#666966; font:.62rem ui-monospace,monospace; }
.catalog-line span { font-weight:670; letter-spacing:-.02em; }
.catalog-line small { color:#888b87; font-size:.69rem; }
.signal-strip { min-height:48px; padding:0 18px; border-block:1px solid var(--line); display:flex; align-items:center; justify-content:center; gap:clamp(14px,2.2vw,32px); color:#777a77; font:.63rem ui-monospace,monospace; letter-spacing:.1em; white-space:nowrap; }
.signal-strip i { width:4px; height:4px; border-radius:50%; background:var(--lime); }
.section { width:min(calc(100% - 36px),var(--max)); margin:auto; padding:108px 0; }
.catalog { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(44px,8vw,110px); align-items:start; }
.section-intro { position:sticky; top:40px; }
.section-intro h2 { margin-bottom:25px; font-size:clamp(2.7rem,4.8vw,4.8rem); line-height:.98; letter-spacing:-.058em; }
.section-intro>p:last-child { max-width:500px; color:var(--muted); }
.category-list { border-top:1px solid var(--line); }
.category-list article { min-height:132px; padding:20px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:60px 1fr 155px; gap:20px; align-items:center; }
.category-icon { width:48px; height:48px; border-radius:11px; display:grid; place-items:center; color:var(--ink); font:700 .62rem ui-monospace,monospace; }
.category-icon.lime { background:var(--lime); }.category-icon.blue { background:var(--blue); }.category-icon.coral { background:var(--coral); }.category-icon.white { background:var(--paper); }.category-icon.dark { background:#202226; color:var(--lime); border:1px solid var(--line); }
.category-list h3 { margin-bottom:4px; font-size:1.16rem; letter-spacing:-.025em; }
.category-list p { margin-bottom:0; color:#919490; font-size:.81rem; line-height:1.5; }
.category-list small { color:#747774; font-size:.67rem; text-align:right; }
.platform { width:min(calc(100% - 36px),var(--max)); margin:0 auto 108px; padding:clamp(34px,5vw,65px); border-radius:24px; background:var(--lime); color:var(--ink); }
.dark-eyebrow { color:rgba(10,11,13,.57); }.dark-eyebrow span { color:var(--ink); }
.platform-heading { display:grid; grid-template-columns:.65fr 1.35fr; gap:30px; align-items:start; padding-bottom:48px; border-bottom:1px solid rgba(10,11,13,.22); }
.platform-heading h2 { max-width:900px; margin-bottom:0; font-size:clamp(2.4rem,4.5vw,4.7rem); line-height:.98; letter-spacing:-.06em; }
.audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.audience-grid article { padding:44px 8% 0 0; }
.audience-grid article+article { padding-left:8%; padding-right:0; border-left:1px solid rgba(10,11,13,.22); }
.audience-label { color:rgba(10,11,13,.55); font:.65rem ui-monospace,monospace; letter-spacing:.1em; }
.audience-grid h3 { max-width:470px; margin-bottom:18px; font-size:clamp(1.9rem,3vw,3.15rem); line-height:1; letter-spacing:-.05em; }
.audience-grid article>p:not(.audience-label) { max-width:520px; color:rgba(10,11,13,.67); }
.audience-grid ul { list-style:none; padding:15px 0 0; margin:0; }
.audience-grid li { padding:10px 0; border-top:1px solid rgba(10,11,13,.19); font-size:.83rem; font-weight:640; }
.audience-grid li::before { content:"+"; display:inline-block; width:24px; font-family:ui-monospace,monospace; }
.interest { width:min(calc(100% - 36px),var(--max)); margin:0 auto 85px; padding:clamp(35px,5vw,65px); border:1px solid var(--line); border-radius:24px; background:#121417; display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(45px,8vw,110px); align-items:start; }
.interest-copy h2 { margin-bottom:20px; font-size:clamp(3rem,5vw,5.2rem); line-height:.93; letter-spacing:-.065em; }
.interest-copy h2 em { color:var(--lime); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.interest-copy>p:last-child { max-width:500px; color:var(--muted); }
.interest-form { display:grid; gap:18px; }
.honey-field { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.field { display:grid; gap:8px; }
.field label { display:flex; justify-content:space-between; gap:20px; color:#d9dbd7; font-size:.75rem; font-weight:650; }
.field label span { color:#6f726f; font: .59rem ui-monospace,monospace; letter-spacing:.05em; text-transform:uppercase; text-align:right; }
.field input,.field textarea { width:100%; border:1px solid var(--line); border-radius:9px; padding:13px 14px; background:#0b0c0e; color:var(--paper); font:inherit; font-size:.88rem; resize:vertical; }
.field input { min-height:48px; }
.field input::placeholder,.field textarea::placeholder { color:#666966; }
.field input:focus,.field textarea:focus { outline:2px solid var(--lime); outline-offset:1px; border-color:transparent; }
.seller-check { min-height:76px; padding:15px; border:1px solid var(--line); border-radius:10px; display:grid; grid-template-columns:22px 1fr; gap:12px; align-items:start; cursor:pointer; background:rgba(255,255,255,.02); }
.seller-check input { position:absolute; opacity:0; pointer-events:none; }
.check-box { width:20px; height:20px; display:grid; place-items:center; border:1px solid #656965; border-radius:5px; }
.check-box svg { width:14px; height:14px; opacity:0; }.check-box path { fill:none; stroke:var(--ink); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.seller-check input:checked+.check-box { background:var(--lime); border-color:var(--lime); }.seller-check input:checked+.check-box svg { opacity:1; }
.seller-check input:focus-visible+.check-box { outline:3px solid var(--blue); outline-offset:3px; }
.seller-check strong { display:block; margin-bottom:3px; font-size:.82rem; }.seller-check small { display:block; color:#777a77; font-size:.68rem; }
.seller-details[hidden] { display:none; }
.submit-button { width:max-content; min-width:170px; border:0; cursor:pointer; }
.submit-button:disabled { opacity:.6; cursor:wait; transform:none; }
.form-note,.form-status { margin:0; color:#6f726f; font-size:.66rem; }
.form-status { min-height:1.1em; color:var(--lime); font-weight:650; }
.form-status.is-error { color:var(--coral); }
footer { width:min(calc(100% - 36px),var(--max)); min-height:105px; margin:auto; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; color:#737673; font-size:.68rem; }
footer p { margin:0; } footer p:last-child { justify-self:end; }
@media (max-width:960px) { .hero { grid-template-columns:1fr; padding-top:70px; }.hero-copy { max-width:850px; }.coming-card { max-width:760px; width:100%; }.catalog { grid-template-columns:1fr; }.section-intro { position:static; max-width:780px; }.platform-heading { grid-template-columns:1fr; }.interest { grid-template-columns:1fr; }.interest-copy { max-width:760px; } }
@media (max-width:700px) { .header { height:62px; grid-template-columns:1fr auto; }.header nav { display:none; }.status { font-size:.57rem; }.brand { font-size:.88rem; }.brand-mark { width:26px; height:26px; }.hero { min-height:auto; padding:64px 0 68px; gap:48px; }.hero h1 { font-size:clamp(3.2rem,15vw,5.1rem); }.intro { font-size:1rem; }.hero-links .button { width:100%; }.catalog-line { grid-template-columns:24px 1fr; }.catalog-line small { display:none; }.signal-strip { justify-content:flex-start; overflow:hidden; }.section { padding:78px 0; }.section-intro h2 { font-size:clamp(2.7rem,12vw,4rem); }.category-list article { grid-template-columns:50px 1fr; gap:14px; }.category-list small { display:none; }.category-icon { width:44px; height:44px; }.platform { width:calc(100% - 20px); margin-bottom:70px; padding:50px 22px; }.platform-heading { padding-bottom:35px; }.platform-heading h2 { font-size:clamp(2.35rem,11vw,3.8rem); }.audience-grid { grid-template-columns:1fr; }.audience-grid article { padding:35px 0 0; }.audience-grid article+article { margin-top:35px; padding:35px 0 0; border-left:0; border-top:1px solid rgba(10,11,13,.22); }.interest { width:calc(100% - 20px); margin-bottom:50px; padding:45px 18px; gap:35px; }.interest-copy h2 { font-size:clamp(2.8rem,13vw,4.2rem); }.field label { display:block; }.field label span { display:block; margin-top:2px; text-align:left; }.submit-button { width:100%; } footer { min-height:155px; padding:25px 0; grid-template-columns:1fr; gap:8px; } footer p:last-child { justify-self:start; } }
@media (max-width:390px) { .header,.hero,.section,.closing,footer { width:calc(100% - 24px); }.status { display:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition-duration:.01ms!important; } }