/* CERYVRA — Hybrid Editorial × Technology, 2026 */
:root{--navy:#081729;--navy2:#10263c;--navy3:#173a53;--ink:#14283a;--muted:#617282;--teal:#009ca8;--cyan:#6ee5e4;--blue:#1268bd;--violet:#7868d8;--canvas:#f7fbfe;--line:#dce7ed;--card:#fff;--radius:12px;--shadow:0 20px 70px rgba(9,35,59,.09)}
html{scroll-behavior:smooth}body{background:#f7fbfe;color:#14283a;font-family:Inter,Arial,sans-serif}h1,h2,h3,h4{font-family:Inter,Arial,sans-serif;letter-spacing:-.052em;font-weight:650}h1{font-size:clamp(48px,5.65vw,86px)}h2{font-size:clamp(34px,3.9vw,58px)}h3{font-size:clamp(21px,2vw,29px)}
.editorial-banner{background:#081729;border-bottom:1px solid #1b3951;color:#d5e9f0}.editorial-banner span:last-child{color:#83dfe2}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #dce7ed}.site-nav a{color:#344c5d}.site-nav a.active{color:#007c8c}.site-nav .nav-cta{background:#0b263d;border-radius:7px}.button{background:#086f91;border-radius:7px}.button:hover{background:#075571}.text-link{color:#087e8c}
.hero{background:linear-gradient(115deg,#f7fbfe 0%,#eef7fa 65%,#e5f1f6 100%);color:#122c41;border-bottom:1px solid #d7e6ed;overflow:hidden}.hero:before{background:linear-gradient(90deg,transparent 0 95%,rgba(9,80,116,.06) 95% 96%),linear-gradient(0deg,transparent 0 95%,rgba(9,80,116,.06) 95% 96%);background-size:64px 64px;opacity:.75;width:55vw}.hero h1,.hero h2,.hero h3{color:#0c273c}.hero h1 em,.display-accent{color:#087f91;font-style:normal}.hero .eyebrow{color:#0a8391}.hero-copy .lead{color:#516779}.hero-grid{padding:110px 0 116px;gap:58px}.hero-aside .text-link{color:#0b7790}.hero-meta{color:#506b7b}.console{border:1px solid #2c6880;border-radius:14px;background:linear-gradient(145deg,#071729,#102c43 65%,#0b2137);box-shadow:0 38px 85px rgba(8,29,52,.22),0 0 0 9px rgba(0,156,168,.045);padding:24px}.console h3,.console .console-name{color:#f4fbff}.console:after{display:none}.case-panel{background:#f8fbfc;border-radius:9px}.case-panel h3{color:#18364a}.view-tab,.source-row span{border-radius:5px}
.principle-band{background:#e7f2f6;border-bottom:1px solid #d3e4ec}.principle{border-color:#d0e2e9}.section.white{background:#fff}.section.slate{background:#eef5f8}.section.signature{background:#f5fafc}.section.dark,.page-hero{background:radial-gradient(circle at 86% 14%,rgba(0,156,168,.18),transparent 30%),linear-gradient(120deg,#081729,#102a41 68%,#112e47)!important;color:#edf8fb}.section.dark h2,.section.dark h3,.page-hero h1,.page-hero h2{color:#fff}
.pillar,.advantage-card,.module-card,.sector-card,.trust-card,.contact-card{background:#fff;border:1px solid #dce8ed!important;border-radius:12px!important;box-shadow:0 12px 32px rgba(10,40,65,.035)!important}.pillar{border-top:3px solid #009ca8!important}.mini,.image-shell,.step-disclosure{border-radius:12px!important}.advantage-img,.advantage-img img{border-radius:9px!important}.quote-cta{background:linear-gradient(120deg,#081729,#103c54);border-radius:14px}.graphic-dialog{border-radius:12px}.site-footer{background:#081729}.eyebrow,.kicker{color:#007d90}.footer-bottom{border-color:#254157}
/* New dark statement panel with deliberately restrained high-tech detailing */
.hybrid-statement{background:#081729;color:#e9f6fc;position:relative;overflow:hidden;padding:88px 0;border-block:1px solid #1a4158}.hybrid-statement:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,rgba(0,156,168,.18),transparent 42%),linear-gradient(90deg,rgba(94,192,211,.06) 1px,transparent 1px),linear-gradient(rgba(94,192,211,.06) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;pointer-events:none}.hybrid-statement .wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.hybrid-statement .eyebrow{color:#7ee3e4}.hybrid-statement h2{color:white;font-size:clamp(36px,4.1vw,62px);margin:16px 0 18px}.hybrid-statement p{color:#bbd4df;font-size:16px;max-width:520px}.hybrid-statement .text-link{color:#90e9e8;border-color:#488f99}.hybrid-map{border:1px solid #315c70;background:rgba(8,32,51,.86);padding:28px;border-radius:12px;box-shadow:0 30px 65px rgba(0,0,0,.2)}.hybrid-map-head{display:flex;justify-content:space-between;align-items:center;color:#a7d4e1;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #244b60;padding-bottom:17px}.hybrid-map-head b{color:#83e1de}.hybrid-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:26px 0}.hybrid-node{padding:16px 7px;text-align:center;border:1px solid #2e6072;background:#12354a;border-radius:6px;min-width:0}.hybrid-node strong{display:block;color:#f0fbfd;font-size:11px;letter-spacing:-.02em}.hybrid-node span{display:block;color:#65d2d7;font-size:10px;margin-bottom:9px}.hybrid-map-foot{font-size:12px;color:#a3cbd6;display:flex;align-items:center;gap:10px}.hybrid-map-foot i{display:block;width:7px;height:7px;border-radius:50%;background:#67ded2;box-shadow:0 0 0 5px rgba(103,222,210,.1)}
/* Editorial white-space and technical detailing */
.section-head h2{max-width:850px}.pillar .number,.mini .n{letter-spacing:.14em}.page-hero{border-bottom:3px solid #009ca8}.page-hero .eyebrow{color:#7cdbde}.site-nav a:hover{color:#008c9d}.section.signature .image-shell{background:#fff;box-shadow:0 25px 55px rgba(11,46,69,.09)!important}.advantage-card:hover,.pillar:hover{transform:translateY(-3px);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 20px 48px rgba(10,40,65,.09)!important}
@media(max-width:1040px){.site-nav{background:#fff}.hybrid-statement .wrap{grid-template-columns:1fr;gap:32px}.hero-grid{grid-template-columns:1fr}.console{max-width:740px}}
@media(max-width:700px){.hybrid-statement{padding:64px 0}.hybrid-map{padding:16px}.hybrid-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.hybrid-node{padding:13px 4px}.hybrid-node strong{font-size:10px}.hybrid-statement .wrap{gap:27px}.hero-grid{padding:70px 0 78px}.hero h1{font-size:clamp(43px,10.3vw,62px)}.console{box-shadow:0 22px 55px rgba(8,29,52,.17)}.editorial-banner .wrap{font-size:9px}.section{padding:72px 0}}
@media(prefers-reduced-motion:reduce){.advantage-card:hover,.pillar:hover{transform:none}}