/* JC360 v8 — Instagram identity: navy, blue, cyan and soft white. */
:root{--bg:#0B1730;--bg2:#10213D;--card:#142945;--ink:#F5F7FB;--muted:#CBD5E1;--line:#2C4668;--accent:#22D3EE;--surface-3d:radial-gradient(ellipse at 15% 0,#22d3ee0c,transparent 65%),linear-gradient(145deg,#192f4d,#11233e 70%);--metal-edge:#5682aa55;--depth-shadow:inset 0 1px 0 #e5f4ff16,0 12px 28px -18px #020b1a88}
body{font-family:Inter,'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse at 90% 3%,#2563eb12,transparent 45%),#0B1730}
h1,h2,h3,.brand{font-family:Manrope,Inter,'Segoe UI',sans-serif}h1,h2{letter-spacing:-.045em}
.site-header{background:#0b1730ed;box-shadow:0 6px 24px #020b1a18;border-bottom-color:#33517266}
.top-strip{background:#c8edf5;color:#13213A;box-shadow:none}
.hero h1{color:#F5F7FB;text-shadow:none}.hero h1 span{color:#67def0;text-shadow:none}
.hero-copy .eyebrow{background:#142945;border-color:#395574;box-shadow:none}
.btn{box-shadow:0 5px 16px #020b1a26;border-radius:12px;transition:transform .3s,box-shadow .3s,background .3s}
.btn-primary,.btn-light{color:#0b1730;background:linear-gradient(125deg,#a3eaf4,#67d8ec);border-color:#a3eaf4;box-shadow:0 7px 24px #22d3ee15}
.btn-primary:hover,.btn-light:hover{background:linear-gradient(125deg,#c4f3f9,#8be3f1);box-shadow:0 14px 28px #22d3ee25;transform:translateY(-4px)}
.btn-outline{background:#14294588;border-color:#456584;color:#f5f7fb}
.portrait-halo{border-color:#67d8ec66;background:radial-gradient(circle,#2563eb20,#22d3ee0c 60%,transparent 72%);box-shadow:0 0 0 14px #22d3ee06,0 0 0 15px #22d3ee18,0 0 80px #2563eb16}
.portrait-stage{box-shadow:inset 0 2px 1px #a4edfa33,0 7px 0 -1px #244263,0 20px 30px #020b1a55}
.portrait-badge{background:#142945f0;border-color:#4e799b66;box-shadow:0 10px 28px #020b1a35;animation:brand-float 5s ease-in-out infinite}
.portrait-badge:nth-child(2){animation-delay:-2.5s}.badge-icon{background:#8de3ef;color:#13213a;box-shadow:none}
.diagnosis-card,.service-card,.step,.method-end,.system-card,.accordion details{box-shadow:var(--depth-shadow);border-bottom-width:1px!important}
.diagnosis-card:hover,.service-card:hover,.motion-ready .service-card.is-visible:hover,.motion-ready .diagnosis-card.is-visible:hover{transform:translateY(-9px);border-color:#67d8ec88;box-shadow:0 20px 34px -18px #020b1aaa}
.service-icon{box-shadow:inset 0 1px #effaff22,0 12px 24px #020b1a44;border-bottom-width:2px;color:#a3eaf4}
.client-showcase{background:#F5F7FB;color:#13213A;border-bottom:1px solid #d5e1ee}
.client-showcase .eyebrow,.client-showcase h2 span,.client-proof b,.client-proof-cta a{color:#2563EB}
.client-showcase-head p,.client-proof span{color:#526078}.logo-card{background:#fff;border-color:#d5e1ee;border-bottom-width:1px;box-shadow:0 8px 20px #13213a0b}
.diagnostic-box{background:linear-gradient(125deg,#e7f7fc,#c7e9f5);border:1px solid #c7e9f5;border-bottom-width:1px;color:#13213A;box-shadow:0 20px 42px -25px #020b1a88}
.diagnostic-box .eyebrow,.diagnostic-box h2,.diagnostic-box h2 span,.diagnostic-box p{color:#13213A}.diagnostic-box>.btn{background:#173964;color:#f5f7fb;border-color:#173964;box-shadow:0 8px 22px #13213a22}.mini-trust span{background:#ffffff88;color:#173964;border-color:#9cc5dc}
.dialog-shell .lead-form{background:#F5F7FB;border-color:#cbd5e1;box-shadow:none;color:#13213A}.lead-form input,.lead-form select{font-family:Inter,'Segoe UI',sans-serif}
.system-object{filter:hue-rotate(100deg) saturate(.65) drop-shadow(0 10px 10px #0004)}
.operation-visual img{filter:hue-rotate(100deg) saturate(.65)}
footer{background:#081329;border-top-color:#33517266;box-shadow:none}
.motion-ready .motion-item{transform:translateY(44px);transition:opacity .85s ease,transform .95s cubic-bezier(.16,1,.3,1);transition-delay:var(--motion-delay,0ms)}
.motion-ready .motion-item.is-visible{transform:translateY(0)}
.portrait-halo{animation:halo-pulse 6s ease-in-out infinite}.portrait-orbit{animation:orbit-sway 8s ease-in-out infinite}
.service-icon{animation:icon-drift 6s ease-in-out infinite}.service-card:nth-child(even) .service-icon{animation-delay:-3s}
.path-energy{animation-duration:4.5s}.logo-track{animation-duration:38s}.btn-primary:after{animation-duration:6s}
@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes halo-pulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.04);opacity:1}}
@keyframes orbit-sway{0%,100%{transform:perspective(800px) rotateY(-9deg)}50%{transform:perspective(800px) rotateY(1deg)}}
@keyframes icon-drift{0%,100%{transform:perspective(450px) rotateX(8deg) rotateY(-9deg) translateY(0)}50%{transform:perspective(450px) rotateX(3deg) rotateY(-3deg) translateY(-7px)}}
@media(max-width:760px){.logo-track{animation-duration:35s}.motion-ready .motion-item{transform:translateY(30px)}.motion-ready .motion-item.is-visible{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .motion-item{opacity:1!important;transform:none!important}.service-card:hover,.diagnosis-card:hover,.motion-ready .service-card.is-visible:hover,.motion-ready .diagnosis-card.is-visible:hover,.btn:hover{transform:none!important}}