:root{
  --bg:#06080a;--bg2:#0a0d10;--panel:#101419;--panel2:#151a20;--line:#252c33;
  --text:#f3f2ee;--muted:#9ca3a9;--gold:#e2ae57;--gold2:#f3d083;--green:#83c98f;--blue:#84aee8;
  --shadow:0 34px 90px rgba(0,0,0,.55);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 71% 2%,rgba(113,80,27,.25) 0,transparent 28%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1220px,calc(100% - 48px));margin:0 auto}
.site-header{height:82px;display:flex;align-items:center;gap:42px;padding:0 max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid rgba(255,255,255,.055);position:sticky;top:0;z-index:50;background:rgba(6,8,10,.82);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:baseline;gap:12px;white-space:nowrap}.brand-cdr{font-weight:850;letter-spacing:.16em;font-size:22px;background:linear-gradient(90deg,var(--gold2),#fff);-webkit-background-clip:text;color:transparent}.brand-name{font-size:15px;letter-spacing:.18em;color:#f1f1ed}.nav{display:flex;gap:28px;margin-left:auto}.nav a,.footer-links a{font-size:13px;color:#c0c4c6;transition:.2s}.nav a:hover,.footer-links a:hover{color:var(--gold2)}.header-pill{font-size:10px;letter-spacing:.16em;color:#1b150b;background:linear-gradient(135deg,var(--gold2),var(--gold));padding:10px 14px;border-radius:999px;font-weight:850}
.hero{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;padding:66px 0 86px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.25em;color:var(--gold);display:inline-flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px rgba(229,183,99,.8)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5.15vw,76px);line-height:1.015;letter-spacing:-.048em;margin:22px 0 26px}.hero h1 span{font-weight:480;color:#d1d0ca}.hero-lede{font-size:18px;line-height:1.68;color:#b6bbc0;max-width:650px}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:780;border:1px solid #30363c;transition:.2s}.button:hover{transform:translateY(-1px)}.button.primary{color:#1d160b;border-color:#edc878;background:linear-gradient(135deg,#f6d890,#dba44d);box-shadow:0 10px 34px rgba(218,163,75,.19)}.button.ghost{background:rgba(255,255,255,.025)}.button.large{min-height:56px;padding:0 28px}.hero-meta{display:grid;gap:8px;margin-top:25px;font-size:11px;color:#6f777e}.hero-meta span{display:flex;gap:8px}.hero-meta b{color:#aeb4b9;font-weight:700;min-width:91px}
.visual-wrap{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:500px;height:500px;border-radius:50%;border:2px solid rgba(238,187,90,.62);box-shadow:0 0 35px rgba(232,174,74,.24),inset 0 0 38px rgba(232,174,74,.10);filter:drop-shadow(0 0 6px #d99d42);right:0;top:0}.halo:after{content:"";position:absolute;inset:38px;border-radius:50%;border:1px solid rgba(238,187,90,.08)}
.laptop{width:100%;max-width:700px;position:relative;z-index:3;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);filter:drop-shadow(0 34px 44px rgba(0,0,0,.62))}.screen-shell{background:#111419;border:2px solid #454b51;border-radius:18px 18px 9px 9px;padding:9px;box-shadow:inset 0 0 0 1px #090b0d}.screen-topbar{height:34px;background:#14181c;border-radius:9px 9px 0 0;border-bottom:1px solid #282d32;display:flex;align-items:center;padding:0 11px;font-size:10px;color:#8f979e}.screen-topbar>span:nth-child(2){margin:auto}.preview-label{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#616a72}.traffic{display:flex;gap:5px}.traffic i{display:block;width:7px;height:7px;border-radius:50%;background:#ec685f}.traffic i:nth-child(2){background:#e8ba4d}.traffic i:nth-child(3){background:#60bd70}.app{display:grid;grid-template-columns:126px 1fr;background:#0b0e11;min-height:382px;border-radius:0 0 7px 7px;overflow:hidden}.app-sidebar{background:#101419;border-right:1px solid #242a30;padding:20px 11px}.app-logo{color:var(--gold2);font-size:18px;font-weight:900;letter-spacing:.14em;margin:0 8px 25px}.side-item{font-size:10px;color:#828a92;padding:10px 11px;border-radius:7px;margin:2px 0}.side-item.active{color:#f1f1ed;background:#20262c;box-shadow:inset 2px 0 var(--gold)}.app-main{padding:27px 24px 20px}.app-title-row{display:flex;justify-content:space-between;align-items:flex-start}.app-kicker{font-size:8px;letter-spacing:.19em;color:var(--gold)}.app-main h3{margin:6px 0 20px;font-size:22px;font-weight:650}.status{font-size:9px;color:#99a0a6;background:#14191e;border:1px solid #252b31;border-radius:999px;padding:7px 9px;display:flex;gap:5px;align-items:center}.status b{width:5px;height:5px;background:var(--green);border-radius:50%}.source-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #262c32;background:#12161a;border-radius:10px}.file-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#252b30;color:var(--gold2);font-size:18px}.file-copy{display:flex;flex-direction:column;gap:4px}.file-copy strong{font-size:11px}.file-copy span{font-size:9px;color:#7f878e}.tag{margin-left:auto;font-size:7px;letter-spacing:.1em;color:#878f95;border:1px solid #30363b;border-radius:5px;padding:5px}.signal-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:11px;padding:10px;border:1px solid #22292f;background:#101419;border-radius:8px}.waveform{height:34px;display:flex;align-items:center;gap:2px;overflow:hidden}.waveform i{display:block;width:3px;border-radius:3px;background:linear-gradient(#e7c26e,#875f27);height:8px}.waveform i:nth-child(3n){height:24px}.waveform i:nth-child(4n){height:16px}.waveform i:nth-child(5n){height:31px}.waveform i:nth-child(7n){height:20px}.meter-copy span,.meter-copy strong{display:block;text-align:right}.meter-copy span{font-size:7px;color:#697179}.meter-copy strong{font-size:9px;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.settings-grid div{background:#111519;border:1px solid #242a2f;border-radius:8px;padding:10px}.settings-grid span,.settings-grid strong{display:block}.settings-grid span{font-size:8px;color:#717980;margin-bottom:5px}.settings-grid strong{font-size:9px;font-weight:650}.app-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:8px;color:#70777e}.app-footer-row button{border:0;border-radius:7px;padding:8px 18px;font-weight:800;font-size:9px;background:linear-gradient(135deg,#efd084,#d7a24d);color:#271e10}.base{height:19px;background:linear-gradient(#aeb3b6,#6f7478);margin:-1px -28px 0;border-radius:1px 1px 18px 18px;box-shadow:inset 0 2px rgba(255,255,255,.3);position:relative}.notch{position:absolute;left:42%;right:42%;height:5px;background:#7b8084;border-radius:0 0 8px 8px}
.proof-strip{width:100%;border-top:1px solid #20252a;border-bottom:1px solid #20252a;background:#0b0e11;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(24px,calc((100vw - 1220px)/2))}.proof{padding:27px 22px;border-right:1px solid #20252a;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.proof:last-child{border-right:0}.proof span{grid-row:1/3;color:var(--gold);font-size:11px;margin-top:2px}.proof strong{font-size:14px}.proof small{color:#7f878e;line-height:1.45}
.section{padding:110px 0}.section-head{max-width:800px;margin-bottom:38px}.section-head h2,.development h2,.contact h2,.formats-head h2,.roadmap-head h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.035em;line-height:1.06;margin:15px 0 18px}.section-head p,.dev-copy p,.contact p,.formats-head p,.roadmap-head p{font-size:16px;line-height:1.7;color:#9fa6ac}.split-head,.formats-head{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.split-head>p,.formats-head>p{margin:0}.status-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.status-legend span{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em;color:#858d94;border:1px solid #242b31;border-radius:999px;padding:8px 10px;background:#0b0e11}.status-legend i{width:6px;height:6px;border-radius:50%}.legend-current i{background:var(--green)}.legend-dev i{background:var(--gold)}.legend-planned i{background:var(--blue)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-grid-3{grid-template-columns:repeat(3,1fr)}.feature-card{position:relative;min-height:315px;padding:30px;border-radius:var(--radius);background:linear-gradient(145deg,#12161a,#0c0f12);border:1px solid #252b30;overflow:hidden}.feature-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-78px;bottom:-80px;border:1px solid rgba(229,183,99,.10)}.feature-card.featured{background:linear-gradient(145deg,#17150f,#0e1012);border-color:#3a3428}.feature-card.planned-card{border-color:#273343}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px;position:relative;z-index:1}.card-num{font-size:10px;color:var(--gold);letter-spacing:.18em}.feature-card h3{font-size:24px;letter-spacing:-.02em;margin-bottom:14px}.feature-card p{color:#9fa5aa;line-height:1.7;max-width:560px;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.chips span,.status-badge{font-size:8px;letter-spacing:.12em;border:1px solid #343b41;border-radius:999px;color:#a8afb4;padding:7px 9px}.status-badge{display:inline-flex;align-items:center;font-weight:750}.status-badge.current{color:#9ed8a7;border-color:#31503a;background:#101912}.status-badge.dev{color:#eac978;border-color:#6b552a;background:#211b10}.status-badge.planned{color:#a8c8f1;border-color:#33475f;background:#101722}
.formats-section{padding:105px 0;border-top:1px solid #22272b;border-bottom:1px solid #22272b;background:radial-gradient(circle at 80% 25%,rgba(70,95,127,.13),transparent 26%),#090c0f}.format-board{display:grid;grid-template-columns:.9fr .8fr 1.3fr;border:1px solid #252c33;border-radius:24px;overflow:hidden;background:#0c0f12}.format-column{padding:30px;min-height:410px;border-right:1px solid #252c33}.format-column:last-child{border-right:0}.format-column-head{margin-bottom:28px}.format-column-head h3{font-size:21px;margin:18px 0 0}.format-list{display:flex;flex-wrap:wrap;gap:9px}.format-list span{font-size:12px;border:1px solid #2d343a;background:#111519;border-radius:9px;padding:10px 12px;color:#c6cace}.format-note{font-size:11px!important;line-height:1.6!important;color:#6f777e!important;margin-top:24px}.roadmap-groups{display:grid;gap:20px}.roadmap-groups div{padding-bottom:18px;border-bottom:1px solid #22282e}.roadmap-groups div:last-child{border-bottom:0}.roadmap-groups strong{font-size:12px;color:#d8dbdc}.roadmap-groups p{margin:8px 0 0;font-size:13px!important;line-height:1.65!important;color:#8e969d!important}
.roadmap-section{padding:110px 0}.roadmap-head{max-width:790px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roadmap-card{display:grid;grid-template-columns:auto 1fr;gap:20px;border:1px solid #27313a;background:linear-gradient(145deg,#101419,#0a0d10);border-radius:20px;padding:28px;min-height:270px}.roadmap-index{font-size:13px;color:var(--gold);font-weight:800}.roadmap-card h3{font-size:22px;margin:18px 0 10px}.roadmap-card p{font-size:14px;line-height:1.7;color:#90989f}.development{border-top:1px solid #22272b;border-bottom:1px solid #22272b;background:radial-gradient(circle at 14% 50%,rgba(224,170,77,.10),transparent 24%),#0a0d0f;padding:94px 0}.dev-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.dev-copy{padding-top:28px}.quiet{font-size:13px!important;color:#6f777d!important}
.contact{padding:90px 0 110px}.contact-card{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;border:1px solid #3d3425;background:linear-gradient(135deg,#17140e,#0c0f12 60%);border-radius:26px;padding:48px 52px;box-shadow:var(--shadow)}.contact h2{font-size:38px;margin-bottom:12px}.contact p{margin-bottom:0;max-width:650px}.footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;border-top:1px solid #20252a;padding:34px 0 44px;color:#777f85}.footer p{margin:0;font-size:12px}.footer-links{display:flex;gap:18px}.footer small{grid-column:1/-1;font-size:10px;color:#555d63}.footer-brand .brand-cdr{font-size:16px}.footer-brand .brand-name{font-size:10px}
@media(max-width:1080px){.feature-grid-3{grid-template-columns:1fr 1fr}.roadmap-grid{grid-template-columns:1fr 1fr}.format-board{grid-template-columns:1fr 1fr}.planned-column{grid-column:1/-1;border-top:1px solid #252c33}.dev-column{border-right:0}.planned-column{min-height:auto}}
@media(max-width:980px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.hero-copy{max-width:760px}.visual-wrap{min-height:450px}.laptop{max-width:720px}.proof-strip{grid-template-columns:1fr 1fr}.proof:nth-child(2){border-right:0}.proof:nth-child(-n+2){border-bottom:1px solid #20252a}.split-head,.formats-head{grid-template-columns:1fr;gap:20px}.dev-inner{grid-template-columns:1fr;gap:20px}.contact-card{grid-template-columns:1fr}.footer{grid-template-columns:1fr auto}.footer p{display:none}}
@media(max-width:720px){.feature-grid,.feature-grid-3,.roadmap-grid,.format-board{grid-template-columns:1fr}.format-column{border-right:0;border-bottom:1px solid #252c33}.format-column:last-child{border-bottom:0}.planned-column{grid-column:auto;border-top:0}.proof-strip{grid-template-columns:1fr}.proof{border-right:0;border-bottom:1px solid #20252a}.proof:last-child{border-bottom:0}}
@media(max-width:650px){.shell{width:min(100% - 28px,1220px)}.site-header{height:70px;padding:0 14px}.brand-cdr{font-size:18px}.brand-name{font-size:11px}.header-pill{font-size:8px;padding:8px 10px}.hero{padding:54px 0 64px;gap:25px}.hero h1{font-size:42px}.hero-lede{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-meta span{display:block}.hero-meta b{display:block;margin-bottom:2px}.visual-wrap{min-height:340px}.halo{width:320px;height:320px}.laptop{transform:none}.app{grid-template-columns:86px 1fr;min-height:292px}.app-sidebar{padding:14px 7px}.app-logo{font-size:13px;margin:0 7px 15px}.side-item{font-size:8px;padding:8px 7px}.app-main{padding:18px 13px}.app-main h3{font-size:17px}.settings-grid{grid-template-columns:1fr}.settings-grid div:nth-child(n+3){display:none}.signal-row{display:none}.section,.roadmap-section,.formats-section{padding:78px 0}.feature-card{min-height:280px;padding:25px}.card-top{margin-bottom:35px}.format-column{padding:24px}.development{padding:70px 0}.contact{padding:68px 0 80px}.contact-card{padding:32px 25px;gap:30px}.contact .button{font-size:12px;padding:0 14px}.footer{grid-template-columns:1fr}.footer-links{margin-top:6px}}

/* Secure contact form — existing backend contract preserved */
.contact-card-form{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:start}.contact-copy{padding-top:8px}.contact-note{margin-top:22px!important;font-size:12px!important;color:#747c83!important}.contact-form{display:grid;gap:16px;padding:25px;border:1px solid #2d3339;background:rgba(8,10,12,.72);border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.form-row{display:grid;gap:8px}.form-row label{font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#aab1b7}.form-row input,.form-row textarea{width:100%;border:1px solid #30373e;border-radius:10px;background:#0b0e11;color:#f2f2ef;font:inherit;font-size:14px;padding:13px 14px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.form-row textarea{resize:vertical;min-height:126px;line-height:1.5}.form-row input:focus,.form-row textarea:focus{border-color:#b98d44;box-shadow:0 0 0 3px rgba(229,183,99,.10);background:#0d1013}.form-row input::placeholder,.form-row textarea::placeholder{color:#586169}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.turnstile-wrap{min-height:65px;display:flex;align-items:center}.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-form button{border:0;cursor:pointer}.contact-form button:disabled{opacity:.55;cursor:wait;transform:none}.form-status{font-size:13px;color:#8e979e;min-height:20px}.form-status.success{color:#8dd79a}.form-status.error{color:#f28b82}.form-privacy{font-size:11px!important;line-height:1.55!important;color:#687178!important;margin:0!important}.form-privacy a{color:#c9aa6e;text-decoration:underline;text-underline-offset:2px}@media(max-width:980px){.contact-card-form{grid-template-columns:1fr}.contact-form{max-width:720px;width:100%}}@media(max-width:650px){.contact-form{padding:18px}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}.turnstile-wrap{overflow:hidden}}