:root{--red:#b60712;--red2:#d61d2a;--ink:#07111f;--ink2:#101b2b;--muted:#5e6874;--line:#e5e9ee;--soft:#f5f7f9;--white:#fff;--max:1280px;--shadow:0 22px 60px rgba(8,21,38,.10);--display:"TT Lakes Neue","Eurostile Extended","Microgramma D Extended",Inter,ui-sans-serif,system-ui,sans-serif;--body:"Gotham","Avenir Next",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 52px));margin:auto}
.cinematic{position:relative;min-height:100svh;overflow:hidden;background:#eef4f7;color:var(--ink);isolation:isolate}.cinematic-media{position:absolute;inset:-3%;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 33%,rgba(255,255,255,.45) 53%,rgba(255,255,255,.05) 78%),url('/assets/hero-cyber.svg') center/cover no-repeat;transform:scale(1.045);transition:transform .25s ease-out,background-position .25s ease-out;z-index:-3}.cinematic:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(182,7,18,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(182,7,18,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 20%,#000 66%,transparent 100%);z-index:-2}.cinematic:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18vh;background:linear-gradient(transparent,#fff);z-index:-1}.cinematic-top{position:absolute;top:0;left:0;right:0;padding:28px 4vw;display:flex;align-items:center;justify-content:space-between;z-index:5}.cinematic-brand img{width:220px}.cinematic-contact{font-size:12px;font-weight:800;letter-spacing:.04em;border-bottom:1px solid rgba(7,17,31,.26);padding:9px 0}.cinematic-contact span{color:var(--red);margin-left:7px}.cinematic-copy{position:absolute;left:max(4vw,calc((100vw - var(--max))/2));top:50%;transform:translateY(-49%);width:min(720px,48vw);z-index:3}.signal{font-size:11px;letter-spacing:.24em;font-weight:900;color:var(--red);margin-bottom:22px}.cinematic h1{font-family:var(--display);font-size:clamp(54px,6vw,98px);line-height:.94;letter-spacing:.035em;margin:0;font-weight:800}.cinematic h1 em{font-style:normal;color:var(--red)}.cinematic-copy>p{font-size:clamp(17px,1.35vw,21px);color:#495568;max-width:660px;margin:28px 0 30px}.cinematic-actions{display:flex;flex-wrap:wrap;gap:12px}.cinematic-proof{position:absolute;left:max(4vw,calc((100vw - var(--max))/2));bottom:58px;z-index:3;display:flex;gap:30px;font-size:12px;font-weight:800;color:#334155}.cinematic-proof span{display:flex;align-items:center}.cinematic-proof i{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block;margin-right:9px;box-shadow:0 0 0 5px rgba(182,7,18,.08)}.motion-hint{position:absolute;right:4vw;bottom:44px;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#526071;font:700 11px/1.4 var(--body);text-align:left;cursor:pointer;z-index:4}.mouse{width:28px;height:42px;border:1.5px solid #4f5d6b;border-radius:15px;display:block;position:relative}.mouse b{width:3px;height:8px;background:var(--red);border-radius:4px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:wheel 1.5s infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%,-2px)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,9px)}}.hud{position:absolute;color:#a4111a;font-size:10px;letter-spacing:.12em;font-weight:900;z-index:2}.hud span{width:10px;height:10px;border:2px solid var(--red);border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 0 6px rgba(182,7,18,.07)}.hud:after{content:"";position:absolute;top:7px;height:1px;background:rgba(182,7,18,.25)}.hud-one{right:23%;top:18%}.hud-one:after{width:110px;left:-118px}.hud-two{right:8%;top:42%}.hud-two:after{width:80px;left:-88px}.hud-three{right:28%;bottom:22%}.hud-three:after{width:95px;right:-102px}.site-shell{position:relative;background:#fff;z-index:10}.topbar{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;font-size:11px;color:#526071;background:#fff}.topbar .container{display:flex;justify-content:space-between;gap:20px}.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,233,238,.9)}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:208px;height:auto}.menu{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:800}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--red);transition:.25s}.menu a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:4px;border:1px solid #cfd5dc;font-size:12px;font-weight:900;letter-spacing:.02em;background:#fff;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(13,23,38,.08)}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.glass{background:rgba(255,255,255,.58);backdrop-filter:blur(10px);border-color:rgba(42,55,70,.25)}.hamb{display:none;background:none;border:0;width:38px;padding:7px}.hamb span{display:block;height:2px;background:var(--ink);margin:6px 0}.section{padding:92px 0}.section.compact{padding:70px 0}.section.alt{background:var(--soft)}.brand-intro{border-bottom:1px solid var(--line)}.brand-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}.brand-intro h2{font-family:var(--display);font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:.015em;margin:11px 0 0}.brand-intro p{font-size:18px;color:var(--muted);margin:0 0 18px}.text-link{color:var(--red);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.section-head{max-width:820px;margin-bottom:42px}.section-head h2{font-family:var(--display);font-size:clamp(38px,4.2vw,58px);line-height:1.04;letter-spacing:.012em;margin:7px 0 13px}.section-head p{color:var(--muted);font-size:17px}.kicker{color:var(--red);font-size:11px;letter-spacing:.18em;font-weight:900;text-transform:uppercase}.kicker.light{color:#ff6670}.grid{display:grid;gap:16px}.grid.services{grid-template-columns:repeat(4,1fr)}.card{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;padding:28px;min-height:280px;transition:.28s;overflow:hidden}.card:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.28s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d7dce2}.card:hover:before{transform:scaleX(1)}.service-index{position:absolute;right:20px;top:18px;font:800 11px var(--display);letter-spacing:.08em;color:#adb5bf}.icon{width:50px;height:50px;border-radius:50%;background:#fff4f4;border:1px solid #f3cdd0;display:grid;place-items:center;color:var(--red);font-weight:900;font-size:21px}.card h3{font-family:var(--display);font-size:20px;line-height:1.15;margin:22px 0 10px;letter-spacing:.01em}.card p{color:var(--muted);font-size:14px;min-height:65px}.more{color:var(--red);font-weight:900;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.segments{grid-template-columns:repeat(3,1fr)}.segment{padding:34px;border:1px solid var(--line);border-radius:10px;background:#fff}.segment-tag{font:900 11px var(--display);letter-spacing:.12em;color:var(--red)}.segment h3{font-family:var(--display);font-size:27px;margin:10px 0 8px}.segment p{color:var(--muted)}.segment ul{padding-left:18px;color:#4b5563}.standards-section{background:linear-gradient(180deg,#fff 0,#fbfcfd 100%)}.standards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.standard{border:1px solid var(--line);border-radius:8px;padding:21px 12px;text-align:center;background:#fff}.standard b{display:block;font-family:var(--display);font-size:17px;letter-spacing:.03em}.standard span{display:block;font-size:11px;color:#6b7280;margin-top:7px}.section-link{margin-top:22px}.why-section{background:#fff}.why{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:stretch}.whybox{background:linear-gradient(140deg,#07111f,#111f31);color:#fff;padding:46px;border-radius:12px;box-shadow:var(--shadow);position:relative;overflow:hidden}.whybox:after{content:"Z";position:absolute;right:-25px;bottom:-115px;font:900 300px/1 var(--display);color:rgba(255,255,255,.025)}.whybox h3{font-family:var(--display);font-size:39px;line-height:1.05;margin:9px 0 18px;position:relative;z-index:1}.whybox p{color:#d0d7df;position:relative;z-index:1}.whybox .btn{position:relative;z-index:1;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat{padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff}.stat strong{display:block;color:var(--red);font:800 35px var(--display)}.stat b{display:block;margin-top:6px}.stat p{color:#6b7280;font-size:13px}.industries-grid{grid-template-columns:repeat(4,1fr)}.industry{border-top:1px solid var(--ink);padding:22px 5px 0}.industry span{font:800 11px var(--display);color:var(--red)}.industry h3{font-family:var(--display);font-size:23px;line-height:1.1}.industry p{color:var(--muted);font-size:14px}.cta{background:linear-gradient(110deg,#fff 0%,#fff5f5 53%,#f7dfe1 100%);border:1px solid #f0c8cb;border-radius:12px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;position:relative}.cta:after{content:"";position:absolute;right:-50px;top:-120px;width:340px;height:340px;border:1px solid rgba(182,7,18,.14);border-radius:50%;pointer-events:none}.cta h2{font-family:var(--display);font-size:36px;line-height:1.05;margin:9px 0 9px}.cta p{color:var(--muted);margin:0;max-width:680px}.footer{background:#07111f;color:#d4dae2;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer h4{color:#fff}.footer a{display:block;margin:8px 0;color:#c4cbd4;font-size:13px}.footer .logo{filter:brightness(0) invert(1)}.footer p{max-width:390px;color:#aeb7c2}.copy{border-top:1px solid #253244;margin-top:38px;padding-top:20px;font-size:11px;color:#8f9aa8}.subhero{padding:84px 0 64px;background:linear-gradient(120deg,#fff,#f6f8fa)}.subhero h1{font-family:var(--display);font-size:clamp(42px,5vw,70px);line-height:1.04;margin:0 0 20px}.subhero p{font-size:19px;color:#5b6470;max-width:780px}.content{max-width:860px}.content h2{font-family:var(--display);font-size:34px;margin-top:46px}.content h3{font-size:22px;margin-top:28px}.content p,.content li{color:#4b5563}.content ul{padding-left:22px}.crumb{font-size:12px;color:#7b8490;margin-bottom:16px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #d8dde3;border-radius:6px;font:inherit}.form textarea{min-height:150px}.notice{font-size:12px;color:#6b7280}.fadein{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.fadein.in{opacity:1;transform:none}
@media(max-width:1050px){.cinematic-copy{width:min(720px,58vw)}.cinematic h1{font-size:clamp(48px,6vw,78px)}.hud{display:none}.menu{display:none}.hamb{display:block}.nav-cta{margin-left:auto}.menu.show{display:flex;position:absolute;top:78px;left:24px;right:24px;flex-direction:column;align-items:flex-start;background:#fff;padding:22px;border:1px solid var(--line);box-shadow:var(--shadow)}.grid.services{grid-template-columns:repeat(2,1fr)}.standards{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr}.segments{grid-template-columns:1fr}.industries-grid{grid-template-columns:repeat(2,1fr)}.brand-intro-grid{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.contactgrid{grid-template-columns:1fr}}
@media(max-width:760px){.container{width:min(var(--max),calc(100% - 30px))}.cinematic{min-height:100svh}.cinematic-media{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 48%,rgba(255,255,255,.42) 100%),url('/assets/hero-cyber.svg') 66% center/cover no-repeat}.cinematic-top{padding:20px 18px}.cinematic-brand img{width:172px}.cinematic-contact{display:none}.cinematic-copy{left:18px;right:18px;top:47%;width:auto}.signal{font-size:9px;letter-spacing:.16em}.cinematic h1{font-size:clamp(43px,12.3vw,62px);line-height:.96}.cinematic-copy>p{font-size:16px;max-width:92%;margin:20px 0 24px}.cinematic-actions{align-items:stretch;flex-direction:column;width:min(360px,92%)}.cinematic-actions .btn{width:100%}.cinematic-proof{left:18px;right:18px;bottom:22px;gap:9px;flex-wrap:wrap;font-size:9px}.cinematic-proof span:nth-child(3){display:none}.motion-hint{display:none}.topbar{display:none}.navin{height:68px}.logo{width:168px}.nav-cta{display:none}.menu.show{top:68px}.section{padding:68px 0}.section.compact{padding:54px 0}.grid.services{grid-template-columns:1fr}.standards{grid-template-columns:repeat(2,1fr)}.industries-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cta{padding:30px;align-items:flex-start;flex-direction:column}.whybox{padding:34px}.stats{grid-template-columns:1fr 1fr}.section-head h2,.brand-intro h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fadein{opacity:1;transform:none;transition:none}.mouse b{animation:none}.cinematic-media{transition:none}}
/* Phase 3 premium cinematic hero: mirrors the approved visual reference. */
.premium-hero{min-height:100svh;background:#0b1218;overflow:hidden;position:relative}
.premium-hero-image{position:absolute;inset:0;background-image:url('/assets/hero-premium.png');background-repeat:no-repeat;background-position:center center;background-size:cover;transform:scale(1.001);transition:transform .35s ease-out,filter .35s ease-out}
.premium-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,13,.06),rgba(3,8,13,.02) 70%,rgba(3,8,13,.18));z-index:1}
.premium-a11y-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.hero-hotspot{position:absolute;z-index:5;background:transparent;border:0;cursor:pointer}
.hero-home{left:0;top:1.2%;width:18%;height:11%}
.hero-about{left:33.5%;top:1.3%;width:7.8%;height:9.5%}
.hero-services{left:41.4%;top:1.3%;width:8.5%;height:9.5%}
.hero-solutions{left:50.0%;top:1.3%;width:8.5%;height:9.5%}
.hero-industries{left:58.5%;top:1.3%;width:9%;height:9.5%}
.hero-insights{left:67.4%;top:1.3%;width:8.5%;height:9.5%}
.hero-contact{left:76%;top:1.3%;width:8.5%;height:9.5%}
.hero-talk{right:0;top:1.0%;width:10.5%;height:10.5%}
.hero-explore{left:4.2%;top:66%;width:16.5%;height:11%}
.hero-hotspot:focus-visible{outline:2px solid #fff;outline-offset:-3px;border-radius:3px;background:rgba(196,13,26,.08)}
.hero-scroll-cue{display:none}
@media(min-aspect-ratio:16/9){.premium-hero-image{background-size:cover;background-position:center 42%}}
@media(max-width:900px){
  .premium-hero{min-height:100svh;background:linear-gradient(160deg,#101922,#2a3137 60%,#8d5a3d)}
  .premium-hero-image{background-size:auto 100%;background-position:center top;filter:saturate(.92) brightness(.96)}
  .hero-hotspot{display:none}.hero-scroll-cue{display:flex;position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:6;align-items:center;gap:10px;color:#fff;font-size:10px;letter-spacing:.13em}.hero-scroll-cue span{width:24px;height:38px;border:1px solid rgba(255,255,255,.75);border-radius:14px;position:relative}.hero-scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;border-radius:3px;background:#fff;left:50%;top:7px;transform:translateX(-50%);animation:wheel 1.5s infinite}
}

/* Phase 4 visual system: modern technical typography + service graphics */
:root{
  --display:"Space Grotesk","TT Lakes Neue",Inter,ui-sans-serif,system-ui,sans-serif;
  --body:"Manrope","Gotham",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --red:#c40d1a;--red2:#e31a2a;--ink:#07111f;--ink2:#111d2b;--soft:#f6f8fb;
  --shadow:0 24px 70px rgba(8,21,38,.12)
}
body{font-family:var(--body);letter-spacing:-.01em}
.cinematic h1,.brand-intro h2,.section-head h2,.subhero h1,.content h2,.whybox h3,.cta h2,.segment h3,.industry h3,.card h3{font-family:var(--display)}
.brand-intro h2,.section-head h2,.subhero h1,.whybox h3,.cta h2{letter-spacing:-.035em}
.menu,.btn,.kicker,.more,.service-index,.segment-tag{letter-spacing:.04em}

/* Make the photographic hero read as a premium tech brand rather than a poster. */
.premium-hero-image{filter:saturate(.94) contrast(1.02)}
.premium-hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(circle at 18% 50%,rgba(0,0,0,.28),transparent 34%),
  linear-gradient(90deg,rgba(3,8,13,.18),transparent 48%,rgba(3,8,13,.04) 75%)}
.premium-hero:after{z-index:2}

/* Service card graphics */
.grid.services{gap:22px}
.service-card{padding:0 26px 27px;min-height:390px;border-radius:16px;border-color:#e1e6ec;background:linear-gradient(180deg,#fff 0%,#fff 74%,#fbfcfe 100%)}
.service-card .service-index{top:18px;right:20px;z-index:2;color:#8d98a6;background:rgba(255,255,255,.88);padding:4px 7px;border-radius:999px;border:1px solid #e7ebef}
.service-visual{height:150px;margin:0 -26px 26px;overflow:hidden;border-radius:16px 16px 0 0;border-bottom:1px solid #e6eaf0;position:relative;background:#f8fafc}
.service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 38%,rgba(196,13,26,.035) 38%,rgba(196,13,26,.035) 62%,transparent 62%);pointer-events:none}
.service-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.service-card h3{font-size:22px;margin:0 0 10px;letter-spacing:-.025em}
.service-card p{font-size:14px;line-height:1.65;min-height:72px;margin-bottom:17px}
.service-card:hover{transform:translateY(-8px);box-shadow:0 28px 65px rgba(8,21,38,.13);border-color:#d8dde4}
.service-card:hover .service-visual img{transform:scale(1.045)}
.service-card:before{height:4px}
.service-card .more{display:inline-flex;align-items:center;gap:7px}

/* Premium section treatment */
.section{padding:104px 0}
.section-head{max-width:860px;margin-bottom:48px}
.section-head h2{font-size:clamp(40px,4.15vw,60px)}
.section-head p{max-width:760px;line-height:1.7}
.brand-intro{background:linear-gradient(180deg,#fff,#fcfdff)}
.segment,.standard,.stat{border-radius:14px;transition:.25s ease}
.segment:hover,.standard:hover,.stat:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(8,21,38,.08);border-color:#d9dee5}
.whybox{border-radius:18px;background:
 radial-gradient(circle at 85% 18%,rgba(196,13,26,.20),transparent 30%),
 linear-gradient(145deg,#07111f,#111d2d 62%,#0b1522)}
.cta{border-radius:18px}

/* Subpages inherit the modern technical identity. */
.subhero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f6f8fb 70%,#fff4f4 100%)}
.subhero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(196,13,26,.09);border-radius:50%;right:-130px;top:-180px;box-shadow:0 0 0 70px rgba(196,13,26,.025),0 0 0 140px rgba(196,13,26,.018)}
.subhero .container{position:relative;z-index:1}
.subhero h1{font-weight:700}
.content h2{letter-spacing:-.03em}

@media(max-width:1050px){.service-card{min-height:360px}.service-visual{height:140px}}
@media(max-width:760px){.section{padding:76px 0}.service-card{min-height:0}.service-visual{height:165px}.section-head h2{font-size:40px}}


/* Phase 5: WhatsApp conversion UX + local trust signals */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:999px;background:#fff;color:#0c1724;border:1px solid rgba(7,17,31,.12);box-shadow:0 16px 40px rgba(7,17,31,.18);font:700 13px/1 var(--body);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(7,17,31,.23);border-color:rgba(37,211,102,.48)}
.wa-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#25D366;flex:0 0 auto}.wa-icon svg{width:22px;height:22px;fill:#fff}.wa-label{padding-right:2px}
.footer-contact-inline{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid #253244;font-size:12px}.footer-contact-inline span,.footer-contact-inline a{color:#b9c2ce;margin:0}.footer-contact-inline a:hover{color:#fff}
.direct-contact{margin-top:34px;padding:26px;border:1px solid #e0e5eb;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc)}.direct-contact h2{margin-top:0}.contact-methods{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}.contact-methods a{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #e2e7ed;border-radius:10px;background:#fff;color:#101b29}.contact-methods a:hover{border-color:#cbd2da;box-shadow:0 10px 28px rgba(8,21,38,.07)}.contact-methods strong{font-family:var(--display)}.contact-methods span{color:#5d6876;text-align:right}.wa-contact-card strong{color:#128c4c}.contact-address{font-size:14px;color:#5a6572}
@media(max-width:760px){.whatsapp-float{right:14px;bottom:14px;padding:8px}.wa-label{display:none}.wa-icon{width:42px;height:42px}.footer-contact-inline{gap:10px;flex-direction:column;align-items:flex-start}.contact-methods a{flex-direction:column;gap:4px}.contact-methods span{text-align:left}}


/* Phase 6: hybrid light + technical service palette */
#services{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 50%,#ffffff 100%);overflow:hidden}
#services:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(14,28,46,.055) 1px,transparent 0);background-size:28px 28px;mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
#services .container{position:relative;z-index:1}
#services .section-head{max-width:900px}
#services .section-head h2{max-width:850px}
.grid.services{gap:24px}
.service-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:0 27px 29px;min-height:410px;box-shadow:0 8px 30px rgba(8,21,38,.045)}
.service-card:before{height:3px;background:linear-gradient(90deg,var(--red),#ff5965 42%,#65bdf6 100%)}
.service-card .service-index{top:16px;right:18px;background:#fff;color:#6f7d8c;border:1px solid rgba(255,255,255,.55);box-shadow:0 5px 16px rgba(5,15,28,.16);z-index:3}
.service-visual{height:168px;margin:0 -27px 27px;border:0;border-radius:18px 18px 0 0;background:linear-gradient(140deg,#08131f,#0c2138 62%,#101b2b);overflow:hidden;position:relative}
.service-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(58,156,231,.16),transparent 31%),radial-gradient(circle at 15% 85%,rgba(212,18,34,.20),transparent 34%)}
.service-visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(103,180,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(103,180,235,.045) 1px,transparent 1px);background-size:24px 24px;opacity:.75}
.service-visual img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}
.service-card h3{color:#0b1726;font-size:22px;line-height:1.12;min-height:49px;margin:0 0 11px}
.service-card p{color:#5f6b79;line-height:1.7;min-height:78px;margin:0 0 18px}
.service-card .more{color:var(--red);font-weight:800}
.service-card:hover{transform:translateY(-7px);border-color:#cfd8e2;box-shadow:0 25px 62px rgba(8,21,38,.12)}
.service-card:hover .service-visual img{transform:scale(1.035)}
.service-card:hover .more{color:#9f0711}
@media(max-width:1050px){.service-card{min-height:390px}.service-visual{height:155px}}
@media(max-width:760px){.grid.services{gap:18px}.service-card{min-height:0}.service-card h3{min-height:0}.service-card p{min-height:0}.service-visual{height:175px}}

.cta>*{position:relative;z-index:1}

/* Phase 8: Zyberon Threat Pulse */
.threat-pulse{background:#08131f;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:8}
.threat-pulse-inner{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.threat-pulse-label{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;white-space:nowrap}.threat-pulse-label strong{font:800 12px/1 var(--display);letter-spacing:.12em}.threat-pulse-label small{grid-column:2;color:#8e9aaa;font-size:9px;letter-spacing:.12em;margin-top:4px}.live-dot{width:8px;height:8px;border-radius:50%;background:#e31a2a;box-shadow:0 0 0 5px rgba(227,26,42,.13);animation:pulseDot 1.6s infinite}.threat-ticker{min-width:0;overflow:hidden}.threat-ticker-item{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}.threat-ticker-item strong{font:700 13px var(--display);white-space:nowrap}.threat-ticker-copy{font-size:13px;color:#c8d0d9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.severity{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:6px 9px;border-radius:999px;font:800 9px/1 var(--display);letter-spacing:.08em}.severity.critical{background:#c8102e;color:#fff}.severity.high{background:#ff6b35;color:#fff}.severity.medium{background:#f2b134;color:#09131f}.severity.kev{background:#172b42;color:#dce9f7;border:1px solid #375774}.kev-badge{font:800 9px/1 var(--display);letter-spacing:.08em;color:#ff6673;white-space:nowrap}.ticker-arrow{color:#ff4553}.threat-pulse-link{font:800 10px var(--display);letter-spacing:.06em;color:#fff;white-space:nowrap}.threat-pulse-link:hover{color:#ff4a58}@keyframes pulseDot{50%{box-shadow:0 0 0 9px rgba(227,26,42,0)}}
.threat-highlights{background:linear-gradient(180deg,#f8fafc,#fff)}.threat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.threat-card{border:1px solid #dde4ec;border-radius:17px;padding:26px;background:#fff;box-shadow:0 12px 34px rgba(8,21,38,.055);transition:.25s}.threat-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(8,21,38,.10)}.threat-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.threat-date{font-size:11px;color:#8994a1}.threat-card h3{font:800 25px var(--display);margin:20px 0 7px;color:#0a1624}.threat-card h4{font:700 15px/1.45 var(--display);margin:0 0 12px;color:#1f2b39}.threat-card p{color:#66717e;font-size:13px;line-height:1.65;min-height:86px}.threat-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.threat-meta span{padding:6px 8px;border-radius:7px;background:#f1f4f7;color:#53606e;font:700 9px var(--display);letter-spacing:.04em}.threat-empty{grid-column:1/-1;padding:24px;border:1px dashed #cbd4de;border-radius:14px;color:#697684;background:#fff}
.intel-hero{padding-bottom:52px}.intel-intro{max-width:820px}.intel-source-note{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.intel-source-note span{padding:8px 10px;border:1px solid #dfe5ec;border-radius:999px;background:#fff;font:700 10px var(--display);color:#5a6775}.intel-list{display:grid;gap:12px}.intel-row{display:grid;grid-template-columns:92px 150px 1fr 150px;gap:18px;align-items:start;padding:20px;border:1px solid #e0e6ed;border-radius:14px;background:#fff}.intel-cve{font:800 15px var(--display);color:#0b1726}.intel-date{display:block;font-size:10px;color:#8b96a2;margin-top:5px}.intel-row strong{font:700 14px/1.4 var(--display);color:#172332}.intel-row p{font-size:12px;line-height:1.6;color:#697582;margin:7px 0 0}.intel-action{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:11px;color:#5b6875}.intel-action a{font-weight:800;color:var(--red)}
@media(max-width:980px){.threat-pulse-inner{grid-template-columns:auto 1fr}.threat-pulse-link{display:none}.kev-badge{display:none}.threat-grid{grid-template-columns:1fr}.intel-row{grid-template-columns:82px 130px 1fr}.intel-action{grid-column:3}}
@media(max-width:700px){.threat-pulse-inner{grid-template-columns:1fr;gap:10px;padding-top:14px;padding-bottom:14px}.threat-pulse-label small{display:none}.threat-ticker-item{gap:8px}.threat-ticker-copy{font-size:12px}.severity{min-width:60px}.intel-row{grid-template-columns:1fr}.intel-action{grid-column:auto}.threat-card p{min-height:0}}
/* Phase 8B: ensure Threat Pulse is visibly integrated directly under the cinematic hero */
.threat-loading{color:#c8d0d9;font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.threat-pulse{box-shadow:0 10px 30px rgba(5,15,28,.18)}
.threat-pulse-inner{max-width:1440px}
@media (min-width:1100px){.threat-pulse-inner{min-height:78px}.threat-pulse-label strong{font-size:13px}.threat-ticker-item strong{font-size:14px}.threat-ticker-copy{font-size:14px}}

/* Phase 9: threat prioritization and consistent vulnerability cards */
.threat-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.priority-badge{display:inline-flex;align-items:center;padding:6px 8px;border-radius:999px;font:800 8px/1 var(--display);letter-spacing:.075em;white-space:nowrap;border:1px solid transparent}
.priority-badge.immediate{background:#2a0710;color:#ff6471;border-color:#7f1523}
.priority-badge.high{background:#201406;color:#ffb56f;border-color:#704019}
.priority-badge.priority{background:#0f2438;color:#a9d5ff;border-color:#315676}
.threat-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:86px;max-height:86px}
.threat-card{display:flex;flex-direction:column;min-height:448px}.threat-card .threat-meta{margin-top:auto}.threat-card .more{margin-top:0}
.intel-action .priority-badge{margin-bottom:1px}
@media(max-width:700px){.threat-card{min-height:0}.threat-description{min-height:0;max-height:none;-webkit-line-clamp:5}}

/* Phase 10: responsive system for mobile, tablet and variable desktop widths */
html,body{max-width:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%}
.container{width:min(var(--max),calc(100% - clamp(30px,5vw,64px)))}

/* Desktop hero remains cinematic; use true HTML content on narrower screens. */
.mobile-hero-brand,.mobile-hero-kicker,.mobile-hero-actions{display:none}

@media (max-width:1180px){
  .navin{gap:16px}
  .logo{width:184px}
  .menu{gap:17px;font-size:11px}
  .nav-cta{padding:11px 14px}
  .grid.services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .standards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:980px){
  .navin{height:70px}
  .menu{display:none}
  .hamb{display:block;flex:0 0 auto}
  .nav-cta{margin-left:auto}
  .menu.show{display:flex;position:absolute;top:70px;left:clamp(15px,4vw,32px);right:clamp(15px,4vw,32px);flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:10px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:calc(100vh - 90px);overflow:auto}
  .menu.show a{padding:13px 12px;border-bottom:1px solid #eef1f4}
  .menu.show a:last-child{border-bottom:0}
  .menu.show a:after{display:none}
  .brand-intro-grid,.why,.contactgrid{grid-template-columns:1fr}
  .brand-intro-grid{gap:28px}
  .segments{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .cta{gap:24px}
}

@media (max-width:1200px), (max-aspect-ratio:5/3){
  .premium-hero{min-height:760px;height:100svh;max-height:920px;background:#07111f}
  .premium-hero-image{
    background-image:url('/assets/hero-premium.png');
    background-size:auto 100%;
    background-position:68% center;
    transform:none!important;
    filter:saturate(.9) brightness(.72) contrast(1.06)
  }
  .premium-hero:before{
    background:linear-gradient(180deg,rgba(4,10,17,.78) 0%,rgba(4,10,17,.33) 23%,rgba(4,10,17,.28) 48%,rgba(4,10,17,.9) 100%),linear-gradient(90deg,rgba(4,10,17,.86) 0%,rgba(4,10,17,.52) 62%,rgba(4,10,17,.20) 100%)
  }
  .premium-hero:after{background:linear-gradient(180deg,transparent 55%,rgba(4,10,17,.62) 100%)}
  .hero-hotspot{display:none!important}
  .premium-a11y-copy{
    clip:auto;clip-path:none;white-space:normal;overflow:visible;
    width:min(640px,calc(100% - 44px));height:auto;
    left:22px;right:22px;top:50%;transform:translateY(-47%);
    position:absolute;z-index:7;color:#fff
  }
  .mobile-hero-brand{display:block;position:absolute;left:0;bottom:calc(100% + 72px)}
  .mobile-hero-brand img{width:190px;filter:brightness(0) invert(1)}
  .mobile-hero-kicker{display:block;color:#ff525d;font:800 10px/1.3 var(--display);letter-spacing:.17em;text-transform:uppercase;margin-bottom:15px}
  .premium-a11y-copy h1{font-family:var(--display);font-size:clamp(42px,8vw,70px);line-height:.98;letter-spacing:-.045em;margin:0;color:#fff}
  .premium-a11y-copy h1 em{font-style:normal;color:#ef2633}
  .premium-a11y-copy p{font-size:clamp(15px,2.7vw,18px);line-height:1.65;color:#e4e9ee;max-width:580px;margin:22px 0 27px}
  .mobile-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
  .mobile-hero-actions .btn{min-height:46px}
  .mobile-hero-contact{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.42);color:#fff;backdrop-filter:blur(8px)}
  .hero-scroll-cue{display:flex;bottom:18px}
  .threat-pulse-inner{grid-template-columns:1fr;gap:10px;padding:15px 0}
  .threat-pulse-link{display:none}
  .threat-pulse-label{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .threat-pulse-label small{width:100%;margin-left:17px}
  .threat-ticker-item{flex-wrap:wrap;gap:7px 9px}
  .threat-ticker-copy{width:100%;order:5;white-space:normal;line-height:1.45}
  .kev-badge{display:none}
}

@media (max-width:700px){
  .container{width:calc(100% - 30px)}
  .premium-hero{min-height:680px;height:100svh;max-height:850px}
  .premium-hero-image{background-position:67% center;background-size:auto 100%}
  .premium-a11y-copy{width:calc(100% - 32px);left:16px;right:16px;top:51%}
  .mobile-hero-brand{bottom:calc(100% + 58px)}
  .mobile-hero-brand img{width:155px}
  .premium-a11y-copy h1{font-size:clamp(38px,11vw,56px)}
  .premium-a11y-copy p{font-size:15px;margin:18px 0 22px}
  .mobile-hero-actions{flex-direction:column;align-items:stretch;max-width:330px}
  .mobile-hero-actions .btn{width:100%}
  .hero-scroll-cue b{display:none}
  .hero-scroll-cue{bottom:12px}
  .topbar{display:none}
  .navin{height:64px}
  .logo{width:150px}
  .nav-cta{display:none}
  .menu.show{top:64px}
  .section{padding:62px 0}
  .section.compact{padding:50px 0}
  .section-head{margin-bottom:30px}
  .section-head h2,.brand-intro h2{font-size:clamp(32px,9vw,42px);line-height:1.05}
  .brand-intro p,.section-head p{font-size:15px}
  .grid.services,.standards,.industries-grid,.stats,.footer-grid{grid-template-columns:1fr}
  .service-card{min-height:0}
  .service-visual{height:160px}
  .segment,.stat,.card{padding-left:22px;padding-right:22px}
  .whybox{padding:28px 24px}
  .whybox h3{font-size:32px}
  .cta{padding:26px 22px;align-items:flex-start;flex-direction:column}
  .cta h2{font-size:31px}
  .cta .btn{width:100%}
  .footer{padding-top:48px}
  .footer-grid{gap:22px}
  .subhero{padding:58px 0 44px}
  .subhero h1{font-size:clamp(36px,10vw,48px)}
  .subhero p{font-size:16px}
  .content h2{font-size:29px}
  .contactgrid{gap:28px}
  .form input,.form textarea,.form select{font-size:16px}
  .threat-grid{grid-template-columns:1fr}
  .threat-card{min-height:0;padding:22px}
  .threat-description{min-height:0;max-height:none;-webkit-line-clamp:5}
  .intel-row{grid-template-columns:1fr;gap:10px}
  .intel-action{grid-column:auto}
  .whatsapp-float{right:12px;bottom:12px}
}

@media (max-width:420px){
  .premium-hero{min-height:650px}
  .premium-hero-image{background-position:66% center}
  .mobile-hero-kicker{font-size:9px;letter-spacing:.13em}
  .premium-a11y-copy h1{font-size:clamp(35px,10.7vw,45px)}
  .premium-a11y-copy p{font-size:14px}
  .mobile-hero-brand img{width:140px}
  .section{padding:54px 0}
  .section-head h2,.brand-intro h2{font-size:32px}
  .service-visual{height:145px}
  .threat-pulse-label strong{font-size:11px}
  .threat-pulse-label small{font-size:9px}
  .threat-ticker-item strong{font-size:12px}
  .severity{min-width:auto}
}

@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .premium-hero{min-height:560px;height:100vh}
  .premium-a11y-copy{top:54%;width:min(560px,60%)}
  .mobile-hero-brand{bottom:calc(100% + 34px)}
  .mobile-hero-brand img{width:130px}
  .premium-a11y-copy h1{font-size:40px}
  .premium-a11y-copy p{font-size:13px;margin:12px 0 15px;max-width:480px}
  .mobile-hero-actions{flex-direction:row}
  .mobile-hero-actions .btn{width:auto;min-height:40px;padding:10px 14px}
  .hero-scroll-cue{display:none}
}

/* Phase 11: approved premium service visuals + robust hero fitting */
.service-card .service-index{display:none}
.service-visual{height:176px;background:#f5f7fa}
.service-visual:before,.service-visual:after{display:none}
.service-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:scale(1.002)}
.service-card:hover .service-visual img{transform:scale(1.025)}
.service-card{box-shadow:0 10px 34px rgba(8,21,38,.055)}

/* Desktop: preserve the complete approved cinematic artwork instead of cropping it. */
@media (min-width:1201px){
  .premium-hero{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:1404/695;
    background:#07111f;
  }
  .premium-hero-image{
    inset:0;
    background-image:url('/assets/hero-premium.png');
    background-repeat:no-repeat;
    background-position:center center!important;
    background-size:100% 100%!important;
    transform:none!important;
    filter:none!important;
  }
  .premium-hero:before{background:linear-gradient(180deg,rgba(3,8,13,.02),rgba(3,8,13,.02) 75%,rgba(3,8,13,.06))}
  .premium-hero:after{background:none}
  .hero-hotspot{display:block!important}
  .hero-scroll-cue{display:none!important}
  .mobile-hero-brand,.mobile-hero-kicker,.mobile-hero-actions{display:none!important}
  .premium-a11y-copy{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
  }
}

/* Tablet and mobile: use the clean photographic crop, with real HTML headline/navigation. */
@media (max-width:1200px){
  .premium-hero-image{
    background-image:url('/assets/hero-mobile.webp')!important;
    background-size:cover!important;
    background-position:center center!important;
    filter:saturate(.92) brightness(.72) contrast(1.06)!important;
  }
}
@media (max-width:700px){
  .premium-hero-image{background-position:58% center!important}
  .service-visual{height:188px}
}
@media (max-width:420px){
  .service-visual{height:170px}
}


/* Phase 12 production, conversion and responsive hardening */
:root{--focus:#2563eb}
:focus-visible{outline:3px solid rgba(37,99,235,.42);outline-offset:3px;border-radius:4px}
.hero-real-nav{position:absolute;top:0;left:0;right:0;z-index:30;background:rgba(4,10,17,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
.hero-real-nav .hero-nav-inner{height:88px;display:flex;align-items:center;gap:28px}.hero-real-nav .hero-logo{width:188px;filter:brightness(0) invert(1);flex:0 0 auto}.hero-real-nav .hero-menu{margin-left:auto;display:flex;gap:24px;align-items:center;color:#fff;font:700 11px/1 var(--display);letter-spacing:.03em}.hero-real-nav .hero-menu a{opacity:.9}.hero-real-nav .hero-menu a:hover{opacity:1;color:#ff5863}.hero-real-nav .hero-nav-cta{margin-left:8px}.hero-real-nav .hamb span{background:#fff}
.premium-hero .hero-hotspot{display:none!important}
@media(min-width:1201px){.premium-hero:before{background:linear-gradient(180deg,rgba(3,8,13,.44) 0,rgba(3,8,13,.06) 18%,rgba(3,8,13,.01) 48%,rgba(3,8,13,.06) 100%)!important}.premium-hero-image{background-image:image-set(url('/assets/hero-premium.avif') type('image/avif'),url('/assets/hero-premium.webp') type('image/webp'),url('/assets/hero-premium.png') type('image/png'))!important}}
@media(max-width:1200px){.hero-real-nav{background:rgba(4,10,17,.86)}.hero-real-nav .hero-menu{display:none}.hero-real-nav .hero-nav-cta{display:none}.hero-real-nav .hamb{display:block;margin-left:auto}.hero-real-nav .hero-menu.show{display:flex;position:absolute;top:76px;left:16px;right:16px;background:#08131f;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 60px rgba(0,0,0,.32)}.hero-real-nav .hero-menu.show a{padding:13px;border-bottom:1px solid rgba(255,255,255,.09)}.hero-real-nav .hero-nav-inner{height:76px}.hero-real-nav .hero-logo{width:154px}.premium-a11y-copy{padding-top:70px}}
@media(max-width:700px){.hero-real-nav .hero-nav-inner{height:68px}.hero-real-nav .hero-menu.show{top:68px}.hero-real-nav .hero-logo{width:138px}.premium-a11y-copy{padding-top:58px}}

.rich-content{max-width:900px}.rich-content h2{font:700 clamp(28px,3vw,38px)/1.15 var(--display);margin:52px 0 16px}.rich-content h3{font:700 22px/1.25 var(--display);margin:30px 0 10px}.rich-content p,.rich-content li{color:#4f5d6c;font-size:16px;line-height:1.75}.rich-content ul,.rich-content ol{padding-left:22px}.rich-content .lead{font-size:19px;color:#344255}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.feature-box{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff}.feature-box h3{font-size:18px;margin:0 0 8px}.feature-box p{font-size:14px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.process-step{border-top:3px solid var(--red);background:#f8fafc;padding:22px;border-radius:8px}.process-step b{display:block;font:800 11px var(--display);color:var(--red);letter-spacing:.08em}.process-step h3{font-size:18px;margin:9px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fff}.related-card strong{font:700 17px var(--display)}.related-card span{display:block;color:var(--red);font-size:11px;font-weight:800;margin-top:12px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{margin:10px 0 0}
.industry-cards,.insight-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.industry-card,.insight-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff;min-height:240px}.industry-card h3,.insight-card h3{font:700 22px/1.2 var(--display);margin:10px 0}.industry-card p,.insight-card p{color:var(--muted);font-size:14px}.industry-card .more,.insight-card .more{margin-top:auto}
.lead-magnet{display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:start}.download-card{background:#07111f;color:#fff;border-radius:16px;padding:34px}.download-card p{color:#cbd5df}.download-card ul{padding-left:20px;color:#d8e0e8}.legal{max-width:900px}.legal h2{margin-top:42px}.legal p,.legal li{color:#566271;line-height:1.75}.consent-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#66717e}.consent-row input{width:auto;margin-top:4px}.turnstile-slot{min-height:1px}.form .privacy-note{font-size:11px;color:#7b8794;line-height:1.55}.form .privacy-note a{color:var(--red);font-weight:800}
.mobile-lead-bar{display:none}
@media(max-width:980px){.feature-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.industry-cards,.insight-cards{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.lead-magnet{grid-template-columns:1fr}}
@media(max-width:700px){body{padding-bottom:58px}.feature-grid,.process-grid,.industry-cards,.insight-cards,.related-grid{grid-template-columns:1fr}.mobile-lead-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr 1.25fr;left:0;right:0;bottom:0;z-index:100;background:#07111f;border-top:1px solid rgba(255,255,255,.14);padding-bottom:env(safe-area-inset-bottom)}.mobile-lead-bar a{min-height:54px;display:flex;align-items:center;justify-content:center;color:#fff;font:800 10px var(--display);letter-spacing:.04em;border-right:1px solid rgba(255,255,255,.12)}.mobile-lead-bar a:last-child{background:var(--red);border-right:0}.whatsapp-float{bottom:68px}.hero-real-nav .hamb{width:42px}.rich-content p,.rich-content li{font-size:15px}}
.ar-body{direction:rtl;text-align:right}.ar-body .menu,.ar-body .hero-menu{direction:rtl}.ar-body .footer-grid{direction:rtl}.ar-body .mobile-lead-bar{direction:rtl}

/* Phase 12B official Zyberon logo lockup
   Uses the supplied brand artwork: red Z symbol + ZYBERON wordmark only. */
.hero-real-nav .hero-nav-inner{height:116px}
.hero-real-nav .hero-logo{width:142px;height:auto;filter:none!important;object-fit:contain;display:block}
.hero-real-nav{background:rgba(4,10,17,.94)}
.logo{width:142px;height:auto;object-fit:contain}
.footer .logo{width:150px;filter:none!important}
@media(max-width:1200px){
  .hero-real-nav .hero-nav-inner{height:96px}
  .hero-real-nav .hero-menu.show{top:96px}
  .hero-real-nav .hero-logo{width:118px}
}
@media(max-width:700px){
  .hero-real-nav .hero-nav-inner{height:82px}
  .hero-real-nav .hero-menu.show{top:82px}
  .hero-real-nav .hero-logo{width:98px}
  .logo{width:112px}
}


/* Phase 12C - official Zyberon hero lockup. Preserve source artwork exactly. */
.hero-real-nav .hero-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:7px 12px;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.84);
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  line-height:0;
}
.hero-real-nav .hero-logo{
  display:block;
  width:auto !important;
  height:58px !important;
  max-width:230px;
  object-fit:contain !important;
  object-position:left center;
  filter:none !important;
  transform:none !important;
  aspect-ratio:auto !important;
}
@media(max-width:1200px){
  .hero-real-nav .hero-logo-link{padding:6px 10px}
  .hero-real-nav .hero-logo{height:49px !important;max-width:195px}
}
@media(max-width:700px){
  .hero-real-nav .hero-logo-link{padding:5px 8px;border-radius:7px}
  .hero-real-nav .hero-logo{height:42px !important;max-width:168px}
}


/* Form submission feedback */
.notice.success,.lead-status.success{display:flex;flex-direction:column;gap:5px;border:1px solid #b7d9c4;background:#f2fbf5;color:#174d2e;border-radius:10px;padding:14px 16px;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.notice.success strong,.lead-status.success strong{font:800 14px/1.3 var(--display);color:#0f5a31}
.notice.success span,.lead-status.success span{font-size:13px;line-height:1.5;color:#355b46}
.notice.error,.lead-status.error{border:1px solid #efc4c4;background:#fff5f5;color:#8d1f1f;border-radius:10px;padding:14px 16px}
.notice.sending,.lead-status.sending{border:1px solid #d6dde6;background:#f8fafc;color:#4d5c6d;border-radius:10px;padding:14px 16px}

/* Phase 12H: accessible, conversion-friendly forms */
.field-label{font:800 11px/1.25 var(--display);letter-spacing:.05em;text-transform:uppercase;color:#344054;margin:4px 0 -7px 2px}.form input:focus,.form textarea:focus,.form select:focus{outline:3px solid rgba(175,31,36,.14);border-color:#af1f24;box-shadow:0 0 0 1px rgba(175,31,36,.08)}.form input::placeholder,.form textarea::placeholder{color:#98a2b3}.turnstile-slot:not(:empty){margin:2px 0 4px}.form button:disabled{opacity:.65;cursor:not-allowed}