@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0e12;--panel:#15181e;--muted:#9b9fa9;--gold:#edc45b;--line:#ffffff13;--green:#72d4b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#eeefef;font-family:Inter,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}.container{max-width:1240px;padding-left:28px;padding-right:28px}.shell-nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:38px;background:var(--gold);color:#121212;clip-path:polygon(0 0,75% 0,100% 24%,100% 100%,25% 100%,0 76%);font-size:22px}.beta{letter-spacing:1px;font-size:9px;color:var(--muted);border:1px solid #ffffff30;padding:3px 6px}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--gold);color:#141414;border:0;border-radius:5px;padding:17px 23px;font-weight:700;font-size:13px}.button:hover{background:#ffda79;color:#101010}.button.small{padding:12px 17px;font-size:11px}.hero{padding-top:85px;padding-bottom:78px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600}h1{font-size:clamp(64px,6.8vw,98px);line-height:.98;letter-spacing:-1px}h1 em,h2 em{font-style:normal;color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--gold);margin-bottom:24px}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:465px;margin:25px 0}.hero-actions{display:flex;align-items:center;gap:22px}.text-link{font-size:12px;font-weight:600}.micro{font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:24px}.micro span{margin:0 8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 12px #72d4b455}.demo-stage{position:relative;padding:28px 24px 55px;min-height:450px;background:radial-gradient(ellipse at 55% 55%,#aa873524,transparent 65%);border:1px solid var(--line);border-radius:12px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:35px 35px;pointer-events:none}.demo-top{position:relative;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:28px}.demo-time{float:right;color:var(--gold)}.hud-preview{position:relative;max-width:380px;margin:auto;background:linear-gradient(140deg,#2a2c2be8,#12161bf0);border:1px solid #edc45b55;border-radius:10px;padding:22px;box-shadow:0 25px 80px #0008;transform:rotate(-2deg)}.hud-header{display:flex;align-items:center;gap:12px}.hero-monogram{width:42px;height:46px;display:grid;place-items:center;background:linear-gradient(145deg,#ad4b32,#422d27);font-family:'Barlow Condensed';font-size:25px}.hud-header h3{font-size:23px;margin:2px 0}.hud-header small,.hud-metrics small,.next-item small{font-size:8px;letter-spacing:1px;color:var(--muted);display:block}.tag{display:inline-block;font-size:8px;letter-spacing:1px;border:1px solid #edc45b33;background:#edc45b0b;color:var(--gold);padding:5px 7px;border-radius:3px}.hud-header .tag,.next-item .tag{margin-left:auto}.hud-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:23px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}.hud-metrics strong{font-size:28px}.hud-metrics i{font-size:12px;color:var(--green);font-style:normal}.comparison>div:not(.track){display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.track{height:7px;background:#ffffff0d;border-radius:10px;margin-bottom:12px}.track span{display:block;background:var(--green);height:100%;border-radius:10px}.track.gold span{background:var(--gold)}.next-item{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;gap:12px;margin-top:20px}.next-item b{font-size:11px}.item-mark{color:var(--gold);font-size:30px}.floating-note{position:absolute;right:-12px;bottom:36px;background:#20231f;border:1px solid #edc45b55;border-radius:6px;padding:14px 18px;display:flex;gap:15px;box-shadow:0 8px 30px #0005}.floating-note>span{color:var(--gold);font-size:24px}.floating-note b,.floating-note small{display:block;font-size:10px}.floating-note small{color:var(--muted);margin-top:4px}.demo-caption{position:absolute;bottom:2px;left:24px;font-size:8px;color:var(--muted)}.principles{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-block:1px solid var(--line);color:var(--gold);font-size:11px}.principles b{color:#b2b5bd;margin-left:18px;font-weight:500}.section{padding-top:80px;padding-bottom:35px}h2{font-size:48px;line-height:1.08}h3{font-size:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading>p,p{color:var(--muted);line-height:1.8}.feature-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px}.feature-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:16px 0;font-size:12px}.feature-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.feature-panel{margin:0;padding:35px 20px;background:linear-gradient(115deg,#1d2024,#12151b);border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px}.feature-panel h3{margin:18px 0}.feature-panel p{max-width:450px}.draft-example{padding:25px;background:#0b0e13;border:1px solid #ffffff13;border-radius:8px;margin-top:15px}.draft-example small{color:var(--muted);font-size:8px;letter-spacing:1px}.versus{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:30px 0 16px}.versus b{font-size:9px;color:var(--green)}.versus b:last-child{color:#d78372}.versus span{font:600 30px 'Barlow Condensed'}.balance-track{height:10px;border-radius:8px;background:#d78372;overflow:hidden}.balance-track span{width:52%;height:100%;display:block;background:var(--green)}.draft-example p{font-size:9px;margin:16px 0 0}.steps{margin-top:35px}.steps span{color:var(--gold);font-size:12px}.steps h3{margin:20px 0 14px}.steps p{max-width:315px}.access-card{display:flex;justify-content:space-between;gap:35px;align-items:center;border:1px solid #edc45b44;border-radius:12px;padding:45px;background:radial-gradient(ellipse at right,#92732722,transparent),#17191c}.access-action{display:flex;flex-direction:column;align-items:start;gap:20px}.access-action small{max-width:260px;color:var(--muted);font-size:10px}.faq{max-width:850px;padding-bottom:90px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:14px}.faq details p{margin-top:15px}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer span,footer small{font-size:10px;color:var(--muted)}footer small{margin-left:auto}.auth-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:85px;padding-bottom:100px;align-items:center}.form-card{padding:35px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.form-card h2{font-size:34px;margin:20px 0}.form-card label{display:block;color:#ddd;margin-bottom:8px}.form-card input{background:#0c0e12;border:1px solid #45474c;border-radius:5px;color:white;width:100%;padding:12px}.form-card .helptext,.form-card li{font-size:11px;color:var(--muted)}.form-card ul{padding-left:18px}.form-card .errorlist{color:#ff9586}.form-card form .button{width:100%;margin:12px 0}.form-card a{color:var(--gold)}.outline-button{background:transparent;border:1px solid #777;color:white;padding:10px 17px;border-radius:5px}.dashboard{min-height:75vh}.dashboard h1{font-size:64px}.dashboard li{margin-top:16px}@media(max-width:767px){.nav-links>a:not(.button){display:none}.nav-links{gap:12px}.shell-nav{min-height:76px}.hero{padding-top:45px}.hero-actions{flex-wrap:wrap}.floating-note{right:8px}.principles{gap:15px;flex-wrap:wrap}.section-heading,.access-card{flex-direction:column;align-items:start}.section{padding-top:50px}.access-card{padding:25px}.feature-tabs{gap:14px}.feature-tabs button{font-size:10px}.auth-section{grid-template-columns:1fr;gap:30px;padding-top:40px}.demo-stage{margin-top:10px}.section-heading>p{display:none}h2{font-size:40px}footer small{margin-left:0}}