/* Graphene direction: dark technology sections, warm energy and cool protection. */
:root{--primary:#080c12;--primary-2:#122033;--accent:#1685e6;--accent-deep:#0869bf;--accent-link:#0969b5;--accent-bright:#53baff;--accent-light:#e7f3ff;--bg-dark:#05070a;--bg-footer:#080c12;--border:#dce5ed}
.hero{background:#05070a;min-height:740px}
.hero::before{background:radial-gradient(ellipse at 93% 23%,rgba(255,89,40,.22),transparent 42%),radial-gradient(ellipse at 68% 73%,rgba(0,133,255,.24),transparent 53%)}
.hero h1{font-size:clamp(3rem,6.7vw,5.7rem);max-width:940px;line-height:1.06;letter-spacing:-.045em}
.hero h1 .hl{color:#57baff}
.hero .eyebrow{color:#ff946c;letter-spacing:.2em}
.hero .eyebrow::before{background:#ff7745}
.hero p.lede{color:#b6c3d0;max-width:590px}
.hero .btn-primary{background:#1278d2;color:#fff}
.hero .btn-primary:hover{background:#0967bb;box-shadow:0 6px 24px #1278d240}
.hero .hstat:first-child .stat-num{color:#ff976e}
.hero .hstat:nth-child(2) .stat-num{color:#58bbff}
.hero-stats{background:rgba(10,18,28,.76);border-color:#263441}
.hero canvas{opacity:1}
.solution{background:#080d14}
.solution .sec-label{color:#55baff}
.btn-primary:hover{box-shadow:0 6px 20px #1278d230}
@media(max-width:600px){.hero{min-height:auto;padding-top:124px}.hero h1{font-size:clamp(2.65rem,11.5vw,3.8rem)}.hero p.lede{font-size:1rem}.hero-stats{margin-top:48px}}