/* ArkGenesys: midnight orbital light, with quiet editorial service sections. */
.cinematic{--cinema-ink:#09152e;--cinema-blue:#315bff;--cinema-light:#d7e9ff;background:#f8faff}
.cinematic .site-header{background:rgba(255,255,255,.95);border-bottom:1px solid #dce4f0;box-shadow:0 8px 32px #08152e08}
.cinematic .hero.container{position:relative;width:100%;max-width:none;min-height:760px;min-height:min(860px,86svh);padding:100px max(32px,calc((100vw - 1200px)/2)) 108px;gap:64px;background:radial-gradient(ellipse at 79% 48%,#183969 0,transparent 43%),linear-gradient(118deg,#070f22 8%,#0d1b38 55%,#102643);color:#f5f9ff;overflow:hidden;isolation:isolate}
.cinematic .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 64% 22%,#cfe5ff99 0 1px,transparent 1.8px),radial-gradient(circle at 86% 31%,#cfe5ff66 0 1px,transparent 1.7px),radial-gradient(circle at 74% 72%,#cfe5ff66 0 1px,transparent 1.8px),radial-gradient(circle at 91% 64%,#cfe5ff88 0 1px,transparent 1.6px),radial-gradient(circle at 57% 64%,#cfe5ff55 0 1px,transparent 1.7px);opacity:.8}
.cinematic .hero::after{content:"";position:absolute;bottom:-220px;left:25%;width:1000px;height:300px;border:1px solid #8bbdff66;border-radius:50%;box-shadow:0 -14px 65px #448cff30,0 -2px 18px #9fc7ff22;transform:rotate(-11deg);z-index:-1;pointer-events:none}
.cinematic .hero .parallax-scene{opacity:.13;mix-blend-mode:screen}
.cinematic .hero-copy{padding:0;position:relative;z-index:1}
.cinematic .hero h1{font-size:clamp(48px,4.8vw,76px);font-weight:550;line-height:1.08;letter-spacing:-.055em;max-width:640px;color:#f5f9ff}
.cinematic .hero .gradient-text{background:none;-webkit-text-fill-color:currentColor;color:inherit}
.cinematic .hero-copy .eyebrow{color:#a9c5eb;letter-spacing:.06em;font-weight:550;font-size:11px}
.cinematic .hero-lead{font-size:17px;line-height:1.85;max-width:520px;color:#c5d3e8;margin-top:28px}
.cinematic .hero-note{color:#a9bdd8;font-size:12px;margin-top:28px}
.cinematic .hero-note svg{color:#92b7ff}
.cinematic .hero-actions{gap:24px;margin-top:34px}
.cinematic .hero .primary{background:#3f63f5;border:1px solid #91a8ff88;box-shadow:0 8px 30px #254fe640;color:#fff}
.cinematic .hero .text-link{color:#e0ecff}
.cinematic .hero .text-link:hover{color:#fff}
.cinematic .hero .primary:hover{background:#3659ed;box-shadow:0 12px 36px #315bff55}
.cinematic .network-visual{background:radial-gradient(circle at 50% 50%,#20437788,transparent 70%);border:1px solid #a8c8ff22;border-radius:24px;box-shadow:0 28px 90px #01091966,inset 0 0 60px #79abff08;padding:34px 12px 10px;position:relative;overflow:hidden}
.cinematic .network-heading{text-align:center;position:relative;z-index:1}
.cinematic .network-heading h2{color:#eaf3ff;font-size:clamp(19px,2vw,25px);font-weight:500;letter-spacing:-.025em}
.cinematic .network-eyebrow{color:#99b6db;letter-spacing:.07em;font-size:10px}
.cinematic .network-canvas{background:transparent;min-height:310px}
.cinematic .network-fallback{color:#bed1ed}
.cinematic .network-regions>span{background:#0d203b;color:#c2d5f1;border-color:#759ddc44;font-size:9px}
.cinematic .network-footer{background:transparent;border-color:#759ddc33;color:#b3c8e7}
.cinematic .network-footer p{color:#b3c8e7}
.cinematic .network-toggle{color:#d5e5ff;background:#122b4e;border-color:#7398cd66}
.cinematic .capability-band{background:#0b1933;border-block:1px solid #6e91c52b;color:#b8cbea}
.cinematic .capability-list,.cinematic .capability-list li{color:#b8cbea}
.cinematic .capability-list{padding-block:28px;font-weight:500;letter-spacing:.01em}
.cinematic main>.section{padding-block:104px}
.cinematic .section-heading h2{letter-spacing:-.045em;line-height:1.14;max-width:24ch}
.cinematic #engineering>.section-heading{max-width:850px;margin-bottom:48px}
.cinematic #engineering>.section-heading h2{font-size:clamp(32px,3.8vw,54px);font-weight:600}
.cinematic #engineering>.section-heading>p:last-child{max-width:740px;font-size:17px;line-height:1.85}
.cinematic #engineering .trust-panel{background:linear-gradient(125deg,#112342,#0b1831);border:1px solid #264369;border-radius:14px;padding:52px;gap:60px;--text-primary:#f1f6ff;--text-secondary:#c4d2e8;color:#f1f6ff;box-shadow:0 24px 60px #11234212}
.cinematic #engineering .trust-panel h3{color:#f1f6ff;font-size:27px;font-weight:550;line-height:1.3;letter-spacing:-.035em;margin-bottom:18px}
.cinematic #engineering .trust-panel p{color:#c4d2e8;line-height:1.85}
.cinematic #engineering .trust-panel .button{margin-bottom:20px}
.cinematic #engineering+section{padding-top:0}
.cinematic #engineering+section .solutions-grid{gap:24px 36px}
.cinematic #engineering+section .solution-card{border:0;border-top:1px solid #cbd6e7;border-radius:0;box-shadow:none;background:transparent;padding:28px 0;transform:none}
.cinematic #engineering+section .solution-card h3{font-size:22px;font-weight:600;line-height:1.3;max-width:25ch;margin-bottom:16px}
.cinematic #engineering+section .solution-card p{font-size:15px;line-height:1.85}
.cinematic .method-steps{gap:36px}
.cinematic .contact-section{background:radial-gradient(ellipse at 15% 40%,#16325b,transparent 65%),#0a1830;color:#eef5ff}
.cinematic .contact-section .parallax-scene{opacity:.12;mix-blend-mode:screen}
.cinematic .contact-copy h2{color:#f2f6ff;font-weight:550;letter-spacing:-.045em}
.cinematic .contact-copy>p,.cinematic .contact-copy>.contact-note,.cinematic .whatsapp p{color:#c0cfe5}
.cinematic .contact-copy .eyebrow{color:#9dbce7}
.cinematic .contact-copy .text-link{color:#d4e6ff}
.cinematic .contact-copy .whatsapp{border-color:#9cb7dd44}
.cinematic .contact-form{color:#14223c;background:#fff;border:1px solid #d9e4f4;box-shadow:0 30px 70px #030c2244}
.cinematic .contact-form h3{color:#14223c}
.cinematic a:focus-visible,.cinematic button:focus-visible{outline:3px solid #82adff;outline-offset:5px}
@media(min-width:1280px){.cinematic .hero{grid-template-columns:1.08fr 1fr}.cinematic .network-visual{width:100%;max-width:510px;justify-self:end}}
@media(max-width:1023px){.cinematic .hero.container{min-height:auto;padding:72px 32px 80px;gap:32px}.cinematic .hero h1{font-size:clamp(42px,5.4vw,60px)}.cinematic .hero-lead{font-size:16px}.cinematic .network-canvas{min-height:240px}.cinematic main>.section{padding-block:80px}.cinematic #engineering .trust-panel{padding:36px;gap:32px}}
@media(max-width:767px){.cinematic .hero.container{padding:56px 24px 64px;grid-template-columns:1fr;gap:48px}.cinematic .hero h1{font-size:clamp(42px,8vw,64px);max-width:650px}.cinematic .hero-lead{font-size:16px;max-width:570px}.cinematic .hero-actions{flex-wrap:wrap}.cinematic .network-visual{max-width:460px;width:100%;justify-self:center}.cinematic .network-canvas{min-height:280px}.cinematic main>.section{padding-block:64px}.cinematic #engineering .trust-panel{padding:30px;gap:28px}.cinematic #engineering .trust-panel h3{font-size:25px}.cinematic #engineering+section{padding-top:0}.cinematic #engineering>.section-heading>p:last-child{font-size:16px}}
@media(max-width:479px){.cinematic .hero.container{padding:44px 20px 52px;gap:38px}.cinematic .hero h1{font-size:clamp(36px,9.4vw,44px)}.cinematic .hero-lead{font-size:15px;line-height:1.8}.cinematic .hero-actions{gap:12px}.cinematic .hero-note{font-size:11px}.cinematic .network-visual{padding-top:28px}.cinematic .network-heading h2{font-size:21px}.cinematic .network-canvas{min-height:240px}.cinematic #engineering .trust-panel{padding:26px}.cinematic .section-heading h2{font-size:31px}.cinematic .contact-form{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.cinematic *, .cinematic *::before,.cinematic *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.cinematic .hero.container,.cinematic #engineering .trust-panel,.cinematic .contact-section{background:Canvas;color:CanvasText}.cinematic .hero h1,.cinematic .hero-lead,.cinematic .network-heading h2,.cinematic #engineering .trust-panel h3,.cinematic #engineering .trust-panel p{color:CanvasText}}