:root{
  --bg:#020817;--bg2:#061426;--panel:#071426;--line:rgba(111,179,238,.22);
  --text:#f7fbff;--muted:#a7b8ca;--max:1240px;--accent:#168cff;--accent-rgb:22,140,255;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#020817;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(1,6,16,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.nav{width:min(calc(100% - 36px),1500px);margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo img{display:block;width:205px;height:auto}.navlinks{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.01em}
.navlinks a{color:#e7edf3}.navlinks a:hover,.navlinks .active{color:var(--accent)}
.contact{border:1px solid rgba(255,255,255,.48);padding:12px 18px;border-radius:4px}
.hero{border-bottom:1px solid rgba(255,255,255,.14);background:
 radial-gradient(circle at 76% 20%,rgba(var(--accent-rgb),.17),transparent 30%),
 linear-gradient(180deg,#031020,#020817)}
.herogrid{display:grid;grid-template-columns:1.02fr .98fr;min-height:560px;align-items:center;gap:24px}
.herocopy{padding:64px 0}.kicker{color:var(--accent);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14px}
h1{font-size:clamp(42px,5.1vw,72px);line-height:.98;margin:18px 0 22px;letter-spacing:-.045em;max-width:760px}
.herocopy p{font-size:18px;line-height:1.62;color:#d5dee8;max-width:680px}
.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:14px 20px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:800;font-size:13px;text-transform:uppercase}
.btn.alt{background:transparent;border-color:rgba(255,255,255,.58)}.heroart{padding:32px 0}.heroart img{display:block;width:100%;height:auto;border:1px solid rgba(var(--accent-rgb),.52);box-shadow:0 18px 70px rgba(0,0,0,.38)}
.trust{background:#061224;border-bottom:1px solid rgba(255,255,255,.13)}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr)}
.trustitem{padding:25px 30px;border-right:1px solid rgba(255,255,255,.14);display:flex;gap:14px}.trustitem:last-child{border-right:0}
.icon{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-weight:900}
.trustitem h3{font-size:14px;margin:0 0 6px;text-transform:uppercase}.trustitem p{font-size:13px;line-height:1.45;margin:0;color:#b9c6d4}
.light{background:#f3f5f8;color:#07111d;padding:54px 0}.dark{background:#06111f;padding:54px 0}
.sec-title{text-align:center;font-size:27px;letter-spacing:-.02em;margin:0 0 9px}.sec-sub{text-align:center;color:#526171;max-width:880px;margin:0 auto 38px;line-height:1.55}
.dark .sec-sub{color:#a9bbcc}.featuregrid{display:grid;grid-template-columns:repeat(5,1fr)}
.feature{padding:24px 18px;text-align:center;border-right:1px solid #c7cdd4}.feature:last-child{border-right:0}.feature .icon{margin:0 auto 15px;border-color:#1b2c3e;color:#0b2137}
.feature h3{font-size:13px;margin:0 0 8px}.feature p{font-size:12.5px;color:#53606d;line-height:1.5;margin:0}
.capgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.cap{padding:22px 15px;border:1px solid rgba(var(--accent-rgb),.35);background:linear-gradient(180deg,rgba(var(--accent-rgb),.07),rgba(2,8,17,.45));min-height:180px}
.cap .icon{margin-bottom:20px}.cap h3{font-size:13px;text-transform:uppercase;margin:0 0 8px}.cap p{font-size:12.5px;line-height:1.5;color:#a9bac9;margin:0}
.lower{background:#f3f5f8;color:#07111d;padding:46px 0}.lowergrid{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:38px}.lower h3{font-size:18px;margin-top:0}
.checks{list-style:none;padding:0;margin:0}.checks li{margin:12px 0;padding-left:23px;position:relative;font-size:14px}.checks li:before{content:"✓";position:absolute;left:0;color:#0a78cd;font-weight:900}
.deploy{margin:0 0 16px;display:flex;gap:12px}.deploy b{display:block;margin-bottom:4px}.deploy p{margin:0;color:#586675;font-size:13px;line-height:1.45}
.why{background:#0b1726;color:#fff;padding:26px}.why .checks li:before{color:var(--accent)}
.cta{background:
 radial-gradient(circle at 50% 0,rgba(var(--accent-rgb),.16),transparent 50%),
 linear-gradient(180deg,#04101d,#020817);padding:54px 0;text-align:center;border-top:1px solid rgba(var(--accent-rgb),.28)}
.cta h2{font-size:30px;margin:0 0 10px}.cta p{color:#afbdca;margin:0 0 22px}
.footer{border-top:1px solid rgba(255,255,255,.14);padding:34px 0 42px;background:#010610}.footgrid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:30px}
.footlogo img{width:220px}.footer h4{font-size:12px;color:var(--accent);text-transform:uppercase;margin:0 0 12px}.footer a,.footer p{display:block;color:#9cacba;font-size:12px;margin:7px 0}
.copyright{margin-top:26px;color:#687a8c;font-size:11px}
.corp-hero .herogrid{min-height:520px}.corp-cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.corp-card{border:1px solid rgba(var(--accent-rgb),.28);background:linear-gradient(180deg,rgba(var(--accent-rgb),.06),rgba(3,10,19,.88));padding:25px;min-height:190px}
.corp-card h3{font-size:16px;margin:12px 0 8px}.corp-card p{color:#a9bac9;line-height:1.55;font-size:13px;margin:0}
.newsgrid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.newsbox,.mediabox{border:1px solid rgba(255,255,255,.15);padding:26px;background:#071321}
.newsitem{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.newsitem:last-child{border-bottom:0}.newsitem b{font-size:16px}.newsitem p{color:#9fb0bf;font-size:13px}
@media(max-width:1000px){
 .navlinks{display:none}.herogrid{grid-template-columns:1fr;min-height:0}.heroart{padding-top:0}.trustgrid{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
 .featuregrid{grid-template-columns:1fr 1fr}.feature{border-bottom:1px solid #c7cdd4}.capgrid{grid-template-columns:1fr 1fr}.lowergrid{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.corp-cardgrid{grid-template-columns:1fr 1fr}.newsgrid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .wrap{width:min(calc(100% - 26px),var(--max))}.logo img{width:182px}.nav{min-height:64px}.contact{font-size:11px;padding:10px 12px}.herocopy{padding:46px 0 26px}.herocopy p{font-size:16px}
 .featuregrid,.capgrid,.corp-cardgrid,.footgrid{grid-template-columns:1fr}.feature{border-right:0}.actions{display:grid}.btn{width:100%}
}


/* R10 page families */
.band{background:#f3f5f8;color:#07111d;padding:54px 0}
.band.darkband{background:#06111f;color:#fff}
.pagegrid2{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tile{border:1px solid rgba(var(--accent-rgb),.28);background:linear-gradient(180deg,rgba(var(--accent-rgb),.06),rgba(3,10,19,.88));padding:22px;min-height:170px}
.tile h3{font-size:16px;margin:12px 0 8px}.tile p{margin:0;color:#a9bac9;font-size:13px;line-height:1.55}
.tile.lighttile{background:#fff;color:#07111d;border-color:#d6dde7}.tile.lighttile p{color:#546576}
.linklist{list-style:none;padding:0;margin:0}.linklist li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.linklist li:last-child{border-bottom:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mosaic img{display:block;width:100%;height:auto;border:1px solid rgba(var(--accent-rgb),.35)}
.notice{padding:18px 20px;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.06);color:#cfdae5;line-height:1.6}
@media(max-width:1000px){.pagegrid2,.cards3,.cards4,.split{grid-template-columns:1fr}}

@media(max-width:1360px) and (min-width:901px){.nav{width:min(calc(100% - 24px),1500px);gap:10px}.logo img{width:175px}.navlinks{gap:8px;font-size:10.5px;letter-spacing:0}.contact{padding:10px 11px;font-size:10.5px}}