:root{--bg:#020b13;--panel:#061522;--panel2:#071b2a;--line:#24435d;--gold:#e0b64f;--gold2:#f3d36f;--ink:#f4f7fb;--muted:#93a7ba;--blue:#55b8ff;--green:#42db8c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#0a2235 0,transparent 34%),linear-gradient(180deg,#020a11,#020b13 50%,#03101a);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}.topbar{height:72px;max-width:1540px;margin:auto;padding:0 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;border-bottom:1px solid rgba(72,117,151,.28);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}.brandmark{width:52px;height:52px;border:1px solid rgba(224,182,79,.5);border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:1000;color:var(--gold2);box-shadow:inset 0 0 24px rgba(40,166,245,.22),0 0 24px rgba(224,182,79,.08);font-family:Georgia,serif}.brand b{display:block;font-size:20px}.brand small{display:block;margin-top:2px;color:#7f97aa;font-size:8px;letter-spacing:.18em}
.nav{display:flex;justify-content:center;gap:28px}.nav a{font-size:12px;text-decoration:none;color:#d9e2ea}.nav a:hover{color:var(--gold2)}
.top-actions{display:flex;gap:9px}.btn{min-height:44px;padding:0 19px;border:1px solid #345773;border-radius:9px;background:#071522;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:850;letter-spacing:-.01em;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#6e9bb9}.btn.gold{color:#101116;background:linear-gradient(180deg,#f3d56f,#d8ab43);border-color:#f0ca5e;box-shadow:0 10px 30px rgba(216,171,67,.14)}.btn.small{min-height:40px;padding:0 15px;font-size:11px}
main{max-width:1540px;margin:auto;padding:0 24px 34px}.hero{min-height:620px;display:grid;grid-template-columns:minmax(480px,.82fr) minmax(650px,1.18fr);gap:34px;align-items:center;padding:42px 0 22px;position:relative}
.hero:before{content:"";position:absolute;right:-22vw;top:-72px;width:80vw;height:650px;background:radial-gradient(circle,rgba(223,176,67,.13),transparent 58%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 12px;color:var(--gold2);font-size:10px;font-weight:1000;letter-spacing:.24em}.hero h1{font-size:clamp(54px,5.7vw,92px);line-height:.95;letter-spacing:-.055em;margin:0;max-width:760px}.lead{font-size:18px;line-height:1.55;color:#c8d4df;max-width:680px;margin:20px 0 24px}.cta-row{display:flex;gap:14px}.hero-btn{min-height:54px;padding:0 25px;font-size:14px}.cta-notes{display:flex;gap:27px;color:#adc0cf;font-size:11px;margin-top:16px}.cta-notes span:before{color:var(--gold)}
.hero-visual{height:560px;position:relative;overflow:hidden;border-radius:34px;background:#061421;border:1px solid rgba(62,104,137,.4);box-shadow:0 32px 90px rgba(0,0,0,.38)}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) brightness(.68);opacity:.86}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,19,.55),transparent 35%,rgba(2,11,19,.08)),linear-gradient(180deg,transparent 55%,rgba(2,11,19,.55))}
.hero-screen{position:absolute;right:5%;bottom:6%;width:58%;min-width:420px;padding:18px;border:1px solid rgba(224,182,79,.45);border-radius:20px;background:rgba(3,14,24,.88);backdrop-filter:blur(12px);box-shadow:0 20px 80px rgba(0,0,0,.4);z-index:3}.screen-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid #21384b}.screen-head span{font-size:13px}.screen-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.screen-stats span{border:1px solid #20384c;border-radius:9px;padding:10px;color:#8fa6b9;font-size:8px}.screen-stats b{display:block;color:#fff;font-size:17px;margin-bottom:2px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:2px 0 16px}.feature{min-height:112px;padding:18px;border:1px solid #24435d;border-radius:13px;background:linear-gradient(180deg,#071522,#05111c);display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-decoration:none}.feature:hover{border-color:#d5ab4a;background:#081a29}.feature .ico{width:50px;height:50px;border:1px solid rgba(224,182,79,.38);border-radius:12px;display:grid;place-items:center;color:var(--gold2);font-size:22px}.feature h3{margin:0 0 7px;font-size:15px}.feature p{margin:0;color:#8fa5b8;font-size:11px;line-height:1.45}.feature>b{width:34px;height:34px;border:1px solid #b38a32;border-radius:50%;display:grid;place-items:center;color:var(--gold2)}
.journey{display:grid;grid-template-columns:minmax(280px,.6fr) minmax(760px,1.7fr);gap:22px;align-items:center;padding:24px;border:1px solid #24435d;border-radius:14px;background:#04121e;margin:18px 0}.journey-copy h2,.show-card h2,.platform-split h2,.final-cta h2{margin:4px 0 8px;font-size:28px;letter-spacing:-.035em}.journey-copy p:last-child,.platform-split>div>p:last-child{margin:0;color:#8fa5b8;font-size:12px;line-height:1.5}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:start}.steps div{min-width:0}.steps i{width:42px;height:42px;border:1px solid #d3a63b;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#f2cb62;font-weight:950;box-shadow:0 0 15px rgba(224,182,79,.14)}.steps b{display:block;margin-top:8px;font-size:10px}.steps span{display:block;margin-top:4px;color:#849aae;font-size:8px;line-height:1.45}.steps em{font-style:normal;color:#70899f;margin-top:10px}
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.show-card{min-height:210px;padding:24px;border:1px solid #24435d;border-radius:14px;background:linear-gradient(180deg,#061522,#04111c);display:grid;grid-template-columns:auto 1fr minmax(180px,.45fr);gap:20px;align-items:center}.show-icon{width:64px;height:64px;border:1px solid rgba(224,182,79,.4);border-radius:14px;display:grid;place-items:center;font-size:30px;color:var(--gold2)}.show-card p:not(.eyebrow){color:#91a5b7;font-size:12px;line-height:1.55}.show-card a{color:var(--gold2);font-size:11px;font-weight:850;text-decoration:none}.show-card aside{border:1px solid #223a4e;border-radius:11px;padding:16px;background:#07131e;display:grid;gap:5px}.show-card aside small{color:#8097aa}.show-card aside strong{font-size:19px}.show-card aside span{color:#9db0bf;font-size:10px}.timeline span{padding:7px 0;border-bottom:1px solid #163047}.timeline span:last-child{border-bottom:0}
.platform-split{display:grid;grid-template-columns:1.1fr .65fr .65fr;gap:15px;align-items:stretch;margin:18px 0}.platform-split>div{padding:20px 8px}.env-card{border:1px solid #29445d;border-radius:13px;background:#071522;padding:18px;text-decoration:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:8px 12px}.env-card>span{grid-row:1/3;width:45px;height:45px;border:1px solid #31526d;border-radius:10px;display:grid;place-items:center;color:#64c1ff;font-size:20px}.env-card b{display:block;font-size:15px}.env-card small{display:block;color:#849bad;margin-top:3px;line-height:1.4}.env-card strong{grid-column:2;color:#e9eff4;font-size:9px}.env-card.public{border-color:#b58a35}.env-card.public>span,.env-card.public strong{color:var(--gold2)}
.trust{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 4px;border-top:1px solid #173047;color:#93a6b7;font-size:10px}.trust b{color:#dce4eb;font-size:13px}.final-cta{padding:20px 24px;border:1px solid rgba(224,182,79,.55);border-radius:14px;background:linear-gradient(90deg,#071522,#06111b 55%,#081522);display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta h2{font-size:21px;margin:3px 0}.final-cta>div:last-child{display:flex;gap:10px}
footer{max-width:1540px;margin:auto;padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:#7e91a3;font-size:9px}.footer-brand .brandmark{width:38px;height:38px;font-size:22px}.footer-brand b{font-size:14px}.footer-brand small{font-size:7px}footer nav{display:flex;justify-content:center;gap:23px}footer nav a{text-decoration:none;color:#8da2b5}
@media(max-width:1150px){.nav{display:none}.hero{grid-template-columns:1fr}.hero-visual{height:500px}.feature-grid{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr}.showcase{grid-template-columns:1fr}.platform-split{grid-template-columns:1fr 1fr}.platform-split>div{grid-column:1/-1}.trust{flex-wrap:wrap}.topbar{grid-template-columns:1fr auto}.top-actions{grid-column:2}.hero h1{font-size:64px}}
@media(max-width:680px){.topbar{height:auto;padding:14px;grid-template-columns:1fr}.top-actions{grid-column:auto}.brandmark{width:42px;height:42px}.hero{padding-top:28px;min-height:0}.hero h1{font-size:46px}.lead{font-size:15px}.cta-row,.cta-notes,.final-cta,.final-cta>div:last-child{flex-direction:column;align-items:stretch}.hero-visual{height:330px}.hero-screen{left:5%;right:5%;width:auto;min-width:0}.screen-stats{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps em{display:none}.show-card{grid-template-columns:auto 1fr}.show-card aside{grid-column:1/-1}.platform-split{grid-template-columns:1fr}.platform-split>div{grid-column:auto}.trust{display:grid}.final-cta{display:grid}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}main{padding:0 14px 26px}.topbar{padding-left:14px;padding-right:14px}}