:root { --ink:#080808; --paper:#f7f7f5; --lime:#ff8200; --rust:#e96500; --line:#d6d3ce; --muted:#5c5b58; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
.site-header { height:104px; padding:0 clamp(20px,4vw,45px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; font-size:24px; font-weight:800; letter-spacing:.035em; display:flex; align-items:center; gap:20px; white-space:nowrap; }
.brand-mark { display:grid; place-items:center; width:62px; height:62px; background:var(--lime); color:var(--ink); font:800 18px Manrope,Arial,sans-serif; letter-spacing:0; flex:0 0 62px; }
nav { display:flex; gap:28px; } nav a,.text-link { color:var(--ink); font-size:13px; font-weight:700; text-decoration:none; } nav a:hover,.text-link:hover { color:var(--rust); }
.button { background:var(--ink); color:var(--paper); text-decoration:none; border:0; cursor:pointer; padding:15px 20px; display:inline-flex; gap:28px; align-items:center; font:800 12px Manrope,sans-serif; letter-spacing:.04em; text-transform:uppercase; }.button:hover{background:var(--rust)}.button-small{padding:11px 15px;font-size:10px}
.hero { min-height:610px; padding:clamp(60px,10vw,145px) clamp(20px,8vw,130px) 70px; display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; }.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.13em;color:var(--rust);margin:0 0 18px}.hero h1,.section h2,.join-panel h2{font-size:clamp(48px,7.2vw,102px);letter-spacing:-.075em;line-height:.9;margin:0;max-width:720px}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-text{font-size:18px;line-height:1.65;max-width:490px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:25px}.microcopy{color:var(--muted);font-size:11px;margin-top:25px}
.hero-card{background:var(--ink);color:var(--paper);box-shadow:12px 12px 0 var(--lime);max-width:430px;justify-self:end}.card-bar{padding:16px 18px;border-bottom:1px solid #333333;color:#d8d8d8;font:500 10px 'DM Mono',monospace;letter-spacing:.1em}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:8px}.time{float:right;color:#aaaaaa}.sample-pick{padding:33px 30px 25px}.pick-label{font:500 10px 'DM Mono',monospace;letter-spacing:.1em;color:var(--lime)}.pick-title{font-size:26px;font-weight:800;margin:15px 0}.pick-meta{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #333333;border-bottom:1px solid #333333;font:500 12px 'DM Mono',monospace}.pick-note{font-size:13px;line-height:1.7;color:#d8d8d8;margin:22px 0 0}.card-footer{margin:0;padding:15px 18px;background:#111111;color:#d8d8d8;font-size:11px}
.proof-band{background:var(--lime);display:grid;grid-template-columns:repeat(3,1fr);padding:23px clamp(20px,8vw,130px);gap:20px}.proof-band div{display:flex;gap:12px;align-items:baseline}.proof-band strong{font:800 15px 'DM Mono',monospace}.proof-band span{font-size:12px}
.section{padding:115px clamp(20px,8vw,130px);border-bottom:1px solid var(--line)}.section h2{font-size:clamp(35px,5vw,65px);max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:70px}.steps article{border-top:2px solid var(--ink);padding:17px 0}.steps span{font:500 12px 'DM Mono',monospace;color:var(--rust)}h3{font-size:20px;letter-spacing:-.04em;margin:23px 0 8px}.steps p,.feature-list p,.join-panel p,.faq p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;gap:20px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.feature-list span{font:500 19px 'DM Mono',monospace;color:var(--rust)}.feature-list h3{margin:0 0 8px}
.join-panel{margin:70px clamp(20px,8vw,130px);padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--rust);color:var(--paper)}.join-panel .eyebrow{color:var(--lime)}.join-panel h2{font-size:clamp(42px,5vw,65px)}.join-panel p{color:#fff0df;max-width:460px;margin-top:20px}.interest-form{align-self:center}.interest-form label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.interest-form div{display:flex}.interest-form input{min-width:0;flex:1;padding:15px;border:0;font:14px Manrope,sans-serif}.interest-form button{border:0;background:var(--lime);color:var(--ink);padding:0 16px;font:800 11px Manrope,sans-serif;text-transform:uppercase;cursor:pointer}.interest-form #form-message{color:var(--lime);font-size:12px;margin-top:12px;min-height:18px}
.faq{padding-top:45px}.faq h2{margin-bottom:42px}.faq details{max-width:760px;border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:800}.faq details p{margin-top:15px}footer{display:flex;justify-content:space-between;padding:25px clamp(20px,5vw,78px);font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted)}
.footer-nav{display:flex;gap:14px;flex-wrap:wrap}.footer-nav a{color:var(--muted)}
.membership-hero{padding:90px clamp(20px,8vw,130px) 70px;display:grid;grid-template-columns:1fr .55fr;gap:70px;align-items:end}.membership-hero h1{font-size:clamp(50px,7vw,94px);letter-spacing:-.075em;line-height:.9;margin:0}.membership-hero>div>p:last-child{color:var(--muted);line-height:1.7;max-width:580px;margin:30px 0 0}.launch-status{background:var(--ink);color:var(--paper);padding:28px;box-shadow:10px 10px 0 var(--lime);font:500 11px 'DM Mono',monospace}.launch-status p{color:#d8d8d8;line-height:1.6;margin:14px 0 0}.membership-layout{padding:70px clamp(20px,8vw,130px);background:#eeeae4;display:grid;grid-template-columns:1fr 1fr;gap:35px}.membership-plan,.checkout-preview{background:var(--paper);border:1px solid var(--ink);padding:42px}.plan-badge{font:500 10px 'DM Mono',monospace;letter-spacing:.1em;color:var(--rust)}.membership-plan h2,.checkout-preview h2{font-size:34px;letter-spacing:-.05em;margin:14px 0 25px}.membership-price{display:flex;flex-direction:column;gap:5px;padding-bottom:22px;border-bottom:1px solid var(--line)}.membership-price strong{font-size:25px}.membership-price span{font-size:11px;color:var(--muted)}.membership-plan ul{list-style:none;padding:12px 0 0;margin:0;display:grid;gap:15px;font-size:13px}.membership-plan li:before{content:'✓';color:var(--rust);font-weight:800;margin-right:10px}.checkout-preview{box-shadow:10px 10px 0 var(--ink)}.order-row{display:flex;justify-content:space-between;background:#eeeae4;padding:16px;margin-bottom:24px;font-size:13px}.checkout-preview>label:not(.consent){display:block;font-size:12px;font-weight:800;margin-bottom:8px}.checkout-preview>input{width:100%;padding:14px;border:1px solid var(--line);font:14px Manrope,sans-serif}.consent{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.55;margin:18px 0}.consent input{margin-top:3px}.disabled-checkout{width:100%;justify-content:center;opacity:.6;cursor:not-allowed}.preview-message{font-size:10px;color:var(--muted);text-align:center;min-height:15px}.state-section h2{margin-bottom:50px}.state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.state-grid article{border-top:2px solid var(--ink);padding-top:18px}.state-grid strong{font:500 11px 'DM Mono',monospace;color:var(--rust)}.state-grid p{font-size:13px;color:var(--muted);line-height:1.65}
@media (max-width:760px){.site-header{height:65px}nav{display:none}.hero,.split,.join-panel,.membership-hero,.membership-layout{grid-template-columns:1fr;gap:42px}.hero{min-height:auto;padding-top:80px}.hero-card{justify-self:start;width:calc(100% - 12px)}.proof-band,.steps,.state-grid{grid-template-columns:1fr}.proof-band{gap:12px}.section{padding-top:75px;padding-bottom:75px}.steps{margin-top:45px}.join-panel{margin-top:35px;margin-bottom:35px;padding:35px 25px}.join-panel .interest-form{margin-top:0}.membership-hero{padding-top:70px}.membership-layout{padding-top:50px;padding-bottom:50px}.membership-plan,.checkout-preview{padding:30px 24px}footer{gap:15px;flex-direction:column}.hero-actions{align-items:flex-start;flex-direction:column}}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--rust)}
.page-hero{padding:90px clamp(20px,8vw,130px) 70px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,7vw,92px);letter-spacing:-.075em;line-height:.92;margin:0;max-width:850px}.page-hero>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);max-width:720px;margin:28px 0 0}.content{max-width:850px;margin:auto;padding:70px 25px 110px}.content h2{font-size:30px;letter-spacing:-.045em;margin:50px 0 14px}.content h2:first-child{margin-top:0}.content p,.content li{font-size:14px;line-height:1.75;color:var(--muted)}.content li+li{margin-top:8px}.notice{background:var(--ink);color:var(--paper);border-left:5px solid var(--lime);padding:24px;margin-bottom:42px}.notice strong{display:block;margin-bottom:7px}.notice p{color:#d8d8d8;margin:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-card{border:1px solid var(--line);padding:28px}.info-card h2{margin:0 0 12px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list details p{margin-top:14px}.legal-meta{font:500 10px 'DM Mono',monospace!important;letter-spacing:.08em;color:var(--rust)!important}@media(max-width:760px){.cards{grid-template-columns:1fr}.page-hero{padding-top:65px}.footer-nav{justify-content:flex-start}}
.recap-intro{max-width:1100px;margin:auto;padding:55px clamp(20px,5vw,60px) 10px}.recap-rule{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border:1px solid var(--line);padding:22px}.rule-number{display:grid;place-items:center;width:72px;height:72px;background:var(--lime);color:var(--ink);font:800 21px 'DM Mono',monospace}.recap-rule strong{display:block;font-size:15px;margin-bottom:5px}.recap-rule p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.recap-grid{max-width:1100px;margin:auto;padding:35px clamp(20px,5vw,60px) 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.recap-card{border:1px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--lime);padding:28px}.recap-card-header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.recap-date{font:500 11px 'DM Mono',monospace;color:var(--muted)}.recap-rate{font:800 32px Manrope,sans-serif;color:var(--rust)}.recap-record{font-size:20px;font-weight:800;margin:20px 0 8px}.recap-units{font:500 12px 'DM Mono',monospace;color:var(--muted)}.recap-summary{font-size:13px;line-height:1.7;color:var(--muted);margin:20px 0 0}.recap-empty{grid-column:1/-1;background:var(--ink);color:var(--paper);padding:48px;text-align:center}.recap-empty strong{display:block;font-size:24px;letter-spacing:-.04em}.recap-empty p{max-width:580px;margin:12px auto 0;color:#d8d8d8;font-size:13px;line-height:1.7}@media(max-width:760px){.recap-grid{grid-template-columns:1fr}.recap-rule{grid-template-columns:1fr}.recap-empty{padding:35px 24px}}
@media(max-width:760px){.site-header{height:68px}.brand{font-size:15px;gap:12px}.brand-mark{width:44px;height:44px;flex-basis:44px;font-size:13px}}
.order-row.offer-row{background:var(--lime);margin-bottom:0;gap:18px}.order-row.renewal-row{margin-bottom:24px;border-top:1px solid var(--line);gap:18px}
footer{flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}.footer-nav{justify-content:center}@media(max-width:760px){footer{align-items:center}.footer-nav{justify-content:center}}