@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#071116;--panel:#101e25;--panel2:#13262d;--border:#274047;--ink:#f0f9f6;--muted:#9bb3ba;--lime:#91ead0;--mint:#71dabd;--danger:#f4a3a0;--radius:20px;--wrap:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}body:before{content:'';position:absolute;inset:0 0 auto;height:750px;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#19494377,transparent 45%),radial-gradient(ellipse at 12% 20%,#102c3670,transparent 53%);z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-.045em;margin:0}h1{font-size:clamp(42px,5.7vw,76px);font-weight:800}h2{font-size:clamp(30px,3.5vw,48px)}h3{font-size:22px}p{margin:.75rem 0 0}.container{width:min(calc(100% - 48px),var(--wrap));margin:auto}.site-header{border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px);background:#07151bdd;position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:18px}.brand{display:flex;align-items:center;gap:12px;font:800 17px Manrope,Arial;letter-spacing:.15em;white-space:nowrap}.brand img{width:36px;height:36px;border-radius:10px;background:#15282d;object-fit:contain}.nav-links{display:flex;gap:30px;align-items:center;color:#bed0d3;font-size:14px}.nav-links a:hover,.text-link:hover{color:var(--lime)}.btn{appearance:none;border:1px solid var(--mint);border-radius:11px;padding:13px 22px;background:var(--mint);color:#05221f;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,filter .15s;text-align:center}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.secondary{border-color:#426368;background:#162a31;color:#eefaf8}.btn.ghost{border-color:#39525a;background:transparent;color:#dceeea}.nav .btn{padding:9px 18px}.eyebrow{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.muted{color:var(--muted)}.hero{padding:100px 0 105px;display:grid;grid-template-columns:1.06fr .94fr;gap:65px;align-items:center}.hero h1{margin:19px 0 22px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy{font-size:18px;color:#b6cbcd;max-width:550px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.trustline{display:flex;gap:21px;flex-wrap:wrap;margin-top:34px;color:#a7c4c3;font-size:13px}.trustline span:before{content:'✓';color:var(--lime);margin-right:8px}.visual{min-height:420px;border:1px solid #305054;border-radius:28px;background:linear-gradient(145deg,#163b3d,#11222b 55%,#0d1921);box-shadow:0 34px 100px #0006;overflow:hidden;position:relative}.visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 32%,#5eebbd21,transparent 43%)}.visual-top{padding:19px 25px;border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:#a5c8c3}.dots{display:flex;gap:7px}.dots i{width:8px;height:8px;border-radius:100%;background:#7eaaaa}.visual-inner{padding:37px 35px}.game-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;border:1px solid #5f9d8b;padding:6px 12px;border-radius:7px;color:#b5f7e1}.visual-title{font:800 37px Manrope;margin:20px 0 9px;letter-spacing:-.05em}.visual-sub{color:#a9c1c3}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:35px}.metric{background:#081a21b3;border:1px solid #3b5960;border-radius:13px;padding:14px}.metric b{display:block;font:800 20px Manrope;color:#e9fff8}.metric small{color:#9db5b5}.visual-footer{margin-top:22px;display:flex;justify-content:space-between;align-items:center;border:1px solid #346257;background:#163c35;padding:13px 17px;border-radius:12px}.status-dot{width:8px;height:8px;background:#6ce3ac;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 0 5px #6ce3ac22}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head p{max-width:540px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.surface{background:linear-gradient(160deg,#13272e,#0d1b24);border:1px solid #29434c;border-radius:var(--radius)}.feature{padding:29px}.feature .number{font:800 12px Manrope;color:#8bdcc6;letter-spacing:.12em;margin-bottom:34px}.feature h3{margin-bottom:11px}.feature p{color:var(--muted)}.featured{grid-column:span 2;min-height:265px;background:radial-gradient(circle at 100% 0%,#2b766048,transparent 55%),linear-gradient(140deg,#173937,#101d27)}.featured .mini{display:flex;align-items:center;gap:12px;margin-top:30px;color:#a8dcca}.product-panel{padding:30px;display:flex;flex-direction:column;min-height:260px}.product-panel .capsule,.capsule{display:inline-flex;align-items:center;gap:7px;border:1px solid #3a665c;color:#b5e8d8;border-radius:100px;padding:5px 11px;font-size:11px;letter-spacing:.08em;font-weight:800;align-self:flex-start}.product-panel h3{margin:20px 0 8px}.product-panel p{color:var(--muted)}.product-panel .bottom{margin-top:auto;padding-top:25px}.band{padding:44px;border:1px solid #3a6b5d;border-radius:25px;background:linear-gradient(105deg,#193b37,#10202a);display:flex;gap:24px;align-items:center;justify-content:space-between}.band h2{font-size:32px;margin-top:8px}.band p{color:#bdcfcd}.site-footer{border-top:1px solid #ffffff15;margin-top:72px;padding:40px 0;color:#93abb0}.footer-flex{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:23px;font-size:13px}.page-intro{padding:75px 0 48px;max-width:760px}.page-intro h1{font-size:clamp(38px,5vw,60px);margin:17px 0}.page-intro p{color:var(--muted);font-size:17px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{padding:25px;position:relative}.plan.popular{border-color:#7fdac2;background:linear-gradient(160deg,#1b403a,#112029)}.plan .name{font-size:15px;font-weight:800;margin:15px 0 26px}.plan .price{font:800 39px Manrope;letter-spacing:-.06em}.plan .price small{font-size:15px;letter-spacing:0;color:#a8c3c2}.plan .duration{color:var(--muted);margin:8px 0 26px;font-size:13px}.plan ul{padding-left:18px;color:#b9ceca;min-height:105px}.plan li{margin:7px 0}.plan .btn{width:100%}.plan .ribbon{position:absolute;top:-13px;right:15px;padding:4px 11px;background:#90e9cd;color:#082a23;border-radius:100px;font-weight:800;font-size:11px}.note{background:#1e302c;border:1px solid #3e6557;border-radius:12px;padding:14px 18px;color:#c8e7d6;margin:27px 0}.footnote{font-size:13px;color:#9fb8b9;margin-top:20px}.account-shell{padding:65px 0 95px;display:grid;grid-template-columns:1fr 1.03fr;gap:50px;align-items:start}.account-intro{padding:65px 15px 20px 0}.account-intro h1{font-size:clamp(35px,4vw,54px);margin:19px 0}.account-intro p{color:#b1c8c6;font-size:17px;max-width:420px}.account-intro .benefit{display:flex;align-items:start;gap:13px;margin-top:27px;color:#c8ddda}.benefit-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;background:#213e3b;color:var(--lime);border-radius:10px}.auth-card{padding:35px;max-width:540px;width:100%}.auth-brand{display:flex;align-items:center;gap:9px;justify-content:center;font-weight:800;letter-spacing:.15em}.auth-brand img{width:33px;height:33px;object-fit:contain}.auth-card h2{text-align:center;font-size:31px;margin:24px 0 9px}.auth-card .subtitle{text-align:center;color:var(--muted);margin-bottom:24px}.field{margin:15px 0}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field input{width:100%;min-height:49px;border-radius:9px;border:1px solid #45626a;background:#0a1b24;color:#ecf7f4;padding:12px 14px;outline:none}.field input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #87dfc42a}.pw-wrap{position:relative}.pw-wrap input{padding-right:82px}.toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--lime);font-size:12px}.tiny{font-size:12px;color:var(--muted)}.auth-card .btn{width:100%;margin-top:20px}.auth-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #345059;color:#b4c6c7;font-size:13px}.auth-footer button,.inline-button{border:0;background:transparent;color:var(--lime);font-weight:700;padding:2px}.alert{border:1px solid #48796c;background:#1a3834;border-radius:11px;padding:15px;color:#d6f5e9;font-size:13px;margin:17px 0}.alert.warning{background:#3b2c20;border-color:#805f40;color:#f3d0aa}.auth-switches{display:flex;justify-content:center;gap:16px;margin-top:15px}.auth-switches button{background:transparent;border:0;color:#afc7c7;font-size:12px}.dash{padding:65px 0 80px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dash h1{font-size:44px;margin:12px 0}.dash-header p{color:var(--muted)}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stat{padding:22px}.stat b{font:800 30px Manrope;display:block}.stat small{color:var(--muted)}.dash-list{padding:26px;margin-top:20px}.list-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #324750}.list-row:last-child{border-bottom:0}.list-row strong{display:block}.list-row small{display:block;color:var(--muted);margin-top:3px}.pill{border-radius:100px;padding:4px 11px;font-size:11px;font-weight:800;background:#254e40;color:#aaf3cd;white-space:nowrap}.pill.gray{background:#323b49;color:#c3cbd5}.pills{display:flex;gap:8px;flex-wrap:wrap}.checker{position:fixed;bottom:15px;right:15px;z-index:35;background:#243833;border:1px solid #557b6b;color:#c4e1d5;border-radius:100px;padding:7px 12px;font-size:11px}.hidden,[hidden]{display:none!important}.art{padding:24px;min-height:340px;display:flex;flex-direction:column;justify-content:center}.art svg{width:100%;height:auto;max-height:280px}.preview-ribbon{font-size:12px;color:#b4dfd3;background:#18332e;border:1px solid #3a6658;border-radius:9px;padding:10px 14px;margin-top:22px}.nav-toggle{display:none;background:transparent;color:var(--ink);border:1px solid #3a5d61;padding:8px 12px;border-radius:8px}@media(max-width:900px){.hero,.account-shell{grid-template-columns:1fr;gap:25px}.hero{padding:65px 0}.grid3{grid-template-columns:1fr 1fr}.plans{grid-template-columns:repeat(2,1fr)}.account-intro{padding:0}.auth-card{margin:auto}.nav-links{gap:14px}.nav-links a:nth-child(3){display:none}}@media(max-width:620px){.container{width:min(calc(100% - 32px),var(--wrap))}.nav{min-height:65px}.nav-links a:not(.btn){display:none}.nav .btn{padding:8px 11px}.hero{padding:45px 0}.hero h1{font-size:42px}.visual{min-height:365px}.visual-inner{padding:25px}.metric-grid{gap:7px}.metric{padding:10px}.metric b{font-size:16px}.section{padding:55px 0}.grid3,.plans,.dash-grid{grid-template-columns:1fr}.featured{grid-column:auto}.section-head{display:block}.band{padding:24px;display:block}.band .btn{margin-top:22px}.account-shell{padding:28px 0}.auth-card{padding:25px 20px}.dash h1{font-size:32px}.list-row{align-items:start}}

/* V4.1 final review — layout rhythm and accessible contact form */
:root{--wrap:1160px}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.site-footer{margin-top:64px;padding:35px 0}
.section{padding:68px 0}
.hero{padding-top:78px;padding-bottom:76px}
.page-intro{padding-top:66px;padding-bottom:18px}
.page-intro + .section{padding-top:40px}
.section-head{align-items:center}
.section-head h2{max-width:680px}
.section-head p{margin-top:0;max-width:350px}
.plans .plan{display:flex;flex-direction:column}
.plan ul{min-height:0;flex:1;margin-bottom:28px}
.plan .btn{margin-top:auto}
.ribbon{letter-spacing:.045em}
.nav-links>a[aria-current="page"]{color:var(--lime)}
.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.nav-links{gap:23px}
.home-contact-strip{margin-top:46px;padding:29px 36px;border:1px solid #2a4548;border-radius:18px;display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#10242a,#0b1b21)}
.home-contact-strip h2{font-size:26px;margin:9px 0 0}
.home-contact-strip p{color:var(--muted)}
.home-contact-strip .btn{white-space:nowrap}
.contact-intro{padding:74px 0 42px;max-width:1160px}
.contact-intro h1{font-size:clamp(40px,4.5vw,62px);margin:15px 0 16px}
.contact-intro h1 em{color:var(--lime);font-style:normal}
.contact-intro p{color:#aec7c8;font-size:18px;max-width:700px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}
.contact-info{padding:30px;background:linear-gradient(160deg,#173b37,#10252d)}
.contact-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#214c42;color:#98efd3;font-size:25px;margin-bottom:24px}
.contact-info h2{font-size:32px;margin-bottom:14px}
.contact-info p,.contact-note p{color:var(--muted)}
.contact-detail{display:flex;flex-direction:column;gap:9px;border-top:1px solid #38605a;padding-top:22px;margin-top:23px;color:#c2d9d7;overflow-wrap:anywhere}
.contact-detail a{color:var(--lime);font-size:16px;font-weight:700}
.contact-note{border:1px solid #36534e;border-radius:15px;background:#142a2a;padding:22px;margin-top:19px}
.contact-note p{margin-top:7px;font-size:13px}
.contact-form-card{padding:34px 36px}
.contact-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.contact-head h2{font-size:34px;margin-top:7px}
.form-lede{color:var(--muted);margin-top:13px;margin-bottom:26px}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form-card .field{margin:17px 0}
.contact-form-card label{font-size:13px;font-weight:700}
.field select,.field textarea{width:100%;border:1px solid #45626a;background:#0a1b24;color:var(--ink);border-radius:9px;padding:13px 14px;min-height:49px;font:inherit;outline:none}
.field select:focus,.field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #87dfc42a}
.field textarea{resize:vertical;min-height:160px;line-height:1.55}
.field select:invalid{color:#9bb3ba}
.field select option{background:#10242b;color:#f0f9f6}
.field-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;margin-top:5px}
.check-field{display:flex;align-items:start;gap:10px;margin-top:22px;font-size:13px;color:#b9ceca}
.check-field input{accent-color:var(--mint);margin-top:4px}
.check-field label{font-weight:400}
.check-field a{text-decoration:underline;color:var(--lime)}
.contact-submit{margin-top:24px;width:100%}
.contact-disclaimer{color:var(--muted);font-size:12px;margin-top:13px;text-align:center}
.contact-bottom{margin-top:60px}
.contact-bottom .band h2{font-size:28px}
.auth-card{align-self:start}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-note{margin-top:0;align-self:stretch}.nav-links{gap:13px}.nav-links a{font-size:13px}}
@media(max-width:620px){.section{padding:50px 0}.hero{padding-top:50px;padding-bottom:45px}.contact-intro{padding:44px 0 27px}.contact-intro p{font-size:16px}.contact-form-card{padding:24px 20px}.contact-head h2{font-size:29px}.contact-aside,.form-grid-2{display:block}.contact-note{margin-top:15px}.home-contact-strip{padding:23px;display:block}.home-contact-strip .btn{margin-top:20px}.nav-links>a:not(.btn){display:none}.page-intro{padding-top:40px}.contact-bottom{margin-top:35px}.site-footer{padding-bottom:55px}}
/* V4 live integration refinements */
.captcha-area{min-height:0;margin:12px 0;display:flex;justify-content:center}
#auth-alert.warning{border-color:#95644e;background:#382720;color:#ffd5bf}
#submit-auth[disabled],.contact-submit[disabled]{opacity:.62;cursor:wait}
[data-plan][disabled]{opacity:.72;cursor:not-allowed}
#orders-live .list-row:first-child,#licenses-live .list-row:first-child{margin-top:8px}
#dashboard .stat b{overflow-wrap:anywhere}
@media(max-width:620px){.auth-card{padding:24px 20px}.dash-header{align-items:flex-start;gap:18px}.dash-header h1{font-size:30px}}


/* V4.2 — product landing: factual features from product dossier v2.0.7 */
.product-hero{grid-template-columns:1.04fr .96fr;gap:58px;padding-top:78px;padding-bottom:78px}
.product-hero h1{font-size:clamp(39px,4.5vw,65px)}.product-lead{max-width:650px}
.mint-text{color:var(--mint)}.hero-product-showcase{border:1px solid #365c60;border-radius:23px;overflow:hidden;background:#10222a;box-shadow:0 30px 75px #0006;min-width:0}
.showcase-top{padding:12px 17px;display:flex;align-items:center;gap:10px;letter-spacing:.11em;color:#ace0d6;font-weight:800;font-size:10px;background:#152e34}
.live-dot{height:8px;width:8px;background:#80e6c7;display:inline-block;border-radius:50%}.showcase-version{margin-left:auto;color:#8caaae}
.hero-product-showcase img{display:block;width:100%;max-height:410px;object-fit:cover;object-position:top;background:#352330}
.showcase-caption{padding:14px 18px;font-size:12px;color:#adc6c7}
.product-spotlight{background:linear-gradient(165deg,#0e2226 0%,#08161b 75%);border-block:1px solid #1b3b3d}
.dynamic-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:35px;align-items:center}
.dynamic-copy{display:grid;gap:11px}.step-feature{display:flex;gap:19px;border:1px solid #28464c;background:#11252d;border-radius:15px;padding:20px 22px}
.step-feature>span{font:800 17px Manrope;color:#81e1c4;background:#194239;border:1px solid #387b67;border-radius:11px;display:grid;place-items:center;flex:none;width:42px;height:42px}
.step-feature h3{font-size:19px;letter-spacing:-.02em;margin:0 0 8px}.step-feature p{color:#adcbcd;font-size:14px;margin:0}
.dynamic-image{margin:0;background:#1a1c2b;border:1px solid #485269;border-radius:19px;overflow:hidden;box-shadow:0 20px 45px #0005}.dynamic-image img{display:block;width:100%;height:auto;image-rendering:auto}.dynamic-image figcaption{background:#0e1b27;color:#abc4c5;font-size:12px;padding:13px 16px}
.logic-example{margin-top:23px;padding:30px;display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:center;background:radial-gradient(circle at 95% 0%,#246a5b30,transparent 55%),#0c2229}
.logic-example h3{font-size:27px;margin:14px 0 8px}.logic-example p{color:var(--muted)}.logic-path{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.logic-token{text-align:center;font-weight:800;background:#173a38;padding:16px 12px;border-radius:12px;border:1px solid #3e756d;font-size:13px}.logic-token b{color:#9df9d4}.logic-separator{font-size:12px;font-weight:800;color:#83e5c5}
.logic-outcome{grid-column:1/-1;text-align:center;color:#baf4e2;border-top:1px solid #476b64;padding-top:12px;font-size:13px}.disclaimer-line{margin-top:18px}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.screenshot-card{overflow:hidden;display:flex;flex-direction:column}
.screenshot-media{height:260px;background:#32243a;overflow:hidden;border-bottom:1px solid #31484c}.screenshot-media img{width:100%;height:100%;object-fit:cover;object-position:top}.screenshot-media-wide img{object-fit:contain;padding:12px}
.screenshot-body{padding:24px;flex:1}.screenshot-body h3{font-size:21px;margin:17px 0 9px}.screenshot-body p{color:var(--muted);font-size:14px}
.compare-wrapper{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;min-width:575px}.compare-table th,.compare-table td{padding:18px 24px;text-align:left;border-bottom:1px solid #304850}.compare-table th{color:#b5d6d0;font-size:12px;letter-spacing:.09em;text-transform:uppercase}.compare-table th:not(:first-child),.compare-table td:not(:first-child){text-align:center;width:18%;font-weight:800;color:#8ce9c8}.compare-table tr:last-child td{border:0}.compare-table td{font-size:14px}.compare-table td:nth-child(2){color:#adc1c4}
.faq-list{display:grid;gap:12px;margin-bottom:42px}.faq-list details{padding:22px 25px}.faq-list summary{font-weight:800;cursor:pointer;list-style-position:inside}.faq-list details p{padding-left:22px;color:var(--muted);font-size:14px}.product-contact{margin-top:36px}
@media(max-width:950px){.product-hero,.dynamic-layout,.logic-example{grid-template-columns:1fr}.hero-product-showcase{max-width:710px}.screenshot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.product-hero{padding-top:42px;padding-bottom:52px}.product-hero h1{font-size:39px}.screenshot-grid{grid-template-columns:1fr}.screenshot-media{height:300px}.logic-example{padding:19px}.logic-path{grid-template-columns:1fr}.logic-separator{justify-self:center}.logic-outcome{grid-column:1}.step-feature{padding:16px}.step-feature>span{width:35px;height:35px;font-size:13px}.product-spotlight .section-head h2{font-size:31px}.hero-product-showcase img{max-height:355px}.compare-table th,.compare-table td{padding:12px 14px}.product-contact{padding:24px}}