:root{
  --bg:#06101d;
  --bg2:#081528;
  --panel:#0b1b31;
  --panel2:#0d2340;
  --line:#1d3a5e;
  --text:#eff6ff;
  --muted:#9ab1cc;
  --accent:#27f0b2;
  --accent2:#17c98c;
  --warn:#ffd76b;
  --danger:#ff6b6b;
  --radius:22px;
  --shadow:0 18px 50px rgba(0,0,0,.35);
  --maxw:1380px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(circle at top,#0c2140 0,#06101d 45%,#040b16 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--maxw),calc(100% - 32px));margin:0 auto}
.page-shell{padding-bottom:48px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(4,11,22,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(57,91,131,.35)}
.topbar-inner{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;min-height:84px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:46px;height:46px;object-fit:contain}.brand-copy{min-width:0}.brand-title{font-weight:800;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{color:var(--muted);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.nav-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:12px 16px;border-radius:14px}
.nav{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;min-width:0}.nav a{color:#d7e5f5;font-weight:600;opacity:.9}.nav a:hover{color:#fff}
.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.select,select{appearance:none;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:13px 42px 13px 14px;min-width:150px;background-image:linear-gradient(45deg,transparent 50%,#b8d2ef 50%),linear-gradient(135deg,#b8d2ef 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:700;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#3f7bc1}.btn.primary{background:linear-gradient(135deg,#57f7ff 0,#1dd98d 100%);color:#062037;border:none}.btn.primary:hover{filter:brightness(1.04)}.btn.success{background:rgba(39,240,178,.12);border-color:#27f0b2;color:#9effde}.btn.small{padding:10px 14px;border-radius:12px;font-size:.95rem}
.auth-guest.show-when-guest,[data-auth-state='guest'] .show-when-guest{display:inline-flex}.show-when-connected,[data-auth-state='guest'] .show-when-connected{display:none}[data-auth-state='connected'] .show-when-connected{display:inline-flex}[data-auth-state='connected'] .show-when-guest{display:none}
.hero{padding:26px 0 16px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:24px;align-items:stretch}.hero-copy,.hero-banner{background:linear-gradient(180deg,rgba(10,27,49,.95),rgba(7,16,29,.92));border:1px solid rgba(57,91,131,.45);border-radius:28px;box-shadow:var(--shadow)}
.hero-copy{padding:30px 28px 26px;display:flex;flex-direction:column;justify-content:center;min-height:420px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(39,240,178,.38);background:rgba(18,118,89,.18);color:#87ffd8;padding:10px 16px;border-radius:999px;font-size:.95rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,4.8vw,5rem);line-height:.98;margin:22px 0 16px}.accent{color:var(--accent)}.hero p{font-size:1.22rem;color:#d4e5f7;max-width:720px;margin:0 0 24px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.hero-pills{display:flex;gap:18px;flex-wrap:wrap;color:#d5eaff;font-weight:600}.hero-pills span::before{content:'●';color:var(--accent);margin-right:8px}
.hero-banner{position:relative;overflow:hidden;min-height:420px;background:linear-gradient(180deg,rgba(4,11,22,.4),rgba(4,11,22,.76)),url('/assets/hero-lion-final-banner.jpg') center/cover no-repeat}.hero-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,11,22,.15),rgba(4,11,22,.35))}.ticker-box,.banner-stats{position:absolute;z-index:2}.ticker-box{top:28px;right:24px;background:rgba(5,14,28,.78);border:1px solid rgba(98,146,196,.35);padding:16px 18px;border-radius:18px;min-width:220px;backdrop-filter:blur(8px)}.ticker-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:#eaf3ff}.ticker-row strong{font-weight:800}.positive{color:#53ffc1}.negative{color:#ff8c8c}
.banner-stats{left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:rgba(9,18,33,.76);backdrop-filter:blur(8px);border:1px solid rgba(68,94,130,.45);border-radius:18px;padding:14px 16px}.stat-label{color:var(--muted);font-size:.92rem}.stat-value{font-size:2rem;font-weight:800;margin-top:4px}.stat-sub{margin-top:4px;color:#9effde;font-weight:700}
.section{padding:18px 0}.section-title{font-size:clamp(1.9rem,3vw,2.7rem);margin:0 0 8px}.section-sub{color:var(--muted);font-size:1.05rem;margin:0 0 18px}
.grid-4,.grid-3,.grid-2{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,rgba(8,22,40,.96),rgba(5,15,27,.96));border:1px solid rgba(57,91,131,.42);border-radius:24px;padding:20px;box-shadow:var(--shadow);min-width:0}.card h3,.card h4{margin:0 0 10px}.card p{margin:0;color:#d5e4f5}.icon-badge{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(39,240,178,.12);border:1px solid rgba(39,240,178,.28);font-size:1.4rem;margin-bottom:14px}
.list{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.list li{position:relative;padding-left:22px;color:#d2e4f4}.list li::before{content:'•';position:absolute;left:0;top:0;color:var(--accent);font-size:1.3rem;line-height:1}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.step{position:relative;padding-top:22px}.step-num{position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(39,240,178,.15);border:1px solid rgba(39,240,178,.34);font-weight:800;color:#9dffe0}
.compare{overflow:auto}.compare table{width:100%;border-collapse:separate;border-spacing:0 10px}.compare th,.compare td{padding:14px 16px;text-align:left;background:rgba(9,18,33,.76);border-top:1px solid rgba(57,91,131,.28);border-bottom:1px solid rgba(57,91,131,.28)}.compare th:first-child,.compare td:first-child{border-left:1px solid rgba(57,91,131,.28);border-radius:16px 0 0 16px}.compare th:last-child,.compare td:last-child{border-right:1px solid rgba(57,91,131,.28);border-radius:0 16px 16px 0}
.faq details{background:rgba(9,18,33,.82);border:1px solid rgba(57,91,131,.38);border-radius:18px;padding:14px 16px}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:12px 0 2px;color:#cfdef1}
.footer{margin-top:24px;padding:28px 0 40px;border-top:1px solid rgba(57,91,131,.32)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:16px}.muted{color:var(--muted)}
.terminal-layout{display:grid;gap:18px}.terminal-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(6,16,29,.15),rgba(6,16,29,.7)),url('/assets/hero-lion-final-banner.jpg') center/cover no-repeat;border:1px solid rgba(57,91,131,.45);border-radius:28px;min-height:290px;padding:22px}.terminal-hero .kicker{display:inline-flex;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,215,107,.28);background:rgba(255,215,107,.08);color:#ffdf7f;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.terminal-hero .hero-overlay{position:absolute;left:22px;right:22px;bottom:20px;display:flex;gap:10px;flex-wrap:wrap;align-items:end;justify-content:space-between}.hero-overlay h1{margin:0;font-size:clamp(2rem,4vw,3.6rem)}
.terminal-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:18px;align-items:start}.sidebar,.workspace,.ticket{display:grid;gap:16px}.panel{background:linear-gradient(180deg,rgba(8,22,40,.98),rgba(5,15,27,.98));border:1px solid rgba(57,91,131,.42);border-radius:24px;padding:18px;min-width:0;box-shadow:var(--shadow)}.panel h3{margin:0 0 14px;font-size:1.08rem}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini{background:rgba(255,255,255,.02);border:1px solid rgba(57,91,131,.28);border-radius:16px;padding:14px}.mini .label{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.mini .value{font-weight:800;font-size:1.34rem;margin-top:6px}
.field{display:grid;gap:8px}.field label{font-weight:700;color:#d8e7f7}.field input,.field select{width:100%}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.segment{display:flex;flex-wrap:wrap;gap:10px}.segment button{flex:1 1 auto}
.chart-shell{display:grid;gap:12px}.chart-header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.chart-controls{display:flex;gap:10px;flex-wrap:wrap}.chart-box{position:relative;border:1px solid rgba(57,91,131,.34);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(6,16,29,.95),rgba(7,20,36,.98));min-height:420px}.chart-box canvas{display:block;width:100%;height:420px}.quote-badge{position:absolute;top:18px;right:18px;background:rgba(5,14,28,.78);border:1px solid rgba(68,94,130,.38);border-radius:18px;padding:12px 14px;min-width:170px;text-align:right}.quote-badge .qv{font-size:2rem;font-weight:800}.overlay-note{font-size:.95rem;color:var(--muted)}
.contract-table{width:100%;border-collapse:collapse}.contract-table th,.contract-table td{padding:10px 8px;border-bottom:1px solid rgba(57,91,131,.25);text-align:left}.contract-table th{color:#a8bfda;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.ai-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-badge{padding:14px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(57,91,131,.28)}.ai-badge strong{display:block;font-size:1.18rem;margin-top:4px}
.notice{padding:14px 16px;border-radius:16px;background:rgba(39,240,178,.08);border:1px solid rgba(39,240,178,.24);color:#d8fff1}
.hidden{display:none!important}
@media (max-width:1180px){.hero-grid,.terminal-grid,.grid-4,.steps,.footer-grid{grid-template-columns:1fr 1fr}.banner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-grid{grid-template-columns:1fr}.ticket{order:2}.sidebar{order:3}}
@media (max-width:860px){.topbar-inner{grid-template-columns:auto auto;grid-template-areas:'brand toggle' 'nav nav' 'actions actions';align-items:start;padding:10px 0}.brand{grid-area:brand}.nav-toggle{grid-area:toggle;display:inline-flex;justify-self:end}.nav{grid-area:nav;display:none;justify-content:flex-start;padding-bottom:8px}.top-actions{grid-area:actions;justify-content:flex-start}.topbar.open .nav{display:flex}.hero-grid,.grid-4,.grid-3,.grid-2,.steps,.footer-grid{grid-template-columns:1fr}.hero-copy,.hero-banner{min-height:auto}.banner-stats{grid-template-columns:1fr}.field-row,.mini-grid,.ai-badges{grid-template-columns:1fr}.chart-box canvas{height:340px}.quote-badge{position:static;margin:12px}.hero h1{font-size:clamp(2.2rem,11vw,3.8rem)}}