/* Nimbus IT V10 — interactive + content-rich */
:root{--bg:#081321;--bg2:#0d1d31;--panel:#112941;--panel2:#173553;--text:#f6faff;--muted:#c4d0df;--soft:#8da0b8;--cyan:#70efff;--blue:#6297ff;--violet:#9c7dff;--red:#ff5d73;--green:#5ff3a8;--line:rgba(255,255,255,.13);--lineSoft:rgba(255,255,255,.075);--shadow:0 30px 110px rgba(0,0,0,.28);--radius:34px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 12% 10%, rgba(112,239,255,.18), transparent 24%),radial-gradient(circle at 84% 8%, rgba(98,151,255,.18), transparent 26%),radial-gradient(circle at 78% 88%, rgba(156,125,255,.12), transparent 24%),linear-gradient(180deg,#0b1b2e 0%,#091421 45%,#0d1726 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(120deg,transparent 0 36%,rgba(255,255,255,.035) 36.08% 36.22%,transparent 36.45%),linear-gradient(120deg,transparent 0 72%,rgba(255,255,255,.025) 72.08% 72.2%,transparent 72.42%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.020) 1px,transparent 1px);background-size:100% 100%,100% 100%,116px 116px,116px 116px;opacity:.5}.noise-layer{position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:screen}#particleCanvas{position:fixed;inset:0;z-index:-3;opacity:.52;pointer-events:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 44px));margin:0 auto}.icon,.mini-svg,.tiny-svg,.radar-icon,.attack-svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:50;width:min(1180px,calc(100% - 34px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;border-radius:999px;background:rgba(9,20,34,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)}.brand img{height:34px}.nav-links{display:flex;gap:6px}.nav-links a{padding:10px 13px;border-radius:999px;color:#d7e4f0;font-size:14px;font-weight:800}.nav-links a:hover,.nav-links a.is-active{background:rgba(255,255,255,.09);color:#fff}.nav-emergency{border:0;border-radius:999px;padding:11px 16px;background:linear-gradient(135deg,var(--red),#ff874c);color:#fff;font-weight:950;cursor:pointer}section{position:relative;padding:112px 0}.section-angled:after,.wave-top:before{content:"";position:absolute;left:0;right:0;height:80px;pointer-events:none;z-index:0}.section-angled:after{bottom:-1px;background:linear-gradient(174deg,transparent 0 50%,rgba(255,255,255,.035) 50.2% 100%)}.wave-top:before{top:-1px;background:radial-gradient(80% 120px at 50% -20px,rgba(112,239,255,.07),transparent 70%)}.moving-gradient{position:absolute;inset:-20%;background:radial-gradient(circle at 20% 30%,rgba(112,239,255,.16),transparent 24%),radial-gradient(circle at 80% 20%,rgba(98,151,255,.15),transparent 25%),radial-gradient(circle at 70% 80%,rgba(156,125,255,.11),transparent 24%);animation:gradientMove 12s ease-in-out infinite alternate}@keyframes gradientMove{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.04)}}.hero{min-height:100vh;padding:150px 0 90px;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 44%;background:linear-gradient(90deg,rgba(9,20,34,1),rgba(9,20,34,.62),rgba(9,20,34,.25)),linear-gradient(180deg,rgba(9,20,34,.08),rgba(9,20,34,.72)),url("./assets/visual-hero-tech.jpg");background-size:auto,auto,cover;background-position:center,right center;filter:saturate(.95) contrast(1.05);opacity:.88}.hero-photo:after{content:"";position:absolute;inset:11% 8% 13% 12%;border-radius:48px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 38px 130px rgba(0,0,0,.26);background:linear-gradient(135deg,rgba(112,239,255,.10),transparent 38%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:10px;color:#a7f8ff;font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.eyebrow i{width:9px;height:9px;border-radius:99px;background:var(--green);box-shadow:0 0 24px var(--green)}.danger{color:#ffc1cc!important}.hero h1{margin:24px 0 22px;max-width:840px;font-size:clamp(56px,8vw,112px);line-height:.86;letter-spacing:-.08em;text-wrap:balance}.hero h1 span{display:block;background:linear-gradient(90deg,#fff,#adf8ff,#85a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:680px;margin:0;color:#d2ddeb;font-size:20px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.075);color:#fff;font-weight:950;cursor:pointer;transition:.24s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(112,239,255,.35)}.btn-primary{background:linear-gradient(135deg,#21daf2,#3d74ff);box-shadow:0 18px 48px rgba(61,116,255,.24)}.btn-danger{background:linear-gradient(135deg,var(--red),#ff874c);box-shadow:0 18px 48px rgba(255,93,115,.22)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;max-width:710px}.stat{padding:17px;border-radius:23px;background:linear-gradient(160deg,rgba(23,53,83,.70),rgba(10,24,40,.58));border:1px solid rgba(255,255,255,.11)}.stat strong{display:block;font-size:25px;letter-spacing:-.04em}.stat span{display:block;margin-top:4px;color:#9fb0c6;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.security-console{position:relative;min-height:665px;padding:22px;border-radius:46px;overflow:hidden;background:linear-gradient(180deg,rgba(17,41,65,.68),rgba(7,15,28,.84)),url("./assets/visual-command-center.jpg");background-size:auto,cover;background-position:center;border:1px solid rgba(255,255,255,.17);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06)}.security-console:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(112,239,255,.24),transparent 32%),linear-gradient(90deg,rgba(7,15,28,.84),transparent 52%,rgba(7,15,28,.76))}.console-top,.radar-shell,.console-panels{position:relative;z-index:1}.console-top{display:flex;gap:10px;align-items:center;padding:14px 15px;border-radius:18px;background:rgba(5,12,23,.75);border:1px solid rgba(255,255,255,.12)}.console-top small{margin-left:auto;color:#9fb0c6}.pulse-dot{width:10px;height:10px;border-radius:99px;background:var(--green);box-shadow:0 0 24px var(--green)}.radar-shell{position:absolute;inset:86px 26px 154px;border-radius:36px;display:grid;place-items:center;background:repeating-radial-gradient(circle,rgba(112,239,255,.18) 0 1px,transparent 1px 82px)}.radar-ring{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(112,239,255,.16);animation:spin 14s linear infinite}.radar-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(112,239,255,.24),transparent 26%,transparent)}@keyframes spin{to{transform:rotate(360deg)}}.radar-core{width:134px;height:134px;border-radius:50%;display:grid;place-items:center;color:#eaffff;background:radial-gradient(circle,rgba(112,239,255,.30),rgba(98,151,255,.12) 62%,rgba(255,255,255,.03));border:1px solid rgba(112,239,255,.26)}.radar-icon{width:58px;height:58px}.orb{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan);animation:float 4s ease-in-out infinite alternate}.o1{left:22%;top:28%}.o2{right:21%;top:44%;background:var(--blue);animation-delay:.4s}.o3{left:48%;bottom:22%;background:var(--green);animation-delay:.8s}.o4{right:36%;bottom:32%;background:var(--violet);animation-delay:1.1s}@keyframes float{to{transform:translateY(-13px)}}.console-panels{position:absolute;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.console-panels div{position:relative;padding:16px;border-radius:18px;background:rgba(5,12,23,.77);border:1px solid rgba(255,255,255,.11);overflow:hidden}.console-panels small{display:block;color:#9fb0c6;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.console-panels strong{display:block;margin-top:6px}.console-panels span{position:absolute;left:0;bottom:0;height:2px;width:72%;background:linear-gradient(90deg,var(--cyan),transparent);animation:bar 3s ease-in-out infinite alternate}@keyframes bar{to{width:98%}}.section-head{display:grid;grid-template-columns:.78fr 1.1fr;gap:42px;align-items:end;margin-bottom:42px}.section-head h2,.approach-copy h2,.ecosystem-copy h2,.threat-hero h2,.urgency-copy h2,.emergency-copy h2,.contact-copy h2,.deep-head h2{margin:0;color:#fff;font-size:clamp(40px,5vw,74px);line-height:.94;letter-spacing:-.064em;text-wrap:balance}.section-head p,.approach-copy p,.ecosystem-copy p,.threat-hero p,.urgency-copy p,.emergency-copy p,.contact-copy p,.deep-head p{margin:0;color:#c8d4e3;font-size:18px;line-height:1.68}.risk-map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.risk-card{position:relative;min-height:300px;padding:30px;border-radius:34px;background:linear-gradient(165deg,rgba(23,53,83,.78),rgba(12,25,42,.72));border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 80px rgba(0,0,0,.18);overflow:hidden}.risk-card:before{content:"";position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;background:rgba(112,239,255,.08);filter:blur(2px)}.risk-card:nth-child(2){transform:translateY(26px)}.risk-card span{color:#a7f8ff;font-weight:950;font-size:12px;letter-spacing:.13em}.risk-card h3{margin:92px 0 14px;font-size:29px;line-height:1.02;letter-spacing:-.05em}.risk-card p{color:#c2cedd;line-height:1.62}.section-split{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006))}.approach-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:42px;align-items:center}.approach-visual{min-height:620px;border-radius:46px;background:linear-gradient(180deg,rgba(9,20,34,.10),rgba(9,20,34,.72)),url("./assets/visual-approach-team.jpg");background-size:auto,cover;background-position:center;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);position:relative;overflow:hidden}.approach-visual:before{content:"";position:absolute;inset:26px;border-radius:34px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(112,239,255,.11),transparent 38%)}.visual-glass{position:absolute;left:28px;right:28px;bottom:28px;padding:24px;border-radius:26px;background:rgba(6,14,26,.76);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.13)}.visual-glass span{color:#a7f8ff;font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.visual-glass strong{display:block;margin-top:10px;font-size:28px;line-height:1.04;letter-spacing:-.045em}.approach-copy h2{margin:16px 0 18px}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.principle{padding:22px;border-radius:26px;background:linear-gradient(165deg,rgba(23,53,83,.74),rgba(12,25,42,.68));border:1px solid rgba(255,255,255,.11)}.principle .mini-svg{width:34px;height:34px;color:#b9fbff}.principle h3{font-size:21px;margin:28px 0 10px;letter-spacing:-.04em}.principle p{font-size:14px;line-height:1.58;color:#c2cedd}.services-section{background:linear-gradient(180deg,rgba(112,239,255,.035),rgba(255,255,255,.006))}.service-explorer{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:stretch;padding:16px;border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.026));border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow)}.service-tabs{display:grid;gap:10px}.service-tab{border:1px solid rgba(255,255,255,.10);border-radius:23px;background:rgba(12,25,42,.74);color:#dce7f3;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:12px;padding:13px;text-align:left;cursor:pointer;transition:.25s ease}.service-tab:hover,.service-tab.is-active{background:linear-gradient(135deg,rgba(112,239,255,.14),rgba(98,151,255,.08));border-color:rgba(112,239,255,.28);color:#fff}.tab-icon{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:rgba(112,239,255,.10);color:#e2fcff}.mini-svg{width:24px;height:24px}.tiny-svg{width:18px;height:18px}.service-tab b{display:block;color:#9df5ff;font-size:12px;margin-bottom:4px;letter-spacing:.13em}.service-stage{min-height:700px;position:relative;overflow:hidden;border-radius:32px;background:rgba(7,15,28,.86);border:1px solid rgba(255,255,255,.11)}.stage-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,31,.94),rgba(8,18,31,.64)),url("./assets/visual-operations.jpg");background-size:auto,cover;background-position:center;opacity:.76}.service-panel{position:absolute;inset:0;padding:42px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s ease}.service-panel.is-active{opacity:1;transform:none;pointer-events:auto}.panel-kicker,.detail-title{color:#9df5ff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.service-panel h3{max-width:780px;margin:14px 0 14px;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.058em}.panel-lead{max-width:760px;color:#d4dfeb;font-size:17px;line-height:1.62;margin:0 0 28px}.detail-columns{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.detail-box{padding:22px;border-radius:24px;background:rgba(8,18,31,.76);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.icon-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:11px}.icon-list li{display:grid;grid-template-columns:24px 1fr;gap:10px;color:#d0dbea;line-height:1.55}.icon-list span{color:#9df5ff}.outcome-note{margin-top:18px;padding:15px;border-radius:18px;background:rgba(112,239,255,.08);border:1px solid rgba(112,239,255,.14);color:#d5e7f0;line-height:1.6}.deep-service-area{margin-top:72px}.deep-head{display:grid;grid-template-columns:.7fr 1.15fr;gap:36px;align-items:end;margin-bottom:26px}.deep-accordion-wrap{display:grid;gap:14px}.deep-accordion{border-radius:28px;background:linear-gradient(165deg,rgba(23,53,83,.74),rgba(12,25,42,.70));border:1px solid rgba(255,255,255,.10);overflow:hidden}.deep-accordion summary{cursor:pointer;list-style:none;padding:20px 22px;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center}.deep-accordion summary::-webkit-details-marker{display:none}.deep-accordion summary span{width:44px;height:44px;border-radius:16px;background:rgba(112,239,255,.10);display:grid;place-items:center;color:#e4fcff}.deep-accordion summary b{font-size:19px}.deep-accordion summary i{font-style:normal;color:#9df5ff;font-weight:950;letter-spacing:.12em}.deep-body{padding:0 22px 22px;color:#c7d4e3}.deep-body p{font-size:16px;line-height:1.65}.deep-grid{display:grid;grid-template-columns:1fr .85fr;gap:18px}.deep-grid>div{padding:18px;border-radius:20px;background:rgba(8,18,31,.54);border:1px solid rgba(255,255,255,.08)}.deep-grid h4{margin:0 0 12px;color:#9df5ff;text-transform:uppercase;font-size:12px;letter-spacing:.13em}.deep-grid li{margin:0 0 9px;line-height:1.52}.goal{margin-top:14px;padding:14px;border-radius:16px;background:rgba(112,239,255,.07);border:1px solid rgba(112,239,255,.12)}.ecosystem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.ecosystem-copy h2,.threat-hero h2,.urgency-copy h2,.emergency-copy h2,.contact-copy h2{margin:16px 0 18px}.trust-note{margin-top:26px;padding:22px;border-radius:24px;background:linear-gradient(165deg,rgba(23,53,83,.72),rgba(12,25,42,.62));border:1px solid rgba(255,255,255,.10)}.trust-note strong{font-size:19px}.trust-note p{margin:8px 0 0;font-size:15px}.partner-orbit{position:relative;min-height:520px;border-radius:46px;background:radial-gradient(circle at 50% 50%,rgba(112,239,255,.18),transparent 20%),radial-gradient(circle at 50% 50%,transparent 0 31%,rgba(112,239,255,.14) 31.2% 31.5%,transparent 31.7%),radial-gradient(circle at 50% 50%,transparent 0 44%,rgba(98,151,255,.12) 44.2% 44.5%,transparent 44.7%),linear-gradient(135deg,rgba(23,53,83,.74),rgba(12,25,42,.66));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);overflow:hidden}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:154px;height:154px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950;background:linear-gradient(135deg,rgba(112,239,255,.18),rgba(98,151,255,.12));border:1px solid rgba(112,239,255,.26)}.partner-orbit span:not(.orbit-center){position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translate(190px) rotate(calc(-1 * var(--a)));padding:12px 16px;border-radius:999px;background:rgba(6,14,26,.72);border:1px solid rgba(255,255,255,.12);font-weight:850}.threat-center{background:linear-gradient(180deg,rgba(255,93,115,.055),rgba(255,255,255,.008)),url("./assets/ambient-threat.jpg");background-size:auto,cover}.threat-hero{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:center;margin-bottom:18px;padding:34px;border-radius:46px;background:linear-gradient(135deg,rgba(23,53,83,.82),rgba(12,25,42,.72));border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow)}.threat-hero p{max-width:730px;margin-bottom:24px}.attack-visual{min-height:330px;border-radius:36px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(8,18,31,.30),rgba(8,18,31,.78)),url("./assets/visual-threat-center.jpg");background-size:auto,cover;background-position:center;border:1px solid rgba(255,255,255,.13)}.attack-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,93,115,.32),rgba(112,239,255,.11));border:1px solid rgba(255,255,255,.18)}.attack-svg{width:56px;height:56px}.attack-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 24px var(--red)}.n1{left:22%;top:26%}.n2{right:22%;top:34%;background:var(--cyan)}.n3{left:36%;bottom:20%;background:var(--blue)}.threat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.threat-tile{position:relative;min-height:240px;padding:22px;border-radius:30px;background:linear-gradient(165deg,rgba(23,53,83,.82),rgba(12,25,42,.72));border:1px solid rgba(255,255,255,.10);transition:.25s ease;overflow:hidden}.threat-tile:hover{border-color:rgba(112,239,255,.28);box-shadow:0 24px 80px rgba(112,239,255,.08)}.threat-severity{position:absolute;right:18px;top:18px;color:#ffc6ce;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.threat-icon{width:60px;height:60px;border-radius:22px;display:grid;place-items:center;background:rgba(112,239,255,.10);color:#e1fbff;border:1px solid rgba(112,239,255,.14)}.threat-tile h3{margin:28px 0 10px;font-size:23px;line-height:1.07;letter-spacing:-.04em}.threat-tile p{color:#c3cfdf;line-height:1.58}.tile-link{position:absolute;left:22px;bottom:20px;color:#9df5ff;font-weight:900;font-size:13px;display:flex;gap:8px;align-items:center}.compare-module{margin-top:28px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}.compare-box{padding:28px;border-radius:32px;background:linear-gradient(165deg,rgba(23,53,83,.82),rgba(12,25,42,.72));border:1px solid rgba(255,255,255,.10)}.compare-box span{color:#9df5ff;font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.compare-box h3{font-size:32px;margin:16px 0;letter-spacing:-.05em}.compare-box li{margin-bottom:9px;color:#c6d2e1;line-height:1.55}.vs{display:grid;place-items:center;width:70px;border-radius:24px;background:rgba(112,239,255,.10);border:1px solid rgba(112,239,255,.16);color:#9df5ff;font-weight:950;text-transform:uppercase}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-card{min-height:310px;padding:28px;border-radius:34px;background:linear-gradient(165deg,rgba(23,53,83,.80),rgba(12,25,42,.70));border:1px solid rgba(255,255,255,.10)}.case-card:nth-child(2){transform:translateY(24px)}.case-card span{color:#9df5ff;font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.case-card h3{margin:62px 0 12px;font-size:27px;line-height:1.04;letter-spacing:-.045em}.case-card p{color:#c5d1e0;line-height:1.63}.urgency-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}.steps{display:grid;gap:12px}.steps div{padding:18px;border-radius:24px;background:linear-gradient(90deg,rgba(23,53,83,.80),rgba(12,25,42,.62));border:1px solid rgba(255,255,255,.10);font-weight:850}.steps span{display:inline-grid;place-items:center;margin-right:14px;width:42px;height:42px;border-radius:15px;background:rgba(112,239,255,.10);color:#9df5ff}.emergency-section{padding:76px 0;background:linear-gradient(90deg,rgba(255,93,115,.13),rgba(112,239,255,.06))}.emergency-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:34px;border-radius:42px;background:linear-gradient(135deg,rgba(47,25,43,.82),rgba(12,25,42,.76));border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow)}.emergency-actions{display:grid;gap:12px;min-width:280px}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:30px;align-items:start}.contact-copy,.contact-form{padding:32px;border-radius:38px;background:linear-gradient(165deg,rgba(23,53,83,.80),rgba(12,25,42,.72));border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow)}.contact-copy p+p{margin-top:16px}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:8px;color:#d8e2ee;font-weight:850;font-size:13px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(5,12,22,.50);color:#fff;padding:14px 15px;outline:none}.contact-form textarea{min-height:160px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(112,239,255,.35);box-shadow:0 0 0 4px rgba(112,239,255,.08)}.form-note{margin:0;color:#9eacc0;font-size:12px;line-height:1.5}.footer{padding:36px 0 48px;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,12,22,.48)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#9eacc0}.footer img{height:34px;margin-bottom:10px}.footer p{margin:0;font-size:13px}.footer a{color:#d4deea;margin-left:16px;font-size:13px}.modal{position:fixed;inset:0;z-index:200;display:none}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,5,10,.76);backdrop-filter:blur(8px)}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 34px));padding:30px;border-radius:34px;background:linear-gradient(165deg,rgba(25,39,58,.98),rgba(8,16,28,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 120px rgba(0,0,0,.44)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}.modal-card h2{font-size:36px;letter-spacing:-.05em;margin:16px 0 12px}.modal-card p,.modal-card li{color:#c6d2e1;line-height:1.6}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.8,.2,1), transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.tilt-card{transform-style:preserve-3d;will-change:transform}.magnet{will-change:transform}@media(max-width:1100px){.hero-grid,.approach-grid,.ecosystem-grid,.threat-hero,.urgency-grid,.contact-grid{grid-template-columns:1fr}.hero-photo{inset:0;opacity:.36}.service-explorer{grid-template-columns:1fr}.service-tabs{grid-template-columns:repeat(2,1fr)}.service-stage{min-height:780px}.detail-columns,.deep-grid{grid-template-columns:1fr}.threat-grid,.case-grid,.risk-map{grid-template-columns:1fr}.risk-card:nth-child(2),.case-card:nth-child(2){transform:none}.section-head,.deep-head{grid-template-columns:1fr}.compare-module{grid-template-columns:1fr}.vs{width:auto;min-height:60px}.emergency-grid{grid-template-columns:1fr}.partner-orbit{min-height:430px}}@media(max-width:780px){.container{width:min(100% - 28px,1180px)}.site-nav{top:10px;width:calc(100% - 20px);border-radius:24px}.nav-links{display:none}.brand img{height:30px}.hero{padding:124px 0 64px;min-height:auto}.hero h1{font-size:clamp(42px,13vw,62px)}.hero p{font-size:16px}.hero-stats{grid-template-columns:1fr}.security-console{min-height:520px}.section-head h2,.approach-copy h2,.ecosystem-copy h2,.threat-hero h2,.urgency-copy h2,.emergency-copy h2,.contact-copy h2,.deep-head h2{font-size:clamp(33px,10vw,46px)}section{padding:76px 0}.principle-grid,.service-tabs{grid-template-columns:1fr}.service-panel{position:relative;display:none;padding:24px}.service-panel.is-active{display:flex}.service-stage{min-height:auto}.partner-orbit span:not(.orbit-center){position:relative;transform:none;left:auto;top:auto;display:inline-flex;margin:8px}.orbit-center{position:relative;left:auto;top:auto;transform:none;margin:36px auto 20px}.footer-grid{display:grid}.footer a{margin:0 16px 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* ========================================================================
   V11 — darker wow polish, fixed threat pages, partner placeholders, no duplicate services
   ======================================================================== */
body{
  background:
    radial-gradient(circle at 12% 10%, rgba(112,239,255,.13), transparent 22%),
    radial-gradient(circle at 84% 8%, rgba(98,151,255,.12), transparent 24%),
    radial-gradient(circle at 78% 88%, rgba(156,125,255,.08), transparent 22%),
    linear-gradient(180deg,#071221 0%,#050d19 46%,#07101d 100%);
}
body:before{opacity:.38}
#particleCanvas{opacity:.40}
.moving-gradient{opacity:.78}
.noise-layer{opacity:.06}
.hero p,.section-head p,.approach-copy p,.ecosystem-copy p,.threat-hero p,.urgency-copy p,.emergency-copy p,.contact-copy p,.deep-head p{color:#ced9e8}
.service-footnote{
  margin-top:18px;
  padding:16px 20px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(112,239,255,.09),rgba(98,151,255,.045));
  border:1px solid rgba(112,239,255,.14);
  color:#d7e8f4;
  font-weight:750;
}
.partner-wall-mode{grid-template-columns:.84fr 1.16fr}
.partner-logo-wall{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.partner-logo-card{
  min-height:255px;
  padding:24px;
  border-radius:30px;
  background:linear-gradient(165deg,rgba(20,47,76,.76),rgba(9,20,35,.72));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 82px rgba(0,0,0,.22);
  position:relative;
  overflow:hidden;
}
.partner-logo-card:before{
  content:"";
  position:absolute;
  right:-42px;
  top:-42px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(112,239,255,.085);
}
.partner-logo-card img{
  width:132px;
  max-height:42px;
  object-fit:contain;
  margin-bottom:46px;
  opacity:.90;
  filter:drop-shadow(0 8px 18px rgba(112,239,255,.08));
}
.partner-logo-card span{
  display:block;
  color:#98f5ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.partner-logo-card strong{
  display:block;
  font-size:28px;
  line-height:1;
  letter-spacing:-.05em;
  margin-bottom:12px;
}
.partner-logo-card p{
  margin:0;
  color:#c7d3e2;
  line-height:1.58;
}
.threat-hero{
  position:relative;
  grid-template-columns:1fr;
  overflow:hidden;
  min-height:460px;
}
.threat-hero > div:first-child{
  position:relative;
  z-index:2;
  max-width:760px;
}
.threat-hero .attack-visual{
  position:absolute;
  right:28px;
  top:28px;
  bottom:28px;
  width:min(390px,38%);
  min-height:auto;
  z-index:1;
  opacity:.92;
}
.threat-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(12,25,42,.98) 0%,rgba(12,25,42,.80) 55%,rgba(12,25,42,.22) 100%);
  z-index:1;
  pointer-events:none;
}
.threat-tile:nth-child(1) .threat-icon{color:#b6fbff;background:rgba(112,239,255,.16);border-color:rgba(112,239,255,.26)}
.threat-tile:nth-child(2) .threat-icon{color:#ffd1d8;background:rgba(255,93,115,.16);border-color:rgba(255,93,115,.26)}
.threat-tile:nth-child(3) .threat-icon{color:#d9d1ff;background:rgba(156,125,255,.16);border-color:rgba(156,125,255,.26)}
.threat-tile:nth-child(4) .threat-icon{color:#c8dcff;background:rgba(98,151,255,.16);border-color:rgba(98,151,255,.26)}
.threat-tile:nth-child(5) .threat-icon{color:#c4ffdf;background:rgba(95,243,168,.14);border-color:rgba(95,243,168,.22)}
.threat-tile:nth-child(6) .threat-icon{color:#ffe0bd;background:rgba(255,135,76,.14);border-color:rgba(255,135,76,.22)}
.threat-icon .mini-svg{width:30px;height:30px}
.urgency-visual-grid{
  display:grid;
  grid-template-columns:.82fr .92fr .86fr;
  gap:24px;
  align-items:center;
}
.change-visual{
  min-height:460px;
  border-radius:42px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(7,18,32,.16),rgba(7,18,32,.78)),
    url("./assets/visual-operations.jpg");
  background-size:auto,cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:var(--shadow);
}
.change-visual:before{
  content:"";
  position:absolute;
  inset:24px;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg,rgba(112,239,255,.10),transparent 38%);
}
.change-overlay{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  padding:22px;
  border-radius:24px;
  background:rgba(6,14,26,.76);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(14px);
}
.change-overlay span{
  color:#9df5ff;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.change-overlay strong{
  display:block;
  margin-top:10px;
  font-size:27px;
  line-height:1.04;
  letter-spacing:-.045em;
}
.sub-hero{
  position:relative;
  min-height:76vh;
  padding:150px 0 90px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.threat-overview-hero,
.attack-detail-hero{
  background:
    linear-gradient(90deg,rgba(7,18,32,.97),rgba(7,18,32,.78)),
    url("./assets/ambient-threat.jpg");
  background-size:auto,cover;
  background-position:center;
}
.sub-hero-grid{
  display:grid;
  grid-template-columns:1fr 390px;
  gap:40px;
  align-items:center;
  position:relative;
  z-index:1;
}
.sub-hero h1{
  margin:22px 0;
  font-size:clamp(52px,7vw,96px);
  line-height:.88;
  letter-spacing:-.075em;
}
.sub-hero p{
  max-width:760px;
  font-size:20px;
  line-height:1.65;
  color:#d1dcea;
}
.sub-threat-visual{
  min-height:390px;
  border-radius:42px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(8,18,31,.24),rgba(8,18,31,.78)),
    url("./assets/visual-threat-center.jpg");
  background-size:auto,cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:var(--shadow);
}
.sub-threat-visual span{
  width:142px;
  height:142px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle,rgba(112,239,255,.20),rgba(98,151,255,.10));
  border:1px solid rgba(112,239,255,.24);
}
.sub-threat-visual i{
  position:absolute;
  width:13px;height:13px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 24px var(--cyan);
}
.sub-threat-visual i:nth-child(2){left:24%;top:28%}
.sub-threat-visual i:nth-child(3){right:22%;top:38%;background:var(--red)}
.sub-threat-visual i:nth-child(4){left:42%;bottom:20%;background:var(--blue)}
.attack-svg{width:64px;height:64px}
.threat-list-section,.compare-section,.attack-content-section{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005))}
.attack-content-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr;
  gap:18px;
}
.attack-main-card,.attack-list-card{
  padding:30px;
  border-radius:34px;
  background:linear-gradient(165deg,rgba(20,47,76,.78),rgba(9,20,35,.72));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:var(--shadow);
}
.attack-main-card h2,.attack-list-card h2{
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
  margin:16px 0;
}
.attack-main-card p,.attack-list-card li{color:#c9d5e4;line-height:1.62}
.attack-list-card ul{padding-left:20px}
.attack-list-card li{margin-bottom:10px}
@media(max-width:1100px){
  .partner-wall-mode,.urgency-visual-grid,.sub-hero-grid,.attack-content-grid{grid-template-columns:1fr}
  .threat-hero .attack-visual{position:relative;right:auto;top:auto;bottom:auto;width:100%;margin-top:20px}
  .threat-hero:after{display:none}
}
@media(max-width:780px){
  .partner-logo-wall{grid-template-columns:1fr}
  .sub-hero{min-height:auto;padding:124px 0 70px}
  .sub-hero h1{font-size:clamp(40px,12vw,60px)}
  .sub-hero p{font-size:17px}
  .change-visual{min-height:360px}
}

/* V12 refinements */
body{background:radial-gradient(circle at 12% 10%, rgba(112,239,255,.11), transparent 22%),radial-gradient(circle at 84% 8%, rgba(98,151,255,.10), transparent 24%),linear-gradient(180deg,#050c16 0%, #091421 18%, #11233a 42%, #0c1727 64%, #07111d 100%);} 
.hero,.approach-section,.services-section,.ecosystem-section,.threat-center,.cases-section,.urgency-section,.emergency-section,.contact-section{position:relative;z-index:1;} 
.hero:before,.approach-section:before,.services-section:before,.ecosystem-section:before,.threat-center:before,.cases-section:before,.urgency-section:before,.contact-section:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;} 
.hero:before{background:linear-gradient(180deg, rgba(0,0,0,.20), transparent 35%);} 
.approach-section:before{background:linear-gradient(180deg, rgba(18,38,61,.18), rgba(13,27,45,.08));} 
.services-section:before{background:linear-gradient(180deg, rgba(25,56,86,.32), rgba(17,40,65,.22));} 
.ecosystem-section:before{background:linear-gradient(180deg, rgba(18,38,61,.22), rgba(8,16,28,.10));} 
.threat-center:before{background:linear-gradient(180deg, rgba(58,16,24,.18), rgba(18,29,48,.12));} 
.cases-section:before{background:linear-gradient(180deg, rgba(18,38,61,.12), rgba(10,18,31,.05));} 
.urgency-section:before{background:linear-gradient(180deg, rgba(20,46,74,.26), rgba(11,22,38,.14));} 
.contact-section:before{background:linear-gradient(180deg, rgba(11,22,38,.10), rgba(8,14,24,.18));} 
.principle .mini-svg{width:30px;height:30px;} 
.principle span,.principle>svg,.principle .mini-svg{color:#aaf6ff;} 
.principle{background:linear-gradient(165deg, rgba(23,53,83,.86), rgba(12,25,42,.75));} 
.principle svg,.principle .mini-svg{padding:12px;box-sizing:content-box;border-radius:18px;background:linear-gradient(135deg, rgba(112,239,255,.18), rgba(98,151,255,.10));border:1px solid rgba(112,239,255,.20);box-shadow:0 10px 28px rgba(112,239,255,.10);} 
.principle h3{margin-top:18px;} 
.trust-note{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;} 
.trust-logo{display:grid;place-items:center;width:96px;height:96px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);} 
.trust-logo img{width:72px;height:auto;object-fit:contain;opacity:.9;} 
.trust-copy p{margin:8px 0 0;} 
.threat-hero-danger{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;min-height:470px;align-items:stretch;position:relative;overflow:hidden;} 
.threat-copy-block{position:relative;z-index:2;padding-right:8px;} 
.threat-danger-visual{position:relative;min-height:410px;border-radius:34px;overflow:hidden;background:linear-gradient(180deg, rgba(9,18,31,.18), rgba(9,18,31,.78)),url('./assets/visual-threat-center.jpg');background-size:auto, cover;background-position:center;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);} 
.threat-danger-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,93,115,.22), transparent 36%, rgba(112,239,255,.08) 92%);} 
.danger-badge{position:absolute;top:18px;right:18px;z-index:2;padding:8px 12px;border-radius:999px;background:rgba(255,93,115,.16);color:#ffd0d6;border:1px solid rgba(255,93,115,.30);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px;} 
.danger-overlay{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;padding:22px;border-radius:24px;background:rgba(9,18,31,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);} 
.danger-overlay strong{display:block;font-size:28px;line-height:1;letter-spacing:-.05em;margin-bottom:10px;} 
.danger-overlay p{margin:0;color:#d1dcea;line-height:1.56;} 
.danger-points{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px;} 
.danger-points span{padding:10px 12px;border-radius:999px;background:rgba(255,93,115,.10);border:1px solid rgba(255,93,115,.18);color:#ffd8de;font-weight:780;font-size:13px;} 
.threat-icon{box-shadow:0 10px 30px rgba(0,0,0,.16);} 
.urgency-flow-wrap{display:grid;gap:28px;} 
.urgency-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;} 
.urgency-flow:before{content:'';position:absolute;left:6%;right:6%;top:46px;height:2px;background:linear-gradient(90deg, rgba(112,239,255,.16), rgba(112,239,255,.42), rgba(98,151,255,.22));z-index:0;} 
.flow-card{position:relative;z-index:1;min-height:260px;padding:24px;border-radius:30px;background:linear-gradient(165deg, rgba(23,53,83,.82), rgba(11,22,38,.72));border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow);} 
.flow-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg, rgba(112,239,255,.18), rgba(98,151,255,.10));border:1px solid rgba(112,239,255,.22);color:#abf8ff;margin-bottom:34px;} 
.flow-icon .mini-svg{width:28px;height:28px;} 
.flow-card b{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#d9ebfb;font-size:12px;letter-spacing:.12em;margin-bottom:18px;} 
.flow-card h3{font-size:24px;line-height:1.04;letter-spacing:-.04em;margin:0 0 10px;} 
.flow-card p{margin:0;color:#c8d5e4;line-height:1.58;} 
@media(max-width:1100px){.threat-hero-danger{grid-template-columns:1fr;}.urgency-flow{grid-template-columns:repeat(2,1fr);} .urgency-flow:before{display:none;}} 
@media(max-width:780px){.trust-note{grid-template-columns:1fr;}.threat-danger-visual{min-height:320px;}.danger-overlay strong{font-size:24px;}.danger-points{display:grid;}.urgency-flow{grid-template-columns:1fr;}} 


/* ===================== V13 DESIGN PASS ===================== */
:root{--scroll-progress:0;}
body{
  background:
    radial-gradient(circle at 10% 8%, rgba(255,255,255,.03), transparent 18%),
    linear-gradient(180deg,
      #03070d 0%,
      #07111d 10%,
      #091827 20%,
      #0f2237 34%,
      #153150 46%,
      #183962 53%,
      #102643 64%,
      #0b1829 79%,
      #060d17 100%);
}
.bg-journey,
.bg-grid{
  position:fixed;inset:0;pointer-events:none;z-index:-3;
}
.bg-journey{
  overflow:hidden;
  opacity:.95;
}
.beam{
  position:absolute;display:block;filter:blur(38px);opacity:.46;will-change:transform;
  background:radial-gradient(circle at center, rgba(112,239,255,.34), rgba(98,151,255,.18) 36%, transparent 68%);
}
.beam-a{width:36vw;height:36vw;left:-8vw;top:3vh;opacity:.24;}
.beam-b{width:46vw;height:46vw;right:-10vw;top:34vh;opacity:.34;background:radial-gradient(circle at center, rgba(87,152,255,.44), rgba(47,100,213,.15) 38%, transparent 72%);}
.beam-c{width:42vw;height:42vw;left:28vw;top:68vh;opacity:.18;background:radial-gradient(circle at center, rgba(112,239,255,.24), rgba(156,125,255,.16) 38%, transparent 72%);}
.bg-grid{
  z-index:-2;
  opacity:.36;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at calc(50% + (var(--scroll-progress)*18%)) 30%, rgba(112,239,255,.16), transparent 24%),
    radial-gradient(circle at 70% calc(20% + (var(--scroll-progress)*35%)), rgba(98,151,255,.14), transparent 24%);
  background-size:120px 120px,120px 120px,100% 100%,100% 100%;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.65) 12%, rgba(0,0,0,.95) 30%, rgba(0,0,0,.8) 76%, rgba(0,0,0,.25));
}
.noise-layer{opacity:.05}
#particleCanvas{opacity:.52}
.site-nav{
  background:rgba(6,14,25,.70);
  border-color:rgba(143,209,255,.14);
  box-shadow:0 18px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
}
.hero{padding-bottom:110px;}
.hero:before{
  background:
    linear-gradient(180deg, rgba(0,0,0,.28), transparent 28%, transparent 70%, rgba(17,39,67,.12) 100%),
    radial-gradient(circle at 25% 20%, rgba(112,239,255,.08), transparent 22%);
}
.approach-section:before{background:linear-gradient(180deg, rgba(18,38,61,.10), rgba(20,44,72,.24), rgba(10,20,34,.10));}
.services-section:before{background:linear-gradient(180deg, rgba(21,47,78,.28), rgba(24,56,92,.38), rgba(12,27,45,.20));}
.ecosystem-section:before{background:linear-gradient(180deg, rgba(16,38,60,.16), rgba(17,40,66,.20), rgba(6,12,20,.08));}
.threat-center:before{background:linear-gradient(180deg, rgba(42,8,16,.20), rgba(51,14,23,.26), rgba(17,32,52,.14));}
.cases-section:before{background:linear-gradient(180deg, rgba(14,29,46,.08), rgba(16,36,58,.12), rgba(8,15,25,.05));}
.urgency-section:before{background:linear-gradient(180deg, rgba(15,34,56,.16), rgba(19,45,72,.24), rgba(8,16,27,.08));}
.contact-section:before{background:linear-gradient(180deg, rgba(8,16,27,.08), rgba(10,20,33,.16), rgba(4,8,14,.18));}

/* Premium card motion */
.tilt-card,.risk-card,.principle,.service-tab,.partner-logo-card,.threat-tile,.case-card,.flow-card,.compare-box,.contact-form,.contact-copy,.security-console{
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.tilt-card::before,.risk-card::before,.principle::before,.service-tab::before,.partner-logo-card::before,.threat-tile::before,.case-card::before,.flow-card::before,.compare-box::before,.contact-form::before,.contact-copy::before,.security-console::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(112,239,255,.15), transparent 24%), linear-gradient(135deg, rgba(255,255,255,.06), transparent 22%, transparent 74%, rgba(112,239,255,.04));
  opacity:0;transition:opacity .22s ease;
}
.tilt-card::after,.risk-card::after,.principle::after,.service-tab::after,.partner-logo-card::after,.threat-tile::after,.case-card::after,.flow-card::after,.compare-box::after,.contact-form::after,.contact-copy::after,.security-console::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 24px 72px rgba(0,0,0,.20);
}
.tilt-card:hover,.risk-card:hover,.principle:hover,.service-tab:hover,.partner-logo-card:hover,.threat-tile:hover,.case-card:hover,.flow-card:hover,.compare-box:hover,.contact-form:hover,.contact-copy:hover,.security-console:hover{
  border-color:rgba(112,239,255,.24)!important;
  box-shadow:0 24px 92px rgba(6,18,30,.36), 0 0 0 1px rgba(112,239,255,.08) inset;
}
.tilt-card:hover::before,.risk-card:hover::before,.principle:hover::before,.service-tab:hover::before,.partner-logo-card:hover::before,.threat-tile:hover::before,.case-card:hover::before,.flow-card:hover::before,.compare-box:hover::before,.contact-form:hover::before,.contact-copy:hover::before,.security-console:hover::before{opacity:1;}

/* stronger approach icons */
.principle{
  padding-top:28px;
}
.principle .mini-svg,.principle svg{
  width:34px;height:34px;padding:14px;border-radius:20px;
  color:#c2fbff;
  background:linear-gradient(135deg, rgba(112,239,255,.24), rgba(98,151,255,.12));
  border:1px solid rgba(112,239,255,.26);
  box-shadow:0 12px 28px rgba(112,239,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
.principle h3{font-size:24px;letter-spacing:-.04em;}
.principle p{color:#d1dcea;}

/* service spectrum stays the hero of the mid-page */
.services-section .section-head h2,
.services-section .deep-head h2{background:linear-gradient(90deg,#f6faff,#d0f8ff,#b8c7ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.service-explorer{background:linear-gradient(135deg, rgba(16,34,54,.78), rgba(18,41,68,.58));border-color:rgba(112,239,255,.16);}
.service-stage{background:rgba(5,12,22,.86);}
.service-tab{background:linear-gradient(160deg, rgba(16,34,54,.92), rgba(12,25,42,.74));}
.service-tab.is-active{background:linear-gradient(135deg, rgba(23,74,111,.92), rgba(18,52,87,.88));border-color:rgba(112,239,255,.32);}
.service-tab .tab-icon{color:#b8fbff;}

/* partner and trust area */
.partner-logo-card img{filter:brightness(1.06) drop-shadow(0 8px 22px rgba(112,239,255,.08));}
.trust-note{background:linear-gradient(165deg, rgba(23,53,83,.84), rgba(10,24,40,.70));}
.trust-logo{background:linear-gradient(135deg, rgba(112,239,255,.10), rgba(255,255,255,.03));}

/* threat center sharper and more dangerous */
.threat-hero-danger{
  border:1px solid rgba(255,93,115,.14);
  background:linear-gradient(145deg, rgba(20,31,47,.88), rgba(11,20,34,.78));
}
.threat-copy-block h2{max-width:650px;}
.threat-copy-block p{max-width:740px;}
.threat-copy-block::before{
  content:'';position:absolute;left:-8px;top:12px;bottom:12px;width:3px;border-radius:999px;
  background:linear-gradient(180deg, rgba(255,93,115,.88), rgba(255,93,115,0));
}
.threat-danger-visual{background-position:center center;}
.danger-badge{box-shadow:0 0 0 1px rgba(255,93,115,.18) inset, 0 8px 24px rgba(255,93,115,.18);}
.danger-points span:nth-child(1){background:rgba(255,93,115,.12)}
.danger-points span:nth-child(2){background:rgba(200,86,255,.10);border-color:rgba(200,86,255,.18);color:#efd6ff}
.danger-points span:nth-child(3){background:rgba(255,135,76,.10);border-color:rgba(255,135,76,.18);color:#ffe2cb}
.threat-tile{background:linear-gradient(165deg, rgba(19,43,69,.82), rgba(10,22,38,.76));}
.threat-tile h3{font-size:28px;letter-spacing:-.04em;}

/* urgency visual flow */
.urgency-flow-wrap{gap:36px;}
.urgency-flow{gap:18px;}
.flow-card{background:linear-gradient(165deg, rgba(18,45,72,.84), rgba(10,22,38,.72));}
.flow-card::before{opacity:.8}
.flow-card .flow-icon{box-shadow:0 16px 32px rgba(112,239,255,.12)}
.flow-card h3{font-size:26px;}
.urgency-flow:before{top:52px;height:3px;background:linear-gradient(90deg, rgba(112,239,255,.10), rgba(112,239,255,.48), rgba(98,151,255,.28));}

/* text rhythm refinement */
.hero h1,.section-head h2,.approach-copy h2,.ecosystem-copy h2,.threat-hero h2,.urgency-copy h2,.emergency-copy h2,.contact-copy h2,.deep-head h2,.sub-hero h1{
  letter-spacing:-.072em;
}
.section-head p,.approach-copy p,.ecosystem-copy p,.threat-hero p,.urgency-copy p,.emergency-copy p,.contact-copy p,.deep-head p,.sub-hero p{color:#d1dcea;}

/* mobile tune */
@media(max-width:1100px){
  .bg-grid{opacity:.28}
}
@media(max-width:780px){
  .beam-a,.beam-b,.beam-c{filter:blur(28px)}
  .service-explorer{padding:12px}
  .threat-copy-block::before{display:none}
}


/* ===================== V14 FULL DOCUMENT PASS ===================== */
body.full-doc-design{
  background:transparent !important;
}
body.full-doc-design::before,
body.full-doc-design::after{
  content:"";
  position:fixed;
  inset:-8%;
  pointer-events:none;
}
body.full-doc-design::before{
  z-index:-7;
  background:
    radial-gradient(circle at 12% calc(8% + (var(--scroll-progress) * 9%)), rgba(255,255,255,.04), transparent 16%),
    radial-gradient(circle at 16% calc(12% + (var(--scroll-progress) * 14%)), rgba(112,239,255,.18), transparent 20%),
    radial-gradient(circle at 84% calc(22% + (var(--scroll-progress) * 22%)), rgba(98,151,255,.22), transparent 22%),
    radial-gradient(circle at 48% calc(44% + (var(--scroll-progress) * 10%)), rgba(63,117,205,.24), transparent 28%),
    radial-gradient(circle at 76% calc(66% + (var(--scroll-progress) * 16%)), rgba(255,93,115,.10), transparent 18%),
    radial-gradient(circle at 28% calc(78% + (var(--scroll-progress) * 9%)), rgba(112,239,255,.12), transparent 20%),
    linear-gradient(180deg,
      #010307 0%,
      #03070d 8%,
      #07111a 18%,
      #0a1622 28%,
      #10243a 40%,
      #163553 50%,
      #112847 60%,
      #0b1829 72%,
      #060d16 86%,
      #02050b 100%);
  transform:scale(1.04);
}
body.full-doc-design::after{
  z-index:-6;
  inset:0;
  opacity:.82;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.34) 0%,
      rgba(0,0,0,.22) 18%,
      rgba(0,0,0,.06) 32%,
      rgba(76,129,214,.08) 48%,
      rgba(0,0,0,.05) 62%,
      rgba(112,239,255,.04) 74%,
      rgba(0,0,0,.16) 88%,
      rgba(0,0,0,.28) 100%),
    linear-gradient(90deg, transparent 0%, rgba(112,239,255,.03) 22%, transparent 44%, rgba(98,151,255,.03) 66%, transparent 100%);
  mix-blend-mode:screen;
}
.bg-journey{z-index:-5; opacity:1;}
.beam{filter:blur(54px); opacity:.32; transition:transform .2s ease;}
.beam-a{width:40vw;height:40vw;left:-10vw;top:4vh;opacity:.14;}
.beam-b{width:56vw;height:56vw;right:-18vw;top:28vh;opacity:.24;}
.beam-c{width:52vw;height:52vw;left:22vw;top:68vh;opacity:.16;}
.bg-grid{
  z-index:-4;
  opacity:.32;
  background:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at calc(20% + (var(--scroll-progress) * 20%)) 28%, rgba(112,239,255,.14), transparent 18%),
    radial-gradient(circle at calc(75% - (var(--scroll-progress) * 15%)) 56%, rgba(98,151,255,.12), transparent 20%);
  background-size:140px 140px,140px 140px,100% 100%,100% 100%;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.82) 12%, rgba(0,0,0,.94) 28%, rgba(0,0,0,.92) 76%, rgba(0,0,0,.26));
}
.noise-layer{opacity:.045; z-index:-3;}
#particleCanvas{opacity:.48; z-index:-2;}

/* Remove blocky section backgrounds so the document background carries the site */
.hero,
section,
main,
footer,
.situation-section,
.approach-section,
.services-section,
.ecosystem-section,
.threat-center,
.cases-section,
.urgency-section,
.emergency-section,
.contact-section{
  background:transparent !important;
  position:relative;
}
.hero::before,
.situation-section::before,
.approach-section::before,
.services-section::before,
.ecosystem-section::before,
.threat-center::before,
.cases-section::before,
.urgency-section::before,
.emergency-section::before,
.contact-section::before{
  display:none !important;
}
.wave-top::before,
.section-angled::before,
.section-angled::after{
  opacity:.15;
}
.site-nav{
  background:rgba(5,11,20,.62);
  backdrop-filter:blur(18px);
  border-color:rgba(161,225,255,.14);
}

/* Shared shell feel */
.hero .container,
section > .container,
footer .container{
  position:relative;
  z-index:2;
}
.section-head,
.approach-copy,
.ecosystem-copy,
.urgency-copy,
.emergency-copy,
.contact-copy{
  position:relative;
}
.section-head::after,
.approach-copy::after,
.ecosystem-copy::after,
.urgency-copy::after,
.emergency-copy::after,
.contact-copy::after{
  content:"";
  position:absolute;
  left:0;
  top:-18px;
  width:76px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(112,239,255,.0), rgba(112,239,255,.82), rgba(112,239,255,.18));
  opacity:.55;
}

/* Full-bleed threat center */
.full-bleed-section#threat-center{
  position:relative;
  margin-top:36px;
  padding-block:clamp(64px, 9vw, 110px);
}
.full-bleed-section#threat-center::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:100vw;
  height:100%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 20%, rgba(255,93,115,.14), transparent 24%),
    radial-gradient(circle at 20% 32%, rgba(112,239,255,.08), transparent 22%),
    linear-gradient(180deg, rgba(22,8,13,.26), rgba(12,18,28,.18) 26%, rgba(32,8,16,.22) 62%, rgba(7,13,22,.12) 100%);
}
.full-bleed-section#threat-center::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width:100vw;
  height:100%;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,93,115,.06) 18%, transparent 44%, rgba(112,239,255,.05) 70%, transparent 100%),
    radial-gradient(circle at 85% 50%, rgba(255,93,115,.08), transparent 22%);
}
.full-bleed-section#threat-center > .container{
  max-width:none;
  width:100%;
  padding-inline:clamp(24px, 5vw, 82px);
}
.full-bleed-threat{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(380px, .95fr);
  gap:clamp(26px, 3vw, 40px);
  align-items:stretch;
  min-height:520px;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 0 22px;
  overflow:visible !important;
  transform:none !important;
}
.full-bleed-threat::before,
.full-bleed-threat::after{
  display:none !important;
}
.threat-copy-block{
  padding:clamp(18px, 2vw, 26px) 0;
}
.threat-copy-block::before{
  left:-18px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,93,115,.95), rgba(255,93,115,.36), rgba(255,93,115,0));
}
.threat-copy-block h2{
  font-size:clamp(42px, 6vw, 72px);
  line-height:.92;
  max-width:700px;
  margin-bottom:18px;
}
.threat-copy-block p{
  font-size:clamp(18px, 2vw, 22px);
  line-height:1.68;
  max-width:760px;
}
.danger-points{
  gap:12px;
  max-width:740px;
}
.danger-points span{
  padding:12px 14px;
  backdrop-filter:blur(10px);
}
.threat-danger-visual{
  min-height:520px;
  align-self:stretch;
  border-radius:42px;
  background-size:cover;
  background-position:center;
  box-shadow:0 32px 100px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
}
.danger-overlay{
  background:rgba(8,14,24,.62);
  border-color:rgba(255,255,255,.12);
}
.threat-grid{
  margin-top:24px;
  gap:18px;
}
.compare-module{
  margin-top:34px;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.compare-box{
  background:linear-gradient(165deg, rgba(18,35,57,.76), rgba(10,19,31,.68));
}
.vs{background:rgba(255,93,115,.14); color:#ffd4db; border:1px solid rgba(255,93,115,.18);}

/* Reduce large boxed feel elsewhere but keep premium cards for content only */
.risk-map,
.principles-grid,
.case-grid,
.partner-logo-wall,
.urgency-flow,
.contact-grid,
.risk-card,
.case-card,
.flow-card,
.partner-logo-card{
  position:relative;
}
.service-explorer,
.trust-note,
.compare-box,
.contact-form,
.contact-copy,
.emergency-actions{
  box-shadow:0 20px 80px rgba(3,9,16,.22);
}
.services-section .service-explorer{
  background:linear-gradient(135deg, rgba(11,22,36,.58), rgba(17,34,54,.42));
  backdrop-filter:blur(18px);
}
.ecosystem-section .partner-logo-card,
.case-card,
.flow-card,
.risk-card,
.principle,
.service-tab,
.threat-tile,
.compare-box,
.contact-form,
.contact-copy{
  backdrop-filter:blur(16px);
}

/* Stronger document story around key zones */
.hero{padding-top:150px; padding-bottom:118px;}
.services-section{padding-top:96px; padding-bottom:96px;}
.ecosystem-section{padding-top:86px; padding-bottom:92px;}
.urgency-section{padding-top:88px; padding-bottom:92px;}
.contact-section{padding-top:94px; padding-bottom:100px;}
.footer{
  background:linear-gradient(180deg, rgba(1,3,7,.0), rgba(1,3,7,.34));
}

@media(max-width:1180px){
  .full-bleed-threat{grid-template-columns:1fr; min-height:unset;}
  .threat-danger-visual{min-height:360px;}
}
@media(max-width:780px){
  .full-bleed-section#threat-center > .container{padding-inline:20px;}
  .threat-copy-block::before{display:none;}
  .threat-copy-block h2{font-size:clamp(34px, 10vw, 50px);}
  .danger-points{display:grid;}
  .services-section,.ecosystem-section,.urgency-section,.contact-section{padding-block:72px;}
}


/* ===================== V15 CONSISTENCY PASS ===================== */
:root{
  --bg-ink:#02050b;
  --bg-ink-2:#050c16;
  --bg-navy:#081321;
  --bg-deep-blue:#0c1d31;
  --bg-blue:#112b46;
  --bg-blue-2:#143759;
  --ink-line:rgba(255,255,255,.07);
  --glass-dark:rgba(9,18,30,.62);
  --glass-blue:rgba(13,28,45,.66);
  --glow-cyan:rgba(112,239,255,.16);
  --glow-blue:rgba(98,151,255,.18);
  --glow-danger:rgba(255,93,115,.14);
}

/* Global background: darker, no milky whites, consistent depth */
body.full-doc-design::before{
  background:
    radial-gradient(circle at 16% calc(12% + (var(--scroll-progress) * 10%)), rgba(112,239,255,.08), transparent 18%),
    radial-gradient(circle at 84% calc(24% + (var(--scroll-progress) * 18%)), rgba(98,151,255,.11), transparent 20%),
    radial-gradient(circle at 52% calc(48% + (var(--scroll-progress) * 8%)), rgba(64,112,196,.12), transparent 24%),
    radial-gradient(circle at 78% calc(66% + (var(--scroll-progress) * 12%)), rgba(255,93,115,.06), transparent 16%),
    linear-gradient(180deg,
      #010307 0%,
      #02050b 8%,
      #050c16 18%,
      #081321 28%,
      #0d1d31 38%,
      #12304f 48%,
      #15385c 56%,
      #102745 64%,
      #091725 76%,
      #050c15 88%,
      #02050a 100%);
  transform:none;
}
body.full-doc-design::after{
  opacity:.66;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.32) 0%,
      rgba(0,0,0,.24) 18%,
      rgba(0,0,0,.12) 34%,
      rgba(67,116,199,.06) 49%,
      rgba(0,0,0,.10) 62%,
      rgba(0,0,0,.16) 74%,
      rgba(0,0,0,.22) 88%,
      rgba(0,0,0,.30) 100%),
    linear-gradient(90deg, transparent 0%, rgba(112,239,255,.018) 18%, transparent 46%, rgba(98,151,255,.02) 70%, transparent 100%);
  mix-blend-mode:screen;
}
.beam{filter:blur(58px); opacity:.22;}
.beam-a{opacity:.10;}
.beam-b{opacity:.18;}
.beam-c{opacity:.12;}
.bg-grid{opacity:.22; background-size:160px 160px,160px 160px,100% 100%,100% 100%;}
.noise-layer{opacity:.038;}
#particleCanvas{opacity:.36;}

/* Equal premium level across page */
section,
header.hero,
footer.footer{
  position:relative;
}
section > .container,
.hero > .container,
.footer > .container{
  position:relative;
  z-index:2;
}
section::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width:min(1180px, calc(100% - 48px));
  height:1px;
  background:linear-gradient(90deg, transparent 0%, rgba(112,239,255,.08) 22%, rgba(98,151,255,.10) 50%, rgba(112,239,255,.08) 78%, transparent 100%);
  opacity:.34;
  pointer-events:none;
}
header.hero::after{display:none;}
footer.footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.24));
  pointer-events:none;
}

/* Section zone tint, but still transparent / full-document feeling */
.theme-dark > .container::before,
.theme-navy > .container::before,
.theme-blue > .container::before,
.theme-danger > .container::before{
  content:"";
  position:absolute;
  inset:-22px -18px;
  border-radius:42px;
  pointer-events:none;
  z-index:-1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.theme-dark > .container::before{
  background:linear-gradient(180deg, rgba(5,11,20,.08), rgba(5,11,20,.02));
}
.theme-navy > .container::before{
  background:linear-gradient(180deg, rgba(10,22,37,.10), rgba(13,28,45,.04));
}
.theme-blue > .container::before{
  background:linear-gradient(180deg, rgba(13,30,47,.12), rgba(17,40,66,.06));
}
.theme-danger > .container::before{
  background:linear-gradient(180deg, rgba(24,9,14,.12), rgba(11,20,34,.04));
}

/* Darker, cleaner cards everywhere */
.risk-card,
.principle,
.service-tab,
.service-explorer,
.service-stage,
.partner-logo-card,
.threat-tile,
.compare-box,
.case-card,
.flow-card,
.contact-form,
.contact-copy,
.threat-danger-visual,
.trust-note,
.emergency-actions,
.modal-card,
.security-console,
.attack-main-card,
.attack-list-card,
.sub-threat-visual{
  background:linear-gradient(165deg, rgba(8,17,29,.74), rgba(11,23,38,.64)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 22px 82px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:blur(16px);
}
.service-stage{background:rgba(4,10,18,.86) !important;}
.service-tab.is-active,
.partner-logo-card:hover,
.case-card:hover,
.flow-card:hover,
.risk-card:hover,
.contact-form:hover,
.contact-copy:hover,
.compare-box:hover,
.threat-tile:hover{
  border-color:rgba(112,239,255,.20) !important;
}

/* Remove white-feeling gradients */
.tilt-card::before,.risk-card::before,.principle::before,.service-tab::before,.partner-logo-card::before,.threat-tile::before,.case-card::before,.flow-card::before,.compare-box::before,.contact-form::before,.contact-copy::before,.security-console::before{
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(112,239,255,.10), transparent 22%),
    linear-gradient(135deg, rgba(112,239,255,.02), transparent 28%, transparent 76%, rgba(98,151,255,.03));
}
.tilt-card::after,.risk-card::after,.principle::after,.service-tab::after,.partner-logo-card::after,.threat-tile::after,.case-card::after,.flow-card::after,.compare-box::after,.contact-form::after,.contact-copy::after,.security-console::after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 22px 72px rgba(0,0,0,.22);
}

/* Hero becomes the benchmark for entire page */
.hero .hero-copy,
.hero .status-panel,
.hero .security-console{
  background:transparent !important;
  box-shadow:none !important;
}
.hero h1 span{
  color:#a9d7ff;
}
.hero p{color:#d4deea;}
.status-panel .status-card,
.status-panel .stat,
.console-card{
  background:linear-gradient(165deg, rgba(7,16,28,.72), rgba(12,24,40,.58));
  border:1px solid rgba(255,255,255,.09);
}

/* Stronger headings rhythm lower on page */
.section-head h2,
.approach-copy h2,
.ecosystem-copy h2,
.threat-copy-block h2,
.urgency-copy h2,
.emergency-copy h2,
.contact-copy h2,
.deep-head h2{
  background:linear-gradient(90deg, #f5f9ff 0%, #d2ebff 38%, #b6d4ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.section-head p,
.approach-copy p,
.ecosystem-copy p,
.threat-copy-block p,
.urgency-copy p,
.emergency-copy p,
.contact-copy p,
.deep-head p,
.case-card p,
.risk-card p,
.flow-card p,
.partner-logo-card p{color:#ccd7e5;}
.section-label{letter-spacing:.14em;}

/* Deep blue middle stage */
.services-section .service-explorer{
  background:linear-gradient(135deg, rgba(8,17,28,.64), rgba(12,24,41,.52)) !important;
  border-color:rgba(112,239,255,.14) !important;
}
.services-section .service-tab{
  background:linear-gradient(160deg, rgba(8,18,30,.88), rgba(12,23,38,.70)) !important;
}
.services-section .service-tab.is-active{
  background:linear-gradient(135deg, rgba(13,39,61,.92), rgba(18,51,79,.88)) !important;
  box-shadow:0 16px 46px rgba(8,24,39,.32), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.services-section .panel-kicker,
.services-section .detail-title,
.services-section .tab-icon{color:#aef7ff;}

/* Threat center: dark dangerous, not bright */
.full-bleed-section#threat-center::before{
  background:
    radial-gradient(circle at 80% 22%, rgba(255,93,115,.10), transparent 24%),
    radial-gradient(circle at 18% 32%, rgba(112,239,255,.05), transparent 22%),
    linear-gradient(180deg, rgba(16,6,10,.18), rgba(8,14,24,.08) 24%, rgba(22,7,12,.16) 58%, rgba(7,13,22,.10) 100%);
}
.full-bleed-section#threat-center::after{
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,93,115,.04) 20%, transparent 46%, rgba(112,239,255,.03) 72%, transparent 100%),
    radial-gradient(circle at 84% 50%, rgba(255,93,115,.05), transparent 20%);
}
.full-bleed-threat{
  min-height:540px;
}
.threat-copy-block::before{
  background:linear-gradient(180deg, rgba(255,93,115,.86), rgba(255,93,115,.28), rgba(255,93,115,0));
}
.danger-badge{
  background:rgba(255,93,115,.12);
  border-color:rgba(255,93,115,.22);
}
.danger-points span{
  background:rgba(255,93,115,.08);
  border-color:rgba(255,93,115,.12);
}
.danger-points span:nth-child(2){background:rgba(179,81,255,.08); border-color:rgba(179,81,255,.12);}
.danger-points span:nth-child(3){background:rgba(255,133,72,.08); border-color:rgba(255,133,72,.12);}
.threat-danger-visual{
  background:
    linear-gradient(180deg, rgba(7,15,26,.30), rgba(7,15,26,.74)),
    url('./assets/visual-threat-center.jpg') center/cover no-repeat !important;
}
.danger-overlay{
  background:rgba(7,14,24,.58);
}
.threat-tile{background:linear-gradient(165deg, rgba(8,17,28,.72), rgba(11,22,36,.64)) !important;}

/* Keep bottom sections strong */
.cases-section .case-card,
.urgency-section .flow-card,
.contact-section .contact-form,
.contact-section .contact-copy,
.emergency-section .emergency-actions{
  transform:none;
}
.urgency-flow:before{
  background:linear-gradient(90deg, rgba(112,239,255,.08), rgba(112,239,255,.28), rgba(98,151,255,.16));
}
.flow-icon,
.principle .mini-svg,.principle svg,
.threat-icon,
.tab-icon,
.partner-logo-card span + strong::before{
  box-shadow:0 12px 28px rgba(5,14,24,.20);
}
.flow-icon,
.principle .mini-svg,.principle svg{
  background:linear-gradient(135deg, rgba(112,239,255,.16), rgba(98,151,255,.09));
}

/* Footer stays dark */
.footer{background:transparent !important;}
.footer-grid{border-top:1px solid rgba(255,255,255,.08); padding-top:28px;}
.footer a, .footer p{color:#c7d3e2;}

/* Mobile tuning */
@media(max-width:900px){
  section::after{width:calc(100% - 28px);} 
  .theme-dark > .container::before,.theme-navy > .container::before,.theme-blue > .container::before,.theme-danger > .container::before{inset:-14px -8px; border-radius:28px;}
}
@media(max-width:780px){
  body.full-doc-design::before{
    background:
      radial-gradient(circle at 18% 14%, rgba(112,239,255,.07), transparent 18%),
      radial-gradient(circle at 84% 28%, rgba(98,151,255,.10), transparent 20%),
      linear-gradient(180deg,#010307 0%,#02050b 10%,#081321 28%,#0f2640 50%,#0d1f34 64%,#06101b 82%,#02050a 100%);
  }
  .bg-grid{opacity:.16;}
  .section-head h2,.approach-copy h2,.ecosystem-copy h2,.threat-copy-block h2,.urgency-copy h2,.emergency-copy h2,.contact-copy h2,.deep-head h2{
    background:linear-gradient(90deg,#f5f9ff 0%, #d7ebff 50%, #bfd5f8 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
}


/* ===================== V16 BACKGROUND + MOBILE PASS ===================== */
/* Remove silver look: pure dark / deep blue only */
body.full-doc-design::before{
  background:
    radial-gradient(circle at 16% calc(12% + (var(--scroll-progress) * 10%)), rgba(112,239,255,.05), transparent 18%),
    radial-gradient(circle at 84% calc(24% + (var(--scroll-progress) * 18%)), rgba(98,151,255,.08), transparent 20%),
    radial-gradient(circle at 52% calc(48% + (var(--scroll-progress) * 8%)), rgba(50,92,165,.10), transparent 24%),
    radial-gradient(circle at 78% calc(66% + (var(--scroll-progress) * 12%)), rgba(255,93,115,.04), transparent 16%),
    linear-gradient(180deg,
      #010206 0%,
      #02050a 10%,
      #040911 20%,
      #07101b 30%,
      #0a1726 40%,
      #0d2036 50%,
      #102846 58%,
      #0c1d33 68%,
      #081320 78%,
      #040a12 90%,
      #010307 100%) !important;
}
body.full-doc-design::after{
  opacity:.42;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.26) 0%,
      rgba(0,0,0,.22) 22%,
      rgba(0,0,0,.12) 48%,
      rgba(0,0,0,.12) 68%,
      rgba(0,0,0,.20) 84%,
      rgba(0,0,0,.28) 100%),
    linear-gradient(90deg,
      transparent 0%,
      rgba(112,239,255,.012) 24%,
      transparent 48%,
      rgba(98,151,255,.012) 72%,
      transparent 100%) !important;
}
.beam{filter:blur(64px); opacity:.14 !important;}
.beam-a{opacity:.07 !important;}
.beam-b{opacity:.12 !important;}
.beam-c{opacity:.08 !important;}
.bg-grid{
  opacity:.12 !important;
  background:
    linear-gradient(rgba(112,239,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98,151,255,.012) 1px, transparent 1px),
    radial-gradient(circle at calc(20% + (var(--scroll-progress) * 20%)) 28%, rgba(112,239,255,.06), transparent 18%),
    radial-gradient(circle at calc(75% - (var(--scroll-progress) * 15%)) 56%, rgba(98,151,255,.05), transparent 20%) !important;
  background-size:170px 170px,170px 170px,100% 100%,100% 100%;
}
#particleCanvas{opacity:.26 !important;}
.noise-layer{opacity:.028 !important;}
section::after{
  background:linear-gradient(90deg, transparent 0%, rgba(112,239,255,.04) 22%, rgba(98,151,255,.05) 50%, rgba(112,239,255,.04) 78%, transparent 100%) !important;
  opacity:.22 !important;
}
.theme-dark > .container::before,
.theme-navy > .container::before,
.theme-blue > .container::before,
.theme-danger > .container::before{
  opacity:.55;
}
.theme-dark > .container::before{background:linear-gradient(180deg, rgba(3,8,14,.06), rgba(3,8,14,.01)) !important;}
.theme-navy > .container::before{background:linear-gradient(180deg, rgba(6,14,24,.07), rgba(6,14,24,.02)) !important;}
.theme-blue > .container::before{background:linear-gradient(180deg, rgba(8,18,30,.08), rgba(8,18,30,.03)) !important;}
.theme-danger > .container::before{background:linear-gradient(180deg, rgba(14,5,8,.08), rgba(14,5,8,.02)) !important;}

/* Make layouts universally device-friendly */
img{max-width:100%;height:auto;}
.container{width:min(1180px, calc(100% - 36px));}
.hero-grid,
.approach-grid,
.ecosystem-grid,
.contact-grid,
.sub-hero-grid,
.attack-content-grid{gap:28px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.status-panel{display:grid;gap:14px;}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;}

@media (max-width: 1180px){
  .hero-grid,
  .approach-grid,
  .ecosystem-grid,
  .contact-grid,
  .sub-hero-grid,
  .attack-content-grid,
  .full-bleed-threat,
  .service-explorer{grid-template-columns:1fr !important;}
  .risk-map,
  .case-grid,
  .partner-logo-wall,
  .urgency-flow{grid-template-columns:repeat(2,1fr) !important;}
  .principles-grid{grid-template-columns:repeat(2,1fr) !important;}
  .service-tabs{grid-template-columns:repeat(2,1fr);}
  .service-tab{height:100%;}
  .case-card:nth-child(2){transform:none;}
}

@media (max-width: 900px){
  .site-nav{
    width:min(100%, calc(100% - 20px)) !important;
    top:10px;
    border-radius:26px !important;
    padding:10px 12px !important;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px 12px;
  }
  .brand{order:1; flex:0 0 auto;}
  .nav-emergency{order:2;}
  .nav-links{
    order:3;
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
  }
  .nav-links a{font-size:13px; padding:9px 11px;}
  .brand img{height:30px;}
  section{padding:84px 0 !important;}
  .hero{padding-top:148px !important; padding-bottom:86px !important;}
  .hero h1{font-size:clamp(40px, 10vw, 72px) !important;}
  .hero p,
  .threat-copy-block p,
  .sub-hero p{font-size:17px !important; line-height:1.58 !important;}
  .risk-map,
  .case-grid,
  .partner-logo-wall,
  .urgency-flow,
  .principles-grid,
  .service-tabs{grid-template-columns:1fr !important;}
  .full-bleed-section#threat-center > .container{padding-inline:20px !important;}
  .threat-grid{grid-template-columns:1fr !important;}
  .compare-module{display:grid;grid-template-columns:1fr !important;gap:14px;}
  .vs{justify-self:center;}
  .service-explorer{padding:12px !important; border-radius:28px !important;}
  .service-stage,
  .contact-copy,
  .contact-form,
  .risk-card,
  .case-card,
  .flow-card,
  .partner-logo-card,
  .compare-box,
  .attack-main-card,
  .attack-list-card{border-radius:26px !important;}
  .approach-visual,
  .sub-threat-visual,
  .threat-danger-visual,
  .change-visual{min-height:320px !important; border-radius:28px !important;}
  .threat-copy-block h2,
  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .urgency-copy h2,
  .emergency-copy h2,
  .contact-copy h2,
  .deep-head h2{font-size:clamp(32px, 7vw, 48px) !important; line-height:.98 !important;}
  .detail-columns{grid-template-columns:1fr !important;}
  .contact-grid{grid-template-columns:1fr !important;}
  .footer-grid{grid-template-columns:1fr !important;}
}

@media (max-width: 640px){
  .container{width:min(100%, calc(100% - 24px));}
  .site-nav{padding:9px 10px !important; gap:8px 10px;}
  .nav-links{gap:6px;}
  .nav-links a{font-size:12px; padding:8px 10px;}
  .nav-emergency{padding:10px 12px !important; font-size:12px;}
  .brand img{height:28px;}
  section{padding:72px 0 !important;}
  .hero{padding-top:140px !important;}
  .hero h1{font-size:clamp(34px, 11vw, 54px) !important;}
  .hero-actions .btn,
  .modal-actions .btn,
  .contact-form .btn{width:100%; justify-content:center;}
  .status-panel .status-card,
  .status-panel .stat,
  .console-card{padding:14px !important;}
  .risk-card,
  .case-card,
  .flow-card,
  .partner-logo-card,
  .contact-copy,
  .contact-form,
  .compare-box,
  .attack-main-card,
  .attack-list-card{padding:20px !important; min-height:auto !important;}
  .partner-logo-card img{width:110px !important; margin-bottom:24px !important;}
  .threat-danger-visual{min-height:280px !important;}
  .danger-overlay{left:14px !important; right:14px !important; bottom:14px !important; padding:16px !important;}
  .danger-overlay strong{font-size:22px !important;}
  .danger-points span{font-size:12px !important; line-height:1.35;}
  .service-tab{grid-template-columns:42px 1fr !important; padding:14px !important;}
  .service-tab .tab-icon{width:42px; height:42px;}
  .flow-icon{width:56px !important; height:56px !important; margin-bottom:22px !important;}
  .flow-card h3,
  .case-card h3,
  .attack-main-card h2,
  .attack-list-card h2{font-size:24px !important;}
  .footer-grid img{max-width:120px;}
}


/* ===================== V17 GLOBAL DARK BACKGROUND + FULL-WIDTH CONSISTENCY ===================== */
html,
body,
body.full-doc-design{
  background-color:#02050b !important;
}
body.full-doc-design{
  background:
    radial-gradient(circle at 16% 10%, rgba(112,239,255,.08), transparent 18%),
    radial-gradient(circle at 82% 14%, rgba(98,151,255,.08), transparent 20%),
    radial-gradient(circle at 50% 46%, rgba(25,73,145,.12), transparent 28%),
    radial-gradient(circle at 22% 74%, rgba(17,46,94,.10), transparent 24%),
    radial-gradient(circle at 78% 82%, rgba(14,36,74,.10), transparent 22%),
    linear-gradient(180deg,
      #010206 0%,
      #03060c 12%,
      #050b14 24%,
      #07101c 38%,
      #0a1830 50%,
      #0d2344 60%,
      #0b1e39 70%,
      #071223 82%,
      #03070f 92%,
      #010205 100%) !important;
}
body.full-doc-design::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(circle at calc(14% + (var(--scroll-progress) * 16%)) 16%, rgba(112,239,255,.08), transparent 17%),
    radial-gradient(circle at calc(80% - (var(--scroll-progress) * 12%)) 24%, rgba(98,151,255,.10), transparent 18%),
    radial-gradient(circle at 52% calc(50% + (var(--scroll-progress) * 6%)), rgba(39,92,168,.15), transparent 24%),
    radial-gradient(circle at 18% calc(82% - (var(--scroll-progress) * 10%)), rgba(15,49,97,.10), transparent 22%),
    radial-gradient(circle at 82% calc(78% - (var(--scroll-progress) * 10%)), rgba(12,33,68,.12), transparent 20%),
    linear-gradient(180deg,
      rgba(0,0,0,.18) 0%,
      rgba(0,0,0,.12) 16%,
      rgba(8,18,34,.18) 34%,
      rgba(10,32,61,.22) 52%,
      rgba(7,18,35,.18) 72%,
      rgba(0,0,0,.18) 100%) !important;
}
body.full-doc-design::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  opacity:.24 !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(112,239,255,.012) 20%,
      transparent 40%,
      rgba(98,151,255,.012) 60%,
      transparent 80%,
      rgba(112,239,255,.012) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.015) 0%,
      transparent 12%,
      rgba(255,255,255,.012) 50%,
      transparent 88%,
      rgba(255,255,255,.014) 100%) !important;
}

/* remove centered silver fog / light plates */
.theme-dark > .container::before,
.theme-navy > .container::before,
.theme-blue > .container::before,
.theme-danger > .container::before,
.hero > .container::before,
.contact-section .container::before,
.urgency-section .container::before,
.ecosystem-section .container::before,
.services-section .container::before,
.approach-section .container::before,
.cases-section .container::before{
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* every major section gets a full-width dark band instead of isolated centered plates */
.hero,
.approach-section,
.services-section,
.ecosystem-section,
.threat-center,
.cases-section,
.urgency-section,
.emergency-section,
.contact-section{
  position:relative;
  isolation:isolate;
}
.hero::before,
.approach-section::before,
.services-section::before,
.ecosystem-section::before,
.threat-center::before,
.cases-section::before,
.urgency-section::before,
.emergency-section::before,
.contact-section::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  height:100% !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
.hero::before{
  background:
    radial-gradient(circle at 78% 22%, rgba(112,239,255,.07), transparent 22%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(5,12,22,.18) 38%, rgba(4,10,18,.08) 100%) !important;
}
.approach-section::before{
  background:
    radial-gradient(circle at 18% 40%, rgba(112,239,255,.05), transparent 18%),
    linear-gradient(180deg, rgba(6,14,24,.18), rgba(8,18,31,.10)) !important;
}
.services-section::before{
  background:
    radial-gradient(circle at 82% 28%, rgba(98,151,255,.08), transparent 20%),
    linear-gradient(180deg, rgba(8,18,33,.18), rgba(9,23,39,.12)) !important;
}
.ecosystem-section::before{
  background:
    radial-gradient(circle at 28% 50%, rgba(112,239,255,.05), transparent 18%),
    radial-gradient(circle at 74% 22%, rgba(98,151,255,.06), transparent 22%),
    linear-gradient(180deg, rgba(8,18,31,.16), rgba(7,17,28,.10)) !important;
}
.threat-center::before{
  background:
    radial-gradient(circle at 76% 18%, rgba(255,93,115,.13), transparent 24%),
    radial-gradient(circle at 20% 36%, rgba(112,239,255,.05), transparent 20%),
    linear-gradient(180deg, rgba(14,8,12,.28), rgba(10,16,26,.18) 36%, rgba(8,14,22,.10) 100%) !important;
}
.cases-section::before{
  background:
    radial-gradient(circle at 76% 30%, rgba(98,151,255,.07), transparent 20%),
    linear-gradient(180deg, rgba(7,16,29,.18), rgba(8,18,30,.10)) !important;
}
.urgency-section::before{
  background:
    radial-gradient(circle at 72% 38%, rgba(98,151,255,.10), transparent 24%),
    radial-gradient(circle at 24% 16%, rgba(112,239,255,.05), transparent 18%),
    linear-gradient(180deg, rgba(8,18,34,.24), rgba(12,27,49,.20) 52%, rgba(8,16,29,.14) 100%) !important;
}
.emergency-section::before{
  background:
    radial-gradient(circle at 22% 22%, rgba(255,93,115,.08), transparent 18%),
    linear-gradient(180deg, rgba(10,14,22,.22), rgba(12,18,28,.12)) !important;
}
.contact-section::before{
  background:
    radial-gradient(circle at 80% 26%, rgba(98,151,255,.08), transparent 20%),
    radial-gradient(circle at 18% 68%, rgba(112,239,255,.05), transparent 18%),
    linear-gradient(180deg, rgba(5,10,18,.22), rgba(4,8,14,.16)) !important;
}

/* darker separators, no bright wash */
.section-angled:after{
  background:linear-gradient(174deg, transparent 0 50%, rgba(112,239,255,.022) 50.2% 100%) !important;
}
.wave-top:before{
  background:radial-gradient(80% 120px at 50% -20px, rgba(98,151,255,.05), transparent 70%) !important;
}
.bg-grid{
  opacity:.10 !important;
}
.beam,
.beam-a,
.beam-b,
.beam-c{opacity:.10 !important;}
.noise-layer{opacity:.02 !important;}
#particleCanvas{opacity:.18 !important;}

/* full-document feel: content sits on transparent stage, cards remain dark */
.container{width:min(1280px, calc(100% - 44px)) !important;}
.hero-grid,
.approach-grid,
.ecosystem-grid,
.contact-grid,
.sub-hero-grid,
.attack-content-grid,
.urgency-visual-grid{width:100%;}

/* better section usage / avoid "everything in the middle" */
.ecosystem-grid{grid-template-columns:.96fr 1.04fr !important; gap:34px !important; align-items:start !important;}
.partner-logo-wall{align-self:stretch;}
.partner-logo-card{min-height:230px !important;}

/* urgency should use width properly */
.urgency-visual-grid{grid-template-columns:1fr !important; gap:28px !important;}
.urgency-flow-wrap{width:100%; max-width:none !important;}
.urgency-copy{max-width:860px;}
.urgency-flow{
  width:100%;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
}
.urgency-flow:before{left:4%; right:4% !important;}
.flow-card{
  min-height:250px !important;
  padding:26px 22px !important;
}
.flow-card h3{font-size:30px !important;}
.flow-card p{font-size:16px !important; line-height:1.55 !important;}

/* threat center interior should breathe and align full width better */
.full-bleed-section#threat-center > .container{
  width:min(1320px, calc(100% - 44px)) !important;
}
.full-bleed-threat{gap:26px !important;}
.threat-grid{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}

/* contact area darker, no gray haze */
.contact-copy,
.contact-form{
  background:linear-gradient(165deg, rgba(10,20,34,.88), rgba(9,18,31,.82)) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.28) !important;
}

/* mobile / tablet */
@media (max-width: 1180px){
  .container{width:min(100%, calc(100% - 28px)) !important;}
  .ecosystem-grid,
  .approach-grid,
  .hero-grid,
  .contact-grid,
  .service-explorer,
  .sub-hero-grid,
  .attack-content-grid{grid-template-columns:1fr !important;}
  .urgency-flow{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .threat-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
}
@media (max-width: 800px){
  .container{width:min(100%, calc(100% - 20px)) !important;}
  .full-bleed-section#threat-center > .container{width:min(100%, calc(100% - 20px)) !important;}
  .urgency-flow,
  .threat-grid,
  .partner-logo-wall,
  .case-grid,
  .risk-map,
  .principles-grid{grid-template-columns:1fr !important;}
  .flow-card,
  .partner-logo-card,
  .threat-tile,
  .risk-card,
  .case-card,
  .contact-copy,
  .contact-form{min-height:auto !important;}
  .flow-card h3{font-size:26px !important;}
}


/* ===================== V18 HERO IMAGE + STARFIELD TUNING ===================== */
.hero-photo{
  inset:0 0 0 42% !important;
  background:
    linear-gradient(90deg, rgba(5,12,22,1) 0%, rgba(5,12,22,.80) 24%, rgba(5,12,22,.38) 58%, rgba(5,12,22,.14) 100%),
    linear-gradient(180deg, rgba(5,12,22,.12), rgba(5,12,22,.72)),
    url("./assets/visual-hero-tech.jpg") !important;
  background-size:auto, auto, cover !important;
  background-position:center, center, center right !important;
  filter:saturate(.9) contrast(1.08) brightness(.88) !important;
  opacity:.98 !important;
}
.hero-photo::after{
  inset:10% 6% 12% 10% !important;
  background:
    linear-gradient(135deg, rgba(112,239,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 32%) !important;
}

/* visible star-space mood */
#particleCanvas{
  opacity:.38 !important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 6px rgba(112,239,255,.18));
}
.noise-layer{opacity:.035 !important;}
.bg-grid{opacity:.12 !important;}
body.full-doc-design::after{
  opacity:.36 !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.18) 0 1px, transparent 1.2px),
    radial-gradient(circle at 72% 20%, rgba(112,239,255,.18) 0 1px, transparent 1.2px),
    radial-gradient(circle at 38% 42%, rgba(255,255,255,.12) 0 .9px, transparent 1.1px),
    radial-gradient(circle at 86% 66%, rgba(98,151,255,.18) 0 1.1px, transparent 1.3px),
    radial-gradient(circle at 26% 80%, rgba(255,255,255,.14) 0 1px, transparent 1.2px),
    linear-gradient(90deg,
      transparent 0%,
      rgba(112,239,255,.012) 20%,
      transparent 40%,
      rgba(98,151,255,.012) 60%,
      transparent 80%,
      rgba(112,239,255,.012) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.015) 0%,
      transparent 12%,
      rgba(255,255,255,.012) 50%,
      transparent 88%,
      rgba(255,255,255,.014) 100%) !important;
  background-size:
    320px 320px,
    420px 420px,
    360px 360px,
    480px 480px,
    520px 520px,
    auto,
    auto !important;
}
@media (max-width: 1024px){
  .hero-photo{inset:0 !important; background-position:center !important; opacity:.36 !important;}
}


/* ===================== V19 FULL-WIDTH + RESPONSIVE PASS ===================== */
:root{
  --page-gutter: clamp(18px, 3.4vw, 64px);
  --content-max: 1520px;
  --content-wide: 1620px;
}
body{overflow-x:hidden;}
.container{
  width:min(var(--content-max), calc(100% - (var(--page-gutter) * 2))) !important;
  margin:0 auto;
}
.site-nav{
  width:min(var(--content-max), calc(100% - (var(--page-gutter) * 2))) !important;
}
section{
  padding:clamp(86px, 7vw, 128px) 0 !important;
}
.hero{
  min-height:100svh;
  padding:clamp(132px, 10vw, 162px) 0 clamp(84px, 8vw, 110px) !important;
}
.hero-grid,
.approach-grid,
.ecosystem-grid,
.contact-grid,
.sub-hero-grid,
.attack-content-grid,
.urgency-visual-grid,
.service-explorer,
.full-bleed-threat{
  width:100%;
}
.hero-grid{gap:clamp(28px, 4vw, 54px) !important; grid-template-columns:minmax(0, 1.02fr) minmax(460px, .98fr) !important;}
.approach-grid,
.contact-grid,
.urgency-visual-grid,
.service-explorer,
.full-bleed-threat{gap:clamp(24px, 3.6vw, 42px) !important;}

/* make key sections truly breathe across the full page */
.threat-center > .container,
.urgency-section > .container,
.contact-section > .container,
.ecosystem-section > .container,
.cases-section > .container,
.services-section > .container,
.situation-section > .container,
.section-split > .container,
.emergency-section > .container,
.footer > .container{
  width:min(var(--content-wide), calc(100% - (var(--page-gutter) * 2))) !important;
}

.threat-hero,
.threat-grid,
.partner-logo-wall,
.urgency-flow,
.case-grid,
.risk-map,
.principles-grid,
.service-tabs{
  width:100%;
}
.full-bleed-threat{
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr) !important;
  align-items:stretch;
}
.threat-hero{
  padding:clamp(24px, 2.6vw, 36px) !important;
}
.threat-danger-visual{
  min-height:420px;
}
.threat-grid{grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:18px !important;}
.partner-logo-wall{grid-template-columns:1.1fr repeat(2, minmax(220px, 1fr)) !important;}
.urgency-flow{grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:18px !important; align-items:stretch;}
.flow-card{min-height:320px !important;}
.contact-grid{grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr) !important; align-items:stretch;}
.contact-copy,.contact-form{height:100%;}
.contact-copy{padding:clamp(26px, 2.5vw, 36px) !important;}
.contact-form{padding:clamp(24px, 2.4vw, 34px) !important;}
.case-grid{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}
.risk-map{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}
.principles-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
.service-tabs{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}

/* calmer, fuller visual rhythm */
.threat-center::before,
.urgency-section::before,
.contact-section::before,
.cases-section::before,
.ecosystem-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%, rgba(112,239,255,.07), transparent 28%),
    radial-gradient(circle at 88% 26%, rgba(98,151,255,.08), transparent 26%),
    radial-gradient(circle at 38% 80%, rgba(112,239,255,.05), transparent 24%);
  opacity:.85;
}

@media (max-width: 1360px){
  :root{--content-max: 1420px; --content-wide: 1480px;}
  .threat-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .partner-logo-wall{grid-template-columns:1fr 1fr !important;}
  .partner-intro{grid-column:1 / -1;}
}

@media (max-width: 1180px){
  :root{--page-gutter: 18px;}
  .hero-grid,
  .approach-grid,
  .ecosystem-grid,
  .contact-grid,
  .sub-hero-grid,
  .attack-content-grid,
  .full-bleed-threat,
  .service-explorer,
  .urgency-visual-grid{grid-template-columns:1fr !important;}
  .hero-photo{inset:0 !important; opacity:.28 !important;}
  .partner-logo-wall,
  .case-grid,
  .risk-map,
  .urgency-flow,
  .service-tabs,
  .threat-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .security-console{min-height:560px !important;}
  .threat-danger-visual{min-height:360px !important;}
}

@media (max-width: 900px){
  :root{--page-gutter: 14px; --content-max: 100%; --content-wide: 100%;}
  .site-nav{
    width:calc(100% - 28px) !important;
    top:10px;
    border-radius:26px !important;
    padding:10px 12px !important;
  }
  .container,
  .threat-center > .container,
  .urgency-section > .container,
  .contact-section > .container,
  .ecosystem-section > .container,
  .cases-section > .container,
  .services-section > .container,
  .situation-section > .container,
  .section-split > .container,
  .emergency-section > .container,
  .footer > .container{
    width:calc(100% - 28px) !important;
  }
  .hero{padding-top:144px !important; min-height:auto !important;}
  .hero h1{font-size:clamp(40px, 11vw, 72px) !important;}
  .hero p{font-size:17px !important;}
  .service-stage{min-height:560px !important;}
  .urgency-flow,
  .case-grid,
  .risk-map,
  .service-tabs,
  .threat-grid,
  .partner-logo-wall{grid-template-columns:1fr !important;}
  .security-console{min-height:500px !important;}
  .console-panels{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .flow-card{min-height:auto !important;}
  .threat-hero,.contact-copy,.contact-form,.approach-visual,.service-stage{border-radius:26px !important;}
}

@media (max-width: 640px){
  :root{--page-gutter: 10px;}
  .site-nav{width:calc(100% - 16px) !important;}
  .container,
  .threat-center > .container,
  .urgency-section > .container,
  .contact-section > .container,
  .ecosystem-section > .container,
  .cases-section > .container,
  .services-section > .container,
  .situation-section > .container,
  .section-split > .container,
  .emergency-section > .container,
  .footer > .container{width:calc(100% - 16px) !important;}
  section{padding:72px 0 !important;}
  .hero{padding-top:134px !important; padding-bottom:76px !important;}
  .hero h1{font-size:clamp(34px, 11.5vw, 54px) !important; line-height:.94 !important;}
  .hero p,
  .section-head p,
  .contact-copy p,
  .panel-lead,
  .detail-box,
  .threat-copy-block p{font-size:15px !important; line-height:1.58 !important;}
  .btn{width:100%;}
  .hero-actions{display:grid; grid-template-columns:1fr;}
  .hero-stats{grid-template-columns:1fr !important;}
  .security-console{min-height:420px !important; padding:16px !important;}
  .radar-shell{inset:74px 16px 148px !important;}
  .console-panels{grid-template-columns:1fr !important;}
  .threat-hero,.threat-tile,.contact-copy,.contact-form,.risk-card,.case-card,.flow-card,.partner-logo-card{padding:18px !important;}
  .threat-danger-visual{min-height:280px !important;}
  .service-stage{min-height:500px !important;}
  .service-panel{padding:20px !important;}
  .threat-grid,
  .partner-logo-wall,
  .case-grid,
  .risk-map,
  .urgency-flow,
  .service-tabs,
  .principles-grid{grid-template-columns:1fr !important;}
  .contact-form label{font-size:14px;}
  .contact-form input,
  .contact-form textarea{font-size:16px !important;}
}


/* ===================== V20 CONSISTENT FULL-WIDTH PASS ===================== */
/* remove the return to heavy outer frames */
.theme-dark > .container::before,
.theme-navy > .container::before,
.theme-blue > .container::before,
.theme-danger > .container::before{
  display:none !important;
}

/* all key content sections use the same full-width logic as the threat center */
.services-section,
.ecosystem-section,
.cases-section,
.urgency-section,
.emergency-section,
.contact-section{
  position:relative;
  isolation:isolate;
}
.services-section::after,
.ecosystem-section::after,
.cases-section::after,
.urgency-section::after,
.emergency-section::after,
.contact-section::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:100vw;
  height:100%;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 14% 18%, rgba(112,239,255,.08), transparent 22%),
    radial-gradient(circle at 84% 24%, rgba(98,151,255,.08), transparent 22%),
    linear-gradient(180deg, rgba(6,12,22,.12), rgba(7,14,24,.06));
}
.services-section > .container,
.ecosystem-section > .container,
.cases-section > .container,
.urgency-section > .container,
.emergency-section > .container,
.contact-section > .container{
  width:100% !important;
  max-width:none !important;
  padding-inline:clamp(24px, 5vw, 82px) !important;
}

/* shared section header rhythm */
.section-head{
  width:100%;
  grid-template-columns:minmax(280px, .72fr) minmax(0, 1.28fr) !important;
  gap:clamp(24px, 3vw, 46px) !important;
}

/* SERVICE SECTION: full width, no surrounding frame shell */
.services-section .container{
  display:block;
}
.service-explorer{
  width:100%;
  grid-template-columns:minmax(270px, 320px) minmax(0, 1fr) !important;
  gap:clamp(18px, 2vw, 26px) !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
}
.service-tabs{
  align-content:start;
  gap:12px !important;
}
.service-tab{
  min-height:96px;
}
.service-stage{
  width:100%;
  min-height:720px !important;
  border-radius:34px !important;
}
.service-panel{
  padding:clamp(26px, 3vw, 42px) !important;
}
.detail-columns{
  grid-template-columns:minmax(0, 1.08fr) minmax(280px, .92fr) !important;
}
.service-footnote{
  max-width:980px;
}

/* ECOSYSTEM / PARTNER WALL */
.ecosystem-grid.partner-wall-mode{
  width:100%;
  grid-template-columns:minmax(320px, .86fr) minmax(0, 1.14fr) !important;
  gap:clamp(24px, 3vw, 40px) !important;
}
.partner-logo-wall{
  width:100%;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

/* THREAT CENTER stays full-width; keep generous span */
.full-bleed-section#threat-center > .container{
  width:100% !important;
  max-width:none !important;
  padding-inline:clamp(24px, 5vw, 82px) !important;
}
.full-bleed-threat{
  grid-template-columns:minmax(0, .92fr) minmax(380px, 1.08fr) !important;
}
.threat-grid{
  width:100%;
}

/* CASES */
.case-grid{
  width:100%;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}
.case-card:nth-child(2){
  transform:none !important;
}

/* URGENCY: fix the empty space and use the whole width */
.urgency-visual-grid{
  width:100%;
  grid-template-columns:1fr !important;
  gap:26px !important;
}
.urgency-flow-wrap{
  width:100%;
}
.urgency-copy{
  max-width:920px;
}
.urgency-flow{
  width:100%;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
}
.urgency-flow:before{
  left:4%;
  right:4%;
}
.flow-card{
  min-height:290px !important;
}

/* CONTACT */
.contact-grid{
  width:100%;
  grid-template-columns:minmax(300px, .9fr) minmax(0, 1.1fr) !important;
  gap:clamp(22px, 3vw, 34px) !important;
}

/* EMERGENCY */
.emergency-grid{
  width:100%;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
}
.emergency-copy,
.emergency-actions{
  background:linear-gradient(165deg, rgba(8,17,29,.74), rgba(11,23,38,.64)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 22px 82px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:blur(16px);
  border-radius:34px;
  padding:28px;
}

/* responsive */
@media (max-width: 1180px){
  .service-explorer,
  .ecosystem-grid.partner-wall-mode,
  .contact-grid,
  .emergency-grid,
  .full-bleed-threat{
    grid-template-columns:1fr !important;
  }
  .urgency-flow,
  .case-grid,
  .partner-logo-wall{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .service-stage{min-height:640px !important;}
}

@media (max-width: 860px){
  .section-head{grid-template-columns:1fr !important;}
  .service-explorer{grid-template-columns:1fr !important;}
  .service-tabs{grid-template-columns:1fr !important;}
  .detail-columns{grid-template-columns:1fr !important;}
  .urgency-flow,
  .case-grid,
  .partner-logo-wall{grid-template-columns:1fr !important;}
  .services-section > .container,
  .ecosystem-section > .container,
  .cases-section > .container,
  .urgency-section > .container,
  .emergency-section > .container,
  .contact-section > .container,
  .full-bleed-section#threat-center > .container{
    padding-inline:16px !important;
  }
}


/* ===================== V21 HERO MAP RESTORE ===================== */
/* Reinforce missing top cues without changing content structure */
.hero-jump-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
  max-width:720px;
}
.hero-jump-links a,
.hero-jump-links span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(112,239,255,.075);
  border:1px solid rgba(112,239,255,.14);
  color:#c8f9ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.hero-jump-links a:hover{
  border-color:rgba(112,239,255,.34);
  background:rgba(112,239,255,.12);
}

/* Restore the stronger Threat Surface Map visual */
.surface-map-console{
  min-height:680px !important;
  padding:22px !important;
  border-radius:44px !important;
  background:
    radial-gradient(circle at 50% 52%, rgba(112,239,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(8,18,31,.76), rgba(4,10,18,.92)) !important;
  border:1px solid rgba(112,239,255,.14) !important;
  box-shadow:0 34px 120px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden;
}
.surface-map-console:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent 0 48%, rgba(112,239,255,.08) 50%, transparent 52%),
    radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(112,239,255,.045) 18.2% 18.6%, transparent 19% 34%, rgba(112,239,255,.045) 34.2% 34.6%, transparent 35% 50%, rgba(112,239,255,.035) 50.2% 50.6%, transparent 51%);
  opacity:.8;
  pointer-events:none;
}
.surface-map-top{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(5,11,20,.78);
  border:1px solid rgba(255,255,255,.11);
}
.surface-map-top span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#c9ffe2;
  font-weight:950;
}
.surface-map-top span i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#56f0a6;
  box-shadow:0 0 22px rgba(86,240,166,.72);
}
.surface-map-top b{
  color:#edf7ff;
  font-weight:950;
}
.surface-map-field{
  position:absolute;
  z-index:2;
  inset:96px 22px 22px;
  border-radius:32px;
}
.surface-rings{
  position:absolute;
  inset:0;
}
.surface-rings .ring{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(112,239,255,.20);
  box-shadow:0 0 32px rgba(112,239,255,.055);
}
.ring-1{width:25%;aspect-ratio:1;}
.ring-2{width:49%;aspect-ratio:1;border-color:rgba(112,239,255,.28)!important;}
.ring-3{width:66%;aspect-ratio:1;border-color:rgba(112,239,255,.18)!important;}
.ring-4{width:79%;aspect-ratio:1;border-color:rgba(112,239,255,.12)!important;}
.scan-line{
  position:absolute;
  left:18%;
  top:22%;
  width:52%;
  height:52%;
  transform-origin:70% 70%;
  background:conic-gradient(from 210deg, rgba(112,239,255,.18), transparent 28%, transparent);
  clip-path:polygon(50% 50%, 100% 0, 100% 100%);
  animation:surfaceScan 8s linear infinite;
}
@keyframes surfaceScan{to{transform:rotate(360deg)}}
.shield-outline{
  position:absolute;
  left:50%;
  top:48%;
  width:180px;
  height:180px;
  transform:translate(-50%,-50%) rotate(-4deg);
  border:2px solid rgba(199,230,239,.38);
  clip-path:polygon(50% 2%, 88% 28%, 76% 78%, 50% 100%, 24% 78%, 12% 28%);
  opacity:.75;
}
.map-dot{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#5deaf4;
  box-shadow:0 0 24px rgba(93,234,244,.9);
}
.dot-a{left:21%;top:68%;}
.dot-b{right:18%;top:32%;background:#ff6b7e;box-shadow:0 0 24px rgba(255,107,126,.78);}
.map-card{
  position:absolute;
  z-index:5;
  width:min(260px, 42%);
  padding:20px 20px 18px;
  border-radius:22px;
  background:rgba(6,12,22,.88);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
}
.map-card h3{
  margin:0 0 10px;
  color:#f3f8ff;
  font-size:17px;
  line-height:1.05;
  letter-spacing:-.03em;
}
.map-card p{
  margin:0;
  color:#d4deea;
  font-size:13px;
  line-height:1.5;
}
.map-card .bar{
  display:block;
  height:6px;
  margin-top:14px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  overflow:hidden;
}
.map-card .bar i{
  display:block;
  width:78%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#33e1f4,#356df5);
}
.map-card .bar.warning i{
  width:42%;
  background:linear-gradient(90deg,#ff4d79,#ffd36a);
}
.identity-card{left:2%;top:8%;}
.risk-card-map{right:1%;top:18%;}
.backup-card{left:7%;bottom:0;}
.perimeter-card{right:5%;bottom:7%;}

@media (max-width: 1180px){
  .surface-map-console{
    min-height:620px !important;
  }
  .surface-map-field{
    inset:92px 18px 18px;
  }
}
@media (max-width: 760px){
  .hero-jump-links{
    margin-top:18px;
  }
  .surface-map-console{
    min-height:720px !important;
    padding:16px !important;
    border-radius:28px !important;
  }
  .surface-map-top{
    align-items:flex-start;
    flex-direction:column;
    padding:14px;
  }
  .surface-map-field{
    inset:112px 14px 14px;
  }
  .surface-rings{
    top:14%;
    height:48%;
  }
  .shield-outline{
    width:130px;
    height:130px;
  }
  .map-card{
    width:calc(50% - 8px);
    padding:15px;
    border-radius:18px;
  }
  .map-card h3{font-size:15px;}
  .map-card p{font-size:12px;}
  .identity-card{left:0;top:0;}
  .risk-card-map{right:0;top:10%;}
  .backup-card{left:0;bottom:6%;}
  .perimeter-card{right:0;bottom:0;}
}
@media (max-width: 520px){
  .surface-map-console{
    min-height:780px !important;
  }
  .map-card{
    width:100%;
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    margin-bottom:12px;
  }
  .surface-map-field{
    position:relative;
    inset:auto;
    margin-top:18px;
    min-height:640px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }
  .surface-rings{
    position:absolute;
    inset:0 0 auto;
    height:300px;
  }
}

/* ===================== V21 GLOBAL SPACE BACKGROUND PASS ===================== */
/* Keep V21 layout and card colors. Only extend the background into a premium full-document space atmosphere. */
@keyframes nimbusUniverseDrift {
  from { background-position: 0 0, 0 0, center center, center center, center center, center center; }
  to   { background-position: -220px 140px, 160px -120px, center center, center center, center center, center center; }
}
@keyframes nimbusNebulaShift {
  from { transform: translate3d(0,0,0) scale(1); opacity: .92; }
  to   { transform: translate3d(0,-1.2%,0) scale(1.02); opacity: 1; }
}

body.full-doc-design {
  background-color: #02050b !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(32,169,255,.18), transparent 16%),
    radial-gradient(circle at 82% 14%, rgba(74,109,255,.12), transparent 18%),
    radial-gradient(circle at 72% 64%, rgba(35,95,180,.14), transparent 24%),
    radial-gradient(circle at 30% 78%, rgba(58,188,255,.08), transparent 18%),
    linear-gradient(180deg,
      #02050b 0%,
      #040913 14%,
      #071121 30%,
      #09172b 46%,
      #0a1832 58%,
      #09142a 72%,
      #050c18 86%,
      #02050b 100%) !important;
}

body.full-doc-design::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -6;
  opacity: .95;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='white'%3E%3Ccircle cx='19' cy='22' r='1.2' fill-opacity='.95'/%3E%3Ccircle cx='58' cy='94' r='.9' fill-opacity='.7'/%3E%3Ccircle cx='102' cy='52' r='1.1' fill-opacity='.8'/%3E%3Ccircle cx='148' cy='176' r='.75' fill-opacity='.55'/%3E%3Ccircle cx='189' cy='118' r='1.25' fill-opacity='.78'/%3E%3Ccircle cx='232' cy='64' r='.85' fill-opacity='.6'/%3E%3Ccircle cx='274' cy='146' r='1.05' fill-opacity='.72'/%3E%3Ccircle cx='314' cy='88' r='.82' fill-opacity='.58'/%3E%3Ccircle cx='356' cy='152' r='1.18' fill-opacity='.84'/%3E%3Ccircle cx='390' cy='54' r='.78' fill-opacity='.5'/%3E%3Ccircle cx='44' cy='232' r='1.04' fill-opacity='.74'/%3E%3Ccircle cx='92' cy='286' r='.76' fill-opacity='.48'/%3E%3Ccircle cx='132' cy='246' r='1.1' fill-opacity='.76'/%3E%3Ccircle cx='176' cy='318' r='.84' fill-opacity='.56'/%3E%3Ccircle cx='216' cy='274' r='1.22' fill-opacity='.86'/%3E%3Ccircle cx='258' cy='346' r='.8' fill-opacity='.52'/%3E%3Ccircle cx='298' cy='234' r='1.02' fill-opacity='.68'/%3E%3Ccircle cx='338' cy='312' r='.76' fill-opacity='.5'/%3E%3Ccircle cx='382' cy='264' r='1.15' fill-opacity='.82'/%3E%3Ccircle cx='72' cy='384' r='.88' fill-opacity='.6'/%3E%3Ccircle cx='144' cy='398' r='1.08' fill-opacity='.74'/%3E%3Ccircle cx='228' cy='392' r='.8' fill-opacity='.52'/%3E%3Ccircle cx='302' cy='386' r='1.14' fill-opacity='.82'/%3E%3Ccircle cx='388' cy='374' r='.86' fill-opacity='.58'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='760' viewBox='0 0 760 760'%3E%3Cg fill='%238fdcff'%3E%3Ccircle cx='44' cy='86' r='1.2' fill-opacity='.16'/%3E%3Ccircle cx='132' cy='176' r='1.35' fill-opacity='.14'/%3E%3Ccircle cx='208' cy='72' r='1.05' fill-opacity='.12'/%3E%3Ccircle cx='286' cy='148' r='1.25' fill-opacity='.16'/%3E%3Ccircle cx='366' cy='94' r='1.15' fill-opacity='.12'/%3E%3Ccircle cx='434' cy='188' r='1.3' fill-opacity='.14'/%3E%3Ccircle cx='522' cy='120' r='1.1' fill-opacity='.13'/%3E%3Ccircle cx='618' cy='206' r='1.4' fill-opacity='.15'/%3E%3Ccircle cx='698' cy='98' r='1.2' fill-opacity='.12'/%3E%3Ccircle cx='84' cy='332' r='1.25' fill-opacity='.14'/%3E%3Ccircle cx='192' cy='294' r='1.1' fill-opacity='.12'/%3E%3Ccircle cx='274' cy='362' r='1.3' fill-opacity='.16'/%3E%3Ccircle cx='386' cy='326' r='1.15' fill-opacity='.12'/%3E%3Ccircle cx='486' cy='386' r='1.25' fill-opacity='.13'/%3E%3Ccircle cx='586' cy='338' r='1.1' fill-opacity='.11'/%3E%3Ccircle cx='688' cy='412' r='1.35' fill-opacity='.14'/%3E%3Ccircle cx='126' cy='528' r='1.2' fill-opacity='.12'/%3E%3Ccircle cx='246' cy='602' r='1.15' fill-opacity='.12'/%3E%3Ccircle cx='362' cy='544' r='1.25' fill-opacity='.13'/%3E%3Ccircle cx='476' cy='646' r='1.2' fill-opacity='.14'/%3E%3Ccircle cx='608' cy='578' r='1.08' fill-opacity='.11'/%3E%3Ccircle cx='708' cy='672' r='1.28' fill-opacity='.15'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 12% 16%, rgba(48, 190, 255, .10), transparent 18%),
    radial-gradient(circle at 82% 22%, rgba(92, 133, 255, .10), transparent 20%),
    radial-gradient(circle at 58% 62%, rgba(30, 103, 196, .12), transparent 24%),
    radial-gradient(circle at 26% 84%, rgba(70, 205, 255, .06), transparent 18%);
  background-size: 420px 420px, 760px 760px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  animation: nimbusUniverseDrift 180s linear infinite;
}

body.full-doc-design::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -5;
  opacity: .66;
  background:
    radial-gradient(circle at 18% 20%, rgba(77, 212, 255, .06), transparent 16%),
    radial-gradient(circle at 78% 18%, rgba(91, 118, 255, .05), transparent 18%),
    radial-gradient(circle at 70% 74%, rgba(41, 91, 180, .07), transparent 20%),
    radial-gradient(circle at 34% 72%, rgba(60, 181, 255, .05), transparent 14%),
    linear-gradient(180deg, rgba(255,255,255,.012), transparent 20%, rgba(255,255,255,.006) 55%, transparent 85%);
  animation: nimbusNebulaShift 18s ease-in-out infinite alternate;
}

/* document overlays keep subtle motion, but the entire site reads as 'space' */
.bg-grid {
  opacity: .075 !important;
  background:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    radial-gradient(circle at 50% 40%, rgba(39,151,255,.07), transparent 28%) !important;
  background-size: 168px 168px, 168px 168px, 100% 100% !important;
}
.beam {
  filter: blur(64px) !important;
}
.beam-a { opacity: .12 !important; }
.beam-b { opacity: .16 !important; }
.beam-c { opacity: .10 !important; }
.bg-journey { opacity: .78 !important; }
.noise-layer { opacity: .03 !important; }
#particleCanvas { opacity: .28 !important; }


/* ========================================================================
   V21 SPACE BACKGROUND V3 — global, clearly visible, elegant space stage
   ======================================================================== */
html{
  background:#030916;
}
body{
  background:
    radial-gradient(circle at 16% 18%, rgba(61, 214, 255, .18), transparent 0 18%),
    radial-gradient(circle at 80% 14%, rgba(76, 127, 255, .16), transparent 0 20%),
    radial-gradient(circle at 72% 72%, rgba(127, 95, 255, .12), transparent 0 18%),
    radial-gradient(circle at 34% 82%, rgba(18, 120, 220, .10), transparent 0 16%),
    linear-gradient(180deg, #020611 0%, #050c18 42%, #071224 100%);
  background-attachment: fixed;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  opacity:.95;
  background:
    radial-gradient(2px 2px at 4% 8%, rgba(255,255,255,.92) 0 48%, transparent 56%),
    radial-gradient(1.5px 1.5px at 10% 22%, rgba(255,255,255,.78) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 16% 14%, rgba(154,242,255,.85) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 22% 30%, rgba(255,255,255,.82) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 28% 12%, rgba(255,255,255,.85) 0 48%, transparent 56%),
    radial-gradient(1.5px 1.5px at 35% 24%, rgba(141,214,255,.72) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 40% 8%, rgba(255,255,255,.9) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 47% 18%, rgba(255,255,255,.72) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 54% 28%, rgba(193,235,255,.82) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 60% 10%, rgba(255,255,255,.88) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 67% 20%, rgba(120,198,255,.74) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 74% 8%, rgba(255,255,255,.9) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 82% 18%, rgba(255,255,255,.86) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 90% 12%, rgba(173,225,255,.78) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 95% 24%, rgba(255,255,255,.84) 0 48%, transparent 56%),
    radial-gradient(1.5px 1.5px at 8% 44%, rgba(255,255,255,.76) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 14% 56%, rgba(132,224,255,.78) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 20% 68%, rgba(255,255,255,.85) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 26% 50%, rgba(255,255,255,.92) 0 48%, transparent 56%),
    radial-gradient(1.5px 1.5px at 32% 62%, rgba(173,230,255,.74) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 38% 76%, rgba(255,255,255,.84) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 44% 56%, rgba(255,255,255,.76) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 50% 70%, rgba(117,200,255,.82) 0 48%, transparent 56%),
    radial-gradient(1.5px 1.5px at 56% 52%, rgba(255,255,255,.82) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 62% 64%, rgba(255,255,255,.9) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 68% 82%, rgba(157,219,255,.78) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 74% 58%, rgba(255,255,255,.82) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 80% 72%, rgba(255,255,255,.9) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 86% 60%, rgba(142,211,255,.76) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 92% 78%, rgba(255,255,255,.82) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 97% 52%, rgba(255,255,255,.84) 0 48%, transparent 56%),
    radial-gradient(1.5px 1.5px at 6% 88%, rgba(255,255,255,.82) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 18% 92%, rgba(152,224,255,.78) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 31% 90%, rgba(255,255,255,.88) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 46% 94%, rgba(255,255,255,.84) 0 48%, transparent 56%),
    radial-gradient(1.5px 1.5px at 58% 90%, rgba(176,232,255,.76) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 70% 94%, rgba(255,255,255,.82) 0 48%, transparent 58%),
    radial-gradient(1.5px 1.5px at 84% 90%, rgba(255,255,255,.9) 0 50%, transparent 58%),
    radial-gradient(2px 2px at 94% 94%, rgba(136,215,255,.78) 0 48%, transparent 58%),
    radial-gradient(circle at 18% 22%, rgba(43, 186, 255, .16), transparent 0 24%),
    radial-gradient(circle at 82% 24%, rgba(40, 111, 255, .14), transparent 0 24%),
    radial-gradient(circle at 68% 78%, rgba(127, 94, 255, .12), transparent 0 20%),
    radial-gradient(circle at 24% 72%, rgba(42, 163, 255, .08), transparent 0 18%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  opacity:.42;
  background:
    radial-gradient(circle at 22% 18%, rgba(84, 225, 255, .20), transparent 0 16%),
    radial-gradient(circle at 76% 12%, rgba(90, 124, 255, .16), transparent 0 18%),
    radial-gradient(circle at 78% 66%, rgba(81, 202, 255, .12), transparent 0 18%),
    radial-gradient(circle at 38% 84%, rgba(130, 95, 255, .10), transparent 0 16%),
    linear-gradient(transparent, transparent),
    linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,120px 120px,120px 120px;
  mix-blend-mode:screen;
}
.noise-layer{
  opacity:.12;
}
#particleCanvas{
  opacity:.74;
}
.moving-gradient{
  opacity:.92;
}
section{
  background:transparent;
}

/* Production fix layer: cleaned navigation behavior, legal-link compatibility, mobile menu, and motion/performance guardrails. */
.site-nav,
.siteNav .navShell{
  isolation:isolate;
}
.nav-toggle{
  display:none;
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:10px 13px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}
.siteNav .nav-toggle{
  margin-left:auto;
}
.nav-links.is-open,
.navLinks.is-open{
  display:flex;
}
body.nav-open{
  overflow:hidden;
}
.emailLink[href^="mailto:"]{
  cursor:pointer;
}
@media (max-width:900px){
  .site-nav{
    display:grid !important;
    grid-template-columns:auto 1fr auto auto;
    align-items:center;
    gap:8px;
    width:calc(100% - 20px) !important;
    padding:10px !important;
    border-radius:24px !important;
  }
  .site-nav .brand{justify-self:start;}
  .site-nav .nav-emergency{justify-self:end;white-space:nowrap;}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;}
  .site-nav .nav-links{
    grid-column:1 / -1;
    display:none;
    flex-direction:column;
    gap:8px;
    padding:10px 4px 4px;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .site-nav .nav-links.is-open{display:flex !important;}
  .site-nav .nav-links a{
    width:100%;
    padding:13px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.055);
  }
  .siteNav .navShell{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
  }
  .siteNav .navLinks{
    order:5;
    flex-basis:100%;
    display:none;
    flex-direction:column;
    gap:8px;
    padding-top:10px;
  }
  .siteNav .navLinks.is-open{display:flex !important;}
  .siteNav .navLinks a,
  .siteNav .navLinks button{width:100%;justify-content:center;}
}
@media (max-width:520px){
  .site-nav{grid-template-columns:auto 1fr auto;}
  .site-nav .nav-emergency{grid-column:2;justify-self:end;padding:10px 12px !important;font-size:12px;}
  .site-nav .nav-toggle{grid-column:3;}
}
@media (prefers-reduced-motion: reduce){
  #particleCanvas{display:none;}
}

/* ===================== V22 CSS SPACE BACKGROUND — no wallpaper image ===================== */
/* A deeper, premium space atmosphere built with CSS gradients and existing particle canvas.
   Keeps all text layers readable and removes the hero background photo dependency. */
:root{
  --space-black:#020711;
  --space-navy:#071426;
  --space-blue:#0a2445;
  --space-cyan:rgba(112,239,255,.46);
  --space-violet:rgba(156,125,255,.34);
}
html{
  background:var(--space-black);
}
body{
  background:
    radial-gradient(ellipse at 16% 18%, rgba(58, 187, 255, .18) 0%, rgba(58, 187, 255, .07) 18%, transparent 42%),
    radial-gradient(ellipse at 84% 10%, rgba(120, 95, 255, .18) 0%, rgba(120, 95, 255, .07) 22%, transparent 48%),
    radial-gradient(ellipse at 72% 76%, rgba(0, 219, 255, .13) 0%, rgba(0, 219, 255, .05) 24%, transparent 52%),
    linear-gradient(180deg, #020711 0%, #061225 34%, #07172b 62%, #020711 100%) !important;
  color:var(--text);
  isolation:isolate;
}
body::before{
  content:"";
  position:fixed;
  inset:-10%;
  z-index:-6;
  pointer-events:none;
  opacity:.9;
  background:
    radial-gradient(1px 1px at 5% 9%, rgba(255,255,255,.95) 98%, transparent 100%),
    radial-gradient(1px 1px at 12% 28%, rgba(178,228,255,.72) 98%, transparent 100%),
    radial-gradient(1.4px 1.4px at 18% 16%, rgba(255,255,255,.88) 98%, transparent 100%),
    radial-gradient(1px 1px at 25% 52%, rgba(154,230,255,.68) 98%, transparent 100%),
    radial-gradient(1.3px 1.3px at 33% 22%, rgba(255,255,255,.80) 98%, transparent 100%),
    radial-gradient(1px 1px at 41% 74%, rgba(255,255,255,.70) 98%, transparent 100%),
    radial-gradient(1.4px 1.4px at 48% 34%, rgba(177,229,255,.82) 98%, transparent 100%),
    radial-gradient(1px 1px at 55% 12%, rgba(255,255,255,.90) 98%, transparent 100%),
    radial-gradient(1.5px 1.5px at 63% 58%, rgba(131,207,255,.72) 98%, transparent 100%),
    radial-gradient(1px 1px at 70% 30%, rgba(255,255,255,.76) 98%, transparent 100%),
    radial-gradient(1.4px 1.4px at 78% 18%, rgba(190,236,255,.86) 98%, transparent 100%),
    radial-gradient(1px 1px at 86% 46%, rgba(255,255,255,.82) 98%, transparent 100%),
    radial-gradient(1.6px 1.6px at 93% 72%, rgba(151,216,255,.76) 98%, transparent 100%),
    radial-gradient(1px 1px at 8% 82%, rgba(255,255,255,.74) 98%, transparent 100%),
    radial-gradient(1.3px 1.3px at 29% 90%, rgba(172,222,255,.78) 98%, transparent 100%),
    radial-gradient(1px 1px at 52% 88%, rgba(255,255,255,.82) 98%, transparent 100%),
    radial-gradient(1.4px 1.4px at 81% 86%, rgba(255,255,255,.76) 98%, transparent 100%);
  background-size:980px 720px;
  animation:spaceDrift 44s linear infinite alternate;
}
body::after{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:-5;
  pointer-events:none;
  opacity:.78;
  background:
    radial-gradient(ellipse at 72% 20%, rgba(78, 204, 255, .26) 0%, rgba(78, 204, 255, .10) 17%, transparent 42%),
    radial-gradient(ellipse at 88% 68%, rgba(133, 91, 255, .22) 0%, rgba(133, 91, 255, .08) 20%, transparent 48%),
    radial-gradient(ellipse at 34% 82%, rgba(0, 171, 255, .16) 0%, rgba(0, 171, 255, .06) 18%, transparent 44%),
    conic-gradient(from 214deg at 72% 36%, transparent 0 12%, rgba(112,239,255,.16) 15%, rgba(156,125,255,.10) 20%, transparent 31% 100%),
    linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,.055) 39%, transparent 40% 100%);
  filter:blur(.2px) saturate(1.2);
  mix-blend-mode:screen;
  animation:nebulaBreath 18s ease-in-out infinite alternate;
}
.noise-layer{
  z-index:-4;
  opacity:.10 !important;
  mix-blend-mode:screen;
}
#particleCanvas{
  z-index:-3;
  opacity:.62 !important;
}
.moving-gradient{
  opacity:.42 !important;
  background:
    radial-gradient(circle at 18% 28%, rgba(112,239,255,.13), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(98,151,255,.12), transparent 30%),
    radial-gradient(circle at 72% 82%, rgba(156,125,255,.11), transparent 28%) !important;
}
section,
.theme-dark,
.theme-navy,
.theme-blue,
.theme-danger,
.theme-color,
.legalPage{
  background:transparent !important;
}
.site-nav,
.siteNav .navShell{
  background:rgba(3, 9, 20, .70) !important;
  border-color:rgba(167, 233, 255, .16) !important;
  box-shadow:0 18px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.hero-photo{
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(2,7,17,.96) 0%, rgba(2,7,17,.76) 38%, rgba(2,7,17,.36) 72%, rgba(2,7,17,.70) 100%),
    radial-gradient(ellipse at 78% 24%, rgba(79, 210, 255, .24) 0%, rgba(79, 210, 255, .08) 22%, transparent 50%),
    radial-gradient(ellipse at 90% 72%, rgba(144, 94, 255, .22) 0%, rgba(144, 94, 255, .08) 24%, transparent 55%),
    conic-gradient(from 212deg at 78% 38%, transparent 0 15%, rgba(112,239,255,.16) 20%, rgba(156,125,255,.12) 26%, transparent 38% 100%) !important;
  background-size:cover !important;
  background-position:center !important;
  filter:none !important;
  opacity:1 !important;
}
.hero-photo::after{
  inset:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.22) 0 1px, transparent 1.4px),
    radial-gradient(circle at 82% 44%, rgba(164,229,255,.20) 0 1px, transparent 1.4px),
    radial-gradient(circle at 92% 62%, rgba(255,255,255,.22) 0 1px, transparent 1.4px),
    linear-gradient(180deg, rgba(2,7,17,.04), rgba(2,7,17,.52)) !important;
  background-size:260px 220px,320px 260px,380px 300px,100% 100% !important;
  box-shadow:none !important;
  opacity:.95;
}
.risk-card,
.service-tab-panel,
.partner-logo-card,
.threat-tile,
.case-card,
.compare-box,
.contact-card,
.stat,
.console-panels div,
.legalCard,
.attack-detail-card,
.emergency-card{
  background-color:rgba(7, 17, 34, .70) !important;
  backdrop-filter:blur(18px);
  border-color:rgba(167, 233, 255, .13) !important;
}
.hero h1,
.section-head h2,
.approach-copy h2,
.ecosystem-copy h2,
.threat-hero h2,
.urgency-copy h2,
.emergency-copy h2,
.contact-copy h2,
.deep-head h2{
  text-shadow:0 18px 60px rgba(0,0,0,.58);
}
.hero p,
.section-head p,
.approach-copy p,
.ecosystem-copy p,
.threat-hero p,
.urgency-copy p,
.emergency-copy p,
.contact-copy p,
.deep-head p{
  text-shadow:0 10px 34px rgba(0,0,0,.55);
}
@keyframes spaceDrift{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-2.2%,1.4%,0) scale(1.035);}
}
@keyframes nebulaBreath{
  from{transform:translate3d(-1%,0,0) scale(1); opacity:.62;}
  to{transform:translate3d(1%,1%,0) scale(1.035); opacity:.86;}
}
@media (max-width:760px){
  body::before{opacity:.72;background-size:760px 620px;}
  body::after{opacity:.66;}
  .hero-photo{
    background:
      linear-gradient(180deg, rgba(2,7,17,.94) 0%, rgba(2,7,17,.66) 50%, rgba(2,7,17,.92) 100%),
      radial-gradient(ellipse at 76% 20%, rgba(79,210,255,.20), transparent 48%),
      radial-gradient(ellipse at 50% 82%, rgba(144,94,255,.18), transparent 54%) !important;
  }
}
@media (prefers-reduced-motion: reduce){
  body::before,
  body::after{animation:none !important;}
}

/* ===================== V23 SERVICE LAYOUT BALANCE FIX ===================== */
/* Leistungen: stabileres Verhältnis zwischen linker Leistungsnavigation und rechter Inhaltsfläche. */
.services-section .service-explorer{
  display:grid !important;
  grid-template-columns:minmax(360px, 0.36fr) minmax(0, 0.64fr) !important;
  align-items:start !important;
  gap:clamp(22px, 2.6vw, 38px) !important;
  max-width:1480px !important;
  margin-inline:auto !important;
}

.services-section .service-tabs{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:12px !important;
  position:sticky !important;
  top:112px !important;
  align-self:start !important;
}

.services-section .service-tab{
  min-height:82px !important;
  height:auto !important;
  grid-template-columns:52px minmax(0, 1fr) !important;
  gap:14px !important;
  padding:16px 18px !important;
  border-radius:24px !important;
  line-height:1.22 !important;
}

.services-section .service-tab > span:last-child{
  min-width:0 !important;
  display:block !important;
  font-size:15px !important;
  font-weight:850 !important;
  letter-spacing:-.012em !important;
  text-wrap:balance;
}

.services-section .service-tab b{
  display:block !important;
  margin-bottom:4px !important;
  color:#9df5ff !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  line-height:1 !important;
}

.services-section .service-tab .tab-icon{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
}

.services-section .service-stage{
  min-height:0 !important;
  height:auto !important;
  display:grid !important;
  border-radius:34px !important;
}

.services-section .service-panel{
  position:relative !important;
  inset:auto !important;
  grid-area:1 / 1 !important;
  min-height:560px !important;
  justify-content:flex-start !important;
  padding:clamp(30px, 3vw, 48px) !important;
}

.services-section .service-panel:not(.is-active){
  display:flex !important;
  visibility:hidden !important;
}

.services-section .service-panel.is-active{
  visibility:visible !important;
}

.services-section .stage-photo{
  opacity:.42 !important;
  background:
    linear-gradient(90deg, rgba(5,12,22,.96), rgba(5,12,22,.82) 45%, rgba(5,12,22,.68)),
    radial-gradient(circle at 88% 16%, rgba(112,239,255,.16), transparent 28%),
    url("./assets/visual-operations.jpg") center/cover no-repeat !important;
}

.services-section .panel-kicker{
  margin-bottom:16px !important;
}

.services-section .service-panel h3{
  max-width:920px !important;
  margin-top:0 !important;
  margin-bottom:14px !important;
  font-size:clamp(31px, 3.2vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance;
}

.services-section .panel-lead{
  max-width:820px !important;
  margin-bottom:30px !important;
  font-size:18px !important;
}

.services-section .detail-columns{
  display:grid !important;
  grid-template-columns:minmax(0, 1.12fr) minmax(300px, .88fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.services-section .detail-box{
  padding:clamp(20px, 2vw, 28px) !important;
  border-radius:26px !important;
}

.services-section .icon-list{
  gap:12px !important;
}

.services-section .icon-list li{
  line-height:1.55 !important;
}

@media (min-width: 1500px){
  .services-section .service-explorer{
    grid-template-columns:minmax(400px, 0.34fr) minmax(0, 0.66fr) !important;
  }
}

@media (max-width: 1180px){
  .services-section .service-explorer{
    grid-template-columns:1fr !important;
  }
  .services-section .service-tabs{
    position:relative !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .services-section .service-panel{
    min-height:0 !important;
  }
}

@media (max-width: 760px){
  .services-section .service-tabs{
    grid-template-columns:1fr !important;
  }
  .services-section .service-tab{
    min-height:74px !important;
    grid-template-columns:46px minmax(0, 1fr) !important;
    padding:14px !important;
  }
  .services-section .service-tab .tab-icon{
    width:46px !important;
    height:46px !important;
  }
  .services-section .service-panel{
    padding:22px !important;
  }
  .services-section .service-panel:not(.is-active){
    display:none !important;
  }
  .services-section .detail-columns{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   V25 content architecture: Nimbus IT / technologies / proof / collaboration
   ========================================================= */
.hero-support-line{
  margin-top:-8px !important;
  color:rgba(233,247,255,.78) !important;
  max-width:780px !important;
}

.site-nav .nav-links{
  gap:clamp(10px, 1.25vw, 20px) !important;
}
.site-nav .nav-links a{
  white-space:nowrap !important;
}

.nimbus-section{
  position:relative;
  overflow:hidden;
}
.nimbus-section:before,
.ecosystem-section:before,
.collaboration-section:before,
.cases-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%, rgba(112,239,255,.12), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(133,92,255,.13), transparent 32%);
  opacity:.8;
}
.nimbus-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(28px, 5vw, 72px);
  align-items:center;
}
.nimbus-copy p{
  color:rgba(233,247,255,.78);
  max-width:760px;
}
.section-bridge{
  margin-top:24px;
  padding:20px 22px;
  border:1px solid rgba(112,239,255,.18);
  border-radius:24px;
  background:linear-gradient(135deg, rgba(112,239,255,.08), rgba(133,92,255,.07));
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.nimbus-principles{
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
.icon-badge,
.flow-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#8ff4ff;
  background:linear-gradient(135deg, rgba(112,239,255,.14), rgba(133,92,255,.12));
  border:1px solid rgba(112,239,255,.22);
  box-shadow:0 18px 48px rgba(0,0,0,.28), inset 0 0 24px rgba(112,239,255,.05);
  margin-bottom:16px;
}
.icon-badge .mini-svg,
.flow-icon .mini-svg{
  width:26px;
  height:26px;
}

.ecosystem-section{
  position:relative;
}
.ecosystem-category-mode{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(28px, 5vw, 72px);
  align-items:center;
}
.ecosystem-copy p{
  color:rgba(233,247,255,.76);
  max-width:760px;
}
.ecosystem-card-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
.ecosystem-card{
  min-height:220px;
  padding:26px;
  border-radius:28px;
  background:linear-gradient(145deg, rgba(8,18,34,.74), rgba(6,10,22,.62));
  border:1px solid rgba(112,239,255,.16);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}
.ecosystem-card h3,
.testimonial-card h3{
  margin:0 0 12px;
  letter-spacing:-.03em;
}
.ecosystem-card p,
.testimonial-card p{
  color:rgba(233,247,255,.72);
}

.threat-center .threat-hero-danger{
  border:1px solid rgba(255,107,107,.22) !important;
  box-shadow:0 40px 110px rgba(0,0,0,.44), 0 0 80px rgba(255,107,107,.08) !important;
}
.threat-center .threat-copy-block h2{
  max-width:880px;
}
.threat-center .danger-points span{
  backdrop-filter:blur(12px);
}

.cases-section{
  position:relative;
  overflow:hidden;
}
.cases-section > .container{
  position:relative;
  z-index:1;
}
.practice-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
.testimonial-block{
  margin-top:clamp(34px, 5vw, 70px);
}
.section-head.compact{
  margin-bottom:24px;
  text-align:left;
}
.section-head.compact h2{
  font-size:clamp(28px, 3vw, 46px);
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.testimonial-card{
  padding:clamp(22px, 2.4vw, 32px);
  border-radius:30px;
  background:linear-gradient(145deg, rgba(8,18,34,.76), rgba(6,10,22,.66));
  border:1px solid rgba(112,239,255,.16);
  box-shadow:0 26px 80px rgba(0,0,0,.3);
}
.testimonial-card blockquote{
  margin:0 0 18px;
  font-size:clamp(18px, 1.8vw, 25px);
  line-height:1.35;
  letter-spacing:-.035em;
  color:#f4fbff;
}
.testimonial-card p{
  margin:0;
  font-size:14px;
}

.collaboration-section{
  position:relative;
  overflow:hidden;
}
.collaboration-wrap{
  position:relative;
  z-index:1;
}
.work-flow{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:16px;
  margin-top:clamp(26px, 4vw, 50px);
}
.work-flow .flow-card{
  padding:24px;
  min-height:300px;
  background:linear-gradient(145deg, rgba(8,18,34,.78), rgba(6,10,22,.68));
  border:1px solid rgba(112,239,255,.16);
  border-radius:28px;
}
.work-flow .flow-card b{
  display:block;
  color:#8ff4ff;
  font-size:13px;
  letter-spacing:.16em;
  margin-bottom:10px;
}
.work-flow .flow-card h3{
  margin:0 0 10px;
}
.work-flow .flow-card p{
  color:rgba(233,247,255,.72);
  font-size:15px;
  line-height:1.55;
}
.process-outcome{
  margin:28px auto 0;
  max-width:920px;
  padding:22px 26px;
  border-radius:26px;
  border:1px solid rgba(112,239,255,.2);
  background:linear-gradient(135deg, rgba(112,239,255,.1), rgba(133,92,255,.08));
  color:rgba(244,251,255,.86);
  text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.contact-section .contact-copy h2{
  max-width:760px;
}
.contact-section .contact-copy p{
  max-width:720px;
}

.footer .footer-grid > div:last-child{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  justify-content:flex-end;
}

@media (max-width: 1280px){
  .practice-grid,
  .work-flow{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .work-flow .flow-card:last-child{
    grid-column:1 / -1;
  }
}
@media (max-width: 980px){
  .nimbus-grid,
  .ecosystem-category-mode{
    grid-template-columns:1fr;
  }
  .testimonial-grid,
  .ecosystem-card-grid{
    grid-template-columns:1fr;
  }
  .site-nav .nav-links a{
    white-space:normal !important;
  }
}
@media (max-width: 720px){
  .nimbus-principles,
  .practice-grid,
  .work-flow{
    grid-template-columns:1fr !important;
  }
  .work-flow .flow-card:last-child{
    grid-column:auto;
  }
  .footer .footer-grid > div:last-child{
    justify-content:flex-start;
  }
}

/* v27: Technologien & Partner bewusst sichtbar machen */
.partner-note{
  margin-top:18px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(112,239,255,.10),rgba(126,92,255,.08));
  border:1px solid rgba(112,239,255,.16);
  color:#dce8f6;
  line-height:1.55;
}
.partner-note strong{color:#f5fbff;}
.partner-ecosystem{
  grid-column:1 / -1;
  margin-top:26px;
  padding:26px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(12,25,42,.78),rgba(23,53,83,.58));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 24px 90px rgba(0,0,0,.20);
}
.partner-ecosystem-head{
  display:grid;
  grid-template-columns:.42fr .78fr 1fr;
  gap:22px;
  align-items:start;
  margin-bottom:20px;
}
.partner-ecosystem-head span{
  color:#9df5ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.partner-ecosystem-head h3{
  margin:0;
  font-size:clamp(25px,3vw,38px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.partner-ecosystem-head p{
  margin:0;
  color:#c8d4e4;
  line-height:1.62;
}
.partner-pill-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.partner-pill-grid article{
  min-height:150px;
  padding:18px;
  border-radius:26px;
  background:rgba(5,12,22,.34);
  border:1px solid rgba(255,255,255,.10);
  display:grid;
  align-content:start;
  gap:10px;
}
.partner-pill-icon{
  width:46px;
  height:46px;
  border-radius:17px;
  display:grid;
  place-items:center;
  color:#e8fcff;
  background:rgba(112,239,255,.10);
  border:1px solid rgba(112,239,255,.16);
}
.partner-pill-grid strong{
  font-size:16px;
  color:#f5fbff;
  letter-spacing:-.02em;
}
.partner-pill-grid small{
  color:#aebcce;
  line-height:1.48;
  font-size:13px;
}
.site-nav .nav-links a{white-space:nowrap;}
@media(max-width:1180px){
  .site-nav .nav-links{gap:10px;}
  .site-nav .nav-links a{font-size:12px;}
}
@media(max-width:1100px){
  .partner-ecosystem-head{grid-template-columns:1fr;}
  .partner-pill-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  .partner-ecosystem{padding:20px;border-radius:28px;}
  .partner-pill-grid{grid-template-columns:1fr;}
}


/* v28: stronger technology partner, service icons and clearer threat map */
.surface-map-summary{
  position:absolute;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  width:190px;
  min-height:96px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  border-radius:28px;
  background:radial-gradient(circle at 50% 0%, rgba(112,239,255,.20), rgba(4,10,18,.78));
  border:1px solid rgba(112,239,255,.24);
  box-shadow:0 0 60px rgba(112,239,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
  z-index:3;
}
.surface-map-summary strong{font-size:14px;color:#f4fbff;letter-spacing:.02em;}
.surface-map-summary span{font-size:11px;color:#a8bed3;line-height:1.35;margin-top:6px;}
.surface-map-top b::after{content:none !important;}
.partner-brand-grid{grid-template-columns:repeat(5, minmax(0,1fr)) !important;}
.partner-pill-grid article,
.partner-pill-grid a{
  color:inherit;
  text-decoration:none;
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}
.partner-pill-grid article:hover,
.partner-pill-grid a:hover{
  transform:translateY(-3px);
  border-color:rgba(112,239,255,.32);
  background:rgba(112,239,255,.075);
}
.partner-pill-grid a{
  min-height:150px;
  padding:18px;
  border-radius:26px;
  background:rgba(5,12,22,.34);
  border:1px solid rgba(255,255,255,.10);
  display:grid;
  align-content:start;
  gap:10px;
}
.partner-letter{
  font-weight:950;
  letter-spacing:.04em;
  font-size:15px;
}
.cybersicher-partner{
  background:linear-gradient(145deg, rgba(112,239,255,.10), rgba(126,92,255,.10)) !important;
  border-color:rgba(112,239,255,.20) !important;
}
.ecosystem-card .icon-badge,
.nimbus-principles .icon-badge{
  width:64px !important;
  height:64px !important;
  border-radius:22px !important;
  margin-bottom:16px !important;
  color:#effdff !important;
  background:linear-gradient(135deg, rgba(112,239,255,.20), rgba(126,92,255,.14)) !important;
  border-color:rgba(112,239,255,.28) !important;
  box-shadow:0 18px 50px rgba(112,239,255,.10) !important;
}
.ecosystem-card .icon-badge .mini-svg,
.nimbus-principles .icon-badge .mini-svg{
  width:34px !important;
  height:34px !important;
  stroke-width:1.9 !important;
}
.services-section .service-tab .tab-icon{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, rgba(112,239,255,.18), rgba(98,151,255,.12)) !important;
  border:1px solid rgba(112,239,255,.24) !important;
  box-shadow:0 16px 44px rgba(112,239,255,.08) !important;
}
.services-section .service-tab .tab-icon .mini-svg{
  width:30px !important;
  height:30px !important;
  stroke-width:2 !important;
}
.services-section .service-tab{
  grid-template-columns:58px 1fr !important;
  align-items:center !important;
}
.services-section .icon-list li span{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:11px !important;
  display:inline-grid !important;
  place-items:center !important;
  background:rgba(112,239,255,.12) !important;
  border:1px solid rgba(112,239,255,.20) !important;
  color:#dffcff !important;
  margin-top:-2px !important;
}
.services-section .icon-list li span .tiny-svg{
  width:17px !important;
  height:17px !important;
  stroke-width:2.3 !important;
}
.services-section .icon-list li{
  gap:12px !important;
  align-items:flex-start !important;
}
@media(max-width:1100px){
  .partner-brand-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .cybersicher-partner{grid-column:1 / -1;}
}
@media(max-width:680px){
  .partner-brand-grid{grid-template-columns:1fr !important;}
  .surface-map-top b::after{display:none;}
}
@media(max-width:520px){
  .surface-map-summary{position:relative;left:auto;top:auto;transform:none;width:100%;margin:0 0 12px;}
}

/* V29: Zusammenarbeit – stärkere Icon-Führung und dezente Markenplatzierung */
.brand-signature{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:max-content;
  max-width:100%;
  margin:0 auto clamp(18px, 2.4vw, 30px);
  padding:13px 18px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(112,239,255,.10), rgba(156,125,255,.08));
  border:1px solid rgba(112,239,255,.18);
  box-shadow:0 18px 58px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
.brand-signature img{
  height:34px;
  width:auto;
}
.brand-signature span{
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#9df5ff;
}
.work-flow .flow-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:clamp(24px, 2.5vw, 34px) clamp(18px, 2vw, 28px) !important;
  min-height:310px;
}
.work-flow .flow-card .flow-icon{
  width:88px;
  height:88px;
  min-width:88px;
  border-radius:30px;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  color:#dffcff;
  background:radial-gradient(circle at 35% 25%, rgba(112,239,255,.24), rgba(98,151,255,.12) 58%, rgba(156,125,255,.10));
  border:1px solid rgba(112,239,255,.26);
  box-shadow:0 22px 62px rgba(112,239,255,.10), inset 0 1px 0 rgba(255,255,255,.10);
}
.work-flow .flow-card .flow-icon .mini-svg{
  width:42px;
  height:42px;
  stroke-width:1.75;
}
.work-flow .flow-card b{
  display:none !important;
}
.work-flow .flow-card h3{
  margin:0 0 12px !important;
  font-size:clamp(21px, 1.6vw, 26px);
  letter-spacing:-.035em;
}
.work-flow .flow-card p{
  margin:0;
  max-width:240px;
}
.contact-logo-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 15px;
  margin-bottom:18px;
  border-radius:22px;
  background:rgba(112,239,255,.08);
  border:1px solid rgba(112,239,255,.16);
}
.contact-logo-mark img{
  height:38px;
  width:auto;
}
@media(max-width:1100px){
  .work-flow .flow-card{min-height:260px;}
  .work-flow .flow-card .flow-icon{width:78px;height:78px;min-width:78px;border-radius:26px;}
  .work-flow .flow-card .flow-icon .mini-svg{width:38px;height:38px;}
}
@media(max-width:780px){
  .brand-signature{width:100%;}
  .work-flow .flow-card{text-align:left;align-items:flex-start;}
  .work-flow .flow-card .flow-icon{margin-left:0;}
  .work-flow .flow-card p{max-width:none;}
}

/* V30: Partnerbereich – vier große Herstellerflächen + CYBERsicher-Info */
.partner-ecosystem-head-compact{
  grid-template-columns:.42fr 1fr !important;
  align-items:end !important;
  margin-bottom:24px !important;
}
.partner-ecosystem-head-compact h3{max-width:720px;}
.partner-brand-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
}
.partner-pill-grid .partner-brand-card{
  min-height:255px !important;
  padding:26px 22px !important;
  border-radius:32px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:14px !important;
  background:linear-gradient(145deg, rgba(10,22,38,.62), rgba(23,53,83,.40)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.partner-pill-grid .partner-brand-card img{
  width:128px !important;
  height:82px !important;
  object-fit:contain !important;
  margin:0 0 6px !important;
  padding:12px !important;
  border-radius:24px !important;
  background:radial-gradient(circle at 50% 20%, rgba(112,239,255,.14), rgba(255,255,255,.04) 58%, rgba(5,12,22,.22)) !important;
  border:1px solid rgba(112,239,255,.14) !important;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.24)) !important;
}
.partner-pill-grid .partner-brand-card strong{
  font-size:clamp(18px, 1.6vw, 22px) !important;
  letter-spacing:-.03em !important;
}
.partner-pill-grid .partner-brand-card small{
  max-width:230px !important;
  margin-inline:auto !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
}
.cybersicher-info-card{
  margin-top:18px;
  padding:24px 28px;
  border-radius:30px;
  background:linear-gradient(135deg, rgba(112,239,255,.10), rgba(126,92,255,.08));
  border:1px solid rgba(112,239,255,.18);
  display:grid;
  grid-template-columns:.6fr .75fr 1.65fr;
  gap:20px;
  align-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.cybersicher-label{
  color:#9df5ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cybersicher-info-card strong{
  color:#f5fbff;
  font-size:clamp(19px, 1.6vw, 24px);
  letter-spacing:-.03em;
}
.cybersicher-info-card p{
  margin:0;
  color:#c8d4e4;
  line-height:1.6;
}
@media(max-width:1100px){
  .partner-ecosystem-head-compact{grid-template-columns:1fr !important;}
  .partner-brand-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
  .cybersicher-info-card{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .partner-brand-grid{grid-template-columns:1fr !important;}
  .partner-pill-grid .partner-brand-card{min-height:220px !important;}
  .partner-pill-grid .partner-brand-card img{width:116px !important;height:74px !important;}
}


/* v31: Nimbus brand placement and partner logo layout */
.nimbus-section-brand{
  width:min(260px, 62vw);
  margin: 8px 0 26px;
  padding:18px 22px;
  border:1px solid rgba(125, 211, 252, .22);
  border-radius:28px;
  background:linear-gradient(135deg, rgba(7,12,24,.78), rgba(15,23,42,.48));
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.nimbus-section-brand img{
  display:block;
  width:100%;
  height:auto;
  max-height:130px;
  object-fit:contain;
  filter:drop-shadow(0 18px 32px rgba(56,189,248,.18));
}
.partner-brand-grid-four{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
}
.partner-pill-grid .partner-brand-card{
  align-items:center !important;
  text-align:center !important;
  min-height:270px !important;
  padding:26px 20px !important;
}
.partner-logo-surface{
  width:100%;
  min-height:122px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  padding:22px 18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(237,242,247,.92));
  border:1px solid rgba(255,255,255,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 18px 40px rgba(0,0,0,.22);
}
.partner-pill-grid .partner-brand-card .partner-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:92% !important;
  max-height:82px !important;
  object-fit:contain !important;
  margin:0 !important;
  border-radius:0 !important;
  filter:none !important;
}
.partner-logo-microsoft{max-height:76px !important;}
.partner-logo-fortinet{max-height:58px !important;}
.partner-logo-hornet{max-height:56px !important;}
.partner-logo-extra{max-height:72px !important;}
.cybersicher-logo-info{
  display:grid;
  grid-template-columns: minmax(210px, 300px) 1fr;
  gap:26px;
  align-items:center;
  margin-top:22px;
}
.cybersicher-logo-surface{
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 22px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(237,242,247,.92));
  border:1px solid rgba(255,255,255,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 16px 34px rgba(0,0,0,.2);
}
.cybersicher-logo-surface img{
  width:100%;
  max-height:78px;
  object-fit:contain;
  display:block;
}
@media (max-width: 1100px){
  .partner-brand-grid-four{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 720px){
  .nimbus-section-brand{margin-left:auto;margin-right:auto;}
  .partner-brand-grid-four{grid-template-columns:1fr !important;}
  .cybersicher-logo-info{grid-template-columns:1fr;}
}


/* v32: refined branding, threat emphasis, centered CYBERsicher */
.nimbus-section-brand,
.contact-logo-mark{
  width:min(340px,100%);
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 24px;
  border-radius:28px;
  background:linear-gradient(145deg, rgba(7,12,24,.82), rgba(15,23,42,.58));
  border:1px solid rgba(125, 211, 252, .22);
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.nimbus-section-brand img,
.contact-logo-mark img{
  width:100%;
  max-width:100%;
  max-height:84px;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 18px 32px rgba(56,189,248,.14));
}
.contact-logo-mark{margin-bottom:22px;}

.cybersicher-logo-info.cybersicher-centered{
  grid-template-columns:minmax(240px, 360px) minmax(0, 1fr);
  align-items:center;
}
.cybersicher-logo-info.cybersicher-centered .cybersicher-copy{
  text-align:center;
  display:grid;
  gap:12px;
  justify-items:center;
}
.cybersicher-logo-info.cybersicher-centered .cybersicher-label{display:inline-flex;justify-content:center;}
.cybersicher-logo-info.cybersicher-centered .cybersicher-copy p{max-width:720px;}
.cybersicher-logo-surface{min-height:126px;}
.cybersicher-logo-surface img{max-height:92px;}

.threat-tile{
  background:linear-gradient(165deg, rgba(18,20,30,.88), rgba(34,11,20,.76) 58%, rgba(12,25,42,.82)) !important;
  border-color:rgba(255,93,115,.14) !important;
}
.threat-severity{
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,93,115,.14);
  border:1px solid rgba(255,93,115,.24);
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
}
.threat-icon{
  width:76px !important;
  height:76px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.threat-icon .mini-svg{width:36px !important;height:36px !important;stroke-width:2 !important;}
.threat-tile:nth-child(1) .threat-icon{color:#fff0f3;background:linear-gradient(135deg, rgba(255,93,115,.30), rgba(255,135,76,.20));border-color:rgba(255,93,115,.38)}
.threat-tile:nth-child(2) .threat-icon{color:#fff0f3;background:linear-gradient(135deg, rgba(255,93,115,.34), rgba(255,135,76,.22));border-color:rgba(255,93,115,.42)}
.threat-tile:nth-child(3) .threat-icon{color:#f2ebff;background:linear-gradient(135deg, rgba(156,125,255,.34), rgba(255,93,115,.18));border-color:rgba(156,125,255,.36)}
.threat-tile:nth-child(4) .threat-icon{color:#eff7ff;background:linear-gradient(135deg, rgba(98,151,255,.30), rgba(255,93,115,.16));border-color:rgba(98,151,255,.34)}
.threat-tile:nth-child(5) .threat-icon{color:#f3fff8;background:linear-gradient(135deg, rgba(95,243,168,.26), rgba(255,93,115,.14));border-color:rgba(95,243,168,.30)}
.threat-tile:nth-child(6) .threat-icon{color:#fff7ed;background:linear-gradient(135deg, rgba(255,135,76,.30), rgba(255,93,115,.18));border-color:rgba(255,135,76,.34)}
.compare-module{
  margin-top:34px;
  grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr) !important;
  gap:20px;
  align-items:stretch;
}
.compare-box{padding:34px !important; min-height:100%;}
.compare-box-mass{background:linear-gradient(165deg, rgba(12,32,52,.92), rgba(18,57,86,.84)) !important; border-color:rgba(112,239,255,.18) !important;}
.compare-box-targeted{background:linear-gradient(165deg, rgba(46,12,21,.94), rgba(76,16,31,.84)) !important; border-color:rgba(255,93,115,.22) !important;}
.compare-box span{display:inline-flex; align-items:center; justify-content:center; padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);}
.compare-box h3{font-size:40px !important; margin:18px 0 18px !important;}
.compare-box ul{padding-left:20px; margin:0;}
.compare-box li{margin-bottom:12px !important;}
.vs{
  width:auto !important;
  padding:18px 14px;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(255,93,115,.16), rgba(112,239,255,.10)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  text-align:center;
  display:grid;
  gap:4px;
}
.vs span{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#ffced6; font-weight:900;}
.vs strong{font-size:32px; line-height:1; letter-spacing:.08em;}
.vs small{font-size:12px; color:#ced8e7; line-height:1.45;}
@media(max-width:1100px){
  .compare-module{grid-template-columns:1fr !important;}
  .cybersicher-logo-info.cybersicher-centered{grid-template-columns:1fr;}
}


/* v33: final layout polish – centered headings, logo sizing, collaboration label */
.ecosystem-section .ecosystem-copy,
.services-section .section-head,
.cases-section > .container > .section-head,
.collaboration-section .section-head{
  display:block !important;
  text-align:center !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.ecosystem-section .ecosystem-copy h2,
.services-section .section-head h2,
.cases-section > .container > .section-head h2,
.collaboration-section .section-head h2{
  max-width:none !important;
  white-space:nowrap;
  text-wrap:normal !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:clamp(34px, 4.2vw, 64px) !important;
  line-height:1.02 !important;
}

.ecosystem-section .ecosystem-copy p,
.services-section .section-head p,
.cases-section > .container > .section-head p,
.collaboration-section .section-head p{
  max-width:880px !important;
  margin:20px auto 0 !important;
  text-align:center !important;
}

.ecosystem-section .ecosystem-copy .section-label,
.services-section .section-head .section-label,
.cases-section > .container > .section-head .section-label,
.collaboration-section .section-head .section-label{
  justify-content:center !important;
  margin-bottom:18px !important;
}

.ecosystem-section .partner-note{
  max-width:720px !important;
  margin:22px auto 0 !important;
  text-align:center !important;
}

.partner-ecosystem-head-compact{
  display:block !important;
  text-align:center !important;
}
.partner-ecosystem-head-compact span{
  display:inline-flex !important;
  justify-content:center !important;
  margin-bottom:14px !important;
}
.partner-ecosystem-head-compact h3{
  white-space:nowrap !important;
  text-align:center !important;
  font-size:clamp(28px, 3.2vw, 46px) !important;
  line-height:1.05 !important;
}

.brand img,
.footer img{
  height:42px !important;
  width:auto !important;
}
.site-nav{
  padding-left:18px !important;
}
.nimbus-section-brand{
  width:min(520px,100%) !important;
  min-height:170px !important;
  padding:24px 34px !important;
}
.nimbus-section-brand img{
  max-height:132px !important;
  width:100% !important;
}
.brand-signature img{
  height:52px !important;
  width:auto !important;
}
.contact-logo-mark{
  width:min(520px,100%) !important;
  min-height:160px !important;
  padding:24px 34px !important;
}
.contact-logo-mark img{
  max-height:126px !important;
  width:100% !important;
}
.contact-copy .section-label{
  margin-top:8px !important;
}
.partner-logo-surface{
  min-height:142px !important;
}
.partner-pill-grid .partner-brand-card .partner-logo-img{
  max-height:96px !important;
}
.partner-logo-microsoft{max-height:82px !important;}
.partner-logo-fortinet{max-height:70px !important;}
.partner-logo-hornet{max-height:76px !important;}
.partner-logo-extra{max-height:88px !important;}

.cybersicher-logo-info.cybersicher-centered{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
  padding:30px 34px !important;
}
.cybersicher-logo-info.cybersicher-centered .cybersicher-logo-surface{
  width:min(560px, 100%) !important;
  min-height:138px !important;
  margin-inline:auto !important;
}
.cybersicher-logo-info.cybersicher-centered .cybersicher-logo-surface img{
  max-height:100px !important;
  width:100% !important;
}
.cybersicher-logo-info.cybersicher-centered .cybersicher-copy{
  max-width:820px !important;
  margin-inline:auto !important;
}
.cybersicher-logo-info.cybersicher-centered .cybersicher-copy strong{
  display:none !important;
}

@media(max-width:1180px){
  .ecosystem-section .ecosystem-copy h2,
  .services-section .section-head h2,
  .cases-section > .container > .section-head h2,
  .collaboration-section .section-head h2,
  .partner-ecosystem-head-compact h3{
    white-space:normal !important;
  }
}
@media(max-width:780px){
  .brand img,.footer img{height:34px !important;}
  .nimbus-section-brand,
  .contact-logo-mark{
    width:100% !important;
    min-height:128px !important;
  }
  .nimbus-section-brand img,
  .contact-logo-mark img{
    max-height:88px !important;
  }
}


/* v34: screenshot-driven layout corrections */

/* Hero: less oversized, better balanced */
.hero h1{
  font-size:clamp(46px, 6.4vw, 92px) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  max-width:720px !important;
}
.hero p{
  max-width:720px !important;
}
.security-console{
  min-height:610px !important;
}
.console-top strong{
  white-space:nowrap;
}
.console-top small{
  font-size:12px !important;
  color:#cdd8e6 !important;
}

/* Hero map: stronger semantic visual emphasis */
.radar-shell{
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(112,239,255,.14) 50%, transparent 50.3%),
    linear-gradient(0deg, transparent 49.7%, rgba(112,239,255,.10) 50%, transparent 50.3%),
    repeating-radial-gradient(circle,rgba(112,239,255,.20) 0 1px,transparent 1px 78px) !important;
}
.radar-core{
  width:168px !important;
  height:112px !important;
  border-radius:30px !important;
  text-align:center !important;
  padding:18px !important;
}
.radar-core strong{
  display:block;
  font-size:15px;
  line-height:1.2;
}
.radar-core span{
  display:block;
  margin-top:8px;
  font-size:12px;
  color:#c9d6e5;
  line-height:1.35;
}
.console-panels div{
  min-height:94px !important;
}
.console-panels strong{
  font-size:17px !important;
}

/* Section title bars: left aligned again, consistent across the page */
.ecosystem-section .ecosystem-copy,
.services-section .section-head,
.cases-section > .container > .section-head,
.collaboration-section .section-head{
  display:block !important;
  text-align:left !important;
  max-width:1180px !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

.ecosystem-section .ecosystem-copy h2,
.services-section .section-head h2,
.cases-section > .container > .section-head h2,
.collaboration-section .section-head h2{
  text-align:left !important;
  white-space:normal !important;
  max-width:980px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  font-size:clamp(38px, 4.6vw, 72px) !important;
  line-height:.96 !important;
}

.ecosystem-section .ecosystem-copy p,
.services-section .section-head p,
.cases-section > .container > .section-head p,
.collaboration-section .section-head p{
  text-align:left !important;
  max-width:850px !important;
  margin:20px 0 0 !important;
}

.ecosystem-section .ecosystem-copy .section-label,
.services-section .section-head .section-label,
.cases-section > .container > .section-head .section-label,
.collaboration-section .section-head .section-label{
  justify-content:flex-start !important;
  margin-bottom:18px !important;
}

.ecosystem-section .partner-note{
  max-width:760px !important;
  margin:22px 0 0 !important;
  text-align:left !important;
}

/* Partner heading can stay clean and centered inside the partner block */
.partner-ecosystem-head-compact{
  display:block !important;
  text-align:left !important;
}
.partner-ecosystem-head-compact span{
  display:inline-flex !important;
  justify-content:flex-start !important;
  margin-bottom:14px !important;
}
.partner-ecosystem-head-compact h3{
  white-space:normal !important;
  text-align:left !important;
  max-width:820px !important;
  font-size:clamp(30px, 3.4vw, 50px) !important;
  line-height:1.04 !important;
}

/* Logo sizing: nav, Nimbus section, contact and footer */
.brand img{
  height:46px !important;
  width:auto !important;
}
.site-nav{
  padding:12px 16px !important;
}
.nimbus-section-brand{
  width:min(650px, 100%) !important;
  min-height:190px !important;
  padding:20px 28px !important;
  border-radius:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.nimbus-section-brand img{
  width:100% !important;
  max-width:440px !important;
  max-height:152px !important;
  object-fit:contain !important;
}

.collaboration-section .section-head{
  margin-bottom:34px !important;
}

/* Remove old collaboration badge space if present */
.brand-signature{
  display:none !important;
}

/* Contact logo should fill the card more naturally */
.contact-logo-mark{
  display:flex !important;
  width:min(620px, 100%) !important;
  min-height:188px !important;
  padding:20px 28px !important;
  border-radius:30px !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(145deg, rgba(7,12,24,.88), rgba(15,23,42,.58)) !important;
}
.contact-logo-mark img{
  width:100% !important;
  max-width:430px !important;
  max-height:150px !important;
  object-fit:contain !important;
}

/* Footer logo: make it readable, not tiny */
.footer img{
  height:auto !important;
  width:160px !important;
  max-width:100% !important;
  object-fit:contain !important;
  margin-bottom:12px !important;
}

/* Mobile logo sanity */
@media(max-width:780px){
  .brand img{height:36px !important;}
  .hero h1{font-size:clamp(42px, 12vw, 62px) !important;}
  .nimbus-section-brand,
  .contact-logo-mark{
    min-height:138px !important;
  }
  .nimbus-section-brand img,
  .contact-logo-mark img{
    max-height:100px !important;
  }
  .footer img{width:128px !important;}
}


/* v35: final proportion and consistency pass */

/* Overall spacing: less empty vertical air between major sections */
section{
  padding-top:clamp(82px, 8vw, 118px) !important;
  padding-bottom:clamp(82px, 8vw, 118px) !important;
}
.hero{
  padding-top:clamp(130px, 13vw, 170px) !important;
  padding-bottom:clamp(70px, 7vw, 96px) !important;
}

/* Brand logo consistency */
.brand img{
  height:40px !important;
  width:auto !important;
}
.site-nav{
  max-width:1240px !important;
}
.nimbus-section-brand{
  width:min(520px, 100%) !important;
  min-height:150px !important;
  padding:18px 24px !important;
}
.nimbus-section-brand img{
  max-width:350px !important;
  max-height:112px !important;
}

/* Hero: more stable proportions and stronger map reading */
.hero h1{
  font-size:clamp(50px, 6.9vw, 96px) !important;
  line-height:.9 !important;
  max-width:760px !important;
}
.security-console{
  min-height:600px !important;
  background:
    radial-gradient(circle at 52% 50%, rgba(112,239,255,.12), transparent 26%),
    linear-gradient(180deg,rgba(17,41,65,.70),rgba(7,15,28,.86)),
    url("./assets/visual-command-center.jpg") !important;
  background-size:auto, auto, cover !important;
  background-position:center, center, center !important;
}
.console-top{
  gap:18px !important;
}
.console-top strong:first-of-type::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:8px;
  border-radius:99px;
  background:#5ff3a8;
  box-shadow:0 0 18px rgba(95,243,168,.75);
}
.radar-shell{
  inset:88px 30px 150px !important;
  background:
    linear-gradient(90deg, transparent 49.65%, rgba(112,239,255,.18) 50%, transparent 50.35%),
    linear-gradient(0deg, transparent 49.7%, rgba(112,239,255,.11) 50%, transparent 50.3%),
    repeating-radial-gradient(circle, rgba(112,239,255,.22) 0 1px, transparent 1px 72px),
    conic-gradient(from 215deg, rgba(255,93,115,.16), transparent 24%, rgba(112,239,255,.10) 56%, transparent 78%, rgba(156,125,255,.12)) !important;
}
.radar-core{
  width:176px !important;
  height:118px !important;
}
.orb{
  width:18px !important;
  height:18px !important;
}
.console-panels div{
  background:rgba(5,12,23,.84) !important;
}
.console-panels strong{
  font-size:18px !important;
}

/* Keep all main title blocks left-aligned and consistent */
.ecosystem-section .ecosystem-copy,
.services-section .section-head,
.cases-section > .container > .section-head,
.collaboration-section .section-head{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.ecosystem-section .ecosystem-copy h2,
.services-section .section-head h2,
.cases-section > .container > .section-head h2,
.collaboration-section .section-head h2{
  text-align:left !important;
  max-width:980px !important;
}
.collaboration-section .section-head{
  max-width:920px !important;
}

/* Services bug cleanup: make sure no numbering/b tag leaks visually */
.service-tab b{
  display:none !important;
}

/* Emergency: compact, weighted CTA area */
.emergency-section{
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.emergency-grid{
  grid-template-columns:minmax(0, 1fr) minmax(260px, 320px) !important;
  max-width:1500px !important;
}
.emergency-copy h2{
  max-width:980px !important;
}
.emergency-copy p{
  max-width:1180px !important;
}
.emergency-actions{
  min-width:0 !important;
  align-self:center !important;
}
.btn-phone{
  font-weight:950 !important;
  letter-spacing:.02em;
}

/* Contact: logo as compact brand strip instead of oversized empty frame */
.contact-logo-strip{
  width:min(360px, 100%) !important;
  min-height:96px !important;
  padding:14px 20px !important;
  border-radius:24px !important;
  margin-bottom:22px !important;
}
.contact-logo-strip img{
  max-width:250px !important;
  max-height:72px !important;
}

/* Footer: more structured and less floating */
.footer{
  padding:56px 0 62px !important;
}
.footer-grid{
  align-items:center !important;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:34px;
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:18px;
}
.footer-brand img{
  width:116px !important;
  height:auto !important;
  margin:0 !important;
}
.footer-brand p{
  max-width:430px;
  line-height:1.45;
}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px 20px;
}
.footer-links a{
  margin:0 !important;
}

/* Mobile adjustments */
@media(max-width:1100px){
  .emergency-grid{
    grid-template-columns:1fr !important;
  }
  .footer-grid,
  .footer-brand{
    display:grid !important;
    justify-items:start !important;
  }
  .footer-links{
    justify-content:flex-start !important;
  }
}
@media(max-width:780px){
  .brand img{height:34px !important;}
  .nimbus-section-brand{
    min-height:120px !important;
  }
  .nimbus-section-brand img{
    max-width:260px !important;
    max-height:84px !important;
  }
  .contact-logo-strip{
    min-height:86px !important;
  }
  .contact-logo-strip img{
    max-height:62px !important;
  }
}


/* v36: animated IT-Sicherheitsmonitoring + logo proportion fix */

/* Stronger live monitoring feel in hero map */
.surface-map-console{
  isolation:isolate;
}
.surface-map-console::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 24%, rgba(255,86,108,.12), transparent 18%),
    radial-gradient(circle at 22% 74%, rgba(61,226,243,.10), transparent 16%);
  mix-blend-mode:screen;
  animation:monitorGlow 6s ease-in-out infinite alternate;
}
@keyframes monitorGlow{
  0%{opacity:.45;}
  50%{opacity:.9;}
  100%{opacity:.6;}
}
.surface-map-top{
  grid-template-columns:auto auto;
  display:grid;
}
.surface-map-top .surface-map-meta{
  grid-column:2;
  justify-self:end;
  color:#9fb5cb;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.scan-line{
  left:17%;
  top:20%;
  width:56%;
  height:56%;
  transform-origin:70% 70%;
  background:conic-gradient(from 205deg, rgba(117,245,255,.34), rgba(117,245,255,.14) 8%, transparent 18%, transparent 100%);
  filter:drop-shadow(0 0 18px rgba(103,243,255,.25));
  animation:surfaceScanVivid 4.8s linear infinite;
}
@keyframes surfaceScanVivid{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.surface-rings .ring{
  animation:ringPulse 5.5s ease-in-out infinite;
}
.surface-rings .ring-2{animation-delay:.9s}
.surface-rings .ring-3{animation-delay:1.8s}
.surface-rings .ring-4{animation-delay:2.7s}
@keyframes ringPulse{
  0%,100%{box-shadow:0 0 16px rgba(112,239,255,.05); opacity:.74;}
  50%{box-shadow:0 0 28px rgba(112,239,255,.16); opacity:1;}
}
.shield-outline{
  animation:shieldPulse 3.8s ease-in-out infinite;
}
@keyframes shieldPulse{
  0%,100%{opacity:.48; filter:drop-shadow(0 0 4px rgba(112,239,255,.1));}
  50%{opacity:.82; filter:drop-shadow(0 0 12px rgba(112,239,255,.24));}
}
.map-dot{
  animation:dotPulse 2.4s ease-in-out infinite;
}
.dot-b{
  background:#ff6378 !important;
  box-shadow:0 0 0 0 rgba(255,99,120,.45), 0 0 24px rgba(255,99,120,.9) !important;
  animation:dangerPulse 1.7s ease-in-out infinite;
}
@keyframes dotPulse{
  0%,100%{transform:scale(1); opacity:.9;}
  50%{transform:scale(1.18); opacity:1;}
}
@keyframes dangerPulse{
  0%{transform:scale(.9); box-shadow:0 0 0 0 rgba(255,99,120,.42), 0 0 20px rgba(255,99,120,.8);}
  55%{transform:scale(1.12); box-shadow:0 0 0 16px rgba(255,99,120,0), 0 0 34px rgba(255,99,120,1);}
  100%{transform:scale(.95); box-shadow:0 0 0 0 rgba(255,99,120,0), 0 0 20px rgba(255,99,120,.85);}
}
.alert-beacon{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:radial-gradient(circle at 38% 38%, #ffd8de 0 16%, #ff5f7c 18% 58%, #b60a2d 60% 100%);
  box-shadow:0 0 0 0 rgba(255,93,115,.36), 0 0 22px rgba(255,93,115,.82);
  animation:alertBeacon 2.1s ease-in-out infinite;
  z-index:3;
}
.alert-beacon::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  border:1px solid rgba(255,93,115,.32);
  opacity:.65;
}
.beacon-a{ right:24%; bottom:25%; animation-delay:.3s; }
.beacon-b{ left:29%; top:26%; animation-delay:1.1s; }
@keyframes alertBeacon{
  0%,100%{opacity:.45; transform:scale(.9); box-shadow:0 0 0 0 rgba(255,93,115,.3), 0 0 10px rgba(255,93,115,.55);} 
  35%{opacity:1; transform:scale(1.15); box-shadow:0 0 0 14px rgba(255,93,115,0), 0 0 30px rgba(255,93,115,.95);} 
  60%{opacity:.72; transform:scale(.98);} 
}
.map-card{
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.map-card:hover{transform:translateY(-2px)}
.risk-card-map{
  border-color:rgba(255,104,126,.34) !important;
  box-shadow:0 0 0 1px rgba(255,104,126,.14), 0 24px 70px rgba(0,0,0,.32), 0 0 22px rgba(255,104,126,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
  animation:riskBlink 3s ease-in-out infinite;
}
@keyframes riskBlink{
  0%,100%{border-color:rgba(255,104,126,.28); box-shadow:0 0 0 1px rgba(255,104,126,.10), 0 24px 70px rgba(0,0,0,.32), 0 0 10px rgba(255,104,126,.10), inset 0 1px 0 rgba(255,255,255,.04);} 
  48%{border-color:rgba(255,104,126,.55); box-shadow:0 0 0 1px rgba(255,104,126,.24), 0 24px 70px rgba(0,0,0,.32), 0 0 26px rgba(255,104,126,.24), inset 0 1px 0 rgba(255,255,255,.04);} 
  52%{border-color:rgba(255,255,255,.12); box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);} 
  60%{border-color:rgba(255,104,126,.5); box-shadow:0 0 0 1px rgba(255,104,126,.18), 0 24px 70px rgba(0,0,0,.32), 0 0 22px rgba(255,104,126,.18), inset 0 1px 0 rgba(255,255,255,.04);} 
}
.surface-map-summary{
  animation:summaryDrift 4.8s ease-in-out infinite;
}
@keyframes summaryDrift{
  0%,100%{transform:translate(-50%,-50%) scale(1);}
  50%{transform:translate(-50%,-50%) scale(1.03);}
}

/* Logo fixes */
.contact-logo-strip{
  width:min(420px,100%) !important;
  min-height:112px !important;
  padding:14px 18px !important;
}
.contact-logo-strip img{
  max-width:300px !important;
  max-height:88px !important;
  width:auto !important;
}
.footer-brand img{
  width:82px !important;
  max-width:82px !important;
}
.footer-brand{
  gap:14px !important;
}
.footer-brand p{
  font-size:14px;
}

@media(max-width:760px){
  .surface-map-top{display:flex;}
  .surface-map-top .surface-map-meta{font-size:10px;}
  .contact-logo-strip{
    width:min(300px,100%) !important;
    min-height:88px !important;
  }
  .contact-logo-strip img{
    max-width:220px !important;
    max-height:64px !important;
  }
  .footer-brand img{width:72px !important; max-width:72px !important;}
}


/* v37: stronger radar + corrected logo fitting with horizontal lockup */

/* Contact logo now uses horizontal lockup and fills the strip */
.contact-logo-strip{
  width:min(440px,100%) !important;
  min-height:112px !important;
  padding:16px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.contact-logo-strip img{
  width:320px !important;
  max-width:100% !important;
  max-height:none !important;
  height:auto !important;
  display:block;
}

/* Footer logo smaller and cleaner */
.footer-brand img{
  width:108px !important;
  max-width:108px !important;
  height:auto !important;
}
.footer-brand{
  gap:16px !important;
  align-items:center !important;
}
.footer-brand p{
  font-size:13px !important;
}

/* Aggressive monitoring / radar feel */
.surface-map-console{
  border-color:rgba(112,239,255,.18) !important;
  box-shadow:0 38px 140px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(112,239,255,.06) !important;
}
.surface-map-console::before{
  background:
    linear-gradient(90deg, transparent 0 48%, rgba(112,239,255,.10) 50%, transparent 52%),
    radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(112,239,255,.055) 18.2% 18.7%, transparent 19% 34%, rgba(112,239,255,.055) 34.2% 34.7%, transparent 35% 50%, rgba(112,239,255,.04) 50.2% 50.7%, transparent 51%),
    radial-gradient(circle at 80% 22%, rgba(255,76,107,.08), transparent 14%),
    radial-gradient(circle at 24% 74%, rgba(255,76,107,.06), transparent 12%);
}
.surface-map-field{
  inset:96px 22px 22px;
}
.surface-alert-strip{
  position:absolute;
  left:50%;
  top:8px;
  transform:translateX(-50%);
  z-index:7;
  min-width:330px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(58,9,21,.92), rgba(100,18,34,.86));
  border:1px solid rgba(255,109,132,.36);
  box-shadow:0 0 0 1px rgba(255,109,132,.1), 0 0 26px rgba(255,109,132,.16);
  animation:alarmStrip 2s ease-in-out infinite;
}
.surface-alert-strip strong{
  color:#fff3f5;
  font-size:13px;
  font-weight:950;
}
.surface-alert-strip small{
  color:#ffd3dc;
  font-size:11px;
  letter-spacing:.02em;
}
.alert-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#ff5b78;
  color:#fff;
  box-shadow:0 0 18px rgba(255,91,120,.42);
}
@keyframes alarmStrip{
  0%,100%{opacity:.82; transform:translateX(-50%) scale(1);} 
  50%{opacity:1; transform:translateX(-50%) scale(1.02); box-shadow:0 0 0 1px rgba(255,109,132,.18), 0 0 38px rgba(255,109,132,.24);} 
}
.surface-threat-feed{
  position:absolute;
  right:2%;
  top:58px;
  z-index:7;
  display:grid;
  gap:8px;
}
.surface-threat-feed span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:end;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(9,13,24,.88);
  border:1px solid rgba(255,106,130,.22);
  color:#ffdce4;
  font-size:11px;
  font-weight:850;
  letter-spacing:.03em;
  box-shadow:0 0 18px rgba(255,106,130,.10);
  animation:feedBlink 3.2s ease-in-out infinite;
}
.surface-threat-feed span::before{
  content:"";
  width:7px; height:7px; border-radius:50%;
  background:#ff607b;
  box-shadow:0 0 10px rgba(255,96,123,.86);
}
.surface-threat-feed span:nth-child(2){animation-delay:.6s}
.surface-threat-feed span:nth-child(3){animation-delay:1.2s}
@keyframes feedBlink{
  0%,100%{opacity:.8; transform:translateX(0);} 
  20%{opacity:1; transform:translateX(-2px);} 
  24%{opacity:.52;} 
  28%{opacity:1;} 
  60%{opacity:.9;} 
}
.scan-line{
  left:16%;
  top:19%;
  width:58%;
  height:58%;
  background:conic-gradient(from 205deg, rgba(117,245,255,.50), rgba(117,245,255,.16) 9%, transparent 19%, transparent 100%) !important;
  filter:drop-shadow(0 0 24px rgba(117,245,255,.36));
  animation:surfaceScanAggro 3.6s linear infinite !important;
}
@keyframes surfaceScanAggro{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.surface-rings .ring{
  border-color:rgba(112,239,255,.25) !important;
  box-shadow:0 0 36px rgba(112,239,255,.08);
}
.ring-2{border-color:rgba(112,239,255,.34)!important}
.shield-outline{
  border-color:rgba(217,242,247,.52) !important;
  animation:shieldPulseAggro 2.8s ease-in-out infinite !important;
}
@keyframes shieldPulseAggro{
  0%,100%{opacity:.52; filter:drop-shadow(0 0 6px rgba(112,239,255,.08));}
  40%{opacity:.84; filter:drop-shadow(0 0 16px rgba(112,239,255,.28));}
  50%{opacity:.32;}
  60%{opacity:.86;}
}
.surface-map-summary{
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(16,24,38,.88), rgba(12,18,31,.70)) !important;
}
.map-dot{
  width:15px !important;
  height:15px !important;
}
.dot-a{
  background:#5deaf4 !important;
  box-shadow:0 0 28px rgba(93,234,244,.95) !important;
  animation:dotPulse 1.8s ease-in-out infinite !important;
}
.dot-b{
  width:18px !important;
  height:18px !important;
  background:#ff6378 !important;
  box-shadow:0 0 0 0 rgba(255,99,120,.56), 0 0 28px rgba(255,99,120,1) !important;
  animation:dangerPulseAggro 1.2s ease-in-out infinite !important;
}
@keyframes dangerPulseAggro{
  0%{transform:scale(.86); box-shadow:0 0 0 0 rgba(255,99,120,.48), 0 0 18px rgba(255,99,120,.78);} 
  30%{transform:scale(1.15); box-shadow:0 0 0 18px rgba(255,99,120,0), 0 0 32px rgba(255,99,120,1);} 
  35%{opacity:.55;} 
  40%{opacity:1;} 
  75%{transform:scale(.96);} 
  100%{transform:scale(.9);}
}
.alert-beacon{
  width:18px !important;
  height:18px !important;
  animation:alertBeaconAggro 1.4s steps(2,end) infinite !important;
}
@keyframes alertBeaconAggro{
  0%,100%{opacity:.4; transform:scale(.88);} 
  20%{opacity:1; transform:scale(1.12); box-shadow:0 0 0 18px rgba(255,93,115,0), 0 0 26px rgba(255,93,115,1);} 
  24%{opacity:.3;} 
  32%{opacity:1;} 
  70%{opacity:.8;} 
}
.risk-card-map{
  border-color:rgba(255,104,126,.42) !important;
  box-shadow:0 0 0 1px rgba(255,104,126,.18), 0 24px 70px rgba(0,0,0,.32), 0 0 28px rgba(255,104,126,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
  animation:riskBlinkAggro 1.8s steps(2,end) infinite !important;
}
@keyframes riskBlinkAggro{
  0%,100%{border-color:rgba(255,104,126,.30); box-shadow:0 0 0 1px rgba(255,104,126,.14), 0 24px 70px rgba(0,0,0,.32), 0 0 10px rgba(255,104,126,.10), inset 0 1px 0 rgba(255,255,255,.04);} 
  25%{border-color:rgba(255,104,126,.68); box-shadow:0 0 0 1px rgba(255,104,126,.28), 0 24px 70px rgba(0,0,0,.32), 0 0 32px rgba(255,104,126,.28), inset 0 1px 0 rgba(255,255,255,.04);} 
  32%{border-color:rgba(255,255,255,.12); box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);} 
  42%{border-color:rgba(255,104,126,.64); box-shadow:0 0 0 1px rgba(255,104,126,.24), 0 24px 70px rgba(0,0,0,.32), 0 0 30px rgba(255,104,126,.24), inset 0 1px 0 rgba(255,255,255,.04);} 
}

@media(max-width:980px){
  .surface-alert-strip{
    min-width:auto;
    width:calc(100% - 28px);
    padding:9px 12px;
    gap:9px;
  }
  .surface-alert-strip small{display:none;}
  .surface-threat-feed{right:0; top:68px;}
}
@media(max-width:760px){
  .contact-logo-strip{
    width:min(360px,100%) !important;
    min-height:96px !important;
    padding:14px 18px !important;
  }
  .contact-logo-strip img{width:255px !important;}
  .footer-brand img{width:92px !important; max-width:92px !important;}
  .surface-alert-strip{
    top:0;
    border-radius:20px;
  }
  .surface-threat-feed{
    position:relative;
    right:auto;
    top:auto;
    margin:66px 0 0 auto;
    width:max-content;
  }
}


/* v38: fix logos, compact radar nodes with icons, unclipped threat headline */

/* Contact logo: use centered stacked logo again, larger and balanced */
.contact-logo-strip{
  width:min(380px,100%) !important;
  min-height:118px !important;
  padding:16px 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.contact-logo-strip img{
  width:auto !important;
  max-width:220px !important;
  max-height:86px !important;
  height:auto !important;
}

/* Nimbus section brand slightly stronger */
.nimbus-section-brand{
  min-height:168px !important;
}
.nimbus-section-brand img{
  max-width:380px !important;
  max-height:126px !important;
}

/* Footer brand: smaller and more compact */
.footer-brand{
  gap:12px !important;
  align-items:center !important;
}
.footer-brand img{
  width:124px !important;
  max-width:124px !important;
  height:auto !important;
  margin-bottom:0 !important;
}
.footer-brand p{
  font-size:13px !important;
  line-height:1.45 !important;
}

/* More dashboard-like radar nodes */
.surface-map-field{
  inset:84px 20px 20px !important;
}
.map-card{
  padding:14px 16px 14px !important;
}
.map-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.map-node-icon{
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#9df5ff;
  background:linear-gradient(135deg, rgba(112,239,255,.14), rgba(98,151,255,.10));
  border:1px solid rgba(112,239,255,.22);
  box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 0 16px rgba(112,239,255,.05);
}
.map-node-icon.warning{
  color:#ffd7df;
  background:linear-gradient(135deg, rgba(255,93,115,.22), rgba(255,135,76,.12));
  border-color:rgba(255,93,115,.26);
}
.map-node-icon .mini-svg{
  width:15px;
  height:15px;
}
.map-node-label{
  font-size:14px;
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.01em;
  color:#f5fbff;
}
.map-card h3{display:none !important;}
.map-card p{
  font-size:11.5px !important;
  line-height:1.45 !important;
  color:#c7d5e5 !important;
  max-width:92%;
}
.map-card .bar{margin-top:12px !important;}
.surface-map-summary strong{font-size:13px !important;}
.surface-map-summary span{font-size:10.5px !important;}
.surface-map-top b{font-size:17px !important;}
.surface-map-top span{font-size:15px !important;}
.surface-map-top .surface-map-meta{font-size:10px !important;}

/* Threat headline should never clip */
.threat-center .threat-copy-block h2,
.threat-hero-danger .threat-copy-block h2{
  font-size:clamp(48px, 4.9vw, 82px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  max-width:980px !important;
  overflow:visible !important;
  padding-top:6px !important;
  text-wrap:balance;
}
.threat-copy-block p{
  max-width:860px !important;
}

@media(max-width:1100px){
  .contact-logo-strip img{max-width:196px !important; max-height:78px !important;}
  .nimbus-section-brand img{max-width:320px !important; max-height:112px !important;}
}
@media(max-width:780px){
  .contact-logo-strip{
    width:min(300px,100%) !important;
    min-height:96px !important;
  }
  .contact-logo-strip img{max-width:172px !important; max-height:68px !important;}
  .footer-brand img{width:104px !important; max-width:104px !important;}
  .map-node-label{font-size:13px;}
  .map-card p{font-size:11px !important;}
  .threat-center .threat-copy-block h2,
  .threat-hero-danger .threat-copy-block h2{font-size:clamp(34px, 9vw, 52px) !important; line-height:1.02 !important;}
}


/* v39: cleaner live radar and left-aligned text logos */
.nimbus-section-brand,
.contact-logo-strip{
  width:fit-content !important;
  max-width:min(100%, 340px) !important;
  min-width:280px !important;
  min-height:112px !important;
  padding:16px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.nimbus-section-brand img,
.contact-logo-strip img{
  width:auto !important;
  height:auto !important;
  max-width:240px !important;
  max-height:72px !important;
  margin:0 !important;
}

.footer-brand{
  display:flex !important;
  align-items:center !important;
  min-height:42px !important;
}
.footer-brand p{
  margin:0 !important;
}

/* Live radar cleanup */
.surface-map-console{
  overflow:hidden;
}
.surface-map-top{
  padding-right:18px !important;
}
.surface-map-top b{
  font-size:15px !important;
}
.surface-map-top span{
  font-size:14px !important;
}
.surface-map-field{
  inset:100px 24px 24px !important;
}
.surface-alert-strip{
  top:6px !important;
  min-width:420px !important;
  gap:10px !important;
  padding:10px 14px !important;
}
.surface-alert-strip strong{font-size:12px !important;}
.surface-alert-strip small{font-size:10px !important;}

.surface-threat-feed{
  position:absolute;
  top:84px !important;
  right:18px !important;
  z-index:8;
  display:flex !important;
  gap:10px !important;
}
.surface-threat-feed span{
  width:62px;
  height:62px;
  padding:8px 6px !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:16px !important;
  background:rgba(10,15,27,.88) !important;
  border:1px solid rgba(255,106,130,.24) !important;
  color:#ffe1e8 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.24), 0 0 18px rgba(255,106,130,.08) !important;
  animation:feedBlink 3.2s ease-in-out infinite;
}
.surface-threat-feed span::before{display:none !important;}
.surface-threat-feed .mini-svg{
  width:16px;
  height:16px;
  color:#ff88a0;
}
.surface-threat-feed em{
  font-style:normal;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.surface-threat-feed span:nth-child(2){animation-delay:.5s}
.surface-threat-feed span:nth-child(3){animation-delay:1s}

.map-card{
  width:min(320px, 40%) !important;
  padding:14px 16px !important;
}
.identity-card{left:2% !important; top:12% !important;}
.risk-card-map{right:3% !important; top:30% !important;}
.backup-card{left:6% !important; bottom:3% !important;}
.perimeter-card{right:7% !important; bottom:10% !important;}
.map-card-head{margin-bottom:10px !important;}
.map-node-icon{width:30px; height:30px; min-width:30px;}
.map-node-label{font-size:13px !important;}
.map-card p{font-size:11px !important; line-height:1.42 !important;}
.surface-map-summary{
  width:200px !important;
}
.surface-map-summary strong{font-size:12px !important;}
.surface-map-summary span{font-size:10px !important;}

@media(max-width:1100px){
  .surface-alert-strip{min-width:360px !important;}
}
@media(max-width:780px){
  .nimbus-section-brand,
  .contact-logo-strip{
    min-width:240px !important;
    min-height:96px !important;
    padding:14px 18px !important;
  }
  .nimbus-section-brand img,
  .contact-logo-strip img{max-width:200px !important; max-height:60px !important;}
  .surface-map-field{inset:108px 14px 14px !important;}
  .surface-alert-strip{min-width:auto !important; width:calc(100% - 16px) !important;}
  .surface-threat-feed{top:86px !important; right:8px !important; gap:8px !important;}
  .surface-threat-feed span{width:52px; height:52px;}
  .risk-card-map{top:34% !important;}
}


/* v40: single left-aligned logos and cleaner icon-based live radar */
.nimbus-section-brand,
.contact-logo-strip{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  min-height:118px !important;
  padding:12px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 0 20px 0 !important;
  border-radius:24px !important;
}
.nimbus-section-brand img,
.contact-logo-strip img{
  width:100% !important;
  max-width:118px !important;
  max-height:88px !important;
  object-fit:contain !important;
}
.nimbus-copy .section-label,
.contact-copy .section-label{
  display:block;
}

/* footer remains without logo */
.footer-brand{display:block !important;}
.footer-brand p{margin:0 !important;}

.surface-map-field{
  inset:92px 24px 24px !important;
}
.surface-map-status{
  position:absolute;
  left:0;
  top:2px;
  z-index:9;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 11px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,16,27,.85);
  color:#e8f4ff;
}
.status-pill.active{border-color:rgba(90,235,255,.2); color:#9ef6ff;}
.status-pill.critical{background:rgba(90,15,26,.9); border-color:rgba(255,108,132,.34); color:#ffd8e0; box-shadow:0 0 18px rgba(255,108,132,.12);}
.surface-map-status small{font-size:11px; color:#9fb2c7; letter-spacing:.04em; text-transform:uppercase;}
.surface-alert-strip, .surface-threat-feed, .map-card{display:none !important;}

.surface-rings{inset:34px 0 0 0 !important; position:absolute;}
.scan-line{left:14%; top:15%; width:62%; height:62%; transform-origin:69% 69%;}
.shield-outline{opacity:.2 !important; transform:translate(-50%,-50%) scale(.85) !important;}
.surface-map-summary.compact{
  position:absolute;
  left:48%;
  top:50%;
  transform:translate(-50%,-50%);
  width:190px;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(7,14,25,.72);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  text-align:center;
}
.surface-map-summary.compact strong{display:block; font-size:18px !important; margin-bottom:4px;}
.surface-map-summary.compact span{font-size:11px !important; color:#a7bbcf;}

.radar-node{
  position:absolute;
  z-index:7;
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  box-shadow:0 0 0 10px rgba(255,255,255,.015), 0 14px 26px rgba(0,0,0,.25);
}
.radar-node::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.07);
  opacity:.7;
}
.radar-node .mini-svg{width:18px; height:18px;}
.node-identity{left:10%; top:18%; background:linear-gradient(135deg, rgba(54,209,255,.24), rgba(57,95,255,.2)); color:#9ef1ff;}
.node-cloud{left:69%; top:31%; background:linear-gradient(135deg, rgba(255,89,124,.26), rgba(255,139,83,.18)); color:#ffd5df;}
.node-backup{left:21%; bottom:22%; background:linear-gradient(135deg, rgba(90,246,255,.18), rgba(72,132,255,.16)); color:#9ff8ff;}
.node-network{left:63%; bottom:19%; background:linear-gradient(135deg, rgba(90,170,255,.22), rgba(44,108,255,.16)); color:#b7dcff;}
.node-alert{right:14%; top:14%; background:linear-gradient(135deg, rgba(255,68,102,.42), rgba(255,132,67,.22)); color:#ffe0e6; animation:nodeCriticalPulse 1.8s ease-in-out infinite;}
@keyframes nodeCriticalPulse{0%,100%{transform:scale(1); box-shadow:0 0 0 0 rgba(255,84,116,.0), 0 14px 26px rgba(0,0,0,.25);}50%{transform:scale(1.08); box-shadow:0 0 0 14px rgba(255,84,116,.0), 0 14px 26px rgba(0,0,0,.25), 0 0 24px rgba(255,84,116,.18);}}

.surface-map-legend{
  position:absolute;
  right:0;
  bottom:0;
  z-index:8;
  width:300px;
  padding:16px 16px 14px;
  border-radius:24px;
  background:rgba(5,12,24,.82);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
}
.legend-header{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:12px;}
.legend-header strong{font-size:15px; color:#eff8ff;}
.legend-header small{font-size:10px; color:#9ab3c8; text-transform:uppercase; letter-spacing:.08em;}
.legend-items{display:grid; gap:10px;}
.legend-item{display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center;}
.legend-icon{width:34px; height:34px; border-radius:12px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.12);}
.legend-icon .mini-svg{width:16px; height:16px;}
.legend-icon.blue{background:linear-gradient(135deg, rgba(54,209,255,.20), rgba(57,95,255,.14)); color:#9ef1ff;}
.legend-icon.pink{background:linear-gradient(135deg, rgba(255,89,124,.23), rgba(255,139,83,.13)); color:#ffd4de;}
.legend-icon.cyan{background:linear-gradient(135deg, rgba(90,246,255,.16), rgba(72,132,255,.12)); color:#a6f9ff;}
.legend-icon.navy{background:linear-gradient(135deg, rgba(90,170,255,.20), rgba(44,108,255,.13)); color:#c3dfff;}
.legend-icon.red{background:linear-gradient(135deg, rgba(255,68,102,.30), rgba(255,132,67,.12)); color:#ffe0e6;}
.legend-item strong{display:block; color:#eef8ff; font-size:13px; line-height:1.1;}
.legend-item small{display:block; color:#9fb5c8; font-size:11px; line-height:1.25; margin-top:2px;}

@media (max-width: 1180px){
  .surface-map-legend{width:270px;}
  .surface-map-summary.compact{left:44%; width:170px;}
}
@media (max-width: 900px){
  .surface-map-legend{position:relative; right:auto; bottom:auto; width:100%; margin-top:16px;}
  .surface-rings{position:relative; inset:30px 0 0 0 !important; min-height:420px; display:block;}
  .surface-map-summary.compact{left:50%; top:50%;}
}
@media (max-width: 760px){
  .nimbus-section-brand,
  .contact-logo-strip{width:132px !important; min-width:132px !important; max-width:132px !important; min-height:102px !important; border-radius:22px !important;}
  .nimbus-section-brand img,
  .contact-logo-strip img{max-width:102px !important; max-height:76px !important;}
  .surface-map-field{inset:96px 14px 14px !important;}
  .surface-map-status{gap:8px;}
  .surface-map-status small{display:none;}
  .surface-rings{min-height:360px;}
  .radar-node{width:36px; height:36px;}
  .surface-map-summary.compact{width:150px; padding:12px 14px;}
}


/* v41: one-logo brand entry and cleaner Nimbus spacing */
.nimbus-copy{
  display:block !important;
}

.nimbus-brand-label{
  display:block !important;
  margin-bottom:18px !important;
  font-size:clamp(24px, 2.4vw, 40px) !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  color:#aaf8ff !important;
}

.nimbus-section-brand{
  width:fit-content !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:0 !important;
  padding:16px 20px !important;
  margin:0 0 34px 0 !important;
  border-radius:26px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:linear-gradient(145deg, rgba(7,12,24,.78), rgba(15,23,42,.44)) !important;
  border:1px solid rgba(125,211,252,.20) !important;
}

.nimbus-section-brand img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:168px !important;
  max-height:126px !important;
  object-fit:contain !important;
  margin:0 !important;
}

.nimbus-copy h2{
  margin-top:0 !important;
}

/* Contact: no logo, stronger direct form entry */
.contact-copy .section-label{
  margin-top:0 !important;
  margin-bottom:22px !important;
}

.contact-copy{
  padding-top:clamp(36px, 4vw, 52px) !important;
}

/* prevent old logo strip styles from reserving space */
.contact-logo-strip,
.contact-logo-mark{
  display:none !important;
}

/* small radar readability adjustment */
.surface-map-summary.compact{
  left:40% !important;
}
.surface-map-legend{
  width:320px !important;
}

@media(max-width:900px){
  .surface-map-summary.compact{
    left:50% !important;
  }
  .surface-map-legend{
    width:100% !important;
  }
}

@media(max-width:780px){
  .nimbus-brand-label{
    font-size:26px !important;
  }
  .nimbus-section-brand{
    margin-bottom:26px !important;
    padding:14px 18px !important;
  }
  .nimbus-section-brand img{
    max-width:140px !important;
    max-height:104px !important;
  }
}


/* v42 radar redesign: animated radar with legend below */
.surface-map-field{
  display:flex !important;
  flex-direction:column;
  gap:18px;
  inset:92px 24px 24px !important;
}
.surface-map-status{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  z-index:10;
  margin-bottom:2px;
}
.surface-rings.live-radar-board{
  position:relative !important;
  min-height:700px;
  inset:auto !important;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,68,112,.12), transparent 26%),
    radial-gradient(circle at 22% 82%, rgba(78,236,255,.10), transparent 28%),
    linear-gradient(180deg, rgba(8,18,35,.12), rgba(6,12,24,.03));
}
.surface-rings.live-radar-board .ring{
  animation:radarPulse 4.8s ease-in-out infinite !important;
}
@keyframes radarPulse{
  0%,100%{opacity:.22; transform:translate(-50%,-50%) scale(.985);} 
  50%{opacity:.42; transform:translate(-50%,-50%) scale(1.02);} 
}
.scan-line{
  animation:spinSweep 5.5s linear infinite !important;
  opacity:.58 !important;
  background:conic-gradient(from 225deg, rgba(113,246,255,0) 0deg, rgba(113,246,255,.02) 32deg, rgba(113,246,255,.18) 55deg, rgba(113,246,255,0) 82deg) !important;
}
@keyframes spinSweep{
  from{transform:translate(-50%,-50%) rotate(0deg);} 
  to{transform:translate(-50%,-50%) rotate(360deg);} 
}
.shield-outline{
  opacity:.28 !important;
  transform:translate(-50%,-50%) scale(.92) !important;
}
.radar-core{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  width:240px;
  padding:18px 20px;
  text-align:center;
  border-radius:26px;
  background:rgba(5,12,24,.56);
  border:1px solid rgba(125,211,252,.14);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}
.radar-core-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  margin-bottom:10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#9ff8ff;
  border:1px solid rgba(90,246,255,.22);
  background:rgba(14,25,45,.66);
}
.radar-core strong{
  display:block;
  font-size:34px;
  line-height:1.02;
  color:#eef8ff;
  margin-bottom:8px;
}
.radar-core small{
  display:block;
  color:#abc1d2;
  font-size:12px;
  line-height:1.35;
}
.pulse-dot{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  z-index:6;
  box-shadow:0 0 18px currentColor;
  animation:dotBlink 2.8s ease-in-out infinite;
}
.pulse-dot::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:1px solid currentColor;
  opacity:.24;
}
.dot-a{left:18%; top:22%; color:#63ecff; animation-delay:.2s;}
.dot-b{right:23%; top:30%; color:#7e9dff; animation-delay:1s;}
.dot-c{left:41%; bottom:20%; color:#5df4b4; animation-delay:1.8s;}
@keyframes dotBlink{0%,100%{opacity:.45; transform:scale(.9);}50%{opacity:1; transform:scale(1.18);}}

.radar-node{
  width:56px !important;
  height:56px !important;
  border-width:1px !important;
  animation:nodeFlicker 3.6s ease-in-out infinite;
}
.radar-node::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, currentColor 16%, transparent) 0%, transparent 70%);
  opacity:.55;
}
.radar-node .mini-svg{width:24px !important; height:24px !important;}
@keyframes nodeFlicker{
  0%,100%{filter:brightness(.95); transform:scale(1);} 
  35%{filter:brightness(1.06); transform:scale(1.05);} 
  50%{filter:brightness(1.15); transform:scale(1.1);} 
  65%{filter:brightness(1); transform:scale(1.02);} 
}
.is-blue{background:linear-gradient(135deg, rgba(57,188,255,.26), rgba(76,91,255,.18)); color:#a6efff;}
.is-cyan{background:linear-gradient(135deg, rgba(80,245,255,.22), rgba(72,132,255,.16)); color:#a4fbff;}
.is-navy{background:linear-gradient(135deg, rgba(88,149,255,.28), rgba(44,108,255,.16)); color:#d2e3ff;}
.is-pink{background:linear-gradient(135deg, rgba(255,95,133,.28), rgba(255,154,86,.16)); color:#ffe1e8;}
.is-green{background:linear-gradient(135deg, rgba(82,246,182,.24), rgba(68,221,255,.14)); color:#cbffef;}
.is-purple{background:linear-gradient(135deg, rgba(177,128,255,.28), rgba(95,134,255,.12)); color:#ece0ff;}
.is-red{background:linear-gradient(135deg, rgba(255,64,102,.38), rgba(255,147,82,.22)); color:#ffe5eb; animation:criticalBlink 1.7s ease-in-out infinite !important;}
@keyframes criticalBlink{0%,100%{transform:scale(1); box-shadow:0 0 0 0 rgba(255,84,116,0),0 16px 28px rgba(0,0,0,.25);}50%{transform:scale(1.14); box-shadow:0 0 0 14px rgba(255,84,116,0),0 0 28px rgba(255,84,116,.22),0 16px 28px rgba(0,0,0,.25);}}
.node-identity-a{left:10%; top:18%;}
.node-backup{left:21%; bottom:16%;}
.node-network{right:18%; bottom:22%;}
.node-cloud{right:29%; top:34%;}
.node-ops{left:35%; top:63%;}
.node-response{left:62%; top:20%;}
.node-alert{right:11%; top:13%;}

.surface-map-legend.below{
  position:relative !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  padding:16px 18px !important;
  border-radius:26px !important;
  background:rgba(6,14,28,.72) !important;
  border:1px solid rgba(125,211,252,.12) !important;
  backdrop-filter:blur(10px);
}
.surface-map-legend.below .legend-header{
  margin-bottom:14px !important;
}
.surface-map-legend.below .legend-items.compact{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
}
.surface-map-legend.below .legend-item{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:10px;
  padding:12px 12px;
  align-items:center;
  border-radius:18px;
  background:rgba(10,19,35,.56);
  border:1px solid rgba(255,255,255,.06);
}
.surface-map-legend.below .legend-icon{
  width:40px; height:40px; border-radius:14px;
}
.legend-icon.green{background:linear-gradient(135deg, rgba(82,246,182,.22), rgba(68,221,255,.12)); color:#d1fff0;}
.legend-icon.purple{background:linear-gradient(135deg, rgba(177,128,255,.24), rgba(95,134,255,.10)); color:#f0e2ff;}
.surface-map-legend.below .legend-item strong{font-size:14px !important;}
.surface-map-legend.below .legend-item small{font-size:11px !important;}
/* neutralize old overlay adjustments */
.surface-map-summary.compact{display:none !important;}

@media (max-width: 1180px){
  .surface-rings.live-radar-board{min-height:640px;}
  .surface-map-legend.below .legend-items.compact{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 900px){
  .surface-rings.live-radar-board{min-height:580px;}
  .radar-core{width:200px;}
  .radar-core strong{font-size:28px;}
  .surface-map-legend.below .legend-items.compact{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px){
  .surface-map-field{inset:96px 14px 14px !important; gap:14px;}
  .surface-rings.live-radar-board{min-height:500px; border-radius:24px;}
  .radar-node{width:46px !important; height:46px !important;}
  .radar-node .mini-svg{width:20px !important; height:20px !important;}
  .radar-core{width:172px; padding:14px 14px;}
  .radar-core strong{font-size:22px;}
  .radar-core small{font-size:11px;}
  .surface-map-legend.below .legend-items.compact{grid-template-columns:1fr;}
  .node-identity-a{left:8%; top:21%;}
  .node-backup{left:14%; bottom:18%;}
  .node-network{right:10%; bottom:24%;}
  .node-cloud{right:22%; top:36%;}
  .node-ops{left:34%; top:69%;}
  .node-response{left:67%; top:22%;}
  .node-alert{right:8%; top:14%;}
}


/* v43: radar geometry fix – no clipping, visible legend, better icon distribution */
.surface-map-console{
  min-height:760px !important;
  overflow:visible !important;
}

.surface-map-field{
  inset:92px 24px 24px !important;
  display:grid !important;
  grid-template-rows:auto minmax(440px, 1fr) auto !important;
  gap:14px !important;
  overflow:visible !important;
}

.surface-map-status{
  position:relative !important;
  z-index:12 !important;
  margin:0 !important;
  padding-left:0 !important;
}

.surface-rings.live-radar-board{
  min-height:500px !important;
  max-height:520px !important;
  overflow:visible !important;
  border-radius:30px !important;
}

.surface-rings.live-radar-board .ring-1{width:22% !important;}
.surface-rings.live-radar-board .ring-2{width:42% !important;}
.surface-rings.live-radar-board .ring-3{width:60% !important;}
.surface-rings.live-radar-board .ring-4{width:76% !important;}

.radar-core{
  top:51% !important;
  width:220px !important;
  padding:14px 16px !important;
}

.radar-core-badge{
  margin-bottom:8px !important;
  padding:5px 9px !important;
  font-size:9px !important;
}

.radar-core strong{
  font-size:30px !important;
  line-height:1.03 !important;
  margin-bottom:6px !important;
}

.radar-core small{
  font-size:11px !important;
  line-height:1.3 !important;
}

/* distribute icons across the radar field */
.node-identity-a{left:12% !important; top:24% !important;}
.node-backup{left:18% !important; bottom:19% !important;}
.node-network{right:16% !important; bottom:23% !important;}
.node-cloud{right:25% !important; top:40% !important;}
.node-ops{left:39% !important; bottom:13% !important;}
.node-response{left:62% !important; top:25% !important;}
.node-alert{right:12% !important; top:18% !important;}

.pulse-dot.dot-a{left:22% !important; top:28% !important;}
.pulse-dot.dot-b{right:22% !important; top:34% !important;}
.pulse-dot.dot-c{left:43% !important; bottom:18% !important;}

.surface-map-legend.below{
  position:relative !important;
  z-index:14 !important;
  margin-top:0 !important;
  width:100% !important;
  padding:14px 16px !important;
  border-radius:24px !important;
}

.surface-map-legend.below .legend-header{
  margin-bottom:10px !important;
}

.surface-map-legend.below .legend-items.compact{
  grid-template-columns:repeat(7, minmax(0,1fr)) !important;
  gap:8px !important;
}

.surface-map-legend.below .legend-item{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
  padding:10px 8px !important;
  gap:7px !important;
  min-height:98px !important;
}

.surface-map-legend.below .legend-icon{
  width:36px !important;
  height:36px !important;
}

.surface-map-legend.below .legend-item strong{
  font-size:12px !important;
  line-height:1.1 !important;
}

.surface-map-legend.below .legend-item small{
  font-size:10px !important;
  line-height:1.2 !important;
}

/* keep hero layout balanced after taller console */
.hero-grid{
  align-items:center !important;
}

@media(max-width:1180px){
  .surface-map-console{
    min-height:780px !important;
  }
  .surface-map-field{
    grid-template-rows:auto minmax(430px, 1fr) auto !important;
  }
  .surface-rings.live-radar-board{
    min-height:460px !important;
  }
  .surface-map-legend.below .legend-items.compact{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .surface-map-console{
    min-height:auto !important;
    overflow:hidden !important;
  }
  .surface-map-field{
    position:relative !important;
    inset:auto !important;
    margin-top:18px !important;
    grid-template-rows:auto 420px auto !important;
  }
  .surface-rings.live-radar-board{
    min-height:420px !important;
    max-height:none !important;
  }
  .surface-map-legend.below .legend-items.compact{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .surface-map-field{
    grid-template-rows:auto 390px auto !important;
  }
  .surface-rings.live-radar-board{
    min-height:390px !important;
  }
  .radar-core{
    width:165px !important;
    padding:12px !important;
  }
  .radar-core strong{
    font-size:22px !important;
  }
  .radar-core small{
    font-size:10px !important;
  }
  .radar-node{
    width:42px !important;
    height:42px !important;
  }
  .surface-map-legend.below .legend-items.compact{
    grid-template-columns:1fr !important;
  }
  .surface-map-legend.below .legend-item{
    grid-template-columns:34px 1fr !important;
    justify-items:start !important;
    text-align:left !important;
    min-height:auto !important;
  }
}


/* v44: simplify radar heading and reduce text density */
.surface-map-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:18px 22px !important;
}

.surface-map-top span{
  font-size:18px !important;
  letter-spacing:-.02em !important;
}

.surface-map-top b{
  font-size:18px !important;
  color:#f1f8ff !important;
  letter-spacing:-.02em !important;
}

.surface-map-top .surface-map-meta{
  display:none !important;
}

.surface-map-status{
  gap:8px !important;
}

.surface-map-status small{
  display:none !important;
}

.status-pill{
  font-size:10px !important;
  padding:6px 11px !important;
}

.radar-core{
  width:190px !important;
  padding:14px 16px !important;
}

.radar-core-badge{
  font-size:9px !important;
  margin-bottom:8px !important;
}

.radar-core strong{
  font-size:26px !important;
  line-height:1 !important;
}

.radar-core small{
  font-size:10.5px !important;
}

/* top bar should feel like dashboard chrome, not a headline block */
.surface-map-console{
  padding-top:20px !important;
}

@media(max-width:780px){
  .surface-map-top{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  .surface-map-top span,
  .surface-map-top b{
    font-size:15px !important;
  }

  .radar-core{
    width:160px !important;
  }

  .radar-core strong{
    font-size:22px !important;
  }
}


/* v45 - command center radar redesign */
.surface-map-console{
  min-height:760px !important;
}
.surface-map-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:18px 28px !important;
}
.surface-map-top span{
  font-size:16px !important;
  font-weight:800 !important;
}
.surface-map-top b{
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}
.surface-map-field.surface-map-field-compact{
  inset:96px 22px 22px !important;
  display:grid !important;
  grid-template-rows:auto minmax(560px,1fr) !important;
  gap:12px !important;
}
.surface-map-status{
  padding:0 10px !important;
  gap:12px !important;
  align-items:center !important;
}
.surface-map-status small{
  display:inline-block !important;
  color:rgba(225,235,255,.62) !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
.radar-command-board{
  position:relative !important;
  min-height:560px !important;
  max-height:none !important;
  overflow:hidden !important;
  border-radius:38px !important;
  background:
    radial-gradient(circle at 74% 18%, rgba(255,86,115,.14), transparent 28%),
    radial-gradient(circle at 18% 78%, rgba(52,207,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(2,8,20,.84), rgba(4,12,26,.92)) !important;
  border:1px solid rgba(95,185,255,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
.radar-command-board .ring{
  border-color:rgba(67,220,255,.22) !important;
  box-shadow:none !important;
}
.radar-command-board .ring-1{width:24% !important;}
.radar-command-board .ring-2{width:44% !important;}
.radar-command-board .ring-3{width:64% !important;}
.radar-command-board .ring-4{width:82% !important;}
.scan-sweep{
  position:absolute;
  inset:8% 14% 12% 14%;
  border-radius:50%;
  background:conic-gradient(from 210deg, rgba(60,220,255,.00) 0deg, rgba(60,220,255,.00) 290deg, rgba(60,220,255,.18) 318deg, rgba(60,220,255,.48) 338deg, rgba(60,220,255,.00) 360deg);
  filter:blur(.2px);
  mix-blend-mode:screen;
  animation:radarSweep 5.5s linear infinite;
  transform-origin:center center;
}
@keyframes radarSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.scan-line{
  opacity:.5 !important;
}
.radar-center-icon{
  position:absolute;
  left:50%; top:50%; transform:translate(-50%,-50%);
  width:108px; height:108px; border-radius:50%;
  display:grid; place-items:center;
  background:radial-gradient(circle, rgba(110,225,255,.18), rgba(8,23,45,.12) 62%, rgba(8,23,45,0) 70%);
  border:1px solid rgba(95,185,255,.22);
  box-shadow:0 0 40px rgba(62,193,255,.12);
  z-index:3;
}
.radar-center-icon .mini-svg{
  width:44px; height:44px; stroke:#eaf8ff; stroke-width:1.8; fill:none;
}
.radar-signal{
  position:absolute; z-index:4;
  width:54px; height:54px; border-radius:50%;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
  box-shadow:0 0 0 8px rgba(255,255,255,.025), 0 0 30px rgba(75,193,255,.08);
  animation:signalPulse 3s ease-in-out infinite;
}
.radar-signal .mini-svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.sig-identity{left:15%; top:32%; color:#98eaff; background:rgba(74,168,255,.18);}
.sig-risk{right:15%; top:24%; color:#ffd7df; background:rgba(255,84,112,.24); animation-delay:.4s;}
.sig-backup{left:26%; bottom:26%; color:#b4f8ff; background:rgba(69,210,255,.18); animation-delay:1s;}
.sig-perimeter{right:24%; bottom:28%; color:#d4dbff; background:rgba(109,132,255,.18); animation-delay:1.6s;}
@keyframes signalPulse{0%,100%{transform:scale(1); box-shadow:0 0 0 0 rgba(96,197,255,.18),0 0 26px rgba(96,197,255,.08)}50%{transform:scale(1.07); box-shadow:0 0 0 14px rgba(96,197,255,0),0 0 34px rgba(96,197,255,.12)}}
.radar-dot{
  position:absolute; width:18px; height:18px; border-radius:50%; z-index:2;
  box-shadow:0 0 16px currentColor, 0 0 0 6px rgba(255,255,255,.03);
  animation:dotBlink 2.7s ease-in-out infinite;
}
.radar-dot.dot-blue{left:24%; top:50%; color:#58dfff; background:#58dfff;}
.radar-dot.dot-red{left:70%; top:62%; color:#ff5379; background:#ff5379; animation-duration:1.6s;}
.radar-dot.dot-cyan{left:46%; bottom:16%; color:#6cf4d1; background:#6cf4d1; animation-delay:.8s;}
.radar-dot.dot-purple{right:30%; top:35%; color:#8b7dff; background:#8b7dff; animation-delay:1.1s;}
@keyframes dotBlink{0%,100%{opacity:.45; transform:scale(.9)}50%{opacity:1; transform:scale(1.18)}}
.radar-info-card{
  position:absolute; z-index:5; width:320px; max-width:34%;
  padding:24px 26px 20px;
  border-radius:28px;
  background:rgba(5,10,20,.88);
  border:1px solid rgba(120,160,210,.2);
  box-shadow:0 18px 50px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.02);
}
.radar-info-card h4{
  margin:0 0 12px; font-size:21px; line-height:1.1; color:#f6fbff;
}
.radar-info-card p{
  margin:0; color:rgba(232,241,251,.9); font-size:15px; line-height:1.5;
}
.card-bar{display:block; margin-top:18px; height:8px; width:100%; border-radius:999px; background:rgba(255,255,255,.10); position:relative; overflow:hidden;}
.card-bar::before{content:""; position:absolute; inset:0 auto 0 0; width:72%; border-radius:inherit; background:linear-gradient(90deg, #33dbff, #4381ff);}
.card-bar.alert::before{width:48%; background:linear-gradient(90deg, #ff477a, #fbb24e);}
.card-identity{left:10px; top:56px;}
.card-risk{right:10px; top:118px;}
.card-backup{left:48px; bottom:26px;}
.card-perimeter{right:16px; bottom:84px;}

/* disable old center text presentation if any remnants appear */
.radar-core, .surface-map-legend.below, .shield-outline, .pulse-dot, .radar-node{display:none !important;}

@media(max-width:1320px){
  .radar-info-card{width:290px; max-width:36%; padding:20px 22px 18px;}
  .radar-info-card h4{font-size:19px}
  .radar-info-card p{font-size:14px}
}
@media(max-width:1100px){
  .surface-map-console{min-height:840px !important;}
  .surface-map-field.surface-map-field-compact{grid-template-rows:auto minmax(640px,1fr) !important;}
  .radar-command-board{min-height:640px !important;}
  .radar-info-card{max-width:40%;}
  .card-identity{left:8px; top:50px;}
  .card-risk{right:8px; top:120px;}
  .card-backup{left:18px; bottom:18px;}
  .card-perimeter{right:12px; bottom:72px;}
}
@media(max-width:860px){
  .surface-map-field.surface-map-field-compact{inset:86px 16px 16px !important; grid-template-rows:auto minmax(760px,1fr) !important;}
  .radar-command-board{min-height:760px !important;}
  .radar-info-card{width:auto; max-width:none; left:16px !important; right:16px !important; position:absolute;}
  .card-identity{top:16px !important;}
  .card-risk{top:196px !important;}
  .card-perimeter{bottom:172px !important;}
  .card-backup{bottom:16px !important;}
  .sig-identity{left:16%; top:46%;}
  .sig-risk{right:15%; top:43%;}
  .sig-backup{left:18%; bottom:25%;}
  .sig-perimeter{right:18%; bottom:24%;}
}


/* v46 - cleaner radar cards and calmer color palette */
.radar-command-board{
  background:
    radial-gradient(circle at 74% 18%, rgba(255,102,130,.10), transparent 26%),
    radial-gradient(circle at 18% 78%, rgba(52,207,255,.10), transparent 22%),
    linear-gradient(180deg, rgba(3,10,23,.88), rgba(5,12,27,.94)) !important;
}
.surface-map-status{
  gap:10px !important;
}
.surface-map-status small{
  color:rgba(214,228,245,.46) !important;
  font-size:9px !important;
}
.status-pill{
  font-size:9px !important;
  padding:5px 10px !important;
}
.radar-signal{
  width:50px !important;
  height:50px !important;
  box-shadow:0 0 0 8px rgba(255,255,255,.02), 0 0 24px rgba(75,193,255,.06) !important;
}
.radar-signal .mini-svg{width:22px !important;height:22px !important;}
.sig-risk{animation-duration:2.2s !important;}
.radar-dot{
  width:14px !important; height:14px !important;
}
.radar-info-card{
  width:260px !important;
  max-width:28% !important;
  padding:16px 18px 14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(7,13,25,.92), rgba(5,10,20,.92)) !important;
  border:1px solid rgba(106,146,198,.18) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
.radar-card-head{
  display:flex; align-items:center; gap:12px; margin-bottom:10px;
}
.radar-card-icon{
  width:42px; height:42px; border-radius:14px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
  flex:0 0 auto;
}
.radar-card-icon.blue{background:rgba(74,168,255,.16); color:#9eeaff;}
.radar-card-icon.alert{background:rgba(255,84,112,.16); color:#ffd6dd;}
.radar-card-icon.cyan{background:rgba(69,210,255,.16); color:#b5f8ff;}
.radar-card-icon.navy{background:rgba(109,132,255,.16); color:#d8e0ff;}
.radar-card-icon .mini-svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8}
.radar-card-head small{
  display:block; margin:0 0 2px; color:rgba(143,179,213,.78); font-size:10px; letter-spacing:.14em; text-transform:uppercase;
}
.radar-info-card h4{
  margin:0 !important; font-size:18px !important; line-height:1.08 !important; color:#f6fbff !important;
}
.radar-info-card p{
  margin:0 !important; color:rgba(223,234,245,.82) !important; font-size:12.5px !important; line-height:1.4 !important; letter-spacing:.01em !important;
}
.card-bar{margin-top:12px !important; height:6px !important; opacity:.9;}
.card-bar::before{width:68% !important;}
.card-bar.alert::before{width:44% !important;}
.card-identity{left:10px !important; top:82px !important;}
.card-risk{right:10px !important; top:140px !important;}
.card-backup{left:48px !important; bottom:18px !important;}
.card-perimeter{right:24px !important; bottom:46px !important;}
.sig-identity{left:17% !important; top:35% !important;}
.sig-risk{right:18% !important; top:26% !important;}
.sig-backup{left:24% !important; bottom:31% !important;}
.sig-perimeter{right:28% !important; bottom:30% !important;}
.dot-blue{left:26% !important; top:48% !important;}
.dot-red{left:69% !important; top:58% !important;}
.dot-cyan{left:49% !important; bottom:15% !important;}
.dot-purple{right:29% !important; top:39% !important;}

@media(max-width:1320px){
  .radar-info-card{width:244px !important; max-width:28.5% !important;}
  .radar-info-card h4{font-size:16px !important;}
  .radar-info-card p{font-size:12px !important;}
}
@media(max-width:1100px){
  .radar-info-card{max-width:32% !important; width:236px !important;}
}
@media(max-width:860px){
  .radar-info-card{max-width:none !important; width:auto !important;}
}


/* v47 - radar heading cleanup */
.surface-map-top{
  flex-wrap:nowrap !important;
  min-height:88px !important;
  padding:18px 26px !important;
}
.surface-map-top span,
.surface-map-top b{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  line-height:1.15 !important;
}
.surface-map-top span{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:62% !important;
  font-size:17px !important;
  font-weight:800 !important;
  color:#f3f8ff !important;
}
.surface-map-top b{
  flex:0 0 auto !important;
  margin-left:18px !important;
  font-size:17px !important;
  font-weight:500 !important;
  color:rgba(224,233,245,.82) !important;
}
.surface-map-top span i{
  margin-right:12px !important;
}
@media(max-width:900px){
  .surface-map-top{
    min-height:76px !important;
    padding:16px 20px !important;
  }
  .surface-map-top span{
    font-size:15px !important;
    max-width:68% !important;
  }
  .surface-map-top b{
    font-size:15px !important;
    margin-left:12px !important;
  }
}


/* v48 - final overlap cleanup */
.surface-map-top b::after{
  content:none !important;
}
.radar-command-board .surface-map-top{
  min-height:84px !important;
  padding:18px 26px !important;
  gap:18px !important;
}
.radar-command-board .surface-map-top span{
  max-width:56% !important;
  font-size:16px !important;
  font-weight:850 !important;
  color:#f3f8ff !important;
}
.radar-command-board .surface-map-top b{
  font-size:15px !important;
  font-weight:650 !important;
  color:rgba(225,235,245,.86) !important;
}
.radar-command-board .surface-map-field{
  inset:118px 22px 22px !important;
}
.radar-command-board .surface-map-status{
  top:12px !important;
  left:12px !important;
  gap:12px !important;
}
.radar-command-board .surface-map-status small{
  font-size:10px !important;
}
@media(max-width:900px){
  .radar-command-board .surface-map-top span{max-width:60% !important; font-size:15px !important;}
  .radar-command-board .surface-map-top b{font-size:14px !important;}
  .radar-command-board .surface-map-field{inset:112px 16px 16px !important;}
}


/* v49 - radar final cleanup */
.surface-map-console{
  min-height:980px !important;
  display:block !important;
}
.surface-map-top{
  min-height:96px !important;
  padding:22px 30px !important;
  gap:20px !important;
}
.surface-map-top span{
  font-size:17px !important;
  line-height:1.1 !important;
  color:#eff8ff !important;
}
.surface-map-top b{
  font-size:16px !important;
  color:rgba(228,238,248,.88) !important;
  white-space:nowrap !important;
}
.surface-map-top b::after{content:none !important;}
.surface-map-field.surface-map-field-compact{
  position:relative !important;
  inset:auto !important;
  margin-top:14px !important;
  border-radius:34px !important;
  min-height:540px !important;
  height:540px !important;
}
.surface-map-status{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  z-index:10 !important;
  margin:0 0 14px 10px !important;
}
.surface-map-status small{font-size:12px !important;}
.radar-command-board{
  position:relative !important;
  min-height:470px !important;
  height:470px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 50% 48%, rgba(30,83,146,.18), transparent 46%) !important;
}
.radar-command-board .ring{opacity:.88 !important;}
.radar-command-board .scan-line{
  left:28% !important;
  top:34% !important;
  width:38% !important;
  height:38% !important;
  transform-origin:50% 50% !important;
  background:conic-gradient(from 190deg, rgba(112,239,255,.30), rgba(112,239,255,.06) 18%, transparent 34%, transparent) !important;
  clip-path:polygon(50% 50%, 100% 10%, 100% 90%) !important;
  filter:drop-shadow(0 0 18px rgba(105,232,255,.28));
}
.radar-center-icon{
  width:96px !important;
  height:96px !important;
  background:radial-gradient(circle, rgba(94,223,255,.18), rgba(94,223,255,.05) 64%, transparent 66%) !important;
  border:1px solid rgba(125,220,255,.18) !important;
}
.radar-center-icon .mini-svg{width:38px !important; height:38px !important;}
.radar-signal{z-index:6 !important;}
.sig-identity{left:17% !important; top:34% !important;}
.sig-risk{right:16% !important; top:24% !important;}
.sig-backup{left:22% !important; bottom:18% !important;}
.sig-perimeter{right:28% !important; bottom:16% !important;}
.radar-dot{z-index:5 !important; opacity:.92 !important;}
.dot-blue{left:26% !important; top:52% !important;}
.dot-red{left:72% !important; top:62% !important;}
.dot-cyan{left:49% !important; bottom:11% !important;}
.dot-purple{right:30% !important; top:39% !important;}
.dot-green{color:#6cf4d1; background:#6cf4d1;}
.dot-amber{color:#ffcb66; background:#ffcb66;}
.dot-ice{color:#98eaff; background:#98eaff;}
.dot-pink{color:#ff7fa2; background:#ff7fa2;}
.dot-extra-1{left:34% !important; top:30% !important; animation-duration:2.1s !important;}
.dot-extra-2{left:58% !important; top:24% !important; animation-duration:1.7s !important;}
.dot-extra-3{left:64% !important; bottom:22% !important; animation-duration:2.9s !important;}
.dot-extra-4{left:76% !important; top:45% !important; animation-duration:1.5s !important;}
.radar-card-grid{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:18px;
}
.radar-card-grid .radar-info-card{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:auto !important;
  max-width:none !important;
  padding:22px 24px 18px !important;
  min-height:0 !important;
}
.radar-card-grid .radar-info-card p{
  min-height:2.8em;
}
.radar-card-grid .card-bar{
  margin-top:14px !important;
}
@media(max-width:1100px){
  .surface-map-console{min-height:1110px !important;}
  .surface-map-field.surface-map-field-compact{min-height:500px !important; height:500px !important;}
  .radar-command-board{min-height:430px !important; height:430px !important;}
}
@media(max-width:860px){
  .surface-map-console{min-height:1280px !important;}
  .surface-map-top{padding:18px 20px !important; flex-wrap:wrap !important;}
  .surface-map-top b{font-size:14px !important;}
  .surface-map-field.surface-map-field-compact{height:420px !important; min-height:420px !important;}
  .radar-command-board{height:360px !important; min-height:360px !important;}
  .radar-card-grid{grid-template-columns:1fr !important;}
}


/* v50 - compact radar header + calmer hero copy */
.surface-map-console{
  min-height:920px !important;
}
.surface-map-top{
  min-height:72px !important;
  padding:16px 24px !important;
  border-radius:28px !important;
}
.surface-map-top span{
  font-size:15px !important;
  max-width:58% !important;
}
.surface-map-top b{
  font-size:14px !important;
}
.surface-map-field.surface-map-field-compact{
  margin-top:8px !important;
}
/* remove the long translucent strip beneath the heading */
.surface-map-field::before,
.surface-map-field::after,
.surface-map-status::before,
.surface-map-status::after{
  content:none !important;
  display:none !important;
}
.surface-map-status{
  display:inline-flex !important;
  width:auto !important;
  max-width:max-content !important;
  margin:0 0 10px 12px !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
.surface-map-status small{
  font-size:10px !important;
  letter-spacing:.12em !important;
}
.status-pill{
  padding:5px 10px !important;
  font-size:9px !important;
}

/* Left side copy a bit more compact */
.hero-grid{
  grid-template-columns:1fr 1fr !important;
  gap:34px !important;
  align-items:start !important;
}
.hero-copy{
  max-width:600px !important;
}
.hero .eyebrow{
  font-size:11px !important;
  letter-spacing:.11em !important;
}
.hero h1{
  margin:18px 0 16px !important;
  max-width:620px !important;
  font-size:clamp(50px, 6.8vw, 90px) !important;
  line-height:.9 !important;
}
.hero p{
  max-width:560px !important;
  font-size:18px !important;
  line-height:1.5 !important;
}
.hero-support-line{
  margin-top:2px !important;
  max-width:560px !important;
}
.hero-jump-links{
  gap:8px !important;
  margin-top:16px !important;
  max-width:560px !important;
}
.hero-jump-links a,
.hero-jump-links span{
  min-height:30px !important;
  padding:7px 10px !important;
  font-size:11px !important;
}
.hero-actions{
  margin-top:22px !important;
  gap:10px !important;
}
.hero .btn{
  min-height:46px !important;
  padding:12px 18px !important;
  font-size:15px !important;
}
.hero-stats{
  margin-top:28px !important;
  max-width:560px !important;
}
.hero-stats .stat{
  padding:15px !important;
}
.hero-stats .stat strong{font-size:22px !important;}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr !important; gap:28px !important;}
  .hero-copy,.hero p,.hero-support-line,.hero-jump-links,.hero-stats{max-width:none !important;}
}
@media(max-width:860px){
  .surface-map-top{min-height:64px !important; padding:14px 18px !important;}
  .surface-map-top span{font-size:14px !important; max-width:62% !important;}
  .surface-map-top b{font-size:13px !important;}
}


/* v51 - integrate final mockup direction */
.hero{
  padding-top:clamp(118px, 11vw, 150px) !important;
  padding-bottom:clamp(64px, 6vw, 84px) !important;
}

.hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr) !important;
  gap:46px !important;
  align-items:start !important;
}

.hero-copy{
  padding-top:18px !important;
  max-width:620px !important;
}

.hero .eyebrow{
  font-size:11px !important;
  letter-spacing:.12em !important;
  color:#7ef7d2 !important;
}

.hero h1{
  max-width:590px !important;
  margin:20px 0 18px !important;
  font-size:clamp(48px, 5.7vw, 82px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
}

.hero h1 span{
  background:linear-gradient(90deg,#dff1ff 0%, #a8d7ff 55%, #86a8ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.hero p{
  max-width:575px !important;
  font-size:17px !important;
  line-height:1.55 !important;
  color:rgba(222,232,244,.86) !important;
}

.hero-support-line{
  margin-top:4px !important;
  max-width:575px !important;
}

.hero-jump-links{
  margin-top:18px !important;
  gap:8px !important;
  max-width:560px !important;
}

.hero-jump-links a,
.hero-jump-links span{
  min-height:30px !important;
  padding:7px 11px !important;
  font-size:10.5px !important;
  border-color:rgba(112,239,255,.16) !important;
  background:rgba(112,239,255,.075) !important;
}

.hero-actions{
  margin-top:24px !important;
  gap:12px !important;
}

.hero .btn{
  min-height:47px !important;
  padding:12px 19px !important;
  font-size:15px !important;
}

.hero .btn-secondary{
  background:transparent !important;
  border-color:rgba(255,255,255,.0) !important;
  box-shadow:none !important;
  padding-left:0 !important;
  color:rgba(224,235,246,.78) !important;
}

.hero .btn-secondary::after{
  content:" →";
  margin-left:4px;
  color:#9bdcff;
}

/* Stats closer to the mockup */
.hero-stats{
  margin-top:34px !important;
  max-width:610px !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.hero-stats .stat{
  min-height:118px !important;
  padding:20px 22px !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg, rgba(12,29,49,.74), rgba(9,18,32,.72)),
    radial-gradient(circle at 70% 85%, rgba(72,132,255,.16), transparent 44%) !important;
  border:1px solid rgba(125,211,252,.13) !important;
  box-shadow:0 20px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
  position:relative;
  overflow:hidden;
}

.hero-stats .stat::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:14px;
  height:24px;
  opacity:.75;
  background:
    linear-gradient(135deg, transparent 0 9%, rgba(68,226,198,.0) 9% 100%),
    url("data:image/svg+xml,%3Csvg width='180' height='32' viewBox='0 0 180 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='0,28 18,27 36,24 54,22 72,16 90,18 108,12 126,15 144,9 162,6 180,2' fill='none' stroke='%2344e2c6' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  pointer-events:none;
}

.hero-stats .stat:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg width='180' height='32' viewBox='0 0 180 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='0,25 18,22 36,25 54,19 72,21 90,14 108,16 126,8 144,10 162,4 180,1' fill='none' stroke='%234381ff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
}

.hero-stats .stat:nth-child(3)::after{
  background-image:url("data:image/svg+xml,%3Csvg width='180' height='32' viewBox='0 0 180 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='0,26 18,23 36,25 54,18 72,20 90,11 108,14 126,9 144,12 162,5 180,2' fill='none' stroke='%238b6dff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
}

.hero-stats .stat strong{
  font-size:30px !important;
  line-height:1 !important;
  color:#57f2c0 !important;
  position:relative;
  z-index:1;
}

.hero-stats .stat:nth-child(2) strong{
  color:#5aa2ff !important;
}

.hero-stats .stat:nth-child(3) strong{
  color:#9b76ff !important;
}

.hero-stats .stat span{
  margin-top:10px !important;
  font-size:12px !important;
  letter-spacing:.04em !important;
  color:rgba(222,232,244,.72) !important;
  text-transform:none !important;
  position:relative;
  z-index:1;
}

/* Radar compactness and mockup integration */
.surface-map-console{
  min-height:900px !important;
  padding:20px !important;
  border-radius:42px !important;
}

.surface-map-top{
  min-height:66px !important;
  padding:14px 24px !important;
  border-radius:24px !important;
  background:rgba(4,10,20,.86) !important;
}

.surface-map-top span{
  font-size:14px !important;
  max-width:60% !important;
}

.surface-map-top b{
  font-size:13px !important;
  font-weight:650 !important;
}

.surface-map-field.surface-map-field-compact{
  height:500px !important;
  min-height:500px !important;
  margin-top:8px !important;
}

.surface-map-status{
  margin:0 0 8px 10px !important;
}

.surface-map-status small{
  font-size:10px !important;
}

.radar-command-board{
  height:430px !important;
  min-height:430px !important;
}

.radar-card-grid{
  gap:14px !important;
  margin-top:14px !important;
}

.radar-card-grid .radar-info-card{
  padding:18px 20px 16px !important;
  border-radius:22px !important;
}

.radar-card-grid .radar-info-card h4{
  font-size:17px !important;
}

.radar-card-grid .radar-info-card p{
  font-size:12px !important;
  min-height:0 !important;
}

/* responsive */
@media(max-width:1240px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:36px !important;
  }

  .hero-copy,
  .hero h1,
  .hero p,
  .hero-support-line,
  .hero-jump-links,
  .hero-stats{
    max-width:760px !important;
  }

  .surface-map-console{
    max-width:780px !important;
  }
}

@media(max-width:760px){
  .hero h1{
    font-size:clamp(42px, 13vw, 62px) !important;
  }

  .hero-stats{
    grid-template-columns:1fr !important;
  }

  .surface-map-console{
    min-height:1120px !important;
  }

  .surface-map-field.surface-map-field-compact{
    height:390px !important;
    min-height:390px !important;
  }

  .radar-command-board{
    height:330px !important;
    min-height:330px !important;
  }
}


/* v52 - hero dashboard compact polish */
.hero-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.hero p{
  max-width:540px !important;
  margin-bottom:0 !important;
}

.hero-support-line{
  margin-top:6px !important;
}

.hero-jump-links{
  margin-top:14px !important;
  margin-bottom:0 !important;
  max-width:none !important;
  width:auto !important;
  flex-wrap:nowrap !important;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  gap:8px !important;
  padding-bottom:2px;
}
.hero-jump-links::-webkit-scrollbar{display:none;}
.hero-jump-links a,
.hero-jump-links span{
  white-space:nowrap !important;
  padding:6px 11px !important;
  min-height:28px !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  flex:0 0 auto;
}

.hero-actions{
  margin-top:16px !important;
  margin-bottom:0 !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  align-items:center !important;
}

.hero-actions .btn{
  min-height:44px !important;
  padding:11px 18px !important;
  font-size:14px !important;
  flex:0 0 auto !important;
}

.hero-actions .btn-secondary{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 10px 32px rgba(0,0,0,.18) !important;
  color:#eef6ff !important;
  padding:11px 18px !important;
}
.hero-actions .btn-secondary::after{
  content:'' !important;
}

.hero-stats{
  margin-top:18px !important;
}

@media (max-width: 1240px){
  .hero-actions{
    flex-wrap:wrap !important;
  }
}

@media (max-width: 760px){
  .hero-jump-links{
    flex-wrap:wrap !important;
    overflow:visible;
  }
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .hero-actions .btn{width:100% !important;}
}


/* v53 - subpages imagery and icons */
.page-threat-overview .sub-threat-visual,
.attack-detail-page .sub-threat-visual{
  position:relative;
  min-height:340px;
  padding:28px;
  overflow:hidden;
  isolation:isolate;
  background-color:rgba(8,17,28,.8);
  background-image:
    linear-gradient(180deg, rgba(5,10,18,.18), rgba(5,10,18,.78)),
    linear-gradient(135deg, rgba(112,239,255,.14), rgba(156,125,255,.10)),
    var(--page-visual);
  background-size:auto,auto,cover;
  background-position:center,center,center;
}
.page-threat-overview .sub-threat-visual::before,
.attack-detail-page .sub-threat-visual::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at 50% 50%, rgba(112,239,255,.18), transparent 42%);
  pointer-events:none;
  z-index:0;
}
.page-threat-overview .sub-threat-visual > span,
.attack-detail-page .sub-threat-visual > span{
  position:relative;
  z-index:2;
  width:86px;
  height:86px;
  border-radius:24px;
  background:rgba(6,14,25,.72);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 50px rgba(0,0,0,.26);
}
.page-threat-overview .sub-threat-visual i,
.attack-detail-page .sub-threat-visual i{
  z-index:2;
  width:12px;
  height:12px;
  opacity:.95;
  box-shadow:0 0 18px currentColor;
}
.page-threat-overview .sub-threat-visual i:nth-child(2),
.attack-detail-page .sub-threat-visual i:nth-child(2){left:20%; top:30%; background:var(--cyan);}
.page-threat-overview .sub-threat-visual i:nth-child(3),
.attack-detail-page .sub-threat-visual i:nth-child(3){right:18%; top:34%; background:var(--red);}
.page-threat-overview .sub-threat-visual i:nth-child(4),
.attack-detail-page .sub-threat-visual i:nth-child(4){left:44%; bottom:18%; background:var(--violet);}

.page-threat-overview .sub-threat-visual{ --page-visual:url("./assets/visual-threat-center.jpg"); }
.page-phishing .sub-threat-visual{ --page-visual:url("./assets/visual-phishing.jpg"); }
.page-ransomware .sub-threat-visual{ --page-visual:url("./assets/photo-command-center.jpg"); }
.page-bec .sub-threat-visual{ --page-visual:url("./assets/photo-contact.jpg"); }
.page-m365 .sub-threat-visual{ --page-visual:url("./assets/brochure-cloud-lock.jpg"); }
.page-ddos .sub-threat-visual{ --page-visual:url("./assets/visual-operations.jpg"); }
.page-vuln .sub-threat-visual{ --page-visual:url("./assets/brochure-services-board.jpg"); }

.attack-quick-icons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.attack-quick-icons span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:#dbe8f4;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
.attack-quick-icons .tiny-svg{width:14px;height:14px}

.attack-main-card,
.attack-list-card{
  position:relative;
  overflow:hidden;
  padding:28px 28px 28px;
}
.attack-main-card::before,
.attack-list-card::before{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(112,239,255,.18), rgba(98,151,255,.08));
  box-shadow:0 14px 34px rgba(0,0,0,.20);
}
.attack-main-card::after,
.attack-list-card::after{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-30px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(112,239,255,.10), transparent 68%);
  pointer-events:none;
}
.attack-main-card h2,
.attack-list-card h2{max-width:calc(100% - 72px);}
.attack-content-grid .attack-main-card{background-image:linear-gradient(165deg, rgba(16,33,52,.84), rgba(10,20,34,.78)), var(--content-visual); background-size:auto,cover; background-position:center, right center;}
.page-phishing .attack-main-card{--content-visual:url("./assets/photo-phishing.jpg");}
.page-ransomware .attack-main-card{--content-visual:url("./assets/photo-command-center.jpg");}
.page-bec .attack-main-card{--content-visual:url("./assets/photo-contact.jpg");}
.page-m365 .attack-main-card{--content-visual:url("./assets/brochure-cloud-lock.jpg");}
.page-ddos .attack-main-card{--content-visual:url("./assets/photo-operations.jpg");}
.page-vuln .attack-main-card{--content-visual:url("./assets/brochure-services-board.jpg");}
.attack-content-grid .attack-list-card:nth-child(2)::before{background:linear-gradient(135deg, rgba(255,93,115,.24), rgba(255,135,76,.12));}
.attack-content-grid .attack-list-card:nth-child(3)::before{background:linear-gradient(135deg, rgba(95,243,168,.24), rgba(98,151,255,.12));}

.threat-overview-hero .sub-hero-grid{align-items:center;}
.threat-overview-hero .sub-threat-visual{display:flex;align-items:flex-end;justify-content:flex-start;}
.threat-overview-hero .sub-threat-visual::after{
  content:"SCAN · ANALYSE · EINORDNUNG";
  position:relative;
  z-index:2;
  display:inline-flex;
  margin-top:auto;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(5,12,23,.72);
  border:1px solid rgba(255,255,255,.12);
  color:#d9e8f5;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
}
.threat-tile{
  overflow:hidden;
}
.threat-tile::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:54%;
  background:linear-gradient(180deg, transparent, rgba(8,16,28,.18));
  pointer-events:none;
}
.threat-tile:nth-child(1){background-image:linear-gradient(165deg, rgba(10,22,38,.78), rgba(11,20,33,.82)), url("./assets/visual-phishing.jpg"); background-size:auto,cover; background-position:center, center;}
.threat-tile:nth-child(2){background-image:linear-gradient(165deg, rgba(10,22,38,.78), rgba(11,20,33,.82)), url("./assets/photo-command-center.jpg"); background-size:auto,cover; background-position:center, center;}
.threat-tile:nth-child(3){background-image:linear-gradient(165deg, rgba(10,22,38,.78), rgba(11,20,33,.82)), url("./assets/photo-contact.jpg"); background-size:auto,cover; background-position:center, center;}
.threat-tile:nth-child(4){background-image:linear-gradient(165deg, rgba(10,22,38,.78), rgba(11,20,33,.82)), url("./assets/brochure-cloud-lock.jpg"); background-size:auto,cover; background-position:center, center;}
.threat-tile:nth-child(5){background-image:linear-gradient(165deg, rgba(10,22,38,.78), rgba(11,20,33,.82)), url("./assets/visual-operations.jpg"); background-size:auto,cover; background-position:center, center;}
.threat-tile:nth-child(6){background-image:linear-gradient(165deg, rgba(10,22,38,.78), rgba(11,20,33,.82)), url("./assets/brochure-services-board.jpg"); background-size:auto,cover; background-position:center, center;}
.threat-tile > *{position:relative; z-index:1;}

@media (max-width: 860px){
  .attack-quick-icons{gap:8px;}
  .attack-quick-icons span{font-size:11px; padding:7px 10px;}
  .page-threat-overview .sub-threat-visual,
  .attack-detail-page .sub-threat-visual{min-height:280px;}
  .attack-main-card h2,
  .attack-list-card h2{max-width:none;}
}

/* v54 - final dashboard spacing and alignment tweaks */
.hero{
  padding-top:clamp(104px, 9vw, 126px) !important;
}

.hero-copy{
  padding-top:4px !important;
}

.hero .eyebrow{
  margin-top:0 !important;
}

.hero-actions{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  width:min(100%, 640px) !important;
  margin-top:16px !important;
  gap:12px !important;
  align-items:stretch !important;
}

.hero-actions .btn,
.hero-actions button.btn{
  width:100% !important;
  min-width:0 !important;
  min-height:48px !important;
  padding:12px 16px !important;
  text-align:center !important;
  justify-content:center !important;
}

.hero-stats{
  width:min(100%, 640px) !important;
  margin-top:30px !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.hero-stats .stat{
  min-height:124px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  padding:18px 18px !important;
}

.hero-stats .stat strong,
.hero-stats .stat span{
  text-align:center !important;
}

@media (max-width: 980px){
  .hero-actions{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .hero-stats{
    width:100% !important;
  }
}


/* v55 - responsive polish for mobile, tablet and wide screens */

/* Large desktop: keep hero readable and prevent excessive stretching */
@media (min-width: 1500px){
  .container{
    width:min(1320px, calc(100% - 72px)) !important;
  }

  .hero-grid{
    grid-template-columns:minmax(560px,.92fr) minmax(680px,1.08fr) !important;
    gap:64px !important;
  }

  .hero h1{
    max-width:660px !important;
  }

  .surface-map-console{
    max-width:760px !important;
    margin-left:auto !important;
  }

  .section-head,
  .nimbus-section,
  .partner-section,
  .service-explorer,
  .case-grid,
  .contact-grid{
    max-width:1320px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Standard tablet/laptop: avoid cramped two-column hero */
@media (max-width: 1240px){
  .hero{
    padding-top:118px !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .hero-copy{
    max-width:760px !important;
    margin-inline:auto !important;
    align-items:flex-start !important;
  }

  .hero h1,
  .hero p,
  .hero-support-line{
    max-width:760px !important;
  }

  .hero-actions,
  .hero-stats{
    width:min(100%, 760px) !important;
  }

  .surface-map-console{
    width:min(100%, 760px) !important;
    margin-inline:auto !important;
  }

  .surface-map-field.surface-map-field-compact{
    height:480px !important;
    min-height:480px !important;
  }

  .radar-command-board{
    height:410px !important;
    min-height:410px !important;
  }

  .radar-card-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* Tablet portrait: make sections calmer */
@media (max-width: 980px){
  .site-nav{
    width:calc(100% - 28px) !important;
    padding:10px 12px !important;
  }

  .nav-links{
    display:none !important;
  }

  .nav-emergency{
    padding:10px 14px !important;
    font-size:14px !important;
  }

  .brand img{
    height:30px !important;
  }

  .hero{
    padding-top:104px !important;
    padding-bottom:60px !important;
  }

  .hero-copy{
    margin-inline:0 !important;
  }

  .hero h1{
    font-size:clamp(44px, 10vw, 70px) !important;
    line-height:.96 !important;
  }

  .hero p{
    font-size:16.5px !important;
    line-height:1.55 !important;
  }

  .hero-jump-links{
    flex-wrap:wrap !important;
    overflow:visible !important;
    max-width:100% !important;
  }

  .hero-actions{
    grid-template-columns:1fr !important;
  }

  .hero-actions .btn{
    width:100% !important;
  }

  .hero-stats{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

  .hero-stats .stat{
    min-height:108px !important;
    padding:16px 12px !important;
  }

  .hero-stats .stat strong{
    font-size:26px !important;
  }

  .surface-map-console{
    min-height:900px !important;
    padding:16px !important;
    border-radius:34px !important;
  }

  .surface-map-top{
    min-height:60px !important;
    padding:12px 16px !important;
    border-radius:20px !important;
  }

  .surface-map-top span,
  .surface-map-top b{
    font-size:13px !important;
  }

  .surface-map-field.surface-map-field-compact{
    height:390px !important;
    min-height:390px !important;
  }

  .radar-command-board{
    height:320px !important;
    min-height:320px !important;
    border-radius:28px !important;
  }

  .radar-card-grid{
    grid-template-columns:1fr !important;
  }

  .radar-card-grid .radar-info-card{
    padding:16px 18px !important;
  }

  .section-head,
  .nimbus-grid,
  .technology-grid,
  .partner-grid,
  .service-explorer,
  .case-grid,
  .flow-grid,
  .contact-grid,
  .sub-hero-grid,
  .attack-content-grid{
    grid-template-columns:1fr !important;
  }
}

/* Phone: stack everything tightly and prevent horizontal scroll */
@media (max-width: 640px){
  html, body{
    overflow-x:hidden !important;
  }

  .container{
    width:calc(100% - 28px) !important;
  }

  .site-nav{
    top:10px !important;
    border-radius:22px !important;
  }

  .nav-emergency{
    font-size:13px !important;
    padding:9px 12px !important;
  }

  .hero{
    padding-top:92px !important;
    padding-bottom:46px !important;
    min-height:auto !important;
  }

  .hero .eyebrow{
    font-size:9.5px !important;
    line-height:1.45 !important;
    letter-spacing:.09em !important;
  }

  .hero h1{
    margin-top:16px !important;
    font-size:clamp(40px, 14vw, 56px) !important;
    line-height:.95 !important;
    letter-spacing:-.06em !important;
  }

  .hero p{
    font-size:15.5px !important;
    line-height:1.55 !important;
  }

  .hero-jump-links{
    margin-top:14px !important;
    gap:7px !important;
  }

  .hero-jump-links a,
  .hero-jump-links span{
    font-size:9px !important;
    padding:6px 9px !important;
    min-height:26px !important;
  }

  .hero-actions{
    margin-top:16px !important;
    gap:9px !important;
  }

  .hero-actions .btn{
    min-height:44px !important;
    font-size:13.5px !important;
  }

  .hero-stats{
    grid-template-columns:1fr !important;
    margin-top:24px !important;
    gap:10px !important;
  }

  .hero-stats .stat{
    min-height:92px !important;
    align-items:flex-start !important;
    text-align:left !important;
    padding:16px 18px !important;
  }

  .hero-stats .stat strong,
  .hero-stats .stat span{
    text-align:left !important;
  }

  .surface-map-console{
    min-height:960px !important;
    padding:14px !important;
    border-radius:28px !important;
  }

  .surface-map-top{
    min-height:auto !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px !important;
  }

  .surface-map-top span{
    max-width:none !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }

  .surface-map-status{
    gap:7px !important;
    margin-left:0 !important;
  }

  .surface-map-status small{
    display:none !important;
  }

  .surface-map-field.surface-map-field-compact{
    height:330px !important;
    min-height:330px !important;
  }

  .radar-command-board{
    height:270px !important;
    min-height:270px !important;
    border-radius:24px !important;
  }

  .radar-center-icon{
    width:68px !important;
    height:68px !important;
  }

  .radar-center-icon .mini-svg{
    width:30px !important;
    height:30px !important;
  }

  .radar-signal{
    width:38px !important;
    height:38px !important;
  }

  .radar-signal .mini-svg{
    width:18px !important;
    height:18px !important;
  }

  .radar-dot{
    width:10px !important;
    height:10px !important;
  }

  .radar-card-grid{
    margin-top:12px !important;
    gap:10px !important;
  }

  .radar-card-grid .radar-info-card{
    padding:14px 15px !important;
    border-radius:18px !important;
  }

  .radar-card-head{
    gap:9px !important;
  }

  .radar-card-icon{
    width:34px !important;
    height:34px !important;
    border-radius:12px !important;
  }

  .radar-info-card h4{
    font-size:15px !important;
  }

  section{
    padding:68px 0 !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-hero h2,
  .urgency-copy h2,
  .emergency-copy h2,
  .contact-copy h2,
  .deep-head h2,
  .sub-hero h1{
    font-size:clamp(32px, 10vw, 44px) !important;
    line-height:1 !important;
  }

  .partner-logo-card,
  .threat-tile,
  .case-card,
  .flow-card,
  .contact-copy,
  .contact-form,
  .attack-main-card,
  .attack-list-card{
    border-radius:22px !important;
  }

  .sub-hero{
    padding-top:100px !important;
  }

  .sub-threat-visual{
    min-height:240px !important;
  }

  .footer-grid{
    gap:18px !important;
  }

  .footer a{
    display:inline-block !important;
    margin:0 14px 8px 0 !important;
  }
}

/* Very small phones */
@media (max-width: 390px){
  .hero h1{
    font-size:38px !important;
  }

  .surface-map-console{
    min-height:1010px !important;
  }

  .surface-map-top{
    grid-template-columns:1fr !important;
  }

  .surface-map-top b{
    justify-self:start !important;
  }
}


/* v56 - real contact form with captcha */
.captcha-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:4px 0 2px;
  min-height:70px;
}

.form-status{
  margin:0;
  min-height:20px;
  color:#aebed0;
  font-size:13px;
  line-height:1.5;
}

.form-status.is-success{
  color:#74f3b5;
}

.form-status.is-error{
  color:#ffb0bd;
}

.contact-form button[disabled]{
  opacity:.7;
  cursor:progress;
  transform:none !important;
}

@media(max-width:640px){
  .captcha-wrap{
    overflow:hidden;
  }

  .cf-turnstile{
    transform:scale(.92);
    transform-origin:left center;
  }
}


/* v61 - explicit Turnstile widget fix */
.captcha-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:72px;
  margin:2px 0 0;
}
.form-status{
  min-height:20px;
  margin:0;
  color:#aebed0;
  font-size:13px;
  line-height:1.5;
}
.form-status.is-success{color:#74f3b5;}
.form-status.is-error{color:#ffb0bd;}
@media(max-width:640px){
  .cf-turnstile{
    transform:scale(.92);
    transform-origin:left center;
  }
}


/* v62 - threat overview icon/badge alignment fix */
.threat-grid .threat-tile{
  padding:34px 28px 28px !important;
  min-height:250px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  overflow:hidden !important;
}

.threat-grid .threat-tile .threat-icon{
  position:absolute !important;
  left:30px !important;
  top:34px !important;
  width:68px !important;
  height:68px !important;
  border-radius:22px !important;
  z-index:3 !important;
}

.threat-grid .threat-tile .threat-icon .mini-svg{
  width:32px !important;
  height:32px !important;
}

.threat-grid .threat-tile .threat-severity{
  position:absolute !important;
  left:28px !important;
  top:22px !important;
  right:auto !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:26px !important;
  padding:6px 13px !important;
  border-radius:999px !important;
  background:rgba(97,39,56,.78) !important;
  border:1px solid rgba(255,116,136,.26) !important;
  color:#ffd0d8 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
  line-height:1 !important;
}

.threat-grid .threat-tile h3{
  margin:112px 0 12px !important;
  position:relative !important;
  z-index:3 !important;
}

.threat-grid .threat-tile p{
  position:relative !important;
  z-index:3 !important;
  margin:0 0 12px !important;
}

.threat-grid .threat-tile .tile-link{
  position:relative !important;
  left:auto !important;
  bottom:auto !important;
  margin-top:auto !important;
  z-index:3 !important;
}

@media(max-width:980px){
  .threat-grid .threat-tile{
    min-height:230px !important;
  }
}

@media(max-width:640px){
  .threat-grid .threat-tile{
    min-height:220px !important;
    padding:30px 22px 24px !important;
  }

  .threat-grid .threat-tile .threat-icon{
    left:24px !important;
    top:32px !important;
    width:60px !important;
    height:60px !important;
  }

  .threat-grid .threat-tile .threat-severity{
    left:22px !important;
    top:20px !important;
    font-size:10px !important;
  }

  .threat-grid .threat-tile h3{
    margin-top:100px !important;
  }
}


/* v63 - contact submit status polish */
.form-status{
  min-height:20px;
  margin:0;
  color:#aebed0;
  font-size:13px;
  line-height:1.5;
}
.form-status.is-success{color:#74f3b5;}
.form-status.is-error{color:#ffb0bd;}
.contact-form button[disabled]{
  opacity:.7;
  cursor:progress;
  transform:none !important;
}


/* v67 - temporary Outlook/mail mode */
.captcha-wrap,
.cf-turnstile{
  display:none !important;
}
.form-status{
  min-height:20px;
  margin:0;
  color:#aebed0;
  font-size:13px;
  line-height:1.5;
}
.form-status.is-error{color:#ffb0bd;}
.form-status.is-success{color:#74f3b5;}


/* v68 - SEO/GEO FAQ section */
.seo-faq-section{
  position:relative;
}
.seo-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.seo-faq-card{
  position:relative;
  padding:24px;
  border:1px solid rgba(150,178,217,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(11,25,44,.74),rgba(7,14,27,.86));
  box-shadow:0 22px 55px rgba(0,0,0,.22);
  overflow:hidden;
}
.seo-faq-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at 18% 0%,rgba(89,163,255,.16),transparent 38%);
  pointer-events:none;
}
.seo-faq-card h3,
.seo-faq-card p{
  position:relative;
  z-index:1;
}
.seo-faq-card h3{
  margin:0 0 10px;
  font-size:18px;
}
.seo-faq-card p{
  margin:0;
  color:#aebed0;
  line-height:1.65;
}
@media(max-width:760px){
  .seo-faq-grid{
    grid-template-columns:1fr;
  }
}


/* v69 - SEO/GEO landing pages */
.landing-page .site-header{
  position:sticky;
  top:0;
  z-index:50;
}
.landing-page .brand img{
  max-height:42px;
  width:auto;
}
.landing-hero{
  padding-top:130px;
}
.landing-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:36px;
  align-items:center;
}
.landing-hero h1{
  max-width:880px;
  margin:10px 0 18px;
  font-size:clamp(42px,6vw,82px);
  line-height:.95;
  letter-spacing:-.06em;
}
.landing-keywords{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 30px;
}
.landing-keywords span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 13px;
  border:1px solid rgba(137,171,224,.18);
  border-radius:999px;
  background:rgba(8,20,37,.58);
  color:#c8d7eb;
  font-size:13px;
}
.landing-side-card{
  position:relative;
  padding:30px;
  border-radius:30px;
  border:1px solid rgba(142,180,235,.18);
  background:
    radial-gradient(circle at 18% 8%,rgba(88,162,255,.20),transparent 38%),
    linear-gradient(145deg,rgba(10,24,43,.80),rgba(5,12,23,.92));
  box-shadow:0 28px 90px rgba(0,0,0,.35);
}
.landing-side-card span{
  display:block;
  color:#7bdcff;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  margin-bottom:14px;
}
.landing-side-card strong{
  display:block;
  font-size:28px;
  line-height:1.1;
  margin-bottom:16px;
}
.landing-side-card p{
  color:#aebed0;
  line-height:1.7;
  margin:0;
}
.landing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.landing-card,
.landing-steps article,
.landing-faq-card{
  border:1px solid rgba(150,178,217,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(11,25,44,.74),rgba(7,14,27,.86));
  box-shadow:0 22px 55px rgba(0,0,0,.22);
}
.landing-card{
  padding:24px;
}
.landing-card h2{
  font-size:21px;
  margin:0 0 12px;
}
.landing-card p,
.landing-steps p,
.landing-faq-card p{
  color:#aebed0;
  line-height:1.65;
}
.landing-process{
  position:relative;
}
.landing-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.landing-steps article{
  padding:22px;
}
.landing-steps strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  margin-bottom:18px;
  background:rgba(84,164,255,.14);
  color:#9fd1ff;
  border:1px solid rgba(135,191,255,.20);
}
.landing-steps h3{
  margin:0 0 10px;
}
.landing-faq-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.landing-faq-card{
  padding:22px;
}
.landing-faq-card h3{
  margin:0 0 10px;
  font-size:18px;
}
.landing-cta-box{
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(150,178,217,.18);
  background:
    radial-gradient(circle at 12% 0%,rgba(89,163,255,.16),transparent 38%),
    linear-gradient(145deg,rgba(11,25,44,.78),rgba(7,14,27,.92));
}
.seo-landing-links-section{
  position:relative;
}
.seo-landing-links-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:26px;
}
.seo-landing-links-grid a{
  display:flex;
  align-items:center;
  min-height:86px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(150,178,217,.16);
  background:rgba(10,24,43,.64);
  color:#e7f1ff;
  text-decoration:none;
  line-height:1.35;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.seo-landing-links-grid a:hover{
  transform:translateY(-3px);
  border-color:rgba(117,195,255,.42);
  background:rgba(14,34,60,.78);
}
@media(max-width:1100px){
  .landing-grid,
  .landing-faq-grid{
    grid-template-columns:1fr 1fr;
  }
  .landing-steps,
  .seo-landing-links-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .landing-hero{
    padding-top:105px;
  }
  .landing-hero-grid,
  .landing-grid,
  .landing-faq-grid,
  .landing-steps,
  .seo-landing-links-grid{
    grid-template-columns:1fr;
  }
  .landing-side-card{
    padding:24px;
  }
  .landing-hero h1{
    font-size:clamp(38px,12vw,58px);
  }
}


/* v70 - SEO mass topic hub */
.seo-topic-hub .seo-landing-links-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.seo-topic-hub .seo-landing-links-grid a,
.related-compact a{
  min-height:68px;
  padding:15px 16px;
  font-size:14px;
}
.related-topics-section{
  position:relative;
}
.related-compact{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
@media(max-width:1180px){
  .seo-topic-hub .seo-landing-links-grid,
  .related-compact{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .seo-topic-hub .seo-landing-links-grid,
  .related-compact{
    grid-template-columns:1fr;
  }
}


/* v71 - trust hub and footer topic links */
.footer-topic-hub{
  position:relative;
  padding:58px 0 22px;
  border-top:1px solid rgba(150,178,217,.10);
  background:
    radial-gradient(circle at 16% 0%,rgba(79,158,255,.10),transparent 34%),
    linear-gradient(180deg,rgba(5,11,21,.20),rgba(5,11,21,.72));
}
.footer-topic-grid{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  gap:30px;
  align-items:start;
}
.footer-topic-grid h2{
  margin:8px 0 12px;
  font-size:clamp(26px,3vw,42px);
  letter-spacing:-.04em;
}
.footer-topic-grid p{
  margin:0;
  color:#aebed0;
  line-height:1.7;
  max-width:560px;
}
.footer-topic-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.footer-topic-links a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:11px 13px;
  border:1px solid rgba(150,178,217,.13);
  border-radius:14px;
  background:rgba(10,24,43,.48);
  color:#cfe0f7;
  text-decoration:none;
  font-size:13px;
  line-height:1.3;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.footer-topic-links a:hover{
  transform:translateY(-2px);
  border-color:rgba(118,195,255,.36);
  background:rgba(15,35,62,.70);
}
.landing-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.landing-trust-card{
  border:1px solid rgba(150,178,217,.16);
  border-radius:22px;
  padding:22px;
  background:linear-gradient(145deg,rgba(11,25,44,.68),rgba(7,14,27,.84));
  box-shadow:0 20px 50px rgba(0,0,0,.18);
}
.landing-trust-card strong{
  display:block;
  color:#e7f1ff;
  font-size:18px;
  margin-bottom:10px;
}
.landing-trust-card p{
  margin:0;
  color:#aebed0;
  line-height:1.65;
}
.service-context-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.service-context-grid article{
  border:1px solid rgba(150,178,217,.16);
  border-radius:24px;
  padding:22px;
  background:linear-gradient(145deg,rgba(11,25,44,.70),rgba(7,14,27,.86));
}
.service-context-grid h3{
  margin:0 0 16px;
  font-size:18px;
}
.service-context-grid a{
  display:block;
  color:#cfe0f7;
  text-decoration:none;
  padding:9px 0;
  border-top:1px solid rgba(150,178,217,.10);
  font-size:14px;
  line-height:1.35;
}
.service-context-grid a:hover{
  color:#7bdcff;
}
@media(max-width:1120px){
  .footer-topic-grid,
  .service-context-grid,
  .landing-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .footer-topic-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .footer-topic-grid,
  .footer-topic-links,
  .service-context-grid,
  .landing-trust-grid{
    grid-template-columns:1fr;
  }
  .footer-topic-hub{
    padding-top:42px;
  }
}


/* v72 - clean homepage discreet seo links */
.footer-topic-hub-compact{
  padding:26px 0 10px !important;
  border-top:1px solid rgba(150,178,217,.08);
  background:rgba(4,10,19,.32) !important;
}
.footer-topic-compact-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.footer-topic-hub-compact .eyebrow{
  margin:0;
  opacity:.72;
  white-space:nowrap;
}
.footer-topic-compact-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px 14px;
}
.footer-topic-compact-links a{
  color:#8fa3bd;
  text-decoration:none;
  font-size:12px;
  line-height:1.3;
  border-bottom:1px solid rgba(143,163,189,.16);
  transition:color .2s ease,border-color .2s ease;
}
.footer-topic-compact-links a:hover{
  color:#cfe0f7;
  border-color:rgba(123,220,255,.45);
}
@media(max-width:760px){
  .footer-topic-compact-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .footer-topic-compact-links{
    justify-content:flex-start;
  }
}


/* v74 - hidden seo navigation cleanup
   Visible topic hubs and related link directories were removed from HTML.
   SEO/GEO pages remain available through sitemap.xml and llms.txt.
*/


/* v75 - modern legal pages */
.legal-modern-page .site-header{
  position:sticky;
  top:0;
  z-index:50;
}
.legal-modern-page .brand img{
  max-height:42px;
  width:auto;
}
.legal-modern-hero{
  padding-top:128px;
  padding-bottom:36px;
}
.legal-back-link{
  display:inline-flex;
  align-items:center;
  margin-bottom:22px;
  color:#9fb3ce;
  text-decoration:none;
  font-size:14px;
  border-bottom:1px solid rgba(159,179,206,.18);
}
.legal-back-link:hover{
  color:#7bdcff;
  border-color:rgba(123,220,255,.45);
}
.legal-modern-hero h1{
  margin:10px 0 16px;
  font-size:clamp(46px,7vw,92px);
  line-height:.92;
  letter-spacing:-.07em;
}
.legal-modern-content-section{
  padding-top:24px;
}
.legal-modern-grid{
  display:grid;
  grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);
  gap:26px;
  align-items:start;
}
.legal-modern-aside{
  position:sticky;
  top:112px;
  padding:26px;
  border-radius:26px;
  border:1px solid rgba(150,178,217,.16);
  background:
    radial-gradient(circle at 18% 0%,rgba(89,163,255,.16),transparent 40%),
    linear-gradient(145deg,rgba(11,25,44,.76),rgba(7,14,27,.90));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.legal-modern-aside span{
  display:block;
  color:#7bdcff;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  margin-bottom:14px;
}
.legal-modern-aside strong{
  display:block;
  font-size:26px;
  margin-bottom:12px;
}
.legal-modern-aside p{
  margin:0;
  color:#aebed0;
  line-height:1.65;
}
.legal-actions{
  margin-top:22px;
}
.legal-modern-card{
  padding:34px;
  border:1px solid rgba(150,178,217,.16);
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 0%,rgba(89,163,255,.10),transparent 34%),
    linear-gradient(145deg,rgba(11,25,44,.74),rgba(7,14,27,.90));
  box-shadow:0 24px 75px rgba(0,0,0,.24);
}
.legal-modern-card h2{
  margin:30px 0 12px;
  font-size:clamp(22px,2.2vw,32px);
  letter-spacing:-.03em;
}
.legal-modern-card h2:first-child{
  margin-top:0;
}
.legal-modern-card h3{
  margin:24px 0 10px;
  font-size:20px;
}
.legal-modern-card p,
.legal-modern-card li{
  color:#b8c8dc;
  line-height:1.75;
}
.legal-modern-card p{
  margin:0 0 16px;
}
.legal-modern-card ul,
.legal-modern-card ol{
  margin:0 0 18px 20px;
  padding:0;
}
.legal-modern-card a{
  color:#8ed8ff;
  text-decoration:none;
  border-bottom:1px solid rgba(142,216,255,.25);
}
.legal-modern-card a:hover{
  border-color:rgba(142,216,255,.70);
}
.legal-modern-card strong{
  color:#eef6ff;
}
@media(max-width:900px){
  .legal-modern-grid{
    grid-template-columns:1fr;
  }
  .legal-modern-aside{
    position:relative;
    top:auto;
  }
}
@media(max-width:640px){
  .legal-modern-hero{
    padding-top:104px;
  }
  .legal-modern-card,
  .legal-modern-aside{
    padding:24px;
    border-radius:24px;
  }
}


/* v76 - refined legal pages aligned with homepage */
.legal-page-v76{
  min-height:100vh;
}
.legal-site-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:80;
}
.legal-hero-v76{
  position:relative;
  padding:148px 0 68px;
  overflow:hidden;
}
.legal-hero-grid-v76{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px);
  gap:34px;
  align-items:end;
}
.legal-back-link-v76{
  display:inline-flex;
  align-items:center;
  margin-bottom:20px;
  color:#9fb3ce;
  font-size:14px;
  text-decoration:none;
  border-bottom:1px solid rgba(159,179,206,.18);
}
.legal-back-link-v76:hover{
  color:#7bdcff;
  border-color:rgba(123,220,255,.45);
}
.legal-hero-copy-v76 h1{
  margin:12px 0 18px;
  max-width:850px;
  font-size:clamp(54px,8vw,118px);
  line-height:.88;
  letter-spacing:-.08em;
}
.legal-hero-copy-v76 p{
  max-width:760px;
  margin:0;
  color:#b7c8dc;
  font-size:clamp(17px,2vw,22px);
  line-height:1.55;
}
.legal-hero-card-v76{
  position:relative;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(150,178,217,.16);
  background:
    radial-gradient(circle at 20% 0%,rgba(91,171,255,.18),transparent 42%),
    linear-gradient(145deg,rgba(9,22,40,.78),rgba(5,12,23,.92));
  box-shadow:0 28px 90px rgba(0,0,0,.34);
}
.legal-hero-card-v76 span{
  display:block;
  color:#7bdcff;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  margin-bottom:14px;
}
.legal-hero-card-v76 strong{
  display:block;
  font-size:28px;
  line-height:1.12;
  margin-bottom:12px;
}
.legal-hero-card-v76 p{
  margin:0;
  color:#aebed0;
  line-height:1.65;
}
.legal-content-wrap-v76{
  padding-top:34px;
}
.legal-content-grid-v76{
  display:grid;
  grid-template-columns:260px minmax(0,900px);
  gap:28px;
  align-items:start;
}
.legal-toc-v76{
  position:sticky;
  top:110px;
  padding:20px;
  border:1px solid rgba(150,178,217,.14);
  border-radius:22px;
  background:rgba(8,18,34,.58);
  box-shadow:0 20px 55px rgba(0,0,0,.20);
}
.legal-toc-v76 .eyebrow{
  display:block;
  margin-bottom:12px;
}
.legal-toc-v76 a{
  display:block;
  padding:11px 12px;
  margin-top:8px;
  border-radius:13px;
  color:#aebed0;
  text-decoration:none;
  border:1px solid transparent;
  background:rgba(255,255,255,.02);
}
.legal-toc-v76 a:hover,
.legal-toc-v76 a.active{
  color:#e7f1ff;
  border-color:rgba(123,220,255,.24);
  background:rgba(45,111,179,.16);
}
.legal-document-v76{
  padding:38px;
  border:1px solid rgba(150,178,217,.15);
  border-radius:30px;
  background:
    radial-gradient(circle at 10% 0%,rgba(89,163,255,.10),transparent 32%),
    linear-gradient(145deg,rgba(10,24,43,.76),rgba(6,13,25,.92));
  box-shadow:0 26px 80px rgba(0,0,0,.28);
}
.legal-document-v76 h2{
  margin:34px 0 14px;
  padding-top:22px;
  border-top:1px solid rgba(150,178,217,.10);
  color:#eef6ff;
  font-size:clamp(22px,2.4vw,34px);
  line-height:1.12;
  letter-spacing:-.035em;
}
.legal-document-v76 h2:first-child{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.legal-document-v76 h3{
  margin:26px 0 10px;
  color:#eef6ff;
  font-size:20px;
}
.legal-document-v76 p,
.legal-document-v76 li{
  color:#bacbe0;
  font-size:15.5px;
  line-height:1.78;
}
.legal-document-v76 p{
  margin:0 0 16px;
}
.legal-document-v76 ul,
.legal-document-v76 ol{
  margin:0 0 20px 22px;
  padding:0;
}
.legal-document-v76 a{
  color:#8ed8ff;
  text-decoration:none;
  border-bottom:1px solid rgba(142,216,255,.24);
}
.legal-document-v76 a:hover{
  border-color:rgba(142,216,255,.75);
}
.legal-document-v76 strong{
  color:#f0f7ff;
}
.legal-modern-hero,
.legal-modern-content-section{
  display:contents;
}
@media(max-width:1000px){
  .legal-hero-grid-v76,
  .legal-content-grid-v76{
    grid-template-columns:1fr;
  }
  .legal-toc-v76{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }
  .legal-toc-v76 .eyebrow{
    grid-column:1/-1;
  }
  .legal-toc-v76 a{
    margin-top:0;
    text-align:center;
  }
}
@media(max-width:700px){
  .legal-hero-v76{
    padding:118px 0 48px;
  }
  .legal-hero-copy-v76 h1{
    font-size:clamp(48px,16vw,76px);
  }
  .legal-document-v76,
  .legal-hero-card-v76,
  .legal-toc-v76{
    padding:22px;
    border-radius:24px;
  }
  .legal-toc-v76{
    grid-template-columns:1fr 1fr;
  }
}


/* v77 - hide visible SEO topic blocks on homepage */
body.full-doc-design > main .seo-landing-links-section,
body.full-doc-design > main .service-context-links,
body.full-doc-design > .footer-topic-hub,
body.full-doc-design .seo-topic-hub{
  display:none !important;
}


/* v78 legal pages cleanup */
body.legal-page-v76 .legal-hero-v76{
  padding-top: 2.5rem;
}

@media (min-width: 980px){
  body.legal-page-v76 .legal-hero-v76{
    padding-top: 3rem;
  }
}

body.legal-page-v76 .legal-back-link-v76{
  margin-top: 0;
}




/* v86 PATCH ONLY — one global equal layout system
   Alles gleich: one width, one axis, one section stage.
   Changed file only: styles.css
*/

:root{
  --nimbus-stage-max: 1320px;
  --nimbus-stage-gutter: 44px;
}

/* The base container rule becomes the single source of truth */
.container,
.site-nav{
  width: min(var(--nimbus-stage-max), calc(100% - var(--nimbus-stage-gutter))) !important;
  max-width: var(--nimbus-stage-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* All visible homepage sections use the same outer stage */
.hero > .container,
.nimbus-section > .container,
.ecosystem-section > .container,
.services-section > .container,
.cases-section > .container,
.collaboration-section > .container,
.contact-section > .container,
.site-footer > .container,
.footer-shell{
  width: min(var(--nimbus-stage-max), calc(100% - var(--nimbus-stage-gutter))) !important;
  max-width: var(--nimbus-stage-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Inner wrappers may not create their own offset/stage anymore */
.hero-grid,
.nimbus-grid,
.ecosystem-grid,
.services-section .section-head,
.service-explorer,
.cases-section .section-head,
.practice-grid,
.testimonial-block,
.testimonial-grid,
.collaboration-wrap,
.collaboration-section .section-head,
.work-flow,
.contact-grid{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Section headings start on the same left axis */
.section-head,
.section-head.compact,
.ecosystem-copy,
.nimbus-copy,
.contact-copy{
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

/* Keep section-specific grids inside the same stage, without horizontal overflow */
.hero-grid,
.nimbus-grid,
.ecosystem-grid,
.contact-grid{
  overflow: visible !important;
}

.hero-grid{
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: clamp(36px, 5vw, 72px) !important;
}

.nimbus-grid,
.ecosystem-grid{
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: clamp(34px, 4.5vw, 64px) !important;
}

.contact-grid{
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap: clamp(34px, 4.5vw, 64px) !important;
}

/* Card rows stay inside the same stage */
.practice-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.testimonial-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.work-flow{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* Prevent cards from forcing a wider layout */
.practice-card,
.testimonial-card,
.flow-card,
.service-explorer,
.service-panel,
.nimbus-card,
.principle,
.partner-card,
.contact-card{
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Tablet */
@media (min-width: 761px) and (max-width: 980px){
  :root{
    --nimbus-stage-max: 920px;
    --nimbus-stage-gutter: 40px;
  }

  .hero-grid,
  .nimbus-grid,
  .ecosystem-grid,
  .contact-grid{
    grid-template-columns: 1fr !important;
  }

  .practice-grid,
  .testimonial-grid,
  .work-flow{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 760px){
  :root{
    --nimbus-stage-max: 100%;
    --nimbus-stage-gutter: 40px;
  }

  .hero-grid,
  .nimbus-grid,
  .ecosystem-grid,
  .contact-grid,
  .practice-grid,
  .testimonial-grid,
  .work-flow{
    grid-template-columns: 1fr !important;
  }
}


/* v87 PATCH ONLY — mobile overlap cleanup
   Scope: mobile only. Desktop/tablet layout from v86 remains unchanged.
*/

@media (max-width: 760px){

  html,
  body{
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body{
    word-break: normal;
    overflow-wrap: anywhere;
  }

  /* One safe mobile stage for every main section */
  .container,
  .site-nav,
  .hero > .container,
  .nimbus-section > .container,
  .ecosystem-section > .container,
  .services-section > .container,
  .cases-section > .container,
  .collaboration-section > .container,
  .contact-section > .container,
  .site-footer > .container,
  .footer-shell{
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Sections need more vertical breathing room on phone */
  section,
  .hero,
  .nimbus-section,
  .ecosystem-section,
  .services-section,
  .cases-section,
  .collaboration-section,
  .contact-section{
    overflow: hidden !important;
  }

  .hero{
    padding-top: 110px !important;
    padding-bottom: 56px !important;
  }

  .nimbus-section,
  .ecosystem-section,
  .services-section,
  .cases-section,
  .collaboration-section,
  .contact-section{
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  /* Force every major layout to one clean column */
  .hero-grid,
  .nimbus-grid,
  .ecosystem-grid,
  .contact-grid,
  .practice-grid,
  .testimonial-grid,
  .work-flow,
  .service-explorer,
  .footer-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 18px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Text blocks must not overflow */
  .hero-copy,
  .nimbus-copy,
  .ecosystem-copy,
  .section-head,
  .section-head.compact,
  .contact-copy,
  .testimonial-block{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  h1,
  h2,
  h3,
  p,
  a,
  span,
  li,
  .eyebrow,
  .section-label,
  .lead,
  .hero-lead{
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .hero h1{
    font-size: clamp(2.15rem, 12vw, 3.35rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.055em !important;
  }

  .section-head h2,
  .nimbus-copy h2,
  .ecosystem-copy h2,
  .contact-copy h2{
    font-size: clamp(1.9rem, 9vw, 2.65rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
  }

  /* Hero CTAs / pill rows wrap instead of overlapping */
  .hero-actions,
  .cta-row,
  .button-row,
  .hero-trust-row,
  .trust-row,
  .meta-row,
  .hero .eyebrow{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-actions .btn,
  .cta-row .btn,
  .button-row .btn{
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* Dashboard / visual cards stay inside viewport */
  .hero-visual,
  .dashboard-card,
  .threat-dashboard,
  .radar-card,
  .visual-card,
  .monitoring-card,
  .nimbus-principles,
  .principle-grid,
  .ecosystem-card-grid,
  .partner-card-grid{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    overflow: hidden !important;
  }

  .nimbus-principles,
  .principle-grid,
  .ecosystem-card-grid,
  .partner-card-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* Cards must shrink instead of pushing layout wider */
  .practice-card,
  .testimonial-card,
  .flow-card,
  .service-card,
  .service-panel,
  .nimbus-card,
  .principle,
  .partner-card,
  .contact-card,
  .dashboard-card,
  .radar-card{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Service table/explorer: avoid horizontal collisions */
  .service-tabs,
  .service-nav,
  .service-list,
  .service-panel,
  .service-detail{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .service-tabs,
  .service-nav{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Prevent absolute/glow elements from causing perceived overlap */
  .orb,
  .glow,
  .section-glow,
  .hero-glow,
  .radar-glow{
    max-width: 100vw !important;
    pointer-events: none !important;
  }

  img,
  svg,
  canvas,
  video{
    max-width: 100% !important;
    height: auto !important;
  }
}


/* v88 PATCH ONLY — global equal section spacing
   Scope: spacing system only.
   Goal: same vertical rhythm across the website edition and responsive views.
   Changed file only: styles.css
*/

:root{
  --nimbus-section-y: 96px;
  --nimbus-section-y-compact: 72px;
  --nimbus-block-gap: 34px;
  --nimbus-card-gap: 18px;
}

/* One global vertical rhythm for all visible homepage sections */
.hero,
.nimbus-section,
.ecosystem-section,
.services-section,
.cases-section,
.collaboration-section,
.contact-section{
  padding-top: var(--nimbus-section-y) !important;
  padding-bottom: var(--nimbus-section-y) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Hero keeps slightly more room at the top because of fixed navigation */
.hero{
  padding-top: calc(var(--nimbus-section-y) + 28px) !important;
}

/* Section heading to content distance: globally equal */
.section-head,
.ecosystem-copy,
.nimbus-copy,
.contact-copy{
  margin-bottom: var(--nimbus-block-gap) !important;
}

/* Grids and content blocks use the same gap language */
.hero-grid,
.nimbus-grid,
.ecosystem-grid,
.contact-grid{
  gap: clamp(42px, 5vw, 72px) !important;
}

.practice-grid,
.testimonial-grid,
.work-flow,
.service-explorer,
.principle-grid,
.ecosystem-card-grid,
.partner-card-grid{
  gap: var(--nimbus-card-gap) !important;
}

/* Remove accumulated section-specific vertical offsets */
.services-section .section-head,
.cases-section .section-head,
.collaboration-section .section-head,
.testimonial-block .section-head{
  margin-top: 0 !important;
}

.service-explorer,
.practice-grid,
.testimonial-block,
.work-flow,
.contact-grid{
  margin-top: 0 !important;
}

/* Consistent spacing between Praxiserfahrung cards and Kundenperspektiven */
.testimonial-block{
  padding-top: var(--nimbus-section-y-compact) !important;
  padding-bottom: 0 !important;
}

/* Tablet rhythm */
@media (min-width: 761px) and (max-width: 980px){
  :root{
    --nimbus-section-y: 76px;
    --nimbus-section-y-compact: 54px;
    --nimbus-block-gap: 28px;
    --nimbus-card-gap: 16px;
  }

  .hero{
    padding-top: calc(var(--nimbus-section-y) + 22px) !important;
  }

  .hero-grid,
  .nimbus-grid,
  .ecosystem-grid,
  .contact-grid{
    gap: 32px !important;
  }
}

/* Mobile rhythm */
@media (max-width: 760px){
  :root{
    --nimbus-section-y: 58px;
    --nimbus-section-y-compact: 42px;
    --nimbus-block-gap: 22px;
    --nimbus-card-gap: 14px;
  }

  .hero,
  .nimbus-section,
  .ecosystem-section,
  .services-section,
  .cases-section,
  .collaboration-section,
  .contact-section{
    padding-top: var(--nimbus-section-y) !important;
    padding-bottom: var(--nimbus-section-y) !important;
  }

  .hero{
    padding-top: 104px !important;
  }

  .hero-grid,
  .nimbus-grid,
  .ecosystem-grid,
  .contact-grid,
  .practice-grid,
  .testimonial-grid,
  .work-flow,
  .service-explorer,
  .principle-grid,
  .ecosystem-card-grid,
  .partner-card-grid{
    gap: var(--nimbus-card-gap) !important;
  }

  .testimonial-block{
    padding-top: var(--nimbus-section-y-compact) !important;
  }
}


/* v89 PATCH ONLY — reduce global spacing and prevent headline clipping
   Scope: global spacing + headline safety + contact text padding.
   Changed file only: styles.css
*/

/* roughly half of v88 spacing */
:root{
  --nimbus-section-y: 48px;
  --nimbus-section-y-compact: 36px;
  --nimbus-block-gap: 24px;
  --nimbus-card-gap: 16px;
}

/* keep the fixed nav from touching the hero, but reduce all other section gaps */
.hero{
  padding-top: 104px !important;
  padding-bottom: var(--nimbus-section-y) !important;
}

.nimbus-section,
.ecosystem-section,
.services-section,
.cases-section,
.collaboration-section,
.contact-section{
  padding-top: var(--nimbus-section-y) !important;
  padding-bottom: var(--nimbus-section-y) !important;
}

/* prevent oversized display headings from being clipped at the viewport/container edge */
.hero,
.nimbus-section,
.ecosystem-section,
.services-section,
.cases-section,
.collaboration-section,
.contact-section,
.threat-hero,
.cyber-hero,
.topic-hero{
  overflow: visible !important;
}

.hero h1,
.section-head h2,
.ecosystem-copy h2,
.nimbus-copy h2,
.contact-copy h2,
.threat-hero h1,
.cyber-hero h1,
.topic-hero h1{
  overflow: visible !important;
  padding-top: .08em !important;
  padding-left: .02em !important;
  margin-left: -.02em !important;
  line-height: 1.04 !important;
}

/* Praxiserfahrung / Technologiepartner / Threat Center: title no longer touches top/left crop line */
.cases-section .section-head,
.ecosystem-section .ecosystem-copy,
.threat-hero .container,
.cyber-hero .container,
.topic-hero .container{
  padding-top: 10px !important;
}

/* Contact card text was visually pressed against the frame */
.contact-section .contact-copy,
.contact-section .contact-card,
.contact-section .contact-panel,
.contact-section .contact-intro{
  box-sizing: border-box !important;
}

.contact-section .contact-copy{
  padding: clamp(28px, 3vw, 44px) !important;
}

/* Keep the contact grid itself aligned globally while giving the inner copy room */
.contact-section .contact-grid{
  align-items: stretch !important;
}

.contact-section .contact-copy h2{
  margin-top: 0 !important;
}

/* Kundenperspektiven spacing follows the reduced rhythm */
.testimonial-block{
  padding-top: var(--nimbus-section-y-compact) !important;
}

/* Tablet */
@media (min-width: 761px) and (max-width: 980px){
  :root{
    --nimbus-section-y: 40px;
    --nimbus-section-y-compact: 30px;
    --nimbus-block-gap: 22px;
    --nimbus-card-gap: 14px;
  }

  .hero{
    padding-top: 92px !important;
  }

  .contact-section .contact-copy{
    padding: 28px !important;
  }
}

/* Mobile */
@media (max-width: 760px){
  :root{
    --nimbus-section-y: 34px;
    --nimbus-section-y-compact: 26px;
    --nimbus-block-gap: 18px;
    --nimbus-card-gap: 12px;
  }

  .hero{
    padding-top: 92px !important;
    padding-bottom: var(--nimbus-section-y) !important;
  }

  .nimbus-section,
  .ecosystem-section,
  .services-section,
  .cases-section,
  .collaboration-section,
  .contact-section{
    padding-top: var(--nimbus-section-y) !important;
    padding-bottom: var(--nimbus-section-y) !important;
  }

  .hero h1,
  .section-head h2,
  .ecosystem-copy h2,
  .nimbus-copy h2,
  .contact-copy h2,
  .threat-hero h1,
  .cyber-hero h1,
  .topic-hero h1{
    padding-top: .1em !important;
    padding-left: .03em !important;
    margin-left: -.03em !important;
    line-height: 1.08 !important;
  }

  .cases-section .section-head,
  .ecosystem-section .ecosystem-copy,
  .threat-hero .container,
  .cyber-hero .container,
  .topic-hero .container{
    padding-top: 8px !important;
  }

  .contact-section .contact-copy{
    padding: 24px !important;
  }
}


/* v90 PATCH ONLY — headline descender clipping fix
   Scope: only the three reported large headlines.
   Fixes clipped descenders such as g / y / j.
   Changed file only: styles.css
*/

.cases-section .section-head,
.ecosystem-section .ecosystem-copy,
.threat-hero,
.threat-hero .container,
.cyber-hero,
.cyber-hero .container,
.topic-hero,
.topic-hero .container{
  overflow: visible !important;
}

.cases-section .section-head h2,
.ecosystem-section .ecosystem-copy h2,
.threat-hero h1,
.cyber-hero h1,
.topic-hero h1{
  line-height: 1.12 !important;
  padding-top: .08em !important;
  padding-bottom: .16em !important;
  margin-top: 0 !important;
  margin-bottom: .18em !important;
  overflow: visible !important;
  -webkit-background-clip: text;
  background-clip: text;
}

/* Extra safety for very large desktop display headlines */
@media (min-width: 981px){
  .cases-section .section-head h2,
  .ecosystem-section .ecosystem-copy h2,
  .threat-hero h1,
  .cyber-hero h1,
  .topic-hero h1{
    line-height: 1.14 !important;
    padding-bottom: .2em !important;
  }
}

/* Mobile keeps enough descender room without making gaps huge */
@media (max-width: 760px){
  .cases-section .section-head h2,
  .ecosystem-section .ecosystem-copy h2,
  .threat-hero h1,
  .cyber-hero h1,
  .topic-hero h1{
    line-height: 1.13 !important;
    padding-bottom: .18em !important;
  }
}


/* v91 PATCH ONLY — global headline descender safety
   Clever global fix: all large/display headings get enough line box room
   so descenders such as g / y / j / p / q are not clipped later.
   Changed file only: styles.css
*/

/* All headline containers must allow tall letterforms to render fully */
.section-head,
.hero-copy,
.nimbus-copy,
.ecosystem-copy,
.contact-copy,
.threat-hero,
.threat-hero .container,
.cyber-hero,
.cyber-hero .container,
.topic-hero,
.topic-hero .container,
.legal-hero-v76,
.legal-hero-v76 .container{
  overflow: visible !important;
}

/* Global safe display heading defaults */
h1,
.section-head h2,
.hero-copy h1,
.nimbus-copy h2,
.ecosystem-copy h2,
.contact-copy h2,
.threat-hero h1,
.cyber-hero h1,
.topic-hero h1,
.legal-hero-v76 h1{
  line-height: 1.13 !important;
  padding-top: .06em !important;
  padding-bottom: .18em !important;
  overflow: visible !important;
}

/* Keep visual rhythm: following paragraphs should not drift too far down */
h1 + p,
.section-head h2 + p,
.hero-copy h1 + p,
.nimbus-copy h2 + p,
.ecosystem-copy h2 + p,
.contact-copy h2 + p,
.threat-hero h1 + p,
.cyber-hero h1 + p,
.topic-hero h1 + p,
.legal-hero-v76 h1 + p{
  margin-top: -.08em !important;
}

/* Desktop large headline safety */
@media (min-width: 981px){
  h1,
  .section-head h2,
  .hero-copy h1,
  .nimbus-copy h2,
  .ecosystem-copy h2,
  .contact-copy h2,
  .threat-hero h1,
  .cyber-hero h1,
  .topic-hero h1,
  .legal-hero-v76 h1{
    line-height: 1.14 !important;
    padding-bottom: .2em !important;
  }
}

/* Mobile: a little more room because line breaks create more descenders at line endings */
@media (max-width: 760px){
  h1,
  .section-head h2,
  .hero-copy h1,
  .nimbus-copy h2,
  .ecosystem-copy h2,
  .contact-copy h2,
  .threat-hero h1,
  .cyber-hero h1,
  .topic-hero h1,
  .legal-hero-v76 h1{
    line-height: 1.14 !important;
    padding-bottom: .19em !important;
  }
}


/* v92 PATCH ONLY — stronger Threat Center headline clipping fix
   Scope: "Cyberangriffe verstehen. Risiken einordnen. Richtig reagieren."
   Changed file only: styles.css
*/

/* Make every possible Threat Center hero wrapper allow the large headline to breathe */
.threat-hero,
.threat-hero .container,
.threat-hero .hero-copy,
.threat-hero .section-head,
.cyber-hero,
.cyber-hero .container,
.cyber-hero .hero-copy,
.cyber-hero .section-head,
body.cyberangriffe-page,
body.cyberangriffe-page main,
body.cyberangriffe-page section{
  overflow: visible !important;
}

/* Stronger descender safety specifically for the Threat Center display headline */
.threat-hero h1,
.cyber-hero h1,
body.cyberangriffe-page h1{
  line-height: 1.2 !important;
  padding-top: .08em !important;
  padding-bottom: .28em !important;
  margin-top: 0 !important;
  margin-bottom: .08em !important;
  overflow: visible !important;
  display: block !important;
}

/* Avoid the following paragraph being pushed too far away */
.threat-hero h1 + p,
.cyber-hero h1 + p,
body.cyberangriffe-page h1 + p{
  margin-top: -.14em !important;
}

/* Desktop: keep the huge headline safe without changing the whole layout */
@media (min-width: 981px){
  .threat-hero h1,
  .cyber-hero h1,
  body.cyberangriffe-page h1{
    line-height: 1.22 !important;
    padding-bottom: .32em !important;
  }
}

/* Mobile: prevent line-ending descenders from clipping */
@media (max-width: 760px){
  .threat-hero h1,
  .cyber-hero h1,
  body.cyberangriffe-page h1{
    line-height: 1.2 !important;
    padding-bottom: .3em !important;
  }
}


/* v93 PATCH ONLY — open Threat Center headline fully
   Scope: only "Cyberangriffe verstehen. Risiken einordnen. Richtig reagieren."
   Changed file only: styles.css
*/

/* Open every wrapper around the Threat Center hero */
.threat-hero,
.threat-hero *,
.cyber-hero,
.cyber-hero *,
body.cyberangriffe-page,
body.cyberangriffe-page main,
body.cyberangriffe-page section,
body.cyberangriffe-page .container{
  overflow: visible !important;
}

/* Give this headline clearly more air: top, bottom and left */
.threat-hero h1,
.cyber-hero h1,
body.cyberangriffe-page h1{
  display: block !important;
  line-height: 1.28 !important;
  padding-top: .14em !important;
  padding-bottom: .42em !important;
  padding-left: .06em !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: -.03em !important;
  overflow: visible !important;
  white-space: normal !important;
}

/* Keep the intro text visually close despite the bigger safe line box */
.threat-hero h1 + p,
.cyber-hero h1 + p,
body.cyberangriffe-page h1 + p{
  margin-top: -.22em !important;
}

/* Desktop extra safety */
@media (min-width: 981px){
  .threat-hero h1,
  .cyber-hero h1,
  body.cyberangriffe-page h1{
    line-height: 1.3 !important;
    padding-bottom: .48em !important;
  }
}

/* Mobile safety */
@media (max-width: 760px){
  .threat-hero h1,
  .cyber-hero h1,
  body.cyberangriffe-page h1{
    line-height: 1.26 !important;
    padding-top: .12em !important;
    padding-bottom: .42em !important;
    padding-left: .04em !important;
  }

  .threat-hero h1 + p,
  .cyber-hero h1 + p,
  body.cyberangriffe-page h1 + p{
    margin-top: -.18em !important;
  }
}


/* v94 PATCH ONLY — Threat Center headline real clipping fix
   The prior padding-only approach was not enough.
   This fixes the actual visual issue by slightly reducing the oversized Threat Center display type
   and giving it a stable, non-clipping line box.
   Changed file only: styles.css
*/

.threat-hero,
.cyber-hero,
body.cyberangriffe-page main,
body.cyberangriffe-page section{
  overflow: visible !important;
}

.threat-hero h1,
.cyber-hero h1,
body.cyberangriffe-page h1{
  font-size: clamp(4.4rem, 7.4vw, 8.7rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.055em !important;
  padding-top: .08em !important;
  padding-bottom: .24em !important;
  padding-left: .025em !important;
  margin-top: 0 !important;
  margin-bottom: .06em !important;
  overflow: visible !important;
  max-width: 12.5ch !important;
}

/* Keep the text below visually close */
.threat-hero h1 + p,
.cyber-hero h1 + p,
body.cyberangriffe-page h1 + p{
  margin-top: -.08em !important;
}

/* Large screens: keep it impressive but not cut */
@media (min-width: 1400px){
  .threat-hero h1,
  .cyber-hero h1,
  body.cyberangriffe-page h1{
    font-size: clamp(5rem, 7vw, 9.2rem) !important;
    line-height: 1.15 !important;
    max-width: 12.8ch !important;
  }
}

/* Tablet */
@media (min-width: 761px) and (max-width: 980px){
  .threat-hero h1,
  .cyber-hero h1,
  body.cyberangriffe-page h1{
    font-size: clamp(3.3rem, 10vw, 5.8rem) !important;
    line-height: 1.14 !important;
    max-width: 11.5ch !important;
  }
}

/* Mobile */
@media (max-width: 760px){
  .threat-hero h1,
  .cyber-hero h1,
  body.cyberangriffe-page h1{
    font-size: clamp(2.8rem, 15vw, 4.6rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.045em !important;
    padding-top: .08em !important;
    padding-bottom: .22em !important;
    max-width: 10.8ch !important;
  }
}


/* v95 PATCH ONLY — real Threat Center h2 clipping fix
   Actual visible headline is .threat-copy-block h2, not .threat-hero h1.
   Changed file only: styles.css
*/

.full-bleed-section#threat-center,
.full-bleed-section#threat-center > .container,
.full-bleed-threat,
.threat-hero-danger,
.threat-copy-block{
  overflow: visible !important;
}

.threat-copy-block h2{
  font-size: clamp(42px, 5.7vw, 78px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.055em !important;
  padding-top: .08em !important;
  padding-bottom: .24em !important;
  margin-top: 0 !important;
  margin-bottom: .08em !important;
  overflow: visible !important;
  max-width: 760px !important;
}

/* Keep paragraph distance natural after the added safe line box */
.threat-copy-block h2 + p{
  margin-top: -.08em !important;
}

/* Desktop safety */
@media (min-width: 981px){
  .threat-copy-block h2{
    line-height: 1.18 !important;
    padding-bottom: .28em !important;
  }
}

/* Mobile/tablet safety */
@media (max-width: 980px){
  .threat-copy-block h2{
    font-size: clamp(38px, 10vw, 58px) !important;
    line-height: 1.16 !important;
    padding-bottom: .25em !important;
    max-width: 100% !important;
  }
}


/* v98 PATCH ONLY — animated radar dots and live status meters
   Scope: hero dashboard radar + four lower status cards only.
   Changed files: index.html, styles.css, script.js
*/

/* Extra radar signals */
.hero-visual,
.dashboard-card,
.threat-dashboard,
.radar-card,
.radar-stage,
.radar-panel,
.monitoring-card{
  position: relative;
}

.radar-extra-dot{
  position: absolute;
  z-index: 7;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  color: #61f0d2;
  background: currentColor;
  box-shadow:
    0 0 10px currentColor,
    0 0 24px currentColor,
    0 0 44px rgba(97, 240, 210, .22);
  opacity: .82;
  pointer-events: none;
  animation: nimbusRadarDotPulse 3.2s ease-in-out infinite;
}

.radar-extra-dot::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:inherit;
  background: currentColor;
  opacity:.16;
  filter: blur(9px);
}

.radar-extra-dot.dot-x1{ top: 23%; left: 34%; color:#61f0d2; animation-delay: -.2s; }
.radar-extra-dot.dot-x2{ top: 30%; left: 60%; color:#ffc85a; animation-delay: -.9s; }
.radar-extra-dot.dot-x3{ top: 43%; left: 70%; color:#8b72ff; animation-delay: -1.6s; }
.radar-extra-dot.dot-x4{ top: 49%; left: 28%; color:#42d8ff; animation-delay: -2.1s; }
.radar-extra-dot.dot-x5{ top: 57%; left: 77%; color:#ff668d; animation-delay: -2.8s; }
.radar-extra-dot.dot-x6{ top: 71%; left: 51%; color:#5df0d3; animation-delay: -3.4s; }

@keyframes nimbusRadarDotPulse{
  0%, 100%{
    transform: scale(.82);
    opacity: .42;
    filter: saturate(.9);
  }
  45%{
    transform: scale(1.24);
    opacity: 1;
    filter: saturate(1.25);
  }
  70%{
    transform: scale(.96);
    opacity: .7;
  }
}

/* Animated status cards */
.animated-status-card{
  transition:
    border-color .9s ease,
    box-shadow .9s ease,
    transform .9s ease,
    background .9s ease;
}

.animated-status-card.is-good{
  border-color: rgba(72, 219, 255, .34) !important;
  box-shadow:
    0 0 0 1px rgba(72, 219, 255, .08),
    0 18px 52px rgba(35, 164, 255, .10) !important;
}

.animated-status-card.is-watch{
  border-color: rgba(142, 121, 255, .32) !important;
  box-shadow:
    0 0 0 1px rgba(142, 121, 255, .08),
    0 18px 52px rgba(109, 97, 255, .09) !important;
}

.animated-status-card.is-hot{
  border-color: rgba(255, 92, 130, .38) !important;
  box-shadow:
    0 0 0 1px rgba(255, 92, 130, .10),
    0 18px 54px rgba(255, 92, 130, .11) !important;
}

.animated-status-card [data-status-fill]{
  width: var(--status-value, 64%) !important;
  transition:
    width 1.8s cubic-bezier(.22,.61,.36,1),
    background 1s ease,
    box-shadow 1s ease,
    opacity 1s ease !important;
  will-change: width;
}

.animated-status-card [data-status-fill].level-low{
  background: linear-gradient(90deg, #ff4f7d 0%, #ffb24f 100%) !important;
  box-shadow: 0 0 14px rgba(255, 92, 130, .34) !important;
}

.animated-status-card [data-status-fill].level-mid{
  background: linear-gradient(90deg, #8e79ff 0%, #4aa8ff 100%) !important;
  box-shadow: 0 0 14px rgba(105, 130, 255, .28) !important;
}

.animated-status-card [data-status-fill].level-high{
  background: linear-gradient(90deg, #38d8ff 0%, #4c87ff 100%) !important;
  box-shadow: 0 0 14px rgba(56, 216, 255, .34) !important;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .radar-extra-dot{
    animation: none !important;
  }

  .animated-status-card,
  .animated-status-card [data-status-fill]{
    transition: none !important;
  }
}


/* v99 PATCH ONLY — force live status meter animation hooks
   Scope: hero dashboard status bars only.
*/

[data-status-card] [data-status-fill]{
  width: var(--status-value, 55%) !important;
  transform-origin: left center !important;
  transition:
    width 1.6s cubic-bezier(.22,.61,.36,1),
    background 900ms ease,
    box-shadow 900ms ease,
    filter 900ms ease !important;
  will-change: width, background, box-shadow;
}

[data-status-card].status-pulse{
  animation: nimbusStatusCardPulse 1.6s ease-out;
}

@keyframes nimbusStatusCardPulse{
  0%{ transform: translateY(0); }
  40%{ transform: translateY(-2px); }
  100%{ transform: translateY(0); }
}

[data-status-card] [data-status-fill].level-low{
  background: linear-gradient(90deg, #ff4f7d 0%, #ffb24f 100%) !important;
  box-shadow: 0 0 16px rgba(255, 92, 130, .42) !important;
}

[data-status-card] [data-status-fill].level-mid{
  background: linear-gradient(90deg, #8e79ff 0%, #4aa8ff 100%) !important;
  box-shadow: 0 0 16px rgba(105, 130, 255, .34) !important;
}

[data-status-card] [data-status-fill].level-high{
  background: linear-gradient(90deg, #38d8ff 0%, #4c87ff 100%) !important;
  box-shadow: 0 0 16px rgba(56, 216, 255, .42) !important;
}


/* v100 PATCH ONLY — animate real card-bar pseudo fills
   Actual visible progress is .card-bar::before, not the span width.
   Changed files: index.html, styles.css, script.js
*/

.radar-info-card[data-status-card]{
  transition:
    border-color .85s ease,
    box-shadow .85s ease,
    background .85s ease,
    transform .85s ease !important;
}

.radar-info-card[data-status-card].is-good{
  border-color: rgba(72, 219, 255, .36) !important;
  box-shadow:
    0 0 0 1px rgba(72, 219, 255, .08),
    0 18px 52px rgba(35, 164, 255, .12),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.radar-info-card[data-status-card].is-watch{
  border-color: rgba(142, 121, 255, .34) !important;
  box-shadow:
    0 0 0 1px rgba(142, 121, 255, .08),
    0 18px 52px rgba(109, 97, 255, .10),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.radar-info-card[data-status-card].is-hot{
  border-color: rgba(255, 92, 130, .42) !important;
  box-shadow:
    0 0 0 1px rgba(255, 92, 130, .10),
    0 18px 54px rgba(255, 92, 130, .13),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.radar-info-card[data-status-card] .card-bar{
  --status-value: 62%;
  overflow: hidden !important;
}

.radar-info-card[data-status-card] .card-bar::before{
  width: var(--status-value) !important;
  transition:
    width 1.55s cubic-bezier(.22,.61,.36,1),
    background 900ms ease,
    box-shadow 900ms ease,
    filter 900ms ease !important;
  will-change: width, background, box-shadow;
}

.radar-info-card[data-status-card] .card-bar.level-low::before{
  background: linear-gradient(90deg, #ff4f7d 0%, #ffb24f 100%) !important;
  box-shadow: 0 0 16px rgba(255, 92, 130, .46) !important;
}

.radar-info-card[data-status-card] .card-bar.level-mid::before{
  background: linear-gradient(90deg, #8e79ff 0%, #4aa8ff 100%) !important;
  box-shadow: 0 0 16px rgba(105, 130, 255, .36) !important;
}

.radar-info-card[data-status-card] .card-bar.level-high::before{
  background: linear-gradient(90deg, #38d8ff 0%, #4c87ff 100%) !important;
  box-shadow: 0 0 16px rgba(56, 216, 255, .46) !important;
}

.radar-info-card[data-status-card].status-pulse{
  animation: nimbusRealStatusPulse 1.25s ease-out;
}

@keyframes nimbusRealStatusPulse{
  0%{ transform: translateY(0); }
  35%{ transform: translateY(-2px); }
  100%{ transform: translateY(0); }
}


/* v101 PATCH ONLY — all radar status cards can become dark red
   Scope: hero radar status cards only.
   Backup and all other bars can now visibly drop into critical/dark-red state.
   Changed files: styles.css, script.js
*/

.radar-info-card[data-status-card].is-hot{
  border-color: rgba(155, 18, 44, .72) !important;
  background:
    linear-gradient(180deg, rgba(90, 10, 24, .22), rgba(10, 18, 34, .78)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 40, 80, .18),
    0 18px 58px rgba(120, 0, 30, .28),
    inset 0 0 28px rgba(120, 0, 30, .16) !important;
}

.radar-info-card[data-status-card] .card-bar.level-low::before{
  background: linear-gradient(90deg, #4b0615 0%, #9d102b 45%, #ff355f 100%) !important;
  box-shadow:
    0 0 16px rgba(255, 38, 82, .58),
    0 0 30px rgba(120, 0, 30, .34) !important;
  filter: saturate(1.25) contrast(1.08) !important;
}

.radar-info-card[data-status-card].is-hot .radar-card-icon,
.radar-info-card[data-status-card].is-hot .card-icon,
.radar-info-card[data-status-card].is-hot .status-icon{
  filter: drop-shadow(0 0 12px rgba(255, 38, 82, .45)) !important;
}

/* =========================================================
   V77 — MOBILE CLEAN BREAKDOWN
   Final responsive override layer. Keeps desktop intact and
   only takes over below tablet/mobile breakpoints.
   ========================================================= */

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

:where(.hero-grid,.section-head,.risk-map,.approach-grid,.ecosystem-grid,.service-layout,.threat-hero,.threat-grid,.compare-module,.urgency-flow,.emergency-grid,.contact-grid,.footer-grid,.landing-hero-grid,.landing-grid,.landing-steps,.landing-faq-grid,.landing-trust-grid,.legal-modern-grid,.legal-hero-grid-v76,.sub-hero-grid,.attack-content-grid,.detail-columns,.partner-brand-grid,.partner-pill-grid,.work-flow,.practice-grid,.case-grid,.testimonial-grid,.nimbus-grid,.ecosystem-category-mode,.ecosystem-card-grid,.seo-landing-links-grid) > *{
  min-width:0;
}

:where(h1,h2,h3,p,li,a,strong,span){
  overflow-wrap:anywhere;
}

@media (max-width: 980px){
  .container{
    width:min(100% - 28px, 760px) !important;
  }

  section{
    padding-top:clamp(68px, 13vw, 94px) !important;
    padding-bottom:clamp(68px, 13vw, 94px) !important;
  }

  .site-nav{
    top:10px !important;
    width:calc(100% - 20px) !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:9px !important;
    border-radius:24px !important;
  }

  .site-nav .brand{
    min-width:0 !important;
  }

  .site-nav .brand img,
  .brand img{
    height:34px !important;
    max-width:150px !important;
    object-fit:contain !important;
  }

  .nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:9px 12px !important;
    font-size:13px !important;
    line-height:1 !important;
  }

  .site-nav .nav-emergency{
    justify-self:end !important;
    min-height:40px !important;
    padding:9px 12px !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }

  .site-nav .nav-links{
    grid-column:1 / -1 !important;
    display:none !important;
    width:100% !important;
    max-height:calc(100svh - 92px) !important;
    overflow:auto !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:10px 0 2px !important;
    margin:0 !important;
    border-top:1px solid rgba(255,255,255,.11) !important;
  }

  .site-nav .nav-links.is-open{
    display:flex !important;
  }

  .site-nav .nav-links a{
    width:100% !important;
    padding:13px 14px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.06) !important;
    white-space:normal !important;
    text-align:left !important;
    font-size:14px !important;
  }

  .landing-page .site-header,
  .legal-modern-page .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:50 !important;
    background:rgba(5,12,23,.82) !important;
    backdrop-filter:blur(18px) !important;
  }

  .nav-shell{
    min-height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
  }

  .nav-menu{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding:8px 0 !important;
    scrollbar-width:none !important;
  }

  .nav-menu::-webkit-scrollbar{display:none;}

  .nav-menu a{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    padding:9px 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.06) !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:118px !important;
    padding-bottom:66px !important;
    align-items:start !important;
  }

  .hero-photo{
    inset:0 !important;
    opacity:.22 !important;
    background-position:center !important;
  }

  .hero-photo::after{
    display:none !important;
  }

  .hero-grid,
  .section-head,
  .approach-grid,
  .ecosystem-grid,
  .service-layout,
  .threat-hero,
  .compare-module,
  .emergency-grid,
  .contact-grid,
  .landing-hero-grid,
  .legal-modern-grid,
  .legal-hero-grid-v76,
  .sub-hero-grid,
  .attack-content-grid,
  .nimbus-grid,
  .ecosystem-category-mode{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1{
    font-size:clamp(40px, 11.5vw, 64px) !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-hero h2,
  .urgency-copy h2,
  .emergency-copy h2,
  .contact-copy h2,
  .deep-head h2,
  .landing-page h2,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(32px, 9vw, 52px) !important;
    line-height:1.02 !important;
    letter-spacing:-.05em !important;
  }

  .hero p,
  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .threat-hero p,
  .urgency-copy p,
  .emergency-copy p,
  .contact-copy p,
  .deep-head p,
  .section-lead{
    font-size:16px !important;
    line-height:1.62 !important;
  }

  .hero-actions{
    gap:10px !important;
  }

  .security-console{
    min-height:430px !important;
    border-radius:32px !important;
    padding:18px !important;
  }

  .radar-shell{
    inset:78px 18px 148px !important;
    border-radius:28px !important;
  }

  .risk-map,
  .threat-grid,
  .landing-grid,
  .landing-faq-grid,
  .landing-trust-grid,
  .partner-brand-grid,
  .partner-pill-grid,
  .work-flow,
  .practice-grid,
  .case-grid,
  .testimonial-grid,
  .ecosystem-card-grid,
  .seo-landing-links-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .service-tabs,
  .service-panel,
  .landing-side-card,
  .contact-form,
  .legal-modern-aside,
  .legal-document-v76{
    border-radius:26px !important;
  }

  .service-tabs{
    position:static !important;
  }
}

@media (max-width: 640px){
  .container{
    width:calc(100% - 22px) !important;
  }

  section{
    padding-top:62px !important;
    padding-bottom:62px !important;
  }

  .site-nav{
    width:calc(100% - 14px) !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    border-radius:20px !important;
  }

  .site-nav .brand img,
  .brand img{
    height:30px !important;
    max-width:128px !important;
  }

  .site-nav .nav-emergency{
    padding:9px 10px !important;
    font-size:12px !important;
  }

  .nav-toggle{
    padding:9px 10px !important;
    font-size:12px !important;
  }

  .nav-shell{
    min-height:auto !important;
    flex-wrap:wrap !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  .nav-menu{
    flex-basis:100% !important;
  }

  .hero{
    padding-top:106px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1{
    font-size:clamp(36px, 12vw, 52px) !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-hero h2,
  .urgency-copy h2,
  .emergency-copy h2,
  .contact-copy h2,
  .deep-head h2,
  .landing-page h2,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(29px, 9.5vw, 42px) !important;
  }

  .hero-stats,
  .risk-map,
  .threat-grid,
  .landing-grid,
  .landing-steps,
  .landing-faq-grid,
  .landing-trust-grid,
  .partner-brand-grid,
  .partner-pill-grid,
  .work-flow,
  .practice-grid,
  .case-grid,
  .testimonial-grid,
  .ecosystem-card-grid,
  .seo-landing-links-grid,
  .detail-columns,
  .attack-quick-icons,
  .console-panels{
    grid-template-columns:1fr !important;
  }

  .hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .hero-actions .btn,
  .modal-actions .btn,
  .emergency-actions .btn{
    width:100% !important;
  }

  .security-console{
    min-height:360px !important;
    border-radius:28px !important;
  }

  .console-top small{
    display:none !important;
  }

  .radar-shell{
    inset:74px 16px 128px !important;
  }

  .radar-core{
    width:104px !important;
    height:104px !important;
  }

  .radar-icon{
    width:46px !important;
    height:46px !important;
  }

  .risk-card,
  .threat-tile,
  .landing-card,
  .landing-steps article,
  .landing-faq-card,
  .landing-trust-card,
  .service-tab,
  .service-panel,
  .detail-box,
  .compare-box,
  .contact-form,
  .landing-cta-box,
  .legal-modern-aside,
  .legal-modern-document,
  .legal-document-v76,
  .sub-threat-visual,
  .attack-main-card{
    padding:20px !important;
    border-radius:22px !important;
  }

  .threat-danger-visual,
  .sub-threat-visual{
    min-height:260px !important;
  }

  .partner-logo-surface,
  .partner-brand-card,
  .nimbus-section-brand,
  .contact-logo-mark{
    min-height:120px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
    text-align:left !important;
  }

  .footer-links{
    align-items:flex-start !important;
  }

  .modal-card{
    width:calc(100% - 22px) !important;
    max-height:calc(100svh - 22px) !important;
    overflow:auto !important;
    border-radius:24px !important;
  }
}

@media (max-width: 430px){
  .site-nav .brand img,
  .brand img{
    max-width:112px !important;
  }

  .site-nav .nav-emergency{
    max-width:94px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1{
    font-size:clamp(34px, 13vw, 48px) !important;
  }

  .btn{
    min-height:48px !important;
    padding:12px 15px !important;
  }

  .landing-keywords span{
    width:100% !important;
    justify-content:center !important;
  }
}

@media (hover:none) and (pointer:coarse){
  .tilt-card,
  .risk-card,
  .principle,
  .service-tab,
  .partner-logo-card,
  .threat-tile,
  .case-card,
  .flow-card,
  .compare-box,
  .contact-form,
  .contact-copy,
  .magnet{
    transform:none !important;
  }
}

/* =========================================================
   V78 MOBILE SLIM OVERRIDE
   Ziel: Mobile nicht als verkleinerter Desktop, sondern als
   schlanke, lesbare Landingpage. Desktop bleibt unberührt.
   ========================================================= */
@media (max-width: 760px){
  :root{
    --radius:24px;
  }

  html,
  body{
    max-width:100%;
    overflow-x:hidden !important;
  }

  body{
    background:
      radial-gradient(circle at 18% 0%, rgba(112,239,255,.12), transparent 28%),
      linear-gradient(180deg,#081321 0%,#0a1726 46%,#081321 100%) !important;
  }

  body:before,
  #particleCanvas,
  .noise-layer,
  .moving-gradient,
  .beam,
  .bg-grid{
    display:none !important;
  }

  .container{
    width:calc(100% - 32px) !important;
    max-width:460px !important;
  }

  section{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  .section-angled:after,
  .wave-top:before{
    display:none !important;
  }

  .site-nav{
    top:10px !important;
    width:calc(100% - 20px) !important;
    max-width:460px !important;
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px !important;
    border-radius:18px !important;
    background:rgba(6,15,27,.88) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 14px 40px rgba(0,0,0,.28) !important;
    backdrop-filter:blur(14px) !important;
  }

  .site-nav .brand,
  .brand{
    min-width:0 !important;
  }

  .site-nav .brand img,
  .brand img{
    height:28px !important;
    max-width:118px !important;
    object-fit:contain !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    min-height:38px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  .site-nav .nav-emergency{
    max-width:none !important;
    white-space:nowrap !important;
  }

  .site-nav .nav-links,
  .nav-links{
    grid-column:1 / -1 !important;
    display:none !important;
    flex-direction:column !important;
    gap:2px !important;
    width:100% !important;
    padding:8px 0 2px !important;
    margin:0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }

  .site-nav .nav-links.is-open,
  .nav-links.is-open{
    display:flex !important;
  }

  .site-nav .nav-links a,
  .nav-links a{
    width:100% !important;
    padding:11px 10px !important;
    border-radius:12px !important;
    font-size:13px !important;
    color:#dbe7f4 !important;
  }

  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    min-height:auto !important;
    padding-top:96px !important;
    padding-bottom:48px !important;
  }

  .hero-photo,
  .hero-photo:after{
    display:none !important;
  }

  .hero-grid,
  .approach-grid,
  .ecosystem-grid,
  .threat-hero,
  .urgency-grid,
  .contact-grid,
  .emergency-grid,
  .landing-hero-grid,
  .legal-modern-layout,
  .deep-grid,
  .detail-columns,
  .compare-module,
  .services-layout,
  .service-explorer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .hero-copy,
  .hero p,
  .hero-support-line,
  .section-head,
  .section-head p,
  .landing-hero-copy,
  .legal-modern-hero p,
  .sub-hero p,
  .attack-detail-hero p{
    max-width:none !important;
  }

  .eyebrow,
  .section-label{
    gap:8px !important;
    font-size:10px !important;
    letter-spacing:.10em !important;
    line-height:1.35 !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    margin:16px 0 14px !important;
    font-size:clamp(34px, 10.7vw, 46px) !important;
    line-height:.94 !important;
    letter-spacing:-.062em !important;
    text-wrap:balance !important;
  }

  .hero h1 span{
    display:inline !important;
  }

  .hero p,
  .landing-hero p,
  .legal-modern-hero p,
  .sub-hero p,
  .attack-detail-hero p,
  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .contact-copy p,
  .threat-copy-block p,
  .urgency-copy p,
  .emergency-copy p{
    font-size:15px !important;
    line-height:1.58 !important;
    color:#cbd7e5 !important;
  }

  .hero-support-line{
    margin-top:10px !important;
  }

  .hero-jump-links,
  .landing-keywords{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin-top:18px !important;
  }

  .hero-jump-links a,
  .hero-jump-links span,
  .landing-keywords span{
    width:auto !important;
    min-height:32px !important;
    padding:8px 10px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }

  .hero-actions,
  .modal-actions,
  .emergency-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin-top:22px !important;
  }

  .btn,
  .hero-actions .btn,
  .modal-actions .btn,
  .emergency-actions .btn{
    width:100% !important;
    min-height:46px !important;
    padding:11px 14px !important;
    border-radius:14px !important;
    font-size:14px !important;
    box-shadow:none !important;
  }

  .hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:22px !important;
  }

  .hero-stats .stat,
  .stat{
    padding:12px 8px !important;
    border-radius:16px !important;
    text-align:center !important;
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.08) !important;
  }

  .stat strong{
    font-size:19px !important;
    letter-spacing:-.035em !important;
  }

  .stat span{
    margin-top:4px !important;
    font-size:10px !important;
    letter-spacing:.055em !important;
    line-height:1.25 !important;
  }

  .security-console,
  .threat-danger-visual,
  .sub-threat-visual,
  .landing-hero-visual,
  .visual-panel,
  .orbital-map,
  .partner-orbit,
  .hero-visual,
  .attack-visual,
  .approach-visual,
  .ecosystem-visual{
    min-height:auto !important;
    max-height:none !important;
    padding:16px !important;
    border-radius:20px !important;
    box-shadow:none !important;
    background-image:none !important;
    background:linear-gradient(160deg,rgba(23,53,83,.52),rgba(8,18,31,.74)) !important;
    border-color:rgba(255,255,255,.09) !important;
  }

  .security-console{
    display:none !important;
  }

  .console-top,
  .radar-shell,
  .console-panels,
  .console-panel,
  .radar-sweep,
  .radar-ring,
  .radar-core{
    display:none !important;
  }

  .section-head,
  .deep-head{
    display:block !important;
    margin-bottom:24px !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-hero h2,
  .urgency-copy h2,
  .emergency-copy h2,
  .contact-copy h2,
  .deep-head h2,
  .landing-page h2,
  .legal-modern-document h2,
  .legal-document-v76 h2{
    margin:12px 0 10px !important;
    font-size:clamp(28px, 8.8vw, 38px) !important;
    line-height:1.02 !important;
    letter-spacing:-.052em !important;
  }

  .principle-grid,
  .risk-map,
  .threat-grid,
  .landing-grid,
  .landing-steps,
  .landing-faq-grid,
  .landing-trust-grid,
  .partner-brand-grid,
  .partner-pill-grid,
  .work-flow,
  .practice-grid,
  .case-grid,
  .testimonial-grid,
  .ecosystem-card-grid,
  .seo-landing-links-grid,
  .attack-quick-icons,
  .service-tabs{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .risk-card,
  .threat-tile,
  .landing-card,
  .landing-steps article,
  .landing-faq-card,
  .landing-trust-card,
  .service-tab,
  .service-panel,
  .principle,
  .detail-box,
  .compare-box,
  .case-card,
  .testimonial-card,
  .flow-card,
  .practice-card,
  .ecosystem-card,
  .contact-form,
  .contact-copy,
  .landing-cta-box,
  .legal-modern-aside,
  .legal-modern-document,
  .legal-document-v76,
  .attack-main-card,
  .partner-brand-card,
  .partner-logo-surface,
  .nimbus-section-brand{
    min-height:0 !important;
    padding:17px !important;
    border-radius:18px !important;
    box-shadow:none !important;
    background:linear-gradient(160deg,rgba(23,53,83,.52),rgba(8,18,31,.72)) !important;
    border-color:rgba(255,255,255,.085) !important;
    transform:none !important;
  }

  .risk-card h3,
  .threat-tile h3,
  .landing-card h3,
  .service-panel h3,
  .case-card h3,
  .detail-box h3,
  .compare-box h3,
  .principle h3,
  .flow-card h3,
  .practice-card h3{
    margin-top:6px !important;
    margin-bottom:8px !important;
    font-size:20px !important;
    line-height:1.12 !important;
    letter-spacing:-.035em !important;
  }

  .case-card h3{
    margin-top:14px !important;
  }

  .risk-card p,
  .threat-tile p,
  .landing-card p,
  .service-panel p,
  .case-card p,
  .detail-box p,
  .compare-box p,
  .principle p,
  .flow-card p,
  .practice-card p,
  .testimonial-card p{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .threat-icon,
  .tab-icon,
  .principle-icon,
  .attack-icon{
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
  }

  .threat-severity,
  .tile-link,
  .service-panel .panel-link,
  .landing-card .tile-link{
    font-size:11px !important;
  }

  .service-tabs{
    position:relative !important;
  }

  .service-tab{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    text-align:left !important;
  }

  .service-stage{
    min-height:0 !important;
  }

  .service-panel{
    position:relative !important;
    display:none !important;
  }

  .service-panel.is-active{
    display:block !important;
  }

  .emergency-section{
    padding-top:40px !important;
    padding-bottom:40px !important;
  }

  .contact-form input,
  .contact-form textarea{
    border-radius:14px !important;
    padding:12px 13px !important;
  }

  .contact-form textarea{
    min-height:120px !important;
  }

  .footer{
    padding:28px 0 34px !important;
  }

  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .footer-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    align-items:start !important;
  }

  .footer a{
    margin:0 !important;
    font-size:12px !important;
  }

  .modal-card{
    width:calc(100% - 28px) !important;
    max-width:430px !important;
    max-height:calc(100svh - 28px) !important;
    overflow:auto !important;
    padding:22px !important;
    border-radius:20px !important;
  }

  .reveal{
    opacity:1 !important;
    transform:none !important;
  }

  .tilt-card,
  .magnet,
  .risk-card,
  .principle,
  .service-tab,
  .partner-logo-card,
  .threat-tile,
  .case-card,
  .flow-card,
  .compare-box,
  .contact-form,
  .contact-copy{
    transform:none !important;
    transition:none !important;
  }

  .tilt-card:before,
  .tilt-card:after,
  .risk-card:before,
  .risk-card:after,
  .principle:before,
  .principle:after,
  .service-tab:before,
  .service-tab:after,
  .partner-logo-card:before,
  .partner-logo-card:after,
  .threat-tile:before,
  .threat-tile:after,
  .case-card:before,
  .case-card:after,
  .flow-card:before,
  .flow-card:after,
  .compare-box:before,
  .compare-box:after,
  .contact-form:before,
  .contact-form:after,
  .contact-copy:before,
  .contact-copy:after{
    display:none !important;
  }
}

@media (max-width: 390px){
  .container{
    width:calc(100% - 24px) !important;
  }

  .site-nav{
    width:calc(100% - 16px) !important;
  }

  .site-nav .brand img,
  .brand img{
    max-width:104px !important;
  }

  .site-nav .nav-emergency{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:11px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(31px, 11vw, 40px) !important;
  }

  .hero-stats{
    grid-template-columns:1fr !important;
  }

  .footer-links{
    grid-template-columns:1fr !important;
  }
}

/* ==========================================================
   V79 — MOBILE SLIM HOTFIX
   Fixes: clipped mobile nav labels + half-visible radar on
   tablet / large mobile breakpoints. Desktop remains untouched.
   ========================================================== */

@media (max-width: 760px){
  .site-nav{
    display:grid !important;
    grid-template-columns:minmax(72px, 1fr) max-content max-content !important;
    align-items:center !important;
    gap:6px !important;
    width:calc(100% - 14px) !important;
    padding:8px !important;
    overflow:visible !important;
  }

  .site-nav .brand,
  .brand{
    min-width:0 !important;
    overflow:hidden !important;
  }

  .site-nav .brand img,
  .brand img{
    height:28px !important;
    width:auto !important;
    max-width:104px !important;
    object-fit:contain !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 9px !important;
    border-radius:13px !important;
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  .site-nav .nav-links{
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 360px){
  .site-nav{
    gap:4px !important;
    padding:7px !important;
    width:calc(100% - 10px) !important;
  }

  .site-nav .brand img,
  .brand img{
    height:26px !important;
    max-width:88px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 7px !important;
    font-size:10.5px !important;
    border-radius:12px !important;
  }
}

@media (min-width: 641px) and (max-width: 900px){
  .security-console{
    min-height:620px !important;
    padding:18px !important;
    overflow:hidden !important;
  }

  .radar-shell{
    top:82px !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:min(430px, calc(100vw - 92px)) !important;
    height:min(430px, calc(100vw - 92px)) !important;
    transform:translateX(-50%) !important;
    border-radius:32px !important;
    overflow:visible !important;
  }

  .radar-ring{
    width:76% !important;
    max-width:330px !important;
  }

  .radar-core{
    width:108px !important;
    height:108px !important;
  }

  .radar-icon{
    width:46px !important;
    height:46px !important;
  }

  .radar-card-grid,
  .console-panels{
    left:18px !important;
    right:18px !important;
    bottom:18px !important;
    gap:10px !important;
  }
}

/* ==========================================================
   V80 — MOBILE SIZE / CLEAN HOTFIX
   Only CSS changes. No note files needed.
   Goals: slightly wider mobile layout, no clipped nav labels,
   no overlapping Threat Center visual, complete radar on tablet.
   ========================================================== */

@media (max-width: 760px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .container{
    width:calc(100% - 20px) !important;
    max-width:500px !important;
  }

  section{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .site-nav{
    width:calc(100% - 16px) !important;
    max-width:500px !important;
    grid-template-columns:minmax(30px, 1fr) max-content max-content !important;
    gap:6px !important;
    padding:7px !important;
    border-radius:16px !important;
  }

  .site-nav .brand img,
  .brand img{
    height:24px !important;
    max-width:72px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
    letter-spacing:-.01em !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  .site-nav .nav-links.is-open,
  .nav-links.is-open{
    max-height:calc(100svh - 86px) !important;
    overflow:auto !important;
  }

  .threat-center .threat-hero{
    gap:14px !important;
  }

  .threat-copy-block{
    padding:18px !important;
    border-radius:20px !important;
  }

  .danger-points{
    gap:8px !important;
    margin-top:18px !important;
  }

  .danger-points span{
    padding:11px 13px !important;
    border-radius:16px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .threat-center .hero-actions{
    position:static !important;
    margin-top:16px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .threat-center .hero-actions .btn{
    position:static !important;
    width:100% !important;
    min-height:46px !important;
  }

  .threat-danger-visual{
    display:none !important;
  }

  .threat-center .threat-grid{
    margin-top:12px !important;
  }
}

@media (max-width: 380px){
  .container{
    width:calc(100% - 18px) !important;
  }

  .site-nav{
    width:calc(100% - 12px) !important;
    grid-template-columns:minmax(24px, 1fr) max-content max-content !important;
    gap:5px !important;
    padding:6px !important;
  }

  .site-nav .brand img,
  .brand img{
    height:22px !important;
    max-width:54px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 8px !important;
    font-size:11px !important;
    border-radius:12px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(30px, 10.2vw, 38px) !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-hero h2,
  .urgency-copy h2,
  .emergency-copy h2,
  .contact-copy h2,
  .deep-head h2{
    font-size:clamp(27px, 8.4vw, 34px) !important;
    line-height:1.04 !important;
  }
}

@media (min-width: 761px) and (max-width: 900px){
  .security-console{
    min-height:560px !important;
    padding:18px !important;
    overflow:hidden !important;
  }

  .radar-shell{
    position:relative !important;
    inset:auto !important;
    width:min(420px, calc(100vw - 120px)) !important;
    height:min(420px, calc(100vw - 120px)) !important;
    margin:22px auto 0 !important;
    transform:none !important;
    border-radius:32px !important;
    overflow:visible !important;
  }

  .radar-ring{
    width:74% !important;
    max-width:310px !important;
  }

  .console-panels{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin-top:18px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ==========================================================
   V81 — MOBILE SCALE + FOOTER CLEANUP
   Only changed file: styles.css
   Fixes based on live screenshots: mobile canvas width,
   safer nav buttons, cleaner hero scale, padded two-column footer.
   ========================================================== */

@media (max-width: 760px){
  html,
  body{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background-color:#050c16 !important;
  }

  body,
  main,
  .footer{
    inline-size:100% !important;
    max-inline-size:100% !important;
  }

  .container,
  .footer .container,
  .footer-grid,
  .site-nav{
    width:calc(100% - 28px) !important;
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  .site-nav{
    top:14px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    display:grid !important;
    grid-template-columns:minmax(52px,1fr) auto auto !important;
    gap:8px !important;
    padding:8px !important;
    min-height:82px !important;
    align-items:center !important;
    border-radius:18px !important;
  }

  .site-nav .brand{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .site-nav .brand img,
  .brand img{
    height:24px !important;
    width:auto !important;
    max-width:70px !important;
    object-fit:contain !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:38px !important;
    min-height:38px !important;
    padding:0 10px !important;
    border-radius:13px !important;
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
    overflow:visible !important;
  }

  .site-nav .nav-links,
  .nav-links{
    grid-column:1 / -1 !important;
  }

  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    padding-top:124px !important;
    padding-bottom:38px !important;
  }

  section{
    padding-top:40px !important;
    padding-bottom:40px !important;
  }

  .eyebrow,
  .section-label{
    font-size:9.5px !important;
    line-height:1.35 !important;
    letter-spacing:.08em !important;
    max-width:100% !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(31px, 9.4vw, 41px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
    margin:14px 0 16px !important;
    max-width:100% !important;
  }

  .hero p,
  .landing-hero p,
  .legal-modern-hero p,
  .sub-hero p,
  .attack-detail-hero p,
  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .contact-copy p,
  .threat-copy-block p,
  .urgency-copy p,
  .emergency-copy p{
    font-size:15px !important;
    line-height:1.58 !important;
  }

  .threat-copy-block,
  .risk-card,
  .threat-tile,
  .landing-card,
  .landing-steps article,
  .landing-faq-card,
  .landing-trust-card,
  .service-tab,
  .service-panel,
  .principle,
  .detail-box,
  .compare-box,
  .case-card,
  .testimonial-card,
  .flow-card,
  .practice-card,
  .ecosystem-card,
  .contact-form,
  .contact-copy,
  .landing-cta-box,
  .legal-modern-aside,
  .legal-modern-document,
  .legal-document-v76,
  .attack-main-card,
  .partner-brand-card,
  .partner-logo-surface,
  .nimbus-section-brand{
    padding:16px !important;
    border-radius:18px !important;
  }

  .footer{
    padding:30px 0 34px !important;
    background:rgba(5,12,22,.72) !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
  }

  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    align-items:start !important;
    color:#aebccc !important;
  }

  .footer-brand p,
  .footer-grid p{
    margin:0 !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
    overflow-wrap:normal !important;
  }

  .footer-links{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px 14px !important;
    width:100% !important;
  }

  .footer a,
  .footer-links a{
    display:block !important;
    margin:0 !important;
    padding:6px 0 !important;
    font-size:12.5px !important;
    line-height:1.2 !important;
    color:#d7e2ee !important;
  }
}

@media (max-width: 380px){
  .container,
  .footer .container,
  .footer-grid,
  .site-nav{
    width:calc(100% - 24px) !important;
  }

  .site-nav{
    min-height:78px !important;
    grid-template-columns:minmax(42px,1fr) auto auto !important;
    gap:6px !important;
    padding:7px !important;
  }

  .site-nav .brand img,
  .brand img{
    height:22px !important;
    max-width:58px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:36px !important;
    min-height:36px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(30px, 9.2vw, 37px) !important;
  }

  .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* =========================================================
   V82 — MOBILE COMPACT PASS
   Only active below 900px. Shrinks top bar and overall mobile scale.
   ========================================================= */

@media (max-width: 900px){
  html{
    font-size:15px !important;
  }

  body{
    font-size:14.5px !important;
  }

  .container,
  .footer .container,
  .footer-grid,
  .site-nav{
    width:calc(100% - 20px) !important;
    max-width:500px !important;
  }

  .site-nav{
    top:10px !important;
    min-height:64px !important;
    padding:6px !important;
    gap:6px !important;
    border-radius:16px !important;
    grid-template-columns:minmax(34px,1fr) auto auto !important;
  }

  .site-nav .brand img,
  .brand img{
    height:18px !important;
    max-width:46px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:32px !important;
    min-height:32px !important;
    padding:0 9px !important;
    border-radius:11px !important;
    font-size:10.5px !important;
    letter-spacing:-.015em !important;
  }

  .site-nav .nav-links,
  .nav-links{
    margin-top:4px !important;
    padding:8px !important;
    gap:5px !important;
    border-radius:14px !important;
  }

  .nav-links a{
    min-height:34px !important;
    padding:8px 10px !important;
    font-size:12px !important;
    border-radius:11px !important;
  }

  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    padding-top:96px !important;
    padding-bottom:30px !important;
  }

  section{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }

  .eyebrow,
  .section-label{
    font-size:8.8px !important;
    line-height:1.28 !important;
    letter-spacing:.075em !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(27px, 8.2vw, 36px) !important;
    line-height:.98 !important;
    margin:10px 0 13px !important;
    letter-spacing:-.055em !important;
  }

  .section-head h2,
  .landing-section h2,
  .threat-copy-block h2,
  .contact-copy h2,
  .emergency-copy h2,
  .urgency-copy h2{
    font-size:clamp(23px, 7vw, 31px) !important;
    line-height:1.02 !important;
    margin-bottom:10px !important;
  }

  .hero p,
  .landing-hero p,
  .legal-modern-hero p,
  .sub-hero p,
  .attack-detail-hero p,
  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .contact-copy p,
  .threat-copy-block p,
  .urgency-copy p,
  .emergency-copy p{
    font-size:14px !important;
    line-height:1.52 !important;
  }

  .hero-copy,
  .landing-hero-copy,
  .section-head,
  .threat-copy-block,
  .contact-copy,
  .emergency-copy,
  .urgency-copy{
    gap:10px !important;
  }

  .threat-copy-block,
  .risk-card,
  .threat-tile,
  .landing-card,
  .landing-steps article,
  .landing-faq-card,
  .landing-trust-card,
  .service-tab,
  .service-panel,
  .principle,
  .detail-box,
  .compare-box,
  .case-card,
  .testimonial-card,
  .flow-card,
  .practice-card,
  .ecosystem-card,
  .contact-form,
  .contact-copy,
  .landing-cta-box,
  .legal-modern-aside,
  .legal-modern-document,
  .legal-document-v76,
  .attack-main-card,
  .partner-brand-card,
  .partner-logo-surface,
  .nimbus-section-brand{
    padding:13px !important;
    border-radius:16px !important;
  }

  .pill,
  .tag,
  .threat-pill,
  .risk-pill,
  .scenario-pill{
    font-size:10.5px !important;
    min-height:30px !important;
    padding:7px 10px !important;
  }

  .btn,
  .primary-btn,
  .secondary-btn,
  .cta-button,
  .landing-btn,
  .emergency-btn{
    min-height:42px !important;
    padding:11px 14px !important;
    font-size:13px !important;
    border-radius:13px !important;
  }

  .hero-actions,
  .cta-row,
  .landing-actions{
    gap:8px !important;
  }

  .footer{
    padding:24px 0 28px !important;
  }

  .footer-grid{
    gap:12px !important;
  }

  .footer-brand p,
  .footer-grid p{
    font-size:11.8px !important;
    line-height:1.45 !important;
  }

  .footer-links{
    gap:6px 12px !important;
  }

  .footer a,
  .footer-links a{
    padding:4px 0 !important;
    font-size:11.8px !important;
  }
}

@media (max-width: 380px){
  .container,
  .footer .container,
  .footer-grid,
  .site-nav{
    width:calc(100% - 16px) !important;
  }

  .site-nav{
    top:8px !important;
    min-height:58px !important;
    padding:5px !important;
    gap:5px !important;
    border-radius:15px !important;
    grid-template-columns:minmax(30px,1fr) auto auto !important;
  }

  .site-nav .brand img,
  .brand img{
    height:16px !important;
    max-width:38px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:30px !important;
    min-height:30px !important;
    padding:0 8px !important;
    font-size:10px !important;
  }

  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    padding-top:84px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(25px, 8vw, 32px) !important;
  }
}

/* =========================================================
   V83 MOBILE CLEANUP — header bar, hero stats, services flow
   Only active below 900px.
   ========================================================= */

@media (max-width: 900px){
  html{
    font-size:14px !important;
  }

  body{
    font-size:13.5px !important;
  }

  .container,
  .footer .container,
  .footer-grid,
  .site-nav{
    width:calc(100% - 18px) !important;
    max-width:480px !important;
  }

  /* Header: remove the bulky framed desktop bar on mobile */
  .site-nav{
    top:8px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 !important;
    gap:6px !important;
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    align-items:center !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
  }

  .site-nav::before,
  .site-nav::after{
    display:none !important;
    content:none !important;
  }

  .site-nav .brand{
    min-width:0 !important;
    width:auto !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding-left:2px !important;
  }

  .site-nav .brand img,
  .brand img{
    height:14px !important;
    max-width:34px !important;
    object-fit:contain !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:30px !important;
    min-height:30px !important;
    line-height:1 !important;
    padding:0 9px !important;
    border-radius:10px !important;
    font-size:9.8px !important;
    letter-spacing:-.035em !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }

  .nav-toggle{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.18) !important;
  }

  .site-nav .nav-emergency{
    border:0 !important;
  }

  .site-nav .nav-links,
  .nav-links{
    position:absolute !important;
    top:38px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    margin-top:4px !important;
    padding:7px !important;
    border-radius:14px !important;
    background:rgba(5,10,20,.96) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.35) !important;
  }

  .nav-links a{
    min-height:32px !important;
    padding:7px 9px !important;
    font-size:11.5px !important;
    border-radius:10px !important;
  }

  /* Less vertical dead space after removing the bulky header */
  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    padding-top:62px !important;
    padding-bottom:22px !important;
  }

  section{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(24px, 7.25vw, 32px) !important;
    line-height:1 !important;
    margin:8px 0 10px !important;
    letter-spacing:-.055em !important;
  }

  .section-head h2,
  .landing-section h2,
  .threat-copy-block h2,
  .contact-copy h2,
  .emergency-copy h2,
  .urgency-copy h2{
    font-size:clamp(21px, 6.3vw, 28px) !important;
    line-height:1.04 !important;
  }

  .hero p,
  .landing-hero p,
  .legal-modern-hero p,
  .sub-hero p,
  .attack-detail-hero p,
  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .contact-copy p,
  .threat-copy-block p,
  .urgency-copy p,
  .emergency-copy p{
    font-size:13.2px !important;
    line-height:1.48 !important;
  }

  .eyebrow,
  .section-label{
    font-size:8.2px !important;
    line-height:1.25 !important;
    letter-spacing:.065em !important;
  }

  .hero-actions,
  .cta-row,
  .landing-actions{
    gap:7px !important;
    margin-top:12px !important;
  }

  .btn,
  .primary-btn,
  .secondary-btn,
  .cta-button,
  .landing-btn,
  .emergency-btn{
    min-height:38px !important;
    padding:9px 12px !important;
    font-size:12.2px !important;
    border-radius:12px !important;
  }

  /* Remove the 20+ / 360° / KMU boxes on mobile */
  .hero-stats,
  .hero-metrics,
  .stats-grid.hero-stats{
    display:none !important;
  }

  /* Services: on mobile, do not rely on tab clicking. Show content directly. */
  .service-explorer{
    display:block !important;
    gap:0 !important;
  }

  .service-tabs{
    display:none !important;
  }

  .service-stage{
    display:block !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    min-height:0 !important;
  }

  .stage-photo{
    display:none !important;
  }

  .service-panel,
  .service-panel.is-active{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    transform:none !important;
    pointer-events:auto !important;
    margin:0 0 10px !important;
    padding:13px !important;
    border-radius:15px !important;
  }

  .service-panel:not(.is-active){
    display:block !important;
  }

  .service-panel h3{
    font-size:17px !important;
    line-height:1.12 !important;
    margin:5px 0 7px !important;
    letter-spacing:-.035em !important;
  }

  .panel-kicker,
  .detail-title{
    font-size:9.5px !important;
    letter-spacing:.04em !important;
  }

  .panel-lead{
    font-size:12.8px !important;
    line-height:1.45 !important;
    margin-bottom:10px !important;
  }

  .detail-columns{
    display:block !important;
    gap:0 !important;
  }

  .detail-box{
    padding:11px !important;
    border-radius:13px !important;
    margin-top:8px !important;
  }

  .icon-list,
  .icon-list.compact{
    gap:7px !important;
  }

  .icon-list li,
  .outcome-note{
    font-size:12px !important;
    line-height:1.42 !important;
  }

  .threat-copy-block,
  .risk-card,
  .threat-tile,
  .landing-card,
  .landing-steps article,
  .landing-faq-card,
  .landing-trust-card,
  .principle,
  .compare-box,
  .case-card,
  .testimonial-card,
  .flow-card,
  .practice-card,
  .ecosystem-card,
  .contact-form,
  .contact-copy,
  .landing-cta-box,
  .legal-modern-aside,
  .legal-modern-document,
  .legal-document-v76,
  .attack-main-card,
  .partner-brand-card,
  .partner-logo-surface,
  .nimbus-section-brand{
    padding:12px !important;
    border-radius:15px !important;
  }

  .footer{
    padding:20px 0 24px !important;
  }
}

@media (max-width: 380px){
  .container,
  .footer .container,
  .footer-grid,
  .site-nav{
    width:calc(100% - 14px) !important;
  }

  .site-nav{
    top:7px !important;
    height:38px !important;
    min-height:38px !important;
  }

  .site-nav .brand img,
  .brand img{
    height:12px !important;
    max-width:30px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:28px !important;
    min-height:28px !important;
    padding:0 8px !important;
    font-size:9.4px !important;
    border-radius:9px !important;
  }

  .site-nav .nav-links,
  .nav-links{
    top:34px !important;
  }

  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    padding-top:54px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(23px, 7vw, 30px) !important;
  }
}

/* ==========================================================
   V84 — MOBILE NAV + SERVICES REWORK
   Only CSS. Mobile header becomes floating controls, service tabs are removed on mobile.
   ========================================================== */

@media (max-width: 900px){
  html,
  body{
    overflow-x:hidden !important;
  }

  .container,
  .footer .container,
  .footer-grid{
    width:calc(100% - 20px) !important;
    max-width:480px !important;
  }

  /* No more mobile navbar bar/card: only two floating action buttons */
  .site-nav{
    position:fixed !important;
    top:10px !important;
    right:10px !important;
    left:auto !important;
    transform:none !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    overflow:visible !important;
  }

  .site-nav .brand,
  .site-nav .brand img,
  .brand img{
    display:none !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:0 !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:0 9px !important;
    border-radius:11px !important;
    font-size:10px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:-.02em !important;
    box-shadow:0 10px 26px rgba(0,0,0,.25) !important;
  }

  .nav-toggle{
    order:2 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(15,25,39,.82) !important;
    color:#fff !important;
  }

  .site-nav .nav-emergency{
    order:1 !important;
    background:linear-gradient(135deg,#ff6576,#ff8754) !important;
  }

  .site-nav .nav-links,
  .nav-links{
    position:fixed !important;
    top:46px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    transform:none !important;
    grid-column:auto !important;
    display:none !important;
    padding:8px !important;
    gap:5px !important;
    border-radius:14px !important;
    background:rgba(7,15,27,.96) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 20px 70px rgba(0,0,0,.45) !important;
    backdrop-filter:blur(14px) !important;
  }

  .site-nav .nav-links.is-open,
  .nav-links.is-open{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    max-height:calc(100svh - 58px) !important;
    overflow:auto !important;
  }

  .site-nav .nav-links a,
  .nav-links a{
    min-height:30px !important;
    padding:7px 8px !important;
    border-radius:10px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    text-align:center !important;
  }

  /* General mobile shrink */
  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    padding-top:52px !important;
    padding-bottom:22px !important;
    min-height:auto !important;
  }

  section{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }

  .section-head{
    margin-bottom:18px !important;
    gap:10px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(27px, 7.4vw, 34px) !important;
    line-height:.98 !important;
    margin:8px 0 10px !important;
    letter-spacing:-.06em !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-copy-block h2,
  .contact-copy h2,
  .urgency-copy h2,
  .emergency-copy h2{
    font-size:clamp(22px, 6.4vw, 30px) !important;
    line-height:1.02 !important;
    letter-spacing:-.05em !important;
  }

  .hero p,
  .landing-hero p,
  .sub-hero p,
  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .contact-copy p,
  .threat-copy-block p,
  .urgency-copy p,
  .emergency-copy p{
    font-size:13px !important;
    line-height:1.46 !important;
  }

  .eyebrow,
  .section-label{
    font-size:8.2px !important;
    line-height:1.2 !important;
    letter-spacing:.055em !important;
  }

  .btn,
  .primary-btn,
  .secondary-btn,
  .cta-button,
  .landing-btn,
  .emergency-btn{
    min-height:36px !important;
    padding:8px 11px !important;
    font-size:11.5px !important;
    border-radius:11px !important;
  }

  .hero-stats,
  .hero-metrics,
  .stats-grid.hero-stats{
    display:none !important;
  }

  /* Services: remove top click-tabs completely and show compact service cards instead */
  .services-section .service-tabs,
  .services-section .service-tab,
  .service-explorer > .service-tabs,
  .service-tabs[role="tablist"]{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .services-section .service-explorer,
  .service-explorer{
    display:block !important;
    margin-top:0 !important;
  }

  .services-section .service-stage,
  .service-stage{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .stage-photo{
    display:none !important;
  }

  .services-section .service-panel,
  .services-section .service-panel.is-active,
  .service-panel,
  .service-panel.is-active,
  .service-panel:not(.is-active){
    position:relative !important;
    inset:auto !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    margin:0 !important;
    padding:12px !important;
    min-height:0 !important;
    border-radius:14px !important;
    background:linear-gradient(160deg,rgba(18,39,62,.86),rgba(8,17,30,.82)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:none !important;
  }

  .services-section .service-panel h3,
  .service-panel h3{
    font-size:16px !important;
    line-height:1.08 !important;
    margin:4px 0 6px !important;
    letter-spacing:-.04em !important;
  }

  .services-section .panel-kicker,
  .panel-kicker{
    font-size:8.5px !important;
    letter-spacing:.055em !important;
    margin-bottom:4px !important;
  }

  .services-section .panel-lead,
  .panel-lead{
    font-size:12.2px !important;
    line-height:1.38 !important;
    margin:0 !important;
  }

  .services-section .detail-columns,
  .services-section .detail-box,
  .services-section .outcome-note,
  .service-panel .detail-columns,
  .service-panel .detail-box,
  .service-panel .outcome-note{
    display:none !important;
  }

  .threat-copy-block,
  .risk-card,
  .threat-tile,
  .landing-card,
  .landing-steps article,
  .landing-faq-card,
  .landing-trust-card,
  .principle,
  .compare-box,
  .case-card,
  .testimonial-card,
  .flow-card,
  .practice-card,
  .ecosystem-card,
  .contact-form,
  .contact-copy,
  .landing-cta-box,
  .legal-modern-aside,
  .legal-modern-document,
  .legal-document-v76,
  .attack-main-card,
  .partner-brand-card,
  .partner-logo-surface,
  .nimbus-section-brand{
    padding:12px !important;
    border-radius:14px !important;
  }
}

@media (max-width: 380px){
  .container,
  .footer .container,
  .footer-grid{
    width:calc(100% - 16px) !important;
  }

  .site-nav{
    top:8px !important;
    right:8px !important;
    gap:5px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 8px !important;
    font-size:9.3px !important;
    border-radius:10px !important;
  }

  .hero,
  .landing-hero,
  .legal-modern-hero,
  .sub-hero,
  .attack-detail-hero{
    padding-top:48px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(25px, 7vw, 31px) !important;
  }
}

/* ==========================================================
   V85 — MOBILE SERVICES: compact selectable tabs
   Only CSS. Keeps V84 header/scale, brings service switching back with short chips.
   ========================================================== */

@media (max-width: 900px){
  /* Leistungen: wieder als klar erkennbare Auswahl, aber deutlich kleiner */
  .services-section .service-tabs,
  .service-explorer > .service-tabs,
  .service-tabs[role="tablist"]{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:6px !important;
    margin:0 0 10px !important;
    padding:4px !important;
    overflow:visible !important;
    border-radius:14px !important;
    background:rgba(4,12,22,.42) !important;
    border:1px solid rgba(255,255,255,.07) !important;
  }

  .services-section .service-tab,
  .service-tab{
    display:flex !important;
    visibility:visible !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    min-height:32px !important;
    height:auto !important;
    padding:7px 8px !important;
    margin:0 !important;
    border-radius:10px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    background:rgba(12,24,39,.72) !important;
    color:#cdd8e6 !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:hidden !important;
  }

  .services-section .service-tab.is-active,
  .service-tab.is-active{
    background:linear-gradient(135deg,rgba(73,146,255,.28),rgba(112,239,255,.12)) !important;
    border-color:rgba(112,239,255,.34) !important;
    color:#ffffff !important;
    box-shadow:0 0 0 1px rgba(112,239,255,.08), 0 12px 34px rgba(73,146,255,.12) !important;
  }

  .services-section .service-tab .tab-icon,
  .service-tab .tab-icon{
    display:none !important;
  }

  .services-section .service-tab > span:last-child,
  .service-tab > span:last-child{
    display:none !important;
  }

  .services-section .service-tab::after,
  .service-tab::after{
    display:block !important;
    font-size:10.4px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
    content:"Leistung";
  }

  .services-section .service-tab[data-service="security"]::after{content:"Security" !important;}
  .services-section .service-tab[data-service="cloud"]::after{content:"Cloud" !important;}
  .services-section .service-tab[data-service="operations"]::after{content:"Betrieb" !important;}
  .services-section .service-tab[data-service="workplace"]::after{content:"Workplace" !important;}
  .services-section .service-tab[data-service="strategy"]::after{content:"Strategie" !important;}
  .services-section .service-tab[data-service="data-ai"]::after{content:"Data & AI" !important;}

  .services-section .service-explorer,
  .service-explorer{
    display:block !important;
    margin-top:0 !important;
  }

  .services-section .service-stage,
  .service-stage{
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .services-section .service-panel,
  .service-panel{
    position:relative !important;
    inset:auto !important;
    margin:0 !important;
    min-height:0 !important;
    padding:14px !important;
    border-radius:16px !important;
    background:linear-gradient(160deg,rgba(18,39,62,.86),rgba(8,17,30,.84)) !important;
    border:1px solid rgba(112,239,255,.12) !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .services-section .service-panel:not(.is-active),
  .service-panel:not(.is-active){
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .services-section .service-panel.is-active,
  .service-panel.is-active{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .services-section .service-panel h3,
  .service-panel h3{
    font-size:18px !important;
    line-height:1.04 !important;
    margin:5px 0 8px !important;
  }

  .services-section .panel-lead,
  .panel-lead{
    font-size:12.8px !important;
    line-height:1.42 !important;
  }

  .services-section .detail-columns,
  .services-section .detail-box,
  .services-section .outcome-note,
  .service-panel .detail-columns,
  .service-panel .detail-box,
  .service-panel .outcome-note{
    display:none !important;
  }
}

@media (max-width: 380px){
  .services-section .service-tabs,
  .service-explorer > .service-tabs,
  .service-tabs[role="tablist"]{
    gap:5px !important;
    padding:3px !important;
  }

  .services-section .service-tab,
  .service-tab{
    min-height:30px !important;
    padding:6px 6px !important;
  }

  .services-section .service-tab::after,
  .service-tab::after{
    font-size:9.8px !important;
  }
}

/* ==========================================================
   V86 — MOBILE SERVICES: compact tabs with original labels
   Only CSS. Keeps the slimmer mobile layout, but restores the real service names.
   ========================================================== */

@media (max-width: 900px){
  .services-section .service-tabs,
  .service-explorer > .service-tabs,
  .service-tabs[role="tablist"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:6px !important;
    padding:3px !important;
    margin:0 0 12px !important;
    background:rgba(4,12,22,.34) !important;
    border-color:rgba(255,255,255,.055) !important;
    border-radius:13px !important;
  }

  .services-section .service-tab,
  .service-tab{
    min-height:34px !important;
    padding:6px 8px !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:0 !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }

  .services-section .service-tab .tab-icon,
  .service-tab .tab-icon{
    display:none !important;
  }

  .services-section .service-tab > span:last-child,
  .service-tab > span:last-child{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    color:inherit !important;
    font-size:10px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    letter-spacing:-.045em !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    text-wrap:balance !important;
  }

  .services-section .service-tab::after,
  .service-tab::after{
    content:none !important;
    display:none !important;
  }

  .services-section .service-tab.is-active,
  .service-tab.is-active{
    border-color:rgba(255,255,255,.82) !important;
    box-shadow:inset 0 0 0 1px rgba(112,239,255,.2), 0 8px 20px rgba(73,146,255,.1) !important;
  }
}

@media (max-width: 380px){
  .services-section .service-tabs,
  .service-explorer > .service-tabs,
  .service-tabs[role="tablist"]{
    gap:5px !important;
    padding:3px !important;
  }

  .services-section .service-tab,
  .service-tab{
    min-height:32px !important;
    padding:5px 6px !important;
  }

  .services-section .service-tab > span:last-child,
  .service-tab > span:last-child{
    font-size:9.3px !important;
    line-height:1.05 !important;
    letter-spacing:-.055em !important;
  }
}

/* ==========================================================
   V87 — MOBILE SERVICES: show detail content compactly
   Only CSS. Keeps V86 compact service buttons and restores the detailed items below.
   ========================================================== */

@media (max-width: 900px){
  .services-section .service-panel,
  .service-panel{
    padding:14px 14px 15px !important;
  }

  .services-section .service-panel h3,
  .service-panel h3{
    margin:4px 0 7px !important;
  }

  .services-section .panel-lead,
  .panel-lead{
    margin-bottom:10px !important;
  }

  .services-section .detail-columns,
  .service-panel .detail-columns{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:10px !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .services-section .detail-box,
  .service-panel .detail-box{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    padding:10px 10px 9px !important;
    border-radius:13px !important;
    background:rgba(5,14,25,.45) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    box-shadow:none !important;
  }

  .services-section .detail-title,
  .service-panel .detail-title{
    display:block !important;
    margin:0 0 7px !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    color:#8df7df !important;
  }

  .services-section .icon-list,
  .service-panel .icon-list{
    display:grid !important;
    gap:6px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .services-section .icon-list li,
  .service-panel .icon-list li{
    display:grid !important;
    grid-template-columns:15px 1fr !important;
    gap:6px !important;
    align-items:start !important;
    margin:0 !important;
    padding:0 !important;
    font-size:11.4px !important;
    line-height:1.34 !important;
    color:#d7dfec !important;
  }

  .services-section .icon-list li span,
  .service-panel .icon-list li span{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    margin-top:1px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#8df7df !important;
    opacity:.95 !important;
  }

  .services-section .icon-list.compact,
  .service-panel .icon-list.compact{
    gap:5px !important;
  }

  .services-section .outcome-note,
  .service-panel .outcome-note{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:9px !important;
    padding:9px 10px !important;
    border-radius:12px !important;
    background:rgba(112,239,255,.07) !important;
    border:1px solid rgba(112,239,255,.12) !important;
    font-size:11.5px !important;
    line-height:1.38 !important;
    color:#e7eef8 !important;
  }

  .services-section .outcome-note strong,
  .service-panel .outcome-note strong{
    color:#fff !important;
  }
}

@media (max-width: 380px){
  .services-section .detail-box,
  .service-panel .detail-box{
    padding:9px !important;
  }

  .services-section .icon-list li,
  .service-panel .icon-list li{
    font-size:10.8px !important;
    line-height:1.32 !important;
  }

  .services-section .outcome-note,
  .service-panel .outcome-note{
    font-size:10.9px !important;
  }
}

/* v88 - contact form server-side send states */
.form-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.form-status.is-success{color:#70f0c0;}
.form-status.is-error{color:#ff8b8b;}
.contact-form button[disabled]{opacity:.68;cursor:wait;transform:none !important;}


/* v91 - Cloudflare Turnstile contact form */
.turnstile-wrap{
  display:flex;
  justify-content:flex-start;
  min-height:65px;
  margin:2px 0 0;
}
.turnstile-wrap .cf-turnstile{
  max-width:100%;
}
@media(max-width:780px){
  .turnstile-wrap{
    justify-content:center;
    min-height:64px;
    overflow:hidden;
  }
}

/* v92 - Turnstile visibility/rendering stabilizer */
.turnstile-wrap{
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.turnstile-wrap .cf-turnstile{
  display:block !important;
  min-width:300px;
  min-height:65px;
  opacity:1 !important;
  visibility:visible !important;
}
@media(max-width:780px){
  .turnstile-wrap{
    justify-content:center !important;
  }
  .turnstile-wrap .cf-turnstile{
    min-width:300px;
    max-width:100%;
  }
}

/* v93 - Cloudflare Turnstile visible fallback + compact note */
.turnstile-wrap{
  width:100% !important;
  min-height:82px !important;
  margin:6px 0 2px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.turnstile-wrap .cf-turnstile{
  display:block !important;
  width:100% !important;
  min-width:300px !important;
  min-height:70px !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  z-index:2 !important;
}
.turnstile-wrap .turnstile-loading{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 16px;
  border:1px solid rgba(131,232,255,.24);
  border-radius:14px;
  background:rgba(8,18,32,.72);
  color:#b9c9dc;
  font-size:13px;
  line-height:1.35;
}
.turnstile-wrap .turnstile-loading.is-error{
  border-color:rgba(255,139,139,.35);
  color:#ff9c9c;
}
.contact-form .form-note{
  margin-top:2px !important;
}
@media(max-width:780px){
  .turnstile-wrap{
    justify-content:flex-start !important;
    min-height:78px !important;
  }
  .turnstile-wrap .cf-turnstile{
    max-width:100% !important;
    transform:none !important;
    transform-origin:left center !important;
  }
}

/* V96 — Kontaktformular ohne Tilt-/Mousemove-Bewegung */
.contact-section .contact-form,
.contact-section .contact-copy,
.contact-section .contact-form.tilt-card,
.contact-section .contact-copy.tilt-card {
  transform: none !important;
  transform-style: flat !important;
  will-change: auto !important;
}

.contact-section .contact-form:hover,
.contact-section .contact-copy:hover,
.contact-section .contact-form.tilt-card:hover,
.contact-section .contact-copy.tilt-card:hover {
  transform: none !important;
}

.contact-section .contact-form::before,
.contact-section .contact-form::after,
.contact-section .contact-copy::before,
.contact-section .contact-copy::after {
  pointer-events: none !important;
}

.contact-section .contact-form:hover::before,
.contact-section .contact-copy:hover::before {
  opacity: 0 !important;
}

.contact-section .magnet,
.contact-section .magnet:hover {
  transform: none !important;
}


/* V98 — Safe Motion: Desktop wieder stabil, dezente Mobile-Animationen ohne Layout-Verschiebung */
@keyframes nimbusMobileRise {
  from { opacity: 0; transform: translate3d(0, 14px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes nimbusMobileGlow {
  0%, 100% {
    box-shadow: 0 14px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
    border-color: rgba(255,255,255,.08);
  }
  50% {
    box-shadow: 0 16px 46px rgba(0,0,0,.24), 0 0 22px rgba(112,239,255,.045), inset 0 1px 0 rgba(255,255,255,.045);
    border-color: rgba(112,239,255,.14);
  }
}

@keyframes nimbusMobileLine {
  from { transform: translateX(-115%); opacity: 0; }
  20%, 70% { opacity: .55; }
  to { transform: translateX(115%); opacity: 0; }
}

@keyframes nimbusMobileButtonShine {
  from { transform: translateX(-135%); }
  to { transform: translateX(135%); }
}

@media (max-width: 780px) {
  .hero .eyebrow,
  .hero h1,
  .hero p,
  .hero-support-line,
  .hero-actions,
  .section-head,
  .nimbus-copy,
  .ecosystem-copy,
  .contact-copy {
    animation: nimbusMobileRise .56s cubic-bezier(.2,.8,.2,1) both;
  }

  .hero h1 { animation-delay: .04s; }
  .hero p,
  .hero-support-line { animation-delay: .08s; }
  .hero-actions { animation-delay: .12s; }

  .risk-card,
  .principle,
  .service-tab,
  .service-panel,
  .detail-box,
  .ecosystem-card,
  .partner-brand-card,
  .partner-pill-grid article,
  .partner-pill-grid a,
  .threat-tile,
  .case-card,
  .flow-card,
  .work-flow .flow-card,
  .testimonial-card,
  .compare-box,
  .emergency-copy,
  .emergency-actions,
  .contact-form,
  .contact-copy {
    position: relative;
    overflow: hidden;
    animation: nimbusMobileRise .54s cubic-bezier(.2,.8,.2,1) both, nimbusMobileGlow 8s ease-in-out infinite;
  }

  .service-tabs .service-tab:nth-child(1), .risk-map > *:nth-child(1), .principles-grid > *:nth-child(1) { animation-delay: .02s; }
  .service-tabs .service-tab:nth-child(2), .risk-map > *:nth-child(2), .principles-grid > *:nth-child(2) { animation-delay: .05s; }
  .service-tabs .service-tab:nth-child(3), .risk-map > *:nth-child(3), .principles-grid > *:nth-child(3) { animation-delay: .08s; }
  .service-tabs .service-tab:nth-child(4), .risk-map > *:nth-child(4), .principles-grid > *:nth-child(4) { animation-delay: .11s; }
  .service-tabs .service-tab:nth-child(5) { animation-delay: .14s; }
  .service-tabs .service-tab:nth-child(6) { animation-delay: .17s; }

  .service-tab.is-active {
    box-shadow: 0 10px 28px rgba(59, 130, 246, .16), 0 0 0 1px rgba(160, 215, 255, .24) inset !important;
  }

  .service-tab::after,
  .risk-card::after,
  .principle::after,
  .threat-tile::after,
  .case-card::after,
  .flow-card::after,
  .contact-form::after,
  .contact-copy::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(112,239,255,.36), transparent);
    transform: translateX(-115%);
    animation: nimbusMobileLine 7s ease-in-out infinite;
    pointer-events: none;
  }

  .btn {
    position: relative;
    overflow: hidden;
  }

  .btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(110deg, transparent 0 34%, rgba(255,255,255,.16) 48%, transparent 62% 100%);
    transform: translateX(-135%);
    animation: nimbusMobileButtonShine 6s ease-in-out infinite;
    pointer-events: none;
  }

  .contact-section .contact-form,
  .contact-section .contact-copy,
  .contact-section .contact-form:hover,
  .contact-section .contact-copy:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero .eyebrow,
  .hero h1,
  .hero p,
  .hero-support-line,
  .hero-actions,
  .section-head,
  .nimbus-copy,
  .ecosystem-copy,
  .contact-copy,
  .risk-card,
  .principle,
  .service-tab,
  .service-panel,
  .detail-box,
  .ecosystem-card,
  .partner-brand-card,
  .partner-pill-grid article,
  .partner-pill-grid a,
  .threat-tile,
  .case-card,
  .flow-card,
  .work-flow .flow-card,
  .testimonial-card,
  .compare-box,
  .emergency-copy,
  .emergency-actions,
  .contact-form,
  .contact-copy,
  .btn::after {
    animation: none !important;
  }
}

/* V101 — Hero-CTA-Reihe final: Kontakt, Threat Center, Leistungen zentriert */
.hero-actions{
  justify-content:center !important;
  align-items:center !important;
}
.hero-actions .btn,
.hero-actions button.btn{
  min-width:200px;
  text-align:center;
}
.hero-actions .btn-secondary{
  margin-left:0 !important;
}
@media(max-width:780px){
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:stretch !important;
  }
  .hero-actions .btn,
  .hero-actions button.btn{
    width:100% !important;
    min-width:0 !important;
  }
}

/* V102 — Hero CTA row: full row centered, service button centered */
.hero .hero-actions{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  width:min(100%, 720px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
  justify-items:stretch !important;
  align-items:stretch !important;
}
.hero .hero-actions .btn,
.hero .hero-actions button.btn{
  width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  justify-content:center !important;
  text-align:center !important;
}
.hero .hero-actions .btn-secondary::after{
  content:none !important;
  display:none !important;
}
@media(max-width:780px){
  .hero .hero-actions{
    grid-template-columns:1fr !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* V103 — Security-console Balken beruhigt */
.security-console .console-panels span{
  animation-duration:14s !important;
  animation-timing-function:ease-in-out !important;
}
.security-console .console-panels div:nth-child(2) span{animation-delay:1.8s !important;}
.security-console .console-panels div:nth-child(3) span{animation-delay:3.2s !important;}
.security-console .console-panels div:nth-child(4) span{animation-delay:4.6s !important;}

/* Fallback für vergleichbare kleine Status-/Risk-Balken im oberen Visual */
.surface-map .map-card .bar i,
.surface-map-card .bar i,
.map-card .bar i{
  transition-duration:1.2s !important;
}

/* v104 PATCH ONLY — layered live threat counters */
.surface-map-status.has-live-threat-metrics{
  gap:8px !important;
  transition:opacity .28s ease, transform .28s ease;
}
.surface-map-status.has-live-threat-metrics.is-refreshing{
  opacity:.72;
  transform:translateY(-1px);
}
.status-pill.events{
  background:rgba(12,20,34,.86);
  border-color:rgba(125,154,255,.28);
  color:#dbe7ff;
  box-shadow:0 0 16px rgba(94,128,255,.10);
}
.status-pill.active{
  background:rgba(5,31,42,.86);
  border-color:rgba(90,235,255,.25);
  color:#9ef6ff;
  box-shadow:0 0 16px rgba(90,235,255,.10);
}
.status-pill.critical{
  min-width:auto;
}
@media (max-width:760px){
  .surface-map-status.has-live-threat-metrics{
    gap:6px !important;
  }
  .surface-map-status.has-live-threat-metrics .status-pill{
    padding:5px 8px !important;
    font-size:9px !important;
    letter-spacing:.05em !important;
  }
}

/* v105 — Mobile bekommt die Live-Scan-Zahlen direkt im Hero */
.mobile-threat-metrics{
  display:none;
}

@media (max-width: 780px){
  .mobile-threat-metrics{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:7px;
    margin:18px 0 14px;
    padding:10px;
    border-radius:22px;
    background:linear-gradient(145deg, rgba(7,16,28,.82), rgba(13,31,51,.62));
    border:1px solid rgba(112,239,255,.16);
    box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
    transition:opacity .26s ease, transform .26s ease;
  }

  .mobile-threat-metrics.is-refreshing{
    opacity:.76;
    transform:translateY(-1px);
  }

  .mobile-threat-pill{
    min-width:0;
    padding:10px 8px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(3,10,20,.58);
    text-align:center;
    position:relative;
    overflow:hidden;
  }

  .mobile-threat-pill::before{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:0;
    height:2px;
    border-radius:99px;
    opacity:.9;
  }

  .mobile-threat-pill strong{
    display:block;
    font-size:clamp(16px, 5.4vw, 23px);
    line-height:1;
    letter-spacing:-.05em;
    white-space:nowrap;
  }

  .mobile-threat-pill em{
    display:block;
    margin-top:5px;
    font-style:normal;
    font-size:9px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(222,232,244,.70);
    white-space:nowrap;
  }

  .mobile-threat-pill.events strong{color:#dbe7ff;}
  .mobile-threat-pill.events::before{background:linear-gradient(90deg,#7d9aff,#70efff);}

  .mobile-threat-pill.active strong{color:#8ff5ff;}
  .mobile-threat-pill.active::before{background:linear-gradient(90deg,#70efff,#3d74ff);}

  .mobile-threat-pill.critical{
    border-color:rgba(255,93,115,.22);
    background:linear-gradient(145deg, rgba(58,13,25,.50), rgba(3,10,20,.58));
  }
  .mobile-threat-pill.critical strong{color:#ff8b9b;}
  .mobile-threat-pill.critical::before{background:linear-gradient(90deg,#ff5d73,#ffb45f);}

  .mobile-threat-metrics small{
    grid-column:1 / -1;
    justify-self:center;
    margin-top:1px;
    color:rgba(167,248,255,.78);
    font-size:9px;
    font-weight:950;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  .surface-map-status.has-live-threat-metrics{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr));
    width:100% !important;
    margin:0 0 10px 0 !important;
  }

  .surface-map-status.has-live-threat-metrics small{
    display:block !important;
    grid-column:1 / -1;
    text-align:center;
    margin-top:2px;
    font-size:9px !important;
  }
}

@media (max-width: 390px){
  .mobile-threat-metrics{
    gap:6px;
    padding:8px;
  }

  .mobile-threat-pill{
    padding:9px 6px;
  }

  .mobile-threat-pill strong{
    font-size:15px;
  }

  .mobile-threat-pill em{
    font-size:8px;
  }
}

/* V106 — Mobile Hero Radar wieder sichtbar, aber kompakt */
@media (max-width: 900px){
  .hero .security-console{
    display:block !important;
    position:relative !important;
    min-height:360px !important;
    max-height:none !important;
    margin:16px auto 0 !important;
    padding:13px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 50% 42%, rgba(112,239,255,.18), transparent 34%),
      linear-gradient(160deg, rgba(8,18,31,.82), rgba(4,11,21,.92)) !important;
    border:1px solid rgba(112,239,255,.16) !important;
    box-shadow:0 18px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .hero .security-console::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    opacity:1 !important;
    pointer-events:none !important;
    background:
      radial-gradient(circle at 50% 48%, rgba(112,239,255,.16), transparent 38%),
      linear-gradient(90deg, rgba(7,15,28,.66), transparent 48%, rgba(7,15,28,.46)) !important;
  }

  .hero .console-top{
    display:flex !important;
    position:relative !important;
    z-index:2 !important;
    align-items:center !important;
    gap:8px !important;
    min-height:34px !important;
    padding:8px 10px !important;
    border-radius:14px !important;
    background:rgba(3,10,20,.68) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .hero .console-top strong{
    font-size:11px !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
  }

  .hero .console-top small{
    display:block !important;
    margin-left:auto !important;
    font-size:9px !important;
    color:rgba(198,215,231,.70) !important;
  }

  .hero .pulse-dot{
    display:block !important;
    width:8px !important;
    height:8px !important;
  }

  .hero .radar-shell{
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    z-index:1 !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:min(100%, 292px) !important;
    height:292px !important;
    margin:10px auto 0 !important;
    transform:none !important;
    border-radius:50% !important;
    overflow:visible !important;
    background:
      repeating-radial-gradient(circle, rgba(112,239,255,.18) 0 1px, transparent 1px 42px),
      radial-gradient(circle, rgba(112,239,255,.07), transparent 68%) !important;
  }

  .hero .radar-ring{
    display:block !important;
    position:absolute !important;
    width:78% !important;
    max-width:none !important;
    aspect-ratio:1 !important;
    border-radius:50% !important;
    border:1px solid rgba(112,239,255,.18) !important;
    animation:spin 18s linear infinite !important;
  }

  .hero .radar-ring::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:50% !important;
    background:conic-gradient(from 0deg, rgba(112,239,255,.28), transparent 24%, transparent) !important;
  }

  .hero .radar-core{
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    z-index:2 !important;
    width:96px !important;
    height:96px !important;
    border-radius:50% !important;
    background:radial-gradient(circle, rgba(112,239,255,.30), rgba(98,151,255,.12) 62%, rgba(255,255,255,.03)) !important;
    border:1px solid rgba(112,239,255,.26) !important;
  }

  .hero .radar-icon{
    display:block !important;
    width:42px !important;
    height:42px !important;
  }

  .hero .orb{
    display:block !important;
    width:10px !important;
    height:10px !important;
  }

  .hero .console-panels,
  .hero .console-panel{
    display:none !important;
  }
}

@media (max-width: 390px){
  .hero .security-console{
    min-height:324px !important;
    padding:11px !important;
    margin-top:14px !important;
  }

  .hero .radar-shell{
    width:min(100%, 252px) !important;
    height:252px !important;
  }

  .hero .radar-core{
    width:84px !important;
    height:84px !important;
  }

  .hero .radar-icon{
    width:36px !important;
    height:36px !important;
  }
}

/* V107 — echtes Mobile-Radar sichtbar machen (neues Surface-Map-Markup) */
@media (max-width: 900px){
  .hero .security-console.surface-map-console{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    min-height:390px !important;
    height:auto !important;
    max-height:none !important;
    margin:16px auto 0 !important;
    padding:12px !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 50% 48%, rgba(112,239,255,.16), transparent 38%),
      linear-gradient(160deg, rgba(8,18,31,.86), rgba(4,11,21,.94)) !important;
    border:1px solid rgba(112,239,255,.16) !important;
    box-shadow:0 18px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
    transform:none !important;
  }

  .hero .surface-map-top{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:5 !important;
    align-items:center !important;
    flex-direction:row !important;
    justify-content:space-between !important;
    gap:8px !important;
    min-height:34px !important;
    padding:8px 10px !important;
    border-radius:14px !important;
    background:rgba(3,10,20,.70) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .hero .surface-map-top span,
  .hero .surface-map-top b{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    max-width:none !important;
    margin:0 !important;
    font-size:10px !important;
    line-height:1.1 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    color:#dffbff !important;
  }

  .hero .surface-map-top span i{
    display:inline-block !important;
    width:7px !important;
    height:7px !important;
    margin-right:6px !important;
    border-radius:999px !important;
    background:#5ff3a8 !important;
    box-shadow:0 0 18px rgba(95,243,168,.75) !important;
  }

  .hero .surface-map-field.surface-map-field-compact{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:320px !important;
    margin:10px 0 0 !important;
    padding:0 !important;
    grid-template-rows:auto 1fr !important;
    gap:8px !important;
    overflow:visible !important;
    background:transparent !important;
  }

  .hero .surface-map-status{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:6 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    background:transparent !important;
  }

  .hero .surface-map-status .status-pill,
  .hero .surface-map-status small{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .hero .surface-rings.live-radar-board.radar-command-board{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:2 !important;
    width:min(100%, 300px) !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    overflow:hidden !important;
    background:
      repeating-radial-gradient(circle, rgba(112,239,255,.18) 0 1px, transparent 1px 42px),
      radial-gradient(circle at 50% 50%, rgba(112,239,255,.13), transparent 68%),
      linear-gradient(180deg, rgba(2,8,20,.88), rgba(4,12,26,.94)) !important;
    border:1px solid rgba(95,185,255,.18) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 18px 55px rgba(0,0,0,.22) !important;
  }

  .hero .radar-command-board .ring,
  .hero .radar-command-board .scan-sweep,
  .hero .radar-command-board .scan-line,
  .hero .radar-command-board .radar-center-icon,
  .hero .radar-command-board .radar-signal,
  .hero .radar-command-board .radar-dot,
  .hero .radar-command-board .radar-extra-dot{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  .hero .radar-command-board .ring{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    aspect-ratio:1 !important;
    border-radius:50% !important;
    border:1px solid rgba(112,239,255,.18) !important;
    background:transparent !important;
  }

  .hero .radar-command-board .ring-1{width:24% !important;}
  .hero .radar-command-board .ring-2{width:44% !important;}
  .hero .radar-command-board .ring-3{width:64% !important;}
  .hero .radar-command-board .ring-4{width:82% !important;}

  .hero .radar-command-board .scan-sweep{
    position:absolute !important;
    inset:8% !important;
    border-radius:50% !important;
    background:conic-gradient(from 210deg, rgba(60,220,255,0) 0deg, rgba(60,220,255,0) 290deg, rgba(60,220,255,.20) 318deg, rgba(60,220,255,.50) 338deg, rgba(60,220,255,0) 360deg) !important;
    animation:radarSweep 16s linear infinite !important;
    transform-origin:center center !important;
    mix-blend-mode:screen !important;
  }

  .hero .radar-command-board .radar-center-icon{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    width:82px !important;
    height:82px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    z-index:5 !important;
    background:radial-gradient(circle, rgba(112,239,255,.28), rgba(98,151,255,.12) 62%, rgba(255,255,255,.03)) !important;
    border:1px solid rgba(112,239,255,.26) !important;
  }

  .hero .radar-command-board .radar-center-icon .mini-svg{
    display:block !important;
    width:36px !important;
    height:36px !important;
    stroke:#eaf8ff !important;
  }

  .hero .radar-command-board .radar-signal{
    width:36px !important;
    height:36px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    z-index:6 !important;
    animation:signalPulse 7s ease-in-out infinite !important;
  }

  .hero .radar-command-board .radar-signal .mini-svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
  }

  .hero .sig-identity{left:15% !important; top:31% !important;}
  .hero .sig-risk{right:14% !important; top:25% !important;}
  .hero .sig-backup{left:24% !important; bottom:22% !important;}
  .hero .sig-perimeter{right:22% !important; bottom:25% !important;}

  .hero .radar-command-board .radar-dot,
  .hero .radar-command-board .radar-extra-dot{
    position:absolute !important;
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    z-index:4 !important;
  }

  .hero .radar-card-grid{
    display:none !important;
  }
}

@media (max-width: 390px){
  .hero .security-console.surface-map-console{
    min-height:348px !important;
    padding:10px !important;
  }

  .hero .surface-map-field.surface-map-field-compact{
    min-height:284px !important;
  }

  .hero .surface-rings.live-radar-board.radar-command-board{
    width:min(100%, 258px) !important;
    height:258px !important;
    min-height:258px !important;
    max-height:258px !important;
  }

  .hero .radar-command-board .radar-center-icon{
    width:72px !important;
    height:72px !important;
  }

  .hero .radar-command-board .radar-signal{
    width:32px !important;
    height:32px !important;
  }
}

/* V108 — Mobile-Radar optisch sauber zentrieren */
@media (max-width: 900px){
  .hero .hero-visual{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero .security-console.surface-map-console{
    width:min(100%, 360px) !important;
    max-width:360px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  .hero .surface-map-field.surface-map-field-compact{
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    justify-items:center !important;
    align-items:center !important;
    place-items:center !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero .surface-map-status{
    justify-self:center !important;
    align-self:center !important;
    text-align:center !important;
    width:100% !important;
  }

  .hero .surface-rings.live-radar-board.radar-command-board{
    justify-self:center !important;
    align-self:center !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 390px){
  .hero .security-console.surface-map-console{
    width:min(100%, 318px) !important;
    max-width:318px !important;
  }
}


/* ===== V3 CLEANUP: typography, symmetry, mobile stability ===== */
html[lang="de"] p,
html[lang="de"] li{
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
.hero h1, .section-head h2, .approach-copy h2, .ecosystem-copy h2, .threat-hero h2, .urgency-copy h2, .emergency-copy h2, .contact-copy h2, .deep-head h2, .landing-page h1, .landing-page h2, .about-role, .btn, .section-label, .eyebrow, .hero-jump-links a, .hero-jump-links span, .stat span, .stat strong{
  text-align: left;
  hyphens: none;
  -webkit-hyphens: none;
}

.about-person-grid{
  align-items: stretch;
}
.about-person-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.about-person-card h3{
  min-height: 58px;
}
.about-role{
  width: 100%;
  min-height: 78px;
  justify-content: center;
  text-align: center;
  line-height: 1.35;
}
.about-person-card p:last-child{
  margin-bottom: 0;
}

/* Keep large headings cleaner without blocksatz */
.section-head h2, .landing-hero h1, .hero h1{
  text-wrap: balance;
}

/* Restore and stabilize hero stats on mobile */
@media (max-width: 780px){
  .hero-stats,
  .hero-metrics,
  .stats-grid.hero-stats{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin-top: 22px !important;
    max-width: none !important;
  }
  .hero-stats .stat{
    padding: 14px 10px !important;
    min-height: 88px !important;
    border-radius: 18px !important;
  }
  .hero-stats .stat strong{
    font-size: 18px !important;
    line-height: 1 !important;
    text-align: center !important;
  }
  .hero-stats .stat span{
    font-size: 10px !important;
    text-align: center !important;
    margin-top: 6px !important;
  }
}
@media (max-width: 520px){
  .hero-stats,
  .hero-metrics,
  .stats-grid.hero-stats{
    grid-template-columns: 1fr !important;
  }
}

/* Mobile hero console: remove drifting legend / floating layout */
@media (max-width: 780px){
  .surface-map-console{
    min-height: auto !important;
    overflow: hidden !important;
  }
  .surface-map-top{
    min-height: auto !important;
    padding: 14px 16px !important;
  }
  .surface-map-top span,
  .surface-map-top b{
    white-space: normal !important;
  }
  .surface-map-field.surface-map-field-compact{
    inset: 88px 12px 12px !important;
    grid-template-rows: auto auto 1fr auto !important;
    gap: 12px !important;
    min-height: 0 !important;
  }
  .surface-map-status{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }
  .status-pill{
    flex: 0 0 auto !important;
  }
  .radar-command-board{
    min-height: 360px !important;
  }
  .radar-info-card{
    left: 10px !important;
    right: 10px !important;
  }
  .card-identity{ top: 14px !important; }
  .card-risk{ top: 146px !important; }
  .card-perimeter{ bottom: 132px !important; }
  .card-backup{ bottom: 10px !important; }
  .surface-map-legend,
  .surface-map-legend.below,
  .surface-map-summary,
  .surface-map-summary.compact{
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 12px !important;
  }
}

/* Better mobile text rhythm */
@media (max-width: 780px){
  .about-person-card p,
  .contact-copy p,
  .detail-box li,
  .case-card p,
  .flow-card p,
  .principle p{
    font-size: 15px !important;
    line-height: 1.66 !important;
  }
}


/* ===== V5: Ansprechpartner direkt auf der Startseite ===== */
.founders-section{
  position:relative;
  overflow:hidden;
}
.founders-wrap{
  position:relative;
  z-index:1;
}
.founders-head{
  align-items:start;
}
.founders-stage{
  display:grid;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);
  gap:26px;
  align-items:stretch;
}
.founders-team-image{
  margin:0;
  border-radius:38px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(165deg,rgba(23,53,83,.78),rgba(12,25,42,.72));
  box-shadow:var(--shadow);
  min-height:100%;
}
.founders-team-image img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  object-position:center;
}
.founders-profile-grid{
  display:grid;
  gap:18px;
}
.founder-card{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:20px;
  align-items:center;
  padding:20px;
  border-radius:32px;
  background:linear-gradient(165deg,rgba(23,53,83,.80),rgba(12,25,42,.72));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 20px 70px rgba(0,0,0,.22);
}
.founder-card figure{
  margin:0;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.founder-card img{
  width:100%;
  aspect-ratio:4 / 5;
  object-fit:cover;
  object-position:center top;
}
.founder-role{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:260px;
  min-height:58px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(72,187,255,.10);
  border:1px solid rgba(72,187,255,.22);
  color:rgba(226,244,255,.92);
  font-size:.84rem;
  line-height:1.25;
  text-align:center;
  hyphens:none;
}
.founder-card h3{
  margin:16px 0 10px;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
}
.founder-card p{
  margin:0;
  color:#c8d4e3;
  line-height:1.68;
}
.founders-note{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-top:22px;
  padding:22px 24px;
  border-radius:28px;
  background:linear-gradient(90deg,rgba(112,239,255,.10),rgba(98,151,255,.06));
  border:1px solid rgba(112,239,255,.14);
  color:#c8d4e3;
}
.founders-note strong{
  color:#f6faff;
  white-space:nowrap;
}
@media(max-width:1100px){
  .founders-stage{
    grid-template-columns:1fr;
  }
  .founders-team-image img{
    min-height:360px;
    max-height:520px;
  }
}
@media(max-width:720px){
  .founder-card{
    grid-template-columns:1fr;
    padding:18px;
  }
  .founder-card figure{
    max-width:260px;
    margin-inline:auto;
  }
  .founder-role{
    min-width:0;
    width:100%;
  }
  .founders-note{
    display:block;
  }
  .founders-note strong{
    display:block;
    margin-bottom:6px;
  }
}


/* ===== V6: no justified spacing, calmer hero signals, Ansprechpartner at bottom ===== */

/* Disable the global Blocksatz experiment because it creates ugly gaps in cards and lists. */
html[lang="de"] p,
html[lang="de"] li,
.detail-box li,
.threat-tile p,
.case-card p,
.flow-card p,
.principle p,
.founder-card p,
.contact-copy p,
.section-head p,
.panel-lead{
  text-align:left !important;
  text-justify:auto !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  -ms-hyphens:none !important;
  word-spacing:normal !important;
  letter-spacing:normal !important;
}

/* Make the former hero links pure signal chips, not navigation. */
.hero-signal-pills{
  pointer-events:none;
}
.hero-signal-pills span{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:.92;
}
.hero-signal-pills span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--green);
  box-shadow:0 0 18px rgba(95,243,168,.42);
}

/* Cleaner word rhythm in service and threat cards. */
.icon-list li,
.threat-tile p,
.detail-box p,
.detail-box li{
  max-width:100%;
  line-height:1.62 !important;
}

/* Ansprechpartner should be a supporting section, not too dominant. */
.founders-section{
  padding-top:92px !important;
  padding-bottom:92px !important;
}
.founders-head{
  margin-bottom:28px !important;
}
.founders-head h2{
  max-width:780px;
}
.founder-role{
  min-height:44px !important;
  min-width:0 !important;
  width:100%;
  max-width:340px;
}
.founders-team-image img{
  min-height:420px !important;
}
.founder-card{
  align-items:start;
}
@media(max-width:1100px){
  .founders-team-image img{
    min-height:320px !important;
  }
}
@media(max-width:720px){
  .founders-section{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }
  .hero-signal-pills{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }
}


/* ===== V7: compact SEO focus panel and calmer Ansprechpartner section ===== */

/* Old hero pill container is no longer used. */
.hero-signal-pills,
.hero-jump-links.hero-signal-pills{
  display:none !important;
}

.hero-focus-panel{
  margin-top:24px;
  max-width:720px;
  padding:14px 16px 16px;
  border-radius:24px;
  background:linear-gradient(160deg,rgba(23,53,83,.46),rgba(8,18,31,.46));
  border:1px solid rgba(112,239,255,.13);
  box-shadow:0 18px 60px rgba(0,0,0,.16);
}
.hero-focus-panel strong{
  display:block;
  margin-bottom:10px;
  color:#a7f8ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.hero-focus-tags{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.hero-focus-tags span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:9px 11px;
  border-radius:999px;
  background:rgba(112,239,255,.065);
  border:1px solid rgba(112,239,255,.15);
  color:#d9f7ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  line-height:1.2;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none !important;
}
.hero-focus-tags span::before{
  content:"";
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--green);
  box-shadow:0 0 16px rgba(95,243,168,.44);
}

/* Service and threat cards must never be justified. */
.service-panel p,
.service-panel li,
.detail-box li,
.icon-list li,
.threat-tile p,
.threat-tile h3,
.compare-box li,
.case-card p,
.flow-card p,
.principle p{
  text-align:left !important;
  word-spacing:normal !important;
  letter-spacing:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

/* Ansprechpartner: supporting section, not a second hero. */
.founders-section{
  padding-top:82px !important;
  padding-bottom:82px !important;
}
.founders-head{
  display:grid !important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr) !important;
  gap:34px !important;
  align-items:start !important;
  margin-bottom:28px !important;
}
.founders-head h2{
  max-width:560px !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-.052em !important;
  text-wrap:balance !important;
}
.founders-head p{
  max-width:780px !important;
  font-size:18px !important;
  line-height:1.68 !important;
  padding-top:8px;
}
.founders-stage{
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr) !important;
  gap:22px !important;
}
.founders-team-image img{
  min-height:360px !important;
  max-height:500px !important;
}
.founder-card{
  grid-template-columns:132px minmax(0,1fr) !important;
  gap:18px !important;
  padding:18px !important;
}
.founder-card h3{
  font-size:26px !important;
  margin:13px 0 8px !important;
}
.founder-card p{
  font-size:15px !important;
  line-height:1.58 !important;
}
.founder-role{
  width:auto !important;
  max-width:280px !important;
  min-height:40px !important;
  padding:7px 12px !important;
  font-size:.78rem !important;
}
.founders-note{
  margin-top:18px !important;
  padding:18px 20px !important;
  border-radius:24px !important;
}

/* Avoid clipped focus tags in the hero on narrower screens. */
@media(max-width:1100px){
  .hero-focus-tags{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .founders-head{
    grid-template-columns:1fr !important;
  }
  .founders-head p{
    padding-top:0;
  }
  .founders-stage{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:720px){
  .hero-focus-panel{
    padding:13px;
  }
  .hero-focus-tags{
    grid-template-columns:1fr;
  }
  .hero-focus-tags span{
    min-height:36px;
    font-size:11px;
  }
  .founder-card{
    grid-template-columns:1fr !important;
  }
  .founder-card figure{
    max-width:220px !important;
    margin-inline:auto !important;
  }
  .founders-head h2{
    font-size:clamp(31px,9vw,42px) !important;
  }
}


/* ===== V8: dezente Fokusfelder und ruhiger Team Abschnitt ===== */

/* Hero SEO focus: subtle, not oversized */
.hero-focus-panel.hero-focus-subtle{
  margin-top:22px !important;
  max-width:760px !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.hero-focus-panel.hero-focus-subtle span{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:30px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:rgba(112,239,255,.055) !important;
  border:1px solid rgba(112,239,255,.12) !important;
  color:rgba(218,247,255,.86) !important;
  font-size:11px !important;
  font-weight:850 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  opacity:.9 !important;
}
.hero-focus-panel.hero-focus-subtle span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(95,243,168,.86);
  box-shadow:0 0 12px rgba(95,243,168,.36);
}

/* Remove V7 grid tag styling if still present */
.hero-focus-panel.hero-focus-subtle .hero-focus-tags,
.hero-focus-panel.hero-focus-subtle strong{
  display:none !important;
}

/* Ansprechpartner: make it feel supporting, not like a second hero */
.founders-head{
  grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr) !important;
  gap:42px !important;
}
.founders-head h2{
  max-width:640px !important;
  font-size:clamp(34px,3.5vw,52px) !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
}
.founders-head p{
  max-width:720px !important;
  font-size:17px !important;
  line-height:1.62 !important;
}
.founders-stage{
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr) !important;
}
.founders-profile-grid{
  align-content:start !important;
}
.founder-card{
  grid-template-columns:122px minmax(0,1fr) !important;
  padding:16px !important;
  gap:17px !important;
}
.founder-card h3{
  font-size:25px !important;
}
.founder-card p{
  max-width:680px !important;
}
.founder-role{
  width:auto !important;
  max-width:260px !important;
  min-height:36px !important;
  font-size:.76rem !important;
}
.founders-note{
  display:block !important;
  margin-top:18px !important;
  padding:18px 22px !important;
}
.founders-note strong{
  display:block !important;
  margin-bottom:8px !important;
}
.founders-note span{
  display:block !important;
  max-width:980px !important;
  line-height:1.62 !important;
}
@media(max-width:1100px){
  .founders-head{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .founders-stage{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:720px){
  .hero-focus-panel.hero-focus-subtle{
    gap:7px !important;
  }
  .hero-focus-panel.hero-focus-subtle span{
    font-size:10.5px !important;
    min-height:28px !important;
    padding:6px 9px !important;
  }
  .founder-card{
    grid-template-columns:1fr !important;
  }
}


/* ===== V9: DACH Region Tag support ===== */
.hero-focus-panel.hero-focus-subtle{
  max-width:820px !important;
}
.hero-focus-panel.hero-focus-subtle span{
  white-space:nowrap !important;
}
@media(max-width:720px){
  .hero-focus-panel.hero-focus-subtle span{
    white-space:normal !important;
  }
}


/* ===== V10: dezente SEO Linie, Teamkarten vertikal, Performance Fix ===== */

/* Replace big focus blocks with a calm single line */
.hero-focus-panel,
.hero-focus-subtle,
.hero-focus-tags{
  display:none !important;
}
.hero-focus-line{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px 14px !important;
  margin-top:20px !important;
  max-width:780px !important;
  color:rgba(210,232,240,.72) !important;
  font-size:12px !important;
  font-weight:760 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  line-height:1.45 !important;
}
.hero-focus-line span{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  white-space:nowrap !important;
}
.hero-focus-line span::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(95,243,168,.82);
  box-shadow:0 0 10px rgba(95,243,168,.32);
}

/* Ansprechpartner header: no oversized broken headline */
.founders-section{
  padding-top:88px !important;
  padding-bottom:92px !important;
}
.founders-head{
  display:grid !important;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr) !important;
  gap:34px !important;
  align-items:start !important;
  margin-bottom:28px !important;
}
.founders-head h2{
  max-width:760px !important;
  font-size:clamp(34px,3.25vw,52px) !important;
  line-height:1.06 !important;
  letter-spacing:-.05em !important;
  text-wrap:balance !important;
}
.founders-head p{
  max-width:760px !important;
  font-size:17px !important;
  line-height:1.62 !important;
  padding-top:8px !important;
  text-align:left !important;
}

/* Team image + profile cards */
.founders-stage{
  display:grid !important;
  grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr) !important;
  gap:22px !important;
  align-items:start !important;
}
.founders-team-image img{
  min-height:420px !important;
  max-height:560px !important;
  object-fit:cover !important;
}

/* Text under the pictures, not beside them */
.founders-profile-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-content:start !important;
}
.founder-card{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:18px !important;
  align-items:stretch !important;
}
.founder-card figure{
  width:100% !important;
  max-width:none !important;
  margin:0 0 16px 0 !important;
}
.founder-card img{
  width:100% !important;
  aspect-ratio:4/5 !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.founder-role{
  width:100% !important;
  max-width:none !important;
  min-height:40px !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:.78rem !important;
  margin-bottom:12px !important;
}
.founder-card h3{
  font-size:27px !important;
  margin:0 0 12px !important;
}
.founder-card p{
  font-size:15px !important;
  line-height:1.62 !important;
  margin:0 0 12px !important;
  text-align:left !important;
}
.founder-card p:last-child{
  margin-bottom:0 !important;
}

/* Teamansatz bar */
.founders-note{
  display:block !important;
  margin-top:20px !important;
  padding:18px 22px !important;
  border-radius:24px !important;
}
.founders-note strong{
  display:block !important;
  margin-bottom:8px !important;
}
.founders-note span{
  display:block !important;
  max-width:1040px !important;
  line-height:1.62 !important;
  text-align:left !important;
}

/* No justified text in cards */
.service-panel p,
.service-panel li,
.detail-box li,
.icon-list li,
.threat-tile p,
.compare-box li,
.case-card p,
.flow-card p,
.principle p,
.founder-card p,
.founders-note span{
  text-align:left !important;
  word-spacing:normal !important;
  letter-spacing:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

/* Performance: reduce heavy animated layers */
#particleCanvas{
  opacity:.18 !important;
}
.tilt-card,
.magnet{
  will-change:auto !important;
}
@media(max-width:900px){
  #particleCanvas{
    display:none !important;
  }
  .moving-gradient,
  .scan-sweep,
  .scan-line,
  .ring,
  .radar-dot,
  .radar-extra-dot{
    animation-duration:24s !important;
  }
}
@media(max-width:1100px){
  .founders-head,
  .founders-stage{
    grid-template-columns:1fr !important;
  }
  .founders-profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .founders-team-image img{
    min-height:320px !important;
  }
}
@media(max-width:760px){
  .hero-focus-line{
    gap:6px 10px !important;
    font-size:10.5px !important;
  }
  .hero-focus-line span{
    white-space:normal !important;
  }
  .founders-profile-grid{
    grid-template-columns:1fr !important;
  }
  .founders-head h2{
    font-size:clamp(30px,8vw,42px) !important;
  }
}


/* ===== V11: balanced 3-card Team section ===== */

/* Hide old founder layout rules by overriding with a new stable layout. */
.founders-head-compact{
  display:block !important;
  max-width:860px !important;
  margin-bottom:30px !important;
}
.founders-head-compact h2{
  max-width:860px !important;
  font-size:clamp(38px,4.7vw,68px) !important;
  line-height:.98 !important;
  letter-spacing:-.058em !important;
  text-wrap:balance !important;
}
.founders-card-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}
.founder-showcase-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  padding:18px !important;
  border-radius:34px !important;
  background:linear-gradient(165deg,rgba(23,53,83,.80),rgba(12,25,42,.72)) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.22) !important;
  overflow:hidden !important;
}
.founder-showcase-card figure{
  margin:0 0 18px 0 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.04) !important;
}
.founder-showcase-card img{
  width:100% !important;
  aspect-ratio:4 / 5 !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.founder-team-card img{
  object-position:center center !important;
}
.founder-showcase-card .founder-copy{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}
.founder-showcase-card .founder-role{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:40px !important;
  max-width:none !important;
  margin:0 0 14px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(72,187,255,.10) !important;
  border:1px solid rgba(72,187,255,.22) !important;
  color:rgba(226,244,255,.92) !important;
  font-size:.78rem !important;
  line-height:1.25 !important;
  text-align:center !important;
}
.founder-showcase-card h3{
  margin:0 0 12px !important;
  font-size:clamp(24px,2vw,30px) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}
.founder-showcase-card p{
  margin:0 0 12px !important;
  color:#c8d4e3 !important;
  font-size:15px !important;
  line-height:1.62 !important;
  text-align:left !important;
  word-spacing:normal !important;
  letter-spacing:normal !important;
  hyphens:none !important;
}
.founder-showcase-card p:last-child{
  margin-bottom:0 !important;
}
.founders-note{
  margin-top:20px !important;
  padding:20px 24px !important;
  border-radius:26px !important;
}
.founders-note strong{
  display:block !important;
  margin-bottom:8px !important;
}
.founders-note span{
  display:block !important;
  max-width:1080px !important;
  line-height:1.62 !important;
  text-align:left !important;
}

/* Performance: no tilt movement on founder cards. */
.founders-section .tilt-card{
  transform:none !important;
  will-change:auto !important;
}

/* Deactivate very heavy background canvas completely for this local test version. */
#particleCanvas{
  display:none !important;
}

@media(max-width:1100px){
  .founders-card-row{
    grid-template-columns:1fr !important;
  }
  .founder-showcase-card{
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) !important;
    gap:20px !important;
    align-items:start !important;
  }
  .founder-showcase-card figure{
    margin:0 !important;
  }
}
@media(max-width:760px){
  .founders-head-compact h2{
    font-size:clamp(31px,9vw,44px) !important;
  }
  .founder-showcase-card{
    display:flex !important;
    flex-direction:column !important;
  }
  .founder-showcase-card figure{
    margin:0 0 16px 0 !important;
  }
}


/* ===== V12: kleine gleichmäßige Fokusfelder + Geschäftsführer Querformat ===== */

/* Re-enable compact focus fields instead of plain words */
.hero-focus-line,
.hero-focus-panel,
.hero-focus-subtle,
.hero-focus-tags{
  display:none !important;
}

.hero-focus-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
  max-width:900px !important;
  margin-top:22px !important;
}

.hero-focus-grid span{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-height:34px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(112,239,255,.060) !important;
  border:1px solid rgba(112,239,255,.16) !important;
  color:rgba(218,247,255,.88) !important;
  font-size:11px !important;
  font-weight:880 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.hero-focus-grid span::before{
  content:"";
  flex:0 0 auto;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(95,243,168,.92);
  box-shadow:0 0 12px rgba(95,243,168,.34);
}

/* Team section: keep V11 concept, but make Geschäftsführer cards visually lighter */
.founders-card-row{
  grid-template-columns:1.18fr .91fr .91fr !important;
  gap:20px !important;
}

.founder-showcase-card:not(.founder-team-card) figure{
  max-width:100% !important;
  margin:0 0 16px 0 !important;
}

.founder-showcase-card:not(.founder-team-card) img{
  aspect-ratio:16 / 10 !important;
  max-height:260px !important;
  object-fit:cover !important;
  object-position:center 24% !important;
}

/* Team card may stay stronger, because it carries the section visually */
.founder-team-card img{
  aspect-ratio:4 / 5 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.founder-showcase-card:not(.founder-team-card){
  padding:16px !important;
}

.founder-showcase-card:not(.founder-team-card) .founder-role{
  min-height:36px !important;
  font-size:.76rem !important;
  margin-bottom:12px !important;
}

.founder-showcase-card:not(.founder-team-card) h3{
  font-size:clamp(24px,1.7vw,28px) !important;
}

.founder-showcase-card:not(.founder-team-card) p{
  font-size:14.5px !important;
  line-height:1.58 !important;
}

/* Responsive */
@media(max-width:1180px){
  .hero-focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:720px !important;
  }
  .founders-card-row{
    grid-template-columns:1fr !important;
  }
  .founder-showcase-card:not(.founder-team-card) img{
    aspect-ratio:16 / 9 !important;
    max-height:300px !important;
  }
}

@media(max-width:620px){
  .hero-focus-grid{
    grid-template-columns:1fr !important;
  }
  .hero-focus-grid span{
    white-space:normal !important;
    min-height:32px !important;
    font-size:10.5px !important;
  }
}


/* ===== V13: Fokusfelder Schrift dezenter ===== */
.hero-focus-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  max-width:940px !important;
}

.hero-focus-grid span{
  min-height:32px !important;
  padding:7px 11px !important;
  font-size:10px !important;
  font-weight:620 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  line-height:1.15 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  color:rgba(218,247,255,.78) !important;
}

.hero-focus-grid span::before{
  width:5px !important;
  height:5px !important;
  opacity:.9 !important;
}

@media(max-width:1180px){
  .hero-focus-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    max-width:940px !important;
  }
}

@media(max-width:920px){
  .hero-focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:680px !important;
  }
}

@media(max-width:620px){
  .hero-focus-grid{
    grid-template-columns:1fr !important;
  }
  .hero-focus-grid span{
    font-size:10px !important;
    min-height:30px !important;
  }
}


/* ===== V14: Team card only image, text moved to Teamansatz bar ===== */
.founder-team-card{
  padding:18px !important;
}

.founder-team-card figure{
  margin:0 !important;
  flex:1 1 auto !important;
  height:100% !important;
  min-height:100% !important;
}

.founder-team-card picture{
  display:block !important;
  height:100% !important;
}

.founder-team-card img{
  height:100% !important;
  min-height:100% !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.founders-note span b{
  color:#f6faff !important;
  font-weight:850 !important;
}

@media(max-width:1100px){
  .founder-team-card figure{
    min-height:340px !important;
  }
}

@media(max-width:760px){
  .founder-team-card figure{
    min-height:300px !important;
  }
}


/* ===== V15: Osman/Oguz rechts untereinander + Footer sauber in einer Linie ===== */

/* TEAM LAYOUT: links Teamkarte, rechts Osman oben / Oguz unten über die volle Breite */
.founders-card-row{
  display:grid !important;
  grid-template-columns:minmax(320px,0.95fr) minmax(0,1.35fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}

/* place the cards explicitly */
.founders-card-row > .founder-team-card{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2){
  grid-column:2 !important;
  grid-row:1 !important;
}

.founders-card-row > .founder-showcase-card:nth-child(3){
  grid-column:2 !important;
  grid-row:2 !important;
}

/* right-side cards get full width and a horizontal card layout */
.founders-card-row > .founder-showcase-card:nth-child(2),
.founders-card-row > .founder-showcase-card:nth-child(3){
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
  min-height:0 !important;
  padding:18px !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) figure,
.founders-card-row > .founder-showcase-card:nth-child(3) figure{
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) img,
.founders-card-row > .founder-showcase-card:nth-child(3) img{
  width:100% !important;
  aspect-ratio:16 / 10 !important;
  max-height:240px !important;
  object-fit:cover !important;
  object-position:center 24% !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) .founder-copy,
.founders-card-row > .founder-showcase-card:nth-child(3) .founder-copy{
  display:block !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) .founder-role,
.founders-card-row > .founder-showcase-card:nth-child(3) .founder-role{
  width:100% !important;
  max-width:none !important;
  min-height:38px !important;
  justify-content:center !important;
  margin:0 0 12px !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) h3,
.founders-card-row > .founder-showcase-card:nth-child(3) h3{
  margin:0 0 10px !important;
  font-size:clamp(24px,2vw,30px) !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) p,
.founders-card-row > .founder-showcase-card:nth-child(3) p{
  margin:0 0 10px !important;
  font-size:15px !important;
  line-height:1.62 !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) p:last-child,
.founders-card-row > .founder-showcase-card:nth-child(3) p:last-child{
  margin-bottom:0 !important;
}

/* team card stays purely visual on the left */
.founder-team-card{
  display:flex !important;
  flex-direction:column !important;
  padding:18px !important;
}
.founder-team-card figure{
  margin:0 !important;
  height:100% !important;
  min-height:100% !important;
}
.founder-team-card picture{
  display:block !important;
  height:100% !important;
}
.founder-team-card img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* FOOTER: everything aligned on one line */
.site-footer .container,
.footer-inner,
.footer-row,
footer .container{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
}

.site-footer p,
.site-footer .footer-brand,
.site-footer .footer-copy,
footer p{
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  line-height:1.2 !important;
}

.site-footer nav,
.site-footer .footer-links,
footer nav{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
}

.site-footer nav a,
.site-footer .footer-links a,
footer nav a{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

/* responsive fallback */
@media(max-width:1180px){
  .founders-card-row{
    grid-template-columns:1fr !important;
  }
  .founders-card-row > .founder-team-card,
  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    grid-column:auto !important;
    grid-row:auto !important;
  }
  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    display:grid !important;
    grid-template-columns:260px minmax(0,1fr) !important;
  }
}

@media(max-width:760px){
  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    display:flex !important;
    flex-direction:column !important;
  }
  .founders-card-row > .founder-showcase-card:nth-child(2) figure,
  .founders-card-row > .founder-showcase-card:nth-child(3) figure{
    margin:0 0 14px !important;
  }

  .site-footer .container,
  .footer-inner,
  .footer-row,
  footer .container{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .site-footer nav,
  .site-footer .footer-links,
  footer nav{
    flex-wrap:wrap !important;
    gap:10px 14px !important;
  }
}


/* ===== V16: Geschäftsführer Bilder größer und weniger stark beschnitten ===== */

/* Rechte Karten: Bildspalte etwas breiter */
.founders-card-row > .founder-showcase-card:nth-child(2),
.founders-card-row > .founder-showcase-card:nth-child(3){
  grid-template-columns:340px minmax(0,1fr) !important;
}

/* Geschäftsführer Bilder weniger hart als 16:10 croppen */
.founders-card-row > .founder-showcase-card:nth-child(2) img,
.founders-card-row > .founder-showcase-card:nth-child(3) img{
  aspect-ratio:4 / 3 !important;
  max-height:none !important;
  min-height:245px !important;
  object-fit:cover !important;
  object-position:center 32% !important;
}

/* Bildrahmen etwas präsenter, aber nicht riesig */
.founders-card-row > .founder-showcase-card:nth-child(2) figure,
.founders-card-row > .founder-showcase-card:nth-child(3) figure{
  min-height:245px !important;
}

/* Mobile/tablet bleibt kontrolliert */
@media(max-width:1180px){
  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    grid-template-columns:320px minmax(0,1fr) !important;
  }

  .founders-card-row > .founder-showcase-card:nth-child(2) img,
  .founders-card-row > .founder-showcase-card:nth-child(3) img{
    min-height:230px !important;
  }
}

@media(max-width:760px){
  .founders-card-row > .founder-showcase-card:nth-child(2) img,
  .founders-card-row > .founder-showcase-card:nth-child(3) img{
    aspect-ratio:4 / 3 !important;
    min-height:220px !important;
  }
}


/* ===== V17: Bilder sauber einpassen + Footer echte eine Linie ===== */

/* Rechte Geschäftsführer-Karten: Bild nicht mehr hart croppen */
.founders-card-row > .founder-showcase-card:nth-child(2),
.founders-card-row > .founder-showcase-card:nth-child(3){
  grid-template-columns:300px minmax(0,1fr) !important;
  align-items:start !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) figure,
.founders-card-row > .founder-showcase-card:nth-child(3) figure{
  height:230px !important;
  min-height:230px !important;
  max-height:230px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(160deg,rgba(18,42,66,.72),rgba(8,18,31,.78)) !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) img,
.founders-card-row > .founder-showcase-card:nth-child(3) img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center 18% !important;
}

/* Osman etwas tiefer positionieren, damit Kopf und Oberkörper besser sitzen */
.founders-card-row > .founder-showcase-card:nth-child(2) img{
  object-position:center 22% !important;
}

/* Oguz etwas höher, damit Gesicht nicht zu tief wirkt */
.founders-card-row > .founder-showcase-card:nth-child(3) img{
  object-position:center 20% !important;
}

/* Kartenhöhe harmonischer */
.founders-card-row > .founder-showcase-card:nth-child(2),
.founders-card-row > .founder-showcase-card:nth-child(3){
  min-height:0 !important;
}

/* FOOTER: eine echte Zeile, nicht auseinandergezogen */
.footer .footer-grid,
footer .footer-grid,
.footer-grid{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:34px !important;
  flex-wrap:nowrap !important;
}

.footer-brand,
.footer .footer-brand,
footer .footer-brand{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
}

.footer-brand p,
.footer p,
footer p{
  margin:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.footer-links,
.footer .footer-links,
footer .footer-links{
  flex:0 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:20px !important;
  flex-wrap:nowrap !important;
  margin:0 !important;
  padding:0 !important;
}

.footer-links a,
.footer .footer-links a,
footer .footer-links a{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* On smaller screens footer may wrap cleanly, but still not staggered */
@media(max-width:1180px){
  .footer .footer-grid,
  footer .footer-grid,
  .footer-grid{
    flex-wrap:wrap !important;
    gap:16px 24px !important;
  }
  .footer-links,
  .footer .footer-links,
  footer .footer-links{
    flex-wrap:wrap !important;
    gap:12px 18px !important;
  }
}

@media(max-width:760px){
  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    grid-template-columns:1fr !important;
  }

  .founders-card-row > .founder-showcase-card:nth-child(2) figure,
  .founders-card-row > .founder-showcase-card:nth-child(3) figure{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
  }

  .footer .footer-grid,
  footer .footer-grid,
  .footer-grid{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}


/* ===== V18: Geschäftsführer-Bilder zurück auf V6-Optik ===== */

/* Grundlayout bleibt: Team links, Osman/Oguz rechts untereinander */
.founders-card-row{
  display:grid !important;
  grid-template-columns:minmax(320px,0.95fr) minmax(0,1.35fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}

.founders-card-row > .founder-team-card{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2){
  grid-column:2 !important;
  grid-row:1 !important;
}

.founders-card-row > .founder-showcase-card:nth-child(3){
  grid-column:2 !important;
  grid-row:2 !important;
}

/* Osman/Oguz wieder wie V6: kleines Bild links, Text rechts */
.founders-card-row > .founder-showcase-card:nth-child(2),
.founders-card-row > .founder-showcase-card:nth-child(3){
  display:grid !important;
  grid-template-columns:160px minmax(0,1fr) !important;
  gap:20px !important;
  align-items:start !important;
  padding:20px !important;
  min-height:auto !important;
}

/* Bildrahmen wie V6, keine harte fixe Höhe */
.founders-card-row > .founder-showcase-card:nth-child(2) figure,
.founders-card-row > .founder-showcase-card:nth-child(3) figure{
  margin:0 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.04) !important;
  display:block !important;
}

/* Bilder wie V6: Hochformat, kleiner, sauberer Ausschnitt */
.founders-card-row > .founder-showcase-card:nth-child(2) img,
.founders-card-row > .founder-showcase-card:nth-child(3) img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:4 / 5 !important;
  object-fit:cover !important;
  object-position:center top !important;
  display:block !important;
}

/* Textbereich wie V6 */
.founders-card-row > .founder-showcase-card:nth-child(2) .founder-copy,
.founders-card-row > .founder-showcase-card:nth-child(3) .founder-copy{
  display:block !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) .founder-role,
.founders-card-row > .founder-showcase-card:nth-child(3) .founder-role{
  width:100% !important;
  max-width:340px !important;
  min-height:44px !important;
  margin:0 0 14px !important;
  padding:8px 14px !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:.84rem !important;
  line-height:1.25 !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) h3,
.founders-card-row > .founder-showcase-card:nth-child(3) h3{
  margin:16px 0 10px !important;
  font-size:30px !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) p,
.founders-card-row > .founder-showcase-card:nth-child(3) p{
  margin:0 0 12px !important;
  font-size:15px !important;
  line-height:1.68 !important;
}

.founders-card-row > .founder-showcase-card:nth-child(2) p:last-child,
.founders-card-row > .founder-showcase-card:nth-child(3) p:last-child{
  margin-bottom:0 !important;
}

/* Teamkarte links bleibt nur Bild */
.founder-team-card{
  display:flex !important;
  flex-direction:column !important;
  padding:18px !important;
}

.founder-team-card figure{
  margin:0 !important;
  height:100% !important;
  min-height:100% !important;
}

.founder-team-card picture{
  display:block !important;
  height:100% !important;
}

.founder-team-card img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Responsive sauber stapeln */
@media(max-width:1180px){
  .founders-card-row{
    grid-template-columns:1fr !important;
  }

  .founders-card-row > .founder-team-card,
  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    grid-column:auto !important;
    grid-row:auto !important;
  }

  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    grid-template-columns:160px minmax(0,1fr) !important;
  }
}

@media(max-width:760px){
  .founders-card-row > .founder-showcase-card:nth-child(2),
  .founders-card-row > .founder-showcase-card:nth-child(3){
    grid-template-columns:1fr !important;
  }

  .founders-card-row > .founder-showcase-card:nth-child(2) figure,
  .founders-card-row > .founder-showcase-card:nth-child(3) figure{
    max-width:260px !important;
    margin-inline:auto !important;
  }
}

/* ========================================================================
   V23 — Typografie & Design Calm Pass
   Ziel: professioneller, ruhiger, Apple-inspirierte Leseführung.
   Nur CSS. Keine HTML-, SEO- oder Strukturänderungen.
   ======================================================================== */

:root{
  --v23-max-copy: 68ch;
  --v23-max-lead: 62ch;
  --v23-panel-bg: linear-gradient(165deg, rgba(18,38,61,.72), rgba(7,15,27,.74));
  --v23-panel-border: rgba(255,255,255,.095);
  --v23-panel-shadow: 0 26px 78px rgba(0,0,0,.22);
}

html{
  -webkit-text-size-adjust:100%;
}

body{
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Grundtypografie ruhiger und weniger schwer */
body,
p,
li,
input,
textarea,
button{
  letter-spacing: -.006em;
}

p,
li{
  font-weight: 430 !important;
}

strong,
b{
  font-weight: 720 !important;
}

/* Navigation und kleine Labels dezenter */
.site-nav{
  padding:10px 13px !important;
  background:rgba(8,18,31,.68) !important;
  border-color:rgba(255,255,255,.115) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.nav-links a{
  font-size:13px !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
  color:rgba(218,229,242,.84) !important;
}

.nav-emergency{
  font-weight:740 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 14px 34px rgba(255,93,115,.17) !important;
}

.eyebrow,
.section-label,
.panel-kicker,
.detail-title,
.threat-severity,
.case-card span,
.partner-logo-card span,
.compare-box span{
  font-size:11px !important;
  font-weight:680 !important;
  letter-spacing:.095em !important;
  text-transform:uppercase !important;
  color:rgba(169,244,255,.82) !important;
}

/* Hero: stark, aber weniger laut */
.hero{
  min-height:92vh !important;
  padding-top:142px !important;
  padding-bottom:82px !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(420px,.78fr) !important;
  gap:54px !important;
}

.hero-copy{
  max-width:790px !important;
}

.hero h1{
  max-width:790px !important;
  margin:22px 0 20px !important;
  font-size:clamp(44px, 5.45vw, 78px) !important;
  line-height:1.02 !important;
  letter-spacing:-.052em !important;
  font-weight:760 !important;
}

.hero h1 span{
  letter-spacing:-.046em !important;
}

.hero p{
  max-width:var(--v23-max-lead) !important;
  font-size:18px !important;
  line-height:1.72 !important;
  color:rgba(215,225,238,.86) !important;
}

.hero-support-line{
  max-width:54ch !important;
  margin-top:12px !important;
  font-size:16.5px !important;
  line-height:1.68 !important;
  color:rgba(198,211,228,.78) !important;
}

.hero-focus-grid{
  max-width:760px !important;
  gap:8px !important;
  margin-top:24px !important;
}

.hero-focus-grid span{
  min-height:31px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.095) !important;
  color:rgba(219,234,246,.76) !important;
  font-size:10.8px !important;
  font-weight:560 !important;
  letter-spacing:.006em !important;
}

.hero-focus-grid span::before{
  width:4px !important;
  height:4px !important;
  box-shadow:0 0 10px rgba(95,243,168,.25) !important;
}

.hero-actions{
  gap:10px !important;
  margin-top:28px !important;
}

.btn{
  min-height:46px !important;
  padding:11px 18px !important;
  font-size:14px !important;
  font-weight:690 !important;
  letter-spacing:-.012em !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}

.btn-primary{
  background:linear-gradient(135deg, rgba(44,214,237,.94), rgba(68,117,244,.94)) !important;
  box-shadow:0 16px 42px rgba(61,116,255,.19) !important;
}

.btn-danger{
  box-shadow:0 16px 42px rgba(255,93,115,.16) !important;
}

.hero-stats{
  max-width:620px !important;
  margin-top:34px !important;
  gap:10px !important;
}

.stat{
  padding:15px 16px !important;
  border-radius:19px !important;
  background:linear-gradient(160deg,rgba(23,53,83,.54),rgba(10,24,40,.48)) !important;
  border-color:rgba(255,255,255,.085) !important;
}

.stat strong{
  font-size:22px !important;
  font-weight:720 !important;
  letter-spacing:-.032em !important;
}

.stat span{
  font-size:11px !important;
  font-weight:560 !important;
  letter-spacing:.07em !important;
  color:rgba(176,191,210,.78) !important;
}

.security-console{
  min-height:610px !important;
  border-radius:38px !important;
  box-shadow:0 30px 92px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Abschnitts-Typografie */
section{
  padding:102px 0 !important;
}

.section-head,
.deep-head{
  gap:34px !important;
  margin-bottom:36px !important;
}

.section-head h2,
.approach-copy h2,
.ecosystem-copy h2,
.threat-copy-block h2,
.threat-hero h1,
.cyber-hero h1,
.topic-hero h1,
.urgency-copy h2,
.emergency-copy h2,
.contact-copy h2,
.deep-head h2,
.sub-hero h1,
.attack-detail-hero h1,
.landing-hero h1,
.legal-modern-hero h1{
  font-size:clamp(32px, 3.85vw, 58px) !important;
  line-height:1.07 !important;
  letter-spacing:-.047em !important;
  font-weight:730 !important;
  max-width:12.8em;
}

.section-head p,
.approach-copy p,
.ecosystem-copy p,
.threat-copy-block p,
.threat-hero p,
.cyber-hero p,
.topic-hero p,
.urgency-copy p,
.emergency-copy p,
.contact-copy p,
.deep-head p,
.sub-hero p,
.attack-detail-hero p,
.landing-hero p,
.legal-modern-hero p{
  max-width:var(--v23-max-copy) !important;
  font-size:16.5px !important;
  line-height:1.76 !important;
  color:rgba(205,217,232,.82) !important;
}

/* Allgemeine Cards: weniger Glas-Lärm, mehr ruhige Panels */
.risk-card,
.principle-card,
.partner-logo-card,
.case-card,
.threat-tile,
.compare-box,
.contact-copy,
.contact-form,
.approach-card,
.deep-card,
.founder-showcase-card,
.founder-team-card{
  border-radius:28px !important;
  background:var(--v23-panel-bg) !important;
  border-color:var(--v23-panel-border) !important;
  box-shadow:var(--v23-panel-shadow) !important;
}

.risk-card h3,
.principle-card h3,
.partner-logo-card strong,
.case-card h3,
.threat-tile h3,
.compare-box h3,
.deep-card h3,
.founder-showcase-card h3{
  font-weight:700 !important;
  letter-spacing:-.038em !important;
  line-height:1.1 !important;
}

.risk-card p,
.principle-card p,
.partner-logo-card p,
.case-card p,
.threat-tile p,
.compare-box li,
.deep-card p,
.founder-showcase-card p{
  font-size:15.5px !important;
  line-height:1.7 !important;
  color:rgba(203,216,232,.80) !important;
}

/* Leistungsbereich: weniger Textwand, bessere Hierarchie */
.services-section .section-head h2{
  max-width:11.8em !important;
}

.services-section .section-head p{
  max-width:70ch !important;
}

.service-explorer{
  gap:22px !important;
}

.services-section .service-tabs,
.service-explorer > .service-tabs,
.service-tabs[role="tablist"]{
  gap:9px !important;
  padding:10px !important;
  border-radius:28px !important;
  background:rgba(3,10,19,.30) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

.services-section .service-tab,
.service-tab{
  min-height:58px !important;
  padding:13px 15px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.075) !important;
  color:rgba(220,233,246,.78) !important;
  font-size:13px !important;
  font-weight:610 !important;
  letter-spacing:-.012em !important;
  box-shadow:none !important;
}

.services-section .service-tab.is-active,
.service-tab.is-active{
  background:linear-gradient(165deg, rgba(255,255,255,.105), rgba(112,239,255,.07)) !important;
  border-color:rgba(169,244,255,.25) !important;
  color:#fff !important;
  box-shadow:0 16px 42px rgba(0,0,0,.16) !important;
}

.services-section .service-tab .tab-icon,
.service-tab .tab-icon{
  width:34px !important;
  height:34px !important;
  border-radius:13px !important;
  background:rgba(112,239,255,.075) !important;
  border-color:rgba(112,239,255,.12) !important;
}

.services-section .service-stage,
.service-stage{
  min-height:0 !important;
  border-radius:34px !important;
  background:linear-gradient(165deg, rgba(14,33,54,.52), rgba(5,13,24,.62)) !important;
  border:1px solid rgba(255,255,255,.085) !important;
  box-shadow:0 28px 88px rgba(0,0,0,.22) !important;
}

.services-section .service-panel,
.service-panel{
  padding:34px !important;
  border-radius:34px !important;
  background:linear-gradient(165deg, rgba(16,38,62,.70), rgba(6,15,28,.68)) !important;
  border-color:rgba(255,255,255,.085) !important;
  box-shadow:none !important;
}

.services-section .service-panel h3,
.service-panel h3{
  max-width:780px !important;
  margin:12px 0 14px !important;
  font-size:clamp(28px, 3vw, 44px) !important;
  line-height:1.1 !important;
  letter-spacing:-.043em !important;
  font-weight:720 !important;
}

.services-section .panel-lead,
.panel-lead{
  max-width:var(--v23-max-copy) !important;
  margin-bottom:24px !important;
  font-size:16.5px !important;
  line-height:1.76 !important;
  color:rgba(210,222,236,.82) !important;
}

.services-section .detail-columns,
.service-panel .detail-columns{
  gap:14px !important;
  margin-top:20px !important;
}

.services-section .detail-box,
.service-panel .detail-box{
  padding:22px 22px 20px !important;
  border-radius:24px !important;
  background:rgba(4,12,23,.34) !important;
  border-color:rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}

.services-section .detail-title,
.service-panel .detail-title{
  margin-bottom:13px !important;
  color:rgba(159,247,231,.86) !important;
}

.services-section .icon-list,
.service-panel .icon-list{
  gap:10px !important;
}

.services-section .icon-list li,
.service-panel .icon-list li,
.detail-box li,
.icon-list li{
  grid-template-columns:19px 1fr !important;
  gap:9px !important;
  font-size:14.4px !important;
  line-height:1.58 !important;
  color:rgba(213,224,238,.82) !important;
}

.services-section .icon-list li span,
.service-panel .icon-list li span{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin-top:2px !important;
  color:rgba(142,247,223,.88) !important;
}

.services-section .outcome-note,
.service-panel .outcome-note{
  margin-top:14px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  background:rgba(112,239,255,.055) !important;
  border-color:rgba(112,239,255,.12) !important;
  font-size:14.3px !important;
  line-height:1.62 !important;
  color:rgba(226,236,247,.86) !important;
}

/* Threat Center und Kacheln ruhiger */
.threat-grid,
.case-grid,
.risk-map{
  gap:14px !important;
}

.threat-tile,
.case-card,
.risk-card{
  min-height:auto !important;
  padding:24px !important;
}

.threat-tile h3{
  margin:24px 0 10px !important;
  font-size:21px !important;
}

.case-card h3{
  margin:54px 0 12px !important;
  font-size:25px !important;
}

/* Subpages / Landing Pages: weniger wuchtige Einstiegsbereiche */
.sub-hero,
.landing-hero,
.legal-modern-hero,
.attack-detail-hero{
  padding-top:138px !important;
  padding-bottom:84px !important;
}

.sub-hero h1,
.landing-hero h1,
.legal-modern-hero h1,
.attack-detail-hero h1{
  font-size:clamp(38px, 5.2vw, 70px) !important;
  line-height:1.06 !important;
  letter-spacing:-.05em !important;
}

/* Kontakt/Fußbereich hochwertiger und leichter */
.contact-copy,
.contact-form{
  padding:28px !important;
}

.contact-form label{
  font-size:12.5px !important;
  font-weight:620 !important;
}

.contact-form input,
.contact-form textarea{
  border-radius:15px !important;
  background:rgba(5,12,22,.42) !important;
  border-color:rgba(255,255,255,.095) !important;
}

.footer,
footer.footer{
  padding:30px 0 40px !important;
}

.footer p,
.footer a,
footer p,
footer a{
  font-size:12.5px !important;
  font-weight:480 !important;
  color:rgba(204,216,230,.68) !important;
}

/* Tablet */
@media(max-width:1100px){
  .hero{
    min-height:auto !important;
    padding-top:130px !important;
  }

  .hero-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .hero h1{
    font-size:clamp(42px, 8vw, 68px) !important;
  }

  .service-explorer,
  .services-section .service-explorer{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .services-section .service-tabs,
  .service-tabs[role="tablist"]{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Mobile */
@media(max-width:780px){
  .container{
    width:min(100% - 30px,1180px) !important;
  }

  section{
    padding:72px 0 !important;
  }

  .site-nav{
    top:10px !important;
    border-radius:22px !important;
  }

  .hero{
    padding-top:118px !important;
    padding-bottom:62px !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1{
    font-size:clamp(34px, 10.5vw, 50px) !important;
    line-height:1.07 !important;
    letter-spacing:-.045em !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-copy-block h2,
  .threat-hero h1,
  .cyber-hero h1,
  .topic-hero h1,
  .urgency-copy h2,
  .emergency-copy h2,
  .contact-copy h2,
  .deep-head h2,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(29px, 8.8vw, 41px) !important;
    line-height:1.1 !important;
    letter-spacing:-.042em !important;
  }

  .hero p,
  .hero-support-line,
  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .threat-copy-block p,
  .urgency-copy p,
  .emergency-copy p,
  .contact-copy p,
  .deep-head p,
  .sub-hero p,
  .landing-hero p{
    font-size:15.5px !important;
    line-height:1.72 !important;
  }

  .hero-focus-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .hero-focus-grid span{
    font-size:10px !important;
    padding:7px 10px !important;
  }

  .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .services-section .service-tabs,
  .service-tabs[role="tablist"]{
    grid-template-columns:1fr !important;
    padding:6px !important;
    border-radius:18px !important;
  }

  .services-section .service-tab,
  .service-tab{
    min-height:44px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
  }

  .services-section .service-tab > span:last-child,
  .service-tab > span:last-child{
    font-size:12px !important;
    font-weight:650 !important;
    letter-spacing:-.012em !important;
  }

  .services-section .service-panel,
  .service-panel{
    padding:20px !important;
    border-radius:24px !important;
  }

  .services-section .service-panel h3,
  .service-panel h3{
    font-size:clamp(24px, 7.2vw, 34px) !important;
    line-height:1.12 !important;
  }

  .services-section .panel-lead,
  .panel-lead{
    font-size:15px !important;
    line-height:1.7 !important;
  }

  .services-section .detail-box,
  .service-panel .detail-box{
    padding:14px !important;
  }

  .services-section .icon-list li,
  .service-panel .icon-list li,
  .detail-box li,
  .icon-list li{
    font-size:13.2px !important;
    line-height:1.52 !important;
  }

  .services-section .outcome-note,
  .service-panel .outcome-note{
    font-size:13.2px !important;
  }

  .security-console{
    min-height:480px !important;
    border-radius:28px !important;
  }
}

@media(max-width:420px){
  .hero-focus-grid{
    grid-template-columns:1fr !important;
  }

  .hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .sub-hero h1,
  .attack-detail-hero h1{
    font-size:clamp(32px, 10.8vw, 44px) !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .threat-copy-block h2,
  .contact-copy h2,
  .deep-head h2{
    font-size:clamp(27px, 9vw, 37px) !important;
  }
}


/* V24: ruhige Premium-Interaktion statt konkurrierender Tilt-/Magnet-Effekte */
:root{
  --premium-hover-border: rgba(112,239,255,.24);
  --premium-hover-bg: rgba(112,239,255,.055);
  --premium-hover-shadow: 0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045);
}

/* Service-Tabs waren vorher gleichzeitig Magnet und Tilt. Jetzt bleiben sie stabil. */
.service-tab,
.services-section .service-tab,
.service-tab:hover,
.services-section .service-tab:hover,
.service-tab.is-active,
.services-section .service-tab.is-active{
  transform:none !important;
}

/* Karten: kein 3D-Kippen mehr, nur ein dezenter Hover-Zustand. */
.risk-card,
.principle,
.ecosystem-card,
.partner-logo-card,
.partner-brand-card,
.partner-pill-grid article,
.partner-pill-grid a,
.threat-tile,
.compare-box,
.case-card,
.testimonial-card,
.flow-card,
.stat,
.contact-copy,
.contact-form,
.detail-box,
.service-panel,
.service-stage,
.cybersicher-info-card,
.founder-showcase-card{
  will-change:auto !important;
  transform:none !important;
  transition:border-color .22s ease, background .22s ease, box-shadow .22s ease, opacity .22s ease !important;
}

.risk-card:hover,
.principle:hover,
.ecosystem-card:hover,
.partner-logo-card:hover,
.partner-brand-card:hover,
.partner-pill-grid article:hover,
.partner-pill-grid a:hover,
.threat-tile:hover,
.compare-box:hover,
.case-card:hover,
.testimonial-card:hover,
.flow-card:hover,
.stat:hover,
.detail-box:hover,
.cybersicher-info-card:hover,
.founder-showcase-card:hover{
  transform:none !important;
  border-color:var(--premium-hover-border) !important;
  background-color:var(--premium-hover-bg) !important;
  box-shadow:var(--premium-hover-shadow) !important;
}

/* Die Hero-Konsole bleibt als einziges großes Premium-Element subtil reaktiv. */
.security-console{
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .28s cubic-bezier(.2,.8,.2,1), border-color .22s ease, box-shadow .22s ease !important;
}
.security-console:hover{
  border-color:rgba(112,239,255,.26) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Buttons dürfen noch leicht magnetisch wirken, aber ohne harte Sprünge. */
.btn,
.nav-emergency{
  transition:transform .18s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.btn:hover,
.nav-emergency:hover{
  transform:translateY(-1px);
}

/* Keine Layout- oder Motion-Überraschungen in Kontakt, Ansprechpartnern und Partnerflächen. */
.contact-section .contact-copy,
.contact-section .contact-form,
.founder-showcase-card,
.partner-brand-card,
.partner-logo-surface{
  transform:none !important;
}

/* Leistungs-Kicker ohne Nummerierung optisch etwas ruhiger. */
.services-section .panel-kicker{
  letter-spacing:.11em !important;
  opacity:.9;
}

@media (prefers-reduced-motion: reduce), (max-width: 900px){
  .security-console,
  .btn,
  .nav-emergency,
  .risk-card,
  .principle,
  .ecosystem-card,
  .partner-logo-card,
  .partner-brand-card,
  .threat-tile,
  .compare-box,
  .case-card,
  .testimonial-card,
  .flow-card,
  .stat{
    transform:none !important;
    transition:none !important;
  }
}

/* =========================================================
   V25 — Leistungen links auf volle Bühnenhöhe strecken
   Ziel: linke Leistungsnavigation über die gesamte Höhe des rechten Panels verteilen,
   damit die Buttons ruhiger, luftiger und weniger zusammengedrängt wirken.
   Desktop/Tablet only.
   ========================================================= */
@media (min-width: 1181px){
  .services-section .service-explorer{
    align-items:stretch !important;
  }

  .services-section .service-stage{
    align-self:stretch !important;
    min-height:620px !important;
  }

  .services-section .service-tabs,
  .service-explorer > .service-tabs,
  .service-tabs[role="tablist"]{
    position:sticky !important;
    top:112px !important;
    align-self:stretch !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:repeat(6, minmax(0, 1fr)) !important;
    height:100% !important;
    min-height:620px !important;
    gap:14px !important;
  }

  .services-section .service-tab,
  .service-tab{
    min-height:0 !important;
    height:100% !important;
    align-content:center !important;
    align-items:center !important;
    padding:18px 18px !important;
  }

  .services-section .service-tab > span:last-child,
  .service-tab > span:last-child{
    display:flex !important;
    align-items:center !important;
  }
}


/* =========================================================
   V26 — Desktop: größere Icons im Leistungsbereich
   Ziel: Icons in der Leistungsnavigation und den Leistungsdetails
   stärker sichtbar machen, ohne die mobile Ansicht zu verändern.
   ========================================================= */
@media (min-width: 1181px){
  .services-section .service-tab{
    grid-template-columns:64px minmax(0, 1fr) !important;
    gap:18px !important;
  }

  .services-section .service-tab .tab-icon,
  .service-tab .tab-icon{
    width:64px !important;
    height:64px !important;
    border-radius:21px !important;
  }

  .services-section .service-tab .tab-icon .mini-svg,
  .service-tab .tab-icon .mini-svg{
    width:31px !important;
    height:31px !important;
    stroke-width:1.85 !important;
  }

  .services-section .icon-list li{
    grid-template-columns:28px minmax(0, 1fr) !important;
    gap:12px !important;
    align-items:flex-start !important;
  }

  .services-section .icon-list li span{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    margin-top:1px !important;
  }

  .services-section .icon-list li span .tiny-svg{
    width:16px !important;
    height:16px !important;
    stroke-width:2 !important;
  }

  .services-section .icon-list.compact li{
    grid-template-columns:28px minmax(0, 1fr) !important;
  }
}


/* =========================================================
   V27 — Desktop: größere Icons unter "Infrastructure Status"
   Ziel: Die vier Status-Karten unter dem Diagramm optisch an die
   größeren Leistungs-Icons angleichen. Mobile bleibt unverändert.
   ========================================================= */
@media (min-width: 1181px){
  .hero .radar-card-grid .radar-card-head{
    gap:16px !important;
    align-items:center !important;
  }

  .hero .radar-card-grid .radar-card-icon,
  .radar-card-grid .radar-card-icon{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:20px !important;
  }

  .hero .radar-card-grid .radar-card-icon .mini-svg,
  .radar-card-grid .radar-card-icon .mini-svg{
    width:29px !important;
    height:29px !important;
    stroke-width:1.85 !important;
  }

  .hero .radar-card-grid .radar-info-card{
    padding:22px 22px 20px !important;
  }
}


/* =========================================================
   V28 — Desktop: H1-Umbrüche ruhiger und natürlicher
   Ziel: große Headlines wirken nicht mehr abgebrochen.
   Mobile bleibt unverändert und wird später separat bearbeitet.
   ========================================================= */
@media (min-width: 901px){
  .hero h1{
    max-width:980px !important;
    font-size:clamp(50px, 6.35vw, 86px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
    text-wrap:normal !important;
  }

  .hero h1 span{
    display:inline !important;
  }

  .sub-hero h1,
  .topic-hero h1,
  .cyber-hero h1,
  .threat-hero h1,
  .attack-detail-hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .legal-hero-v76 h1{
    max-width:1040px !important;
    font-size:clamp(44px, 5.5vw, 76px) !important;
    line-height:1.02 !important;
    letter-spacing:-.052em !important;
    text-wrap:normal !important;
  }

  .sub-hero p,
  .topic-hero p,
  .cyber-hero p,
  .threat-hero p,
  .landing-hero p{
    max-width:780px !important;
  }
}

@media (min-width: 1181px){
  .hero-copy{
    max-width:1040px !important;
  }

  .hero h1{
    max-width:1010px !important;
  }
}

/* =========================================================
   V29 — Mobile first cleanup for start page
   Ziel: Mobile Ansicht weniger gedrängt, klarere Führung,
   ruhiger Header, entschlackter Hero und besser lesbarer Leistungsbereich.
   Desktop bleibt unverändert.
   ========================================================= */

@media (max-width: 900px){
  html, body{
    overflow-x:hidden !important;
  }

  .container{
    width:calc(100% - 28px) !important;
  }

  section{
    padding-top:64px !important;
    padding-bottom:64px !important;
  }

  /* Mobile Header: wieder klarer Markenanker, weniger Overlay-Gefühl */
  .site-nav{
    top:10px !important;
    width:calc(100% - 16px) !important;
    display:grid !important;
    grid-template-columns:minmax(92px, 1fr) auto auto !important;
    gap:7px !important;
    align-items:center !important;
    padding:8px !important;
    border-radius:20px !important;
    background:rgba(6,16,28,.82) !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 14px 48px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.045) !important;
    backdrop-filter:blur(18px) !important;
  }

  .site-nav .brand{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .site-nav .brand img,
  .brand img{
    height:30px !important;
    max-width:126px !important;
    object-fit:contain !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:38px !important;
    min-height:38px !important;
    padding:0 11px !important;
    border-radius:14px !important;
    font-size:12px !important;
    line-height:1 !important;
    box-shadow:none !important;
  }

  .nav-toggle{
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#f4fbff !important;
  }

  .site-nav .nav-emergency{
    background:rgba(255,93,115,.16) !important;
    border:1px solid rgba(255,93,115,.34) !important;
    color:#ffd7dd !important;
    font-weight:850 !important;
  }

  .site-nav .nav-links{
    grid-column:1 / -1 !important;
    margin-top:4px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
  }

  .site-nav .nav-links a{
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    padding:12px 13px !important;
    border-radius:14px !important;
    font-size:14px !important;
    font-weight:760 !important;
    background:rgba(255,255,255,.055) !important;
  }

  /* Hero: weniger Druck, klarere erste Botschaft */
  .hero{
    padding-top:112px !important;
    padding-bottom:54px !important;
    min-height:auto !important;
  }

  .hero-grid{
    display:block !important;
  }

  .hero-photo,
  .moving-gradient{
    opacity:.20 !important;
  }

  .hero-copy{
    max-width:none !important;
  }

  .eyebrow{
    display:inline-flex !important;
    max-width:100% !important;
    padding:8px 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    font-size:9.8px !important;
    line-height:1.2 !important;
    letter-spacing:.075em !important;
  }

  .hero h1{
    max-width:100% !important;
    margin:18px 0 14px !important;
    font-size:clamp(35px, 10.3vw, 48px) !important;
    line-height:1.02 !important;
    letter-spacing:-.052em !important;
    text-wrap:normal !important;
  }

  .hero h1 span{
    display:inline !important;
  }

  .hero p{
    max-width:100% !important;
    font-size:15.2px !important;
    line-height:1.58 !important;
    color:#cfdae7 !important;
  }

  .hero-support-line{
    margin-top:10px !important;
    font-size:14.5px !important;
    color:rgba(231,243,255,.72) !important;
  }

  .hero-focus-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:18px !important;
  }

  .hero-focus-grid span{
    min-height:34px !important;
    padding:8px 9px !important;
    border-radius:13px !important;
    font-size:11.2px !important;
    line-height:1.15 !important;
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.075) !important;
  }

  .hero-focus-grid span:nth-child(n+5){
    display:none !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin-top:22px !important;
  }

  .hero-actions .btn{
    width:100% !important;
    min-height:48px !important;
    border-radius:15px !important;
    padding:12px 14px !important;
    font-size:14px !important;
    box-shadow:none !important;
  }

  .hero-actions .btn-secondary{
    min-height:40px !important;
    background:transparent !important;
    border-color:transparent !important;
    color:#aeeeff !important;
    justify-content:flex-start !important;
    padding-left:2px !important;
  }

  .hero-stats{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:22px !important;
  }

  .hero-stats .stat{
    padding:12px 8px !important;
    border-radius:16px !important;
    text-align:center !important;
    background:rgba(255,255,255,.052) !important;
    border-color:rgba(255,255,255,.075) !important;
  }

  .stat strong{
    font-size:18px !important;
    line-height:1 !important;
  }

  .stat span{
    font-size:9.5px !important;
    line-height:1.25 !important;
    letter-spacing:.055em !important;
  }

  /* Große Hero-Konsole auf Mobile deutlich zurücknehmen */
  .security-console{
    display:none !important;
  }

  /* Abschnittsüberschriften mobiler und ruhiger */
  .section-head{
    display:block !important;
    margin-bottom:24px !important;
  }

  .section-head h2,
  .approach-copy h2,
  .ecosystem-copy h2,
  .contact-copy h2,
  .deep-head h2,
  .emergency-copy h2,
  .urgency-copy h2{
    margin:12px 0 10px !important;
    font-size:clamp(28px, 8.7vw, 39px) !important;
    line-height:1.04 !important;
    letter-spacing:-.048em !important;
    text-wrap:normal !important;
  }

  .section-head p,
  .approach-copy p,
  .ecosystem-copy p,
  .contact-copy p,
  .deep-head p,
  .emergency-copy p,
  .urgency-copy p{
    font-size:15px !important;
    line-height:1.58 !important;
  }

  /* Leistungen: nicht mehr wie gequetschte Desktop-Tabs, sondern mobile Auswahlkarten */
  .services-section .service-explorer,
  .service-explorer{
    display:block !important;
    margin-top:0 !important;
  }

  .services-section .service-tabs,
  .service-explorer > .service-tabs,
  .service-tabs[role="tablist"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    padding:0 !important;
    margin:0 0 14px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
  }

  .services-section .service-tab,
  .service-tab{
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    min-height:64px !important;
    height:auto !important;
    padding:12px 14px !important;
    border-radius:18px !important;
    background:linear-gradient(160deg,rgba(23,53,83,.58),rgba(8,18,31,.74)) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    color:#eff8ff !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .services-section .service-tab.is-active,
  .service-tab.is-active{
    background:linear-gradient(145deg,rgba(50,112,168,.38),rgba(13,29,48,.82)) !important;
    border-color:rgba(112,239,255,.30) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
  }

  .services-section .service-tab .tab-icon,
  .service-tab .tab-icon{
    display:grid !important;
    place-items:center !important;
    width:46px !important;
    height:46px !important;
    border-radius:15px !important;
  }

  .services-section .service-tab .tab-icon .mini-svg,
  .service-tab .tab-icon .mini-svg{
    width:23px !important;
    height:23px !important;
  }

  .services-section .service-tab > span:last-child,
  .service-tab > span:last-child{
    display:block !important;
    width:100% !important;
    font-size:14.5px !important;
    font-weight:820 !important;
    line-height:1.22 !important;
    letter-spacing:-.018em !important;
    text-wrap:normal !important;
  }

  .services-section .service-stage,
  .service-stage{
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .services-section .stage-photo{
    display:none !important;
  }

  .services-section .service-panel,
  .service-panel{
    position:relative !important;
    inset:auto !important;
    min-height:0 !important;
    padding:18px !important;
    border-radius:20px !important;
    background:linear-gradient(160deg,rgba(18,39,62,.78),rgba(8,17,30,.84)) !important;
    border:1px solid rgba(112,239,255,.12) !important;
    box-shadow:none !important;
  }

  .services-section .service-panel:not(.is-active),
  .service-panel:not(.is-active){
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  .services-section .service-panel.is-active,
  .service-panel.is-active{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .services-section .panel-kicker,
  .panel-kicker{
    font-size:10px !important;
    letter-spacing:.095em !important;
    margin-bottom:8px !important;
  }

  .services-section .service-panel h3,
  .service-panel h3{
    font-size:22px !important;
    line-height:1.12 !important;
    letter-spacing:-.035em !important;
    margin:0 0 9px !important;
  }

  .services-section .panel-lead,
  .panel-lead{
    font-size:14.2px !important;
    line-height:1.54 !important;
    margin:0 !important;
  }

  .services-section .detail-columns,
  .services-section .detail-box,
  .services-section .outcome-note,
  .service-panel .detail-columns,
  .service-panel .detail-box,
  .service-panel .outcome-note{
    display:none !important;
  }

  /* Mobile insgesamt ruhiger: keine Premium-Hover-Motion auf Touch */
  .tilt-card,
  .magnet,
  .risk-card,
  .principle,
  .service-tab,
  .partner-logo-card,
  .threat-tile,
  .case-card,
  .testimonial-card,
  .flow-card,
  .compare-box,
  .contact-form,
  .contact-copy,
  .security-console,
  .stat{
    transform:none !important;
    transition:none !important;
  }
}

@media (max-width: 430px){
  .container{
    width:calc(100% - 22px) !important;
  }

  .site-nav{
    grid-template-columns:minmax(78px, 1fr) auto auto !important;
    gap:5px !important;
    padding:7px !important;
  }

  .site-nav .brand img,
  .brand img{
    height:27px !important;
    max-width:106px !important;
  }

  .nav-toggle,
  .site-nav .nav-emergency{
    height:36px !important;
    min-height:36px !important;
    padding:0 9px !important;
    border-radius:13px !important;
    font-size:11px !important;
  }

  .site-nav .nav-emergency{
    max-width:82px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .hero{
    padding-top:104px !important;
  }

  .hero h1{
    font-size:clamp(33px, 10.8vw, 43px) !important;
    line-height:1.03 !important;
  }

  .hero p{
    font-size:14.7px !important;
  }

  .hero-focus-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .hero-stats{
    grid-template-columns:1fr !important;
  }

  .services-section .service-tab,
  .service-tab{
    grid-template-columns:42px minmax(0,1fr) !important;
    min-height:58px !important;
    padding:11px 12px !important;
  }

  .services-section .service-tab .tab-icon,
  .service-tab .tab-icon{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }

  .services-section .service-tab > span:last-child,
  .service-tab > span:last-child{
    font-size:13.6px !important;
  }
}


/* =========================================================
   V30 — Headline-Skala ruhiger
   Ziel: H1/H2/H3 insgesamt einen Tick kleiner und souveräner.
   Keine Text-, SEO-, HTML- oder JavaScript-Änderungen.
   ========================================================= */

/* Desktop und größere Tablets */
@media (min-width: 901px){
  .hero h1{
    font-size:clamp(47px, 5.9vw, 80px) !important;
    line-height:1.02 !important;
    letter-spacing:-.048em !important;
    max-width:1010px !important;
  }

  .sub-hero h1,
  .topic-hero h1,
  .cyber-hero h1,
  .threat-hero h1,
  .attack-detail-hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .legal-hero-v76 h1{
    font-size:clamp(40px, 5.05vw, 70px) !important;
    line-height:1.045 !important;
    letter-spacing:-.047em !important;
    max-width:1040px !important;
  }

  .section-head h2,
  .nimbus-copy h2,
  .ecosystem-copy h2,
  .contact-copy h2,
  .proof-copy h2,
  .collab-copy h2,
  .founders-copy h2,
  .partners-copy h2,
  .emergency-content h2,
  .threat-copy h2,
  .cyber-copy h2,
  .topic-copy h2{
    font-size:clamp(32px, 3.9vw, 54px) !important;
    line-height:1.09 !important;
    letter-spacing:-.043em !important;
  }

  .services-section .service-panel h3,
  .service-panel h3{
    font-size:clamp(28px, 2.7vw, 46px) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
  }

  .detail-title,
  .card-title,
  .proof-card h3,
  .practice-card h3,
  .attack-card h3,
  .collab-step h3,
  .topic-card h3{
    letter-spacing:-.025em !important;
  }
}

/* Smartphone: nur leicht beruhigen, nicht neu strukturieren */
@media (max-width: 900px){
  .hero h1{
    font-size:clamp(30px, 8.4vw, 39px) !important;
    line-height:1.1 !important;
    letter-spacing:-.038em !important;
  }

  .sub-hero h1,
  .topic-hero h1,
  .cyber-hero h1,
  .threat-hero h1,
  .attack-detail-hero h1,
  .landing-hero h1,
  .legal-modern-hero h1,
  .legal-hero-v76 h1{
    font-size:clamp(28px, 7.6vw, 38px) !important;
    line-height:1.1 !important;
    letter-spacing:-.037em !important;
  }

  .section-head h2,
  .nimbus-copy h2,
  .ecosystem-copy h2,
  .contact-copy h2,
  .proof-copy h2,
  .collab-copy h2,
  .founders-copy h2,
  .partners-copy h2,
  .emergency-content h2{
    font-size:clamp(25px, 6.5vw, 33px) !important;
    line-height:1.12 !important;
    letter-spacing:-.035em !important;
  }

  .services-section .service-panel h3,
  .service-panel h3{
    font-size:clamp(20px, 5.4vw, 25px) !important;
    line-height:1.13 !important;
    letter-spacing:-.032em !important;
  }
}


/* =========================================================
   V31 — Desktop: Weltall-Hintergrund über die gesamte Website
   Ziel: Der Space-/Sternen-Hintergrund soll nicht nur im Hero wirken,
   sondern sich auf Desktop konsistent durch alle Sektionen ziehen.
   Mobile bleibt unverändert.
   ========================================================= */
@media (min-width: 901px){
  body.full-doc-design{
    background:
      radial-gradient(ellipse at 18% 12%, rgba(87, 207, 255, .18) 0%, rgba(87, 207, 255, .08) 22%, transparent 48%),
      radial-gradient(ellipse at 78% 20%, rgba(111, 94, 255, .16) 0%, rgba(111, 94, 255, .07) 25%, transparent 52%),
      radial-gradient(ellipse at 62% 68%, rgba(0, 219, 255, .13) 0%, rgba(0, 219, 255, .045) 26%, transparent 58%),
      linear-gradient(180deg, #020711 0%, #061225 28%, #07172b 58%, #020711 100%) !important;
    background-attachment:fixed !important;
  }

  body.full-doc-design::before{
    content:"" !important;
    position:fixed !important;
    inset:-8% !important;
    z-index:-6 !important;
    pointer-events:none !important;
    opacity:.86 !important;
    background:
      radial-gradient(1px 1px at 5% 9%, rgba(255,255,255,.92) 98%, transparent 100%),
      radial-gradient(1px 1px at 12% 28%, rgba(178,228,255,.74) 98%, transparent 100%),
      radial-gradient(1.4px 1.4px at 18% 16%, rgba(255,255,255,.84) 98%, transparent 100%),
      radial-gradient(1px 1px at 25% 52%, rgba(154,230,255,.68) 98%, transparent 100%),
      radial-gradient(1.3px 1.3px at 33% 22%, rgba(255,255,255,.78) 98%, transparent 100%),
      radial-gradient(1px 1px at 41% 74%, rgba(255,255,255,.66) 98%, transparent 100%),
      radial-gradient(1.4px 1.4px at 48% 34%, rgba(177,236,255,.76) 98%, transparent 100%),
      radial-gradient(1px 1px at 56% 12%, rgba(255,255,255,.70) 98%, transparent 100%),
      radial-gradient(1.2px 1.2px at 66% 46%, rgba(179,223,255,.65) 98%, transparent 100%),
      radial-gradient(1px 1px at 72% 20%, rgba(255,255,255,.72) 98%, transparent 100%),
      radial-gradient(1.5px 1.5px at 81% 63%, rgba(159,226,255,.68) 98%, transparent 100%),
      radial-gradient(1px 1px at 90% 34%, rgba(255,255,255,.76) 98%, transparent 100%);
    background-size:920px 720px !important;
    animation:spaceDrift 42s ease-in-out infinite alternate !important;
  }

  body.full-doc-design::after{
    content:"" !important;
    position:fixed !important;
    inset:-12% !important;
    z-index:-5 !important;
    pointer-events:none !important;
    opacity:.62 !important;
    background:
      radial-gradient(ellipse at 14% 24%, rgba(61, 178, 255, .17), transparent 44%),
      radial-gradient(ellipse at 88% 34%, rgba(121, 95, 255, .16), transparent 48%),
      radial-gradient(ellipse at 62% 82%, rgba(0, 236, 255, .12), transparent 48%);
    animation:nebulaBreath 18s ease-in-out infinite alternate !important;
  }

  body.full-doc-design main,
  body.full-doc-design section,
  body.full-doc-design .theme-dark,
  body.full-doc-design .theme-navy,
  body.full-doc-design .theme-blue,
  body.full-doc-design .theme-danger,
  body.full-doc-design .services-section,
  body.full-doc-design .approach-section,
  body.full-doc-design .ecosystem-section,
  body.full-doc-design .threat-section,
  body.full-doc-design .proof-section,
  body.full-doc-design .collaboration-section,
  body.full-doc-design .founders-section,
  body.full-doc-design .partners-section,
  body.full-doc-design .contact-section,
  body.full-doc-design .footer{
    background:transparent !important;
  }

  body.full-doc-design .theme-dark > .container::before,
  body.full-doc-design .theme-navy > .container::before,
  body.full-doc-design .theme-blue > .container::before,
  body.full-doc-design .theme-danger > .container::before{
    background:
      linear-gradient(180deg, rgba(7,17,31,.34), rgba(7,17,31,.10)) !important;
    border:1px solid rgba(255,255,255,.035) !important;
  }

  body.full-doc-design .section-angled::after{
    background:
      linear-gradient(174deg, transparent 0 50%, rgba(112,239,255,.028) 50.2% 100%) !important;
  }

  body.full-doc-design .wave-top::before{
    background:
      radial-gradient(80% 120px at 50% -20px, rgba(112,239,255,.06), transparent 70%) !important;
  }
}


/* =========================================================
   V32 — Desktop: Abschnitts-Overlays entfernen, Space-Look wirklich durchgehend
   Ziel: Ab "Nimbus IT" darf keine eigene blau-texturierte Sektionsfläche mehr
   den Weltall-Hintergrund überdecken. Mobile bleibt unverändert.
   ========================================================= */
@media (min-width: 901px){
  body.full-doc-design section,
  body.full-doc-design .nimbus-section,
  body.full-doc-design .ecosystem-section,
  body.full-doc-design .services-section,
  body.full-doc-design .threat-center,
  body.full-doc-design .emergency-section,
  body.full-doc-design .cases-section,
  body.full-doc-design .collaboration-section,
  body.full-doc-design .founders-section,
  body.full-doc-design .contact-section{
    background:transparent !important;
    background-image:none !important;
  }

  body.full-doc-design section::before,
  body.full-doc-design section::after,
  body.full-doc-design .nimbus-section::before,
  body.full-doc-design .nimbus-section::after,
  body.full-doc-design .ecosystem-section::before,
  body.full-doc-design .ecosystem-section::after,
  body.full-doc-design .services-section::before,
  body.full-doc-design .services-section::after,
  body.full-doc-design .threat-center::before,
  body.full-doc-design .threat-center::after,
  body.full-doc-design .emergency-section::before,
  body.full-doc-design .emergency-section::after,
  body.full-doc-design .cases-section::before,
  body.full-doc-design .cases-section::after,
  body.full-doc-design .collaboration-section::before,
  body.full-doc-design .collaboration-section::after,
  body.full-doc-design .founders-section::before,
  body.full-doc-design .founders-section::after,
  body.full-doc-design .contact-section::before,
  body.full-doc-design .contact-section::after{
    background:transparent !important;
    background-image:none !important;
    opacity:0 !important;
    box-shadow:none !important;
  }

  body.full-doc-design .theme-dark > .container::before,
  body.full-doc-design .theme-navy > .container::before,
  body.full-doc-design .theme-blue > .container::before,
  body.full-doc-design .theme-danger > .container::before{
    opacity:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.full-doc-design .wave-top::before,
  body.full-doc-design .section-angled::after{
    display:none !important;
  }

  body.full-doc-design .footer::before{
    background:transparent !important;
    opacity:0 !important;
  }
}


/* =========================================================
   V33 — Harte Vereinheitlichung Desktop-Hintergrund + Cache-sicher
   Ziel: Der Hero-Space-Look läuft wirklich über alle Desktop-Sektionen.
   Entfernt zusätzlich alte Grid-/Section-Tints, auch ohne body.full-doc-design.
   Mobile bleibt unverändert.
   ========================================================= */
@media (min-width: 901px){
  html,
  body,
  body.full-doc-design{
    background:
      radial-gradient(ellipse at 18% 12%, rgba(87,207,255,.13) 0%, rgba(87,207,255,.045) 22%, transparent 50%),
      radial-gradient(ellipse at 78% 18%, rgba(111,94,255,.11) 0%, rgba(111,94,255,.04) 24%, transparent 52%),
      linear-gradient(180deg, #020711 0%, #061225 34%, #07172b 62%, #020711 100%) !important;
    background-attachment:fixed !important;
  }

  body::before,
  body.full-doc-design::before{
    content:"" !important;
    position:fixed !important;
    inset:-8% !important;
    z-index:-8 !important;
    pointer-events:none !important;
    opacity:.82 !important;
    background:
      radial-gradient(1px 1px at 5% 9%, rgba(255,255,255,.92) 98%, transparent 100%),
      radial-gradient(1px 1px at 12% 28%, rgba(178,228,255,.70) 98%, transparent 100%),
      radial-gradient(1.4px 1.4px at 18% 16%, rgba(255,255,255,.82) 98%, transparent 100%),
      radial-gradient(1px 1px at 25% 52%, rgba(154,230,255,.66) 98%, transparent 100%),
      radial-gradient(1.3px 1.3px at 33% 22%, rgba(255,255,255,.76) 98%, transparent 100%),
      radial-gradient(1px 1px at 41% 74%, rgba(255,255,255,.64) 98%, transparent 100%),
      radial-gradient(1.4px 1.4px at 48% 34%, rgba(177,236,255,.72) 98%, transparent 100%),
      radial-gradient(1px 1px at 56% 12%, rgba(255,255,255,.66) 98%, transparent 100%),
      radial-gradient(1.2px 1.2px at 66% 46%, rgba(179,223,255,.62) 98%, transparent 100%),
      radial-gradient(1px 1px at 72% 20%, rgba(255,255,255,.68) 98%, transparent 100%),
      radial-gradient(1.5px 1.5px at 81% 63%, rgba(159,226,255,.64) 98%, transparent 100%),
      radial-gradient(1px 1px at 90% 34%, rgba(255,255,255,.70) 98%, transparent 100%);
    background-size:920px 720px !important;
  }

  body::after,
  body.full-doc-design::after{
    content:"" !important;
    position:fixed !important;
    inset:-12% !important;
    z-index:-7 !important;
    pointer-events:none !important;
    opacity:.46 !important;
    background:
      radial-gradient(ellipse at 14% 24%, rgba(61,178,255,.11), transparent 44%),
      radial-gradient(ellipse at 88% 34%, rgba(121,95,255,.10), transparent 48%),
      radial-gradient(ellipse at 62% 82%, rgba(0,236,255,.075), transparent 48%) !important;
  }

  /* Das alte bewegte Grid erzeugt den sichtbaren Bruch ab Nimbus IT. Auf Desktop neutralisieren. */
  .bg-grid{
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
  }

  .bg-journey{
    opacity:.20 !important;
    z-index:-6 !important;
  }

  .beam{
    opacity:.10 !important;
    filter:blur(70px) !important;
  }

  .noise-layer{
    opacity:.018 !important;
  }

  #particleCanvas{
    opacity:.34 !important;
  }

  main,
  footer,
  section,
  header.hero,
  .hero,
  .nimbus-section,
  .ecosystem-section,
  .services-section,
  .threat-center,
  .emergency-section,
  .cases-section,
  .collaboration-section,
  .founders-section,
  .contact-section,
  .theme-dark,
  .theme-navy,
  .theme-blue,
  .theme-danger,
  .section-split,
  .section-angled,
  .wave-top,
  .full-bleed-section{
    background:transparent !important;
    background-image:none !important;
  }

  main::before,
  main::after,
  footer::before,
  footer::after,
  section::before,
  section::after,
  header.hero::before,
  header.hero::after,
  .hero::before,
  .hero::after,
  .nimbus-section::before,
  .nimbus-section::after,
  .ecosystem-section::before,
  .ecosystem-section::after,
  .services-section::before,
  .services-section::after,
  .threat-center::before,
  .threat-center::after,
  .emergency-section::before,
  .emergency-section::after,
  .cases-section::before,
  .cases-section::after,
  .collaboration-section::before,
  .collaboration-section::after,
  .founders-section::before,
  .founders-section::after,
  .contact-section::before,
  .contact-section::after,
  .theme-dark::before,
  .theme-dark::after,
  .theme-navy::before,
  .theme-navy::after,
  .theme-blue::before,
  .theme-blue::after,
  .theme-danger::before,
  .theme-danger::after,
  .section-split::before,
  .section-split::after,
  .section-angled::before,
  .section-angled::after,
  .wave-top::before,
  .wave-top::after,
  .full-bleed-section::before,
  .full-bleed-section::after{
    background:transparent !important;
    background-image:none !important;
    opacity:0 !important;
    box-shadow:none !important;
  }

  .theme-dark > .container::before,
  .theme-dark > .container::after,
  .theme-navy > .container::before,
  .theme-navy > .container::after,
  .theme-blue > .container::before,
  .theme-blue > .container::after,
  .theme-danger > .container::before,
  .theme-danger > .container::after{
    background:transparent !important;
    background-image:none !important;
    opacity:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }
}


/* =========================================================
   V34 — Desktop: Space-Hintergrund direkt auf alle Sektionen malen
   Ziel: Nicht nur transparent machen, sondern jede Desktop-Sektion
   bekommt aktiv denselben fixierten Space-Hintergrund wie der Hero.
   Dadurch gibt es keinen sichtbaren Bruch ab "Nimbus IT".
   Mobile bleibt unverändert.
   ========================================================= */
@media (min-width: 901px){
  :root{
    --nimbus-space-bg:
      radial-gradient(1px 1px at 5% 9%, rgba(255,255,255,.88) 98%, transparent 100%),
      radial-gradient(1px 1px at 12% 28%, rgba(178,228,255,.66) 98%, transparent 100%),
      radial-gradient(1.4px 1.4px at 18% 16%, rgba(255,255,255,.78) 98%, transparent 100%),
      radial-gradient(1px 1px at 25% 52%, rgba(154,230,255,.58) 98%, transparent 100%),
      radial-gradient(1.3px 1.3px at 33% 22%, rgba(255,255,255,.72) 98%, transparent 100%),
      radial-gradient(1px 1px at 41% 74%, rgba(255,255,255,.56) 98%, transparent 100%),
      radial-gradient(1.4px 1.4px at 48% 34%, rgba(177,236,255,.66) 98%, transparent 100%),
      radial-gradient(1px 1px at 56% 12%, rgba(255,255,255,.60) 98%, transparent 100%),
      radial-gradient(1.2px 1.2px at 66% 46%, rgba(179,223,255,.56) 98%, transparent 100%),
      radial-gradient(1px 1px at 72% 20%, rgba(255,255,255,.62) 98%, transparent 100%),
      radial-gradient(1.5px 1.5px at 81% 63%, rgba(159,226,255,.58) 98%, transparent 100%),
      radial-gradient(1px 1px at 90% 34%, rgba(255,255,255,.64) 98%, transparent 100%),
      radial-gradient(ellipse at 18% 12%, rgba(87,207,255,.13) 0%, rgba(87,207,255,.045) 22%, transparent 50%),
      radial-gradient(ellipse at 78% 18%, rgba(111,94,255,.11) 0%, rgba(111,94,255,.04) 24%, transparent 52%),
      linear-gradient(180deg, #020711 0%, #061225 34%, #07172b 62%, #020711 100%);
  }

  html,
  body,
  body.full-doc-design,
  body.full-doc-design main,
  body.full-doc-design header.hero,
  body.full-doc-design section,
  body.full-doc-design footer,
  body.full-doc-design .hero,
  body.full-doc-design .nimbus-section,
  body.full-doc-design .ecosystem-section,
  body.full-doc-design .services-section,
  body.full-doc-design .threat-center,
  body.full-doc-design .emergency-section,
  body.full-doc-design .cases-section,
  body.full-doc-design .collaboration-section,
  body.full-doc-design .founders-section,
  body.full-doc-design .contact-section,
  body.full-doc-design .theme-dark,
  body.full-doc-design .theme-navy,
  body.full-doc-design .theme-blue,
  body.full-doc-design .theme-danger,
  body.full-doc-design .section-split,
  body.full-doc-design .section-angled,
  body.full-doc-design .wave-top,
  body.full-doc-design .full-bleed-section{
    background:var(--nimbus-space-bg) !important;
    background-attachment:fixed !important;
    background-size:
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      920px 720px,
      100% 100%,
      100% 100%,
      100% 100% !important;
    background-position:center top !important;
    background-repeat:repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat !important;
  }

  /* Hero-Bild/Gradient darf nicht als eigener Hintergrund die Space-Logik brechen. */
  body.full-doc-design .hero-photo{
    background:
      linear-gradient(90deg, rgba(2,7,17,.72), rgba(2,7,17,.28), rgba(2,7,17,.08)) !important;
    opacity:.28 !important;
  }

  /* Alle alten Abschnitts-Tints und Übergangsflächen komplett aus. */
  body.full-doc-design main::before,
  body.full-doc-design main::after,
  body.full-doc-design footer::before,
  body.full-doc-design footer::after,
  body.full-doc-design section::before,
  body.full-doc-design section::after,
  body.full-doc-design header.hero::before,
  body.full-doc-design header.hero::after,
  body.full-doc-design .hero::before,
  body.full-doc-design .hero::after,
  body.full-doc-design .nimbus-section::before,
  body.full-doc-design .nimbus-section::after,
  body.full-doc-design .ecosystem-section::before,
  body.full-doc-design .ecosystem-section::after,
  body.full-doc-design .services-section::before,
  body.full-doc-design .services-section::after,
  body.full-doc-design .threat-center::before,
  body.full-doc-design .threat-center::after,
  body.full-doc-design .emergency-section::before,
  body.full-doc-design .emergency-section::after,
  body.full-doc-design .cases-section::before,
  body.full-doc-design .cases-section::after,
  body.full-doc-design .collaboration-section::before,
  body.full-doc-design .collaboration-section::after,
  body.full-doc-design .founders-section::before,
  body.full-doc-design .founders-section::after,
  body.full-doc-design .contact-section::before,
  body.full-doc-design .contact-section::after,
  body.full-doc-design .theme-dark::before,
  body.full-doc-design .theme-dark::after,
  body.full-doc-design .theme-navy::before,
  body.full-doc-design .theme-navy::after,
  body.full-doc-design .theme-blue::before,
  body.full-doc-design .theme-blue::after,
  body.full-doc-design .theme-danger::before,
  body.full-doc-design .theme-danger::after,
  body.full-doc-design .section-split::before,
  body.full-doc-design .section-split::after,
  body.full-doc-design .section-angled::before,
  body.full-doc-design .section-angled::after,
  body.full-doc-design .wave-top::before,
  body.full-doc-design .wave-top::after,
  body.full-doc-design .full-bleed-section::before,
  body.full-doc-design .full-bleed-section::after,
  body.full-doc-design .theme-dark > .container::before,
  body.full-doc-design .theme-dark > .container::after,
  body.full-doc-design .theme-navy > .container::before,
  body.full-doc-design .theme-navy > .container::after,
  body.full-doc-design .theme-blue > .container::before,
  body.full-doc-design .theme-blue > .container::after,
  body.full-doc-design .theme-danger > .container::before,
  body.full-doc-design .theme-danger > .container::after{
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .bg-grid{
    display:none !important;
  }
}


/* =========================================================
   V35 — Mobile: durchgehender Space-Hintergrund, aber ruhiger
   Ziel: Mobile bekommt dieselbe Hintergrundlogik wie Desktop,
   jedoch dezenter, textfreundlicher und ohne background-attachment: fixed.
   ========================================================= */
@media (max-width: 900px){
  :root{
    --nimbus-mobile-space-bg:
      radial-gradient(1px 1px at 7% 10%, rgba(255,255,255,.58) 98%, transparent 100%),
      radial-gradient(1px 1px at 18% 34%, rgba(178,228,255,.42) 98%, transparent 100%),
      radial-gradient(1px 1px at 31% 18%, rgba(255,255,255,.46) 98%, transparent 100%),
      radial-gradient(1px 1px at 47% 66%, rgba(154,230,255,.34) 98%, transparent 100%),
      radial-gradient(1px 1px at 63% 24%, rgba(255,255,255,.40) 98%, transparent 100%),
      radial-gradient(1px 1px at 82% 52%, rgba(159,226,255,.36) 98%, transparent 100%),
      radial-gradient(ellipse at 24% 10%, rgba(87,207,255,.105) 0%, rgba(87,207,255,.035) 24%, transparent 52%),
      radial-gradient(ellipse at 82% 28%, rgba(111,94,255,.09) 0%, rgba(111,94,255,.028) 26%, transparent 56%),
      radial-gradient(ellipse at 52% 82%, rgba(0,236,255,.07) 0%, rgba(0,236,255,.022) 26%, transparent 54%),
      linear-gradient(180deg, #020711 0%, #061225 34%, #07172b 62%, #020711 100%);
  }

  html,
  body,
  body.full-doc-design,
  body.full-doc-design main,
  body.full-doc-design header.hero,
  body.full-doc-design section,
  body.full-doc-design footer,
  body.full-doc-design .hero,
  body.full-doc-design .nimbus-section,
  body.full-doc-design .ecosystem-section,
  body.full-doc-design .services-section,
  body.full-doc-design .threat-center,
  body.full-doc-design .emergency-section,
  body.full-doc-design .cases-section,
  body.full-doc-design .collaboration-section,
  body.full-doc-design .founders-section,
  body.full-doc-design .contact-section,
  body.full-doc-design .theme-dark,
  body.full-doc-design .theme-navy,
  body.full-doc-design .theme-blue,
  body.full-doc-design .theme-danger,
  body.full-doc-design .section-split,
  body.full-doc-design .section-angled,
  body.full-doc-design .wave-top,
  body.full-doc-design .full-bleed-section{
    background:var(--nimbus-mobile-space-bg) !important;
    background-attachment:scroll !important;
    background-size:
      520px 620px,
      520px 620px,
      520px 620px,
      520px 620px,
      520px 620px,
      520px 620px,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100% !important;
    background-position:center top !important;
    background-repeat:repeat, repeat, repeat, repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  }

  body.full-doc-design::before,
  body.full-doc-design::after,
  body::before,
  body::after{
    opacity:.34 !important;
  }

  body.full-doc-design .bg-grid,
  .bg-grid{
    display:none !important;
    opacity:0 !important;
    background:none !important;
    background-image:none !important;
  }

  body.full-doc-design .noise-layer,
  .noise-layer{
    opacity:.018 !important;
  }

  body.full-doc-design #particleCanvas,
  #particleCanvas{
    opacity:.18 !important;
  }

  body.full-doc-design .beam,
  .beam{
    opacity:.06 !important;
  }

  body.full-doc-design .hero-photo{
    background:
      linear-gradient(180deg, rgba(2,7,17,.88) 0%, rgba(2,7,17,.58) 48%, rgba(2,7,17,.88) 100%) !important;
    opacity:.22 !important;
  }

  body.full-doc-design main::before,
  body.full-doc-design main::after,
  body.full-doc-design footer::before,
  body.full-doc-design footer::after,
  body.full-doc-design section::before,
  body.full-doc-design section::after,
  body.full-doc-design header.hero::before,
  body.full-doc-design header.hero::after,
  body.full-doc-design .hero::before,
  body.full-doc-design .hero::after,
  body.full-doc-design .nimbus-section::before,
  body.full-doc-design .nimbus-section::after,
  body.full-doc-design .ecosystem-section::before,
  body.full-doc-design .ecosystem-section::after,
  body.full-doc-design .services-section::before,
  body.full-doc-design .services-section::after,
  body.full-doc-design .threat-center::before,
  body.full-doc-design .threat-center::after,
  body.full-doc-design .emergency-section::before,
  body.full-doc-design .emergency-section::after,
  body.full-doc-design .cases-section::before,
  body.full-doc-design .cases-section::after,
  body.full-doc-design .collaboration-section::before,
  body.full-doc-design .collaboration-section::after,
  body.full-doc-design .founders-section::before,
  body.full-doc-design .founders-section::after,
  body.full-doc-design .contact-section::before,
  body.full-doc-design .contact-section::after,
  body.full-doc-design .theme-dark::before,
  body.full-doc-design .theme-dark::after,
  body.full-doc-design .theme-navy::before,
  body.full-doc-design .theme-navy::after,
  body.full-doc-design .theme-blue::before,
  body.full-doc-design .theme-blue::after,
  body.full-doc-design .theme-danger::before,
  body.full-doc-design .theme-danger::after,
  body.full-doc-design .section-split::before,
  body.full-doc-design .section-split::after,
  body.full-doc-design .section-angled::before,
  body.full-doc-design .section-angled::after,
  body.full-doc-design .wave-top::before,
  body.full-doc-design .wave-top::after,
  body.full-doc-design .full-bleed-section::before,
  body.full-doc-design .full-bleed-section::after,
  body.full-doc-design .theme-dark > .container::before,
  body.full-doc-design .theme-dark > .container::after,
  body.full-doc-design .theme-navy > .container::before,
  body.full-doc-design .theme-navy > .container::after,
  body.full-doc-design .theme-blue > .container::before,
  body.full-doc-design .theme-blue > .container::after,
  body.full-doc-design .theme-danger > .container::before,
  body.full-doc-design .theme-danger > .container::after{
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }
}