:root{--bg:#070b14;--panel:#0e1727;--line:rgba(162,181,219,.17);--bright:rgba(134,167,242,.38);--text:#eef4ff;--muted:#94a2bc;--blue:#7c9eff;--cyan:#68e5f2;--violet:#a985ff;--ink:#0a1020;--surface:#eaf0fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}.site-shell{overflow:hidden}.skip-link{position:absolute;left:-999px;top:8px;z-index:9;background:#fff;color:#000;padding:9px}.skip-link:focus{left:8px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site-header{height:78px;padding:0 clamp(22px,5vw,84px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2;background:rgba(7,11,20,.82);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font:700 13px/1 Sora,sans-serif;letter-spacing:.02em}.brand-light{color:var(--cyan)}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:center;transform:skewY(-20deg)}.brand-mark i{display:block;height:15px;background:var(--blue);border-radius:1px}.brand-mark i:nth-child(2){height:25px;background:var(--cyan)}.brand-mark i:nth-child(3){height:9px;background:var(--violet)}nav{display:flex;gap:37px;font-size:11px;color:#bdc8dc}nav a:hover{color:var(--cyan)}.portal-button{border:1px solid var(--bright);background:rgba(124,158,255,.12);color:#f1f5ff;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:700}.portal-button span{color:var(--cyan);padding-left:8px}.hero{min-height:680px;display:grid;grid-template-columns:1.04fr .96fr;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.98%,var(--line) 50%,transparent 50.1%);pointer-events:none}.hero-copy{padding:clamp(90px,12vw,160px) clamp(25px,8vw,126px) 75px;position:relative}.eyebrow{margin:0 0 24px;font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.12em;color:#9aafd8}.pulse{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 0 4px rgba(104,229,242,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font:700 clamp(50px,6.1vw,93px)/.98 Sora,sans-serif;letter-spacing:-.075em;margin-bottom:30px}.hero h1 span,.intro h2 span,.operating-model h2 span,.sectors h2 span,.access h2 span,.final-cta h2 span{background:linear-gradient(90deg,var(--cyan),var(--violet));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text{max-width:505px;font-size:16px;line-height:1.75;color:#b3bfd3}.hero-actions{display:flex;align-items:center;gap:27px;margin:37px 0 54px}.button{border:0;border-radius:7px;padding:14px 18px;font-size:12px;font-weight:800;letter-spacing:.01em;display:inline-flex;justify-content:space-between;gap:26px;align-items:center}.button-primary{background:linear-gradient(110deg,#819fff,#6be3f0);color:#07101c;box-shadow:0 12px 30px rgba(86,156,255,.2)}.button-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.text-link{font-size:12px;font-weight:700;color:#d6e1f4}.text-link span{padding-left:7px;color:var(--cyan)}.trust-row{display:flex;gap:13px;align-items:center;font:500 9px 'DM Mono',monospace;color:#8290aa;letter-spacing:.08em}.trust-row i{height:3px;width:3px;border-radius:50%;background:#58647a}.hero-system{padding:28px clamp(22px,5vw,82px);background:radial-gradient(circle at 50% 45%,rgba(76,103,194,.19),transparent 33%),linear-gradient(130deg,rgba(17,31,60,.82),rgba(9,15,27,.35));position:relative;display:flex;flex-direction:column}.hero-system:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,158,236,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,158,236,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}.system-top,.system-bottom{position:relative;display:flex;justify-content:space-between;font:500 9px 'DM Mono',monospace;letter-spacing:.09em;color:#90a1c4}.orbital-map{height:430px;position:relative;margin:auto;width:min(475px,100%)}.ring{position:absolute;border:1px solid rgba(128,157,255,.32);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{height:153px;width:153px;border-color:rgba(101,229,242,.55)}.ring-two{height:274px;width:274px}.ring-three{height:395px;width:395px;border-style:dashed;border-color:rgba(169,133,255,.3)}.system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:117px;height:117px;border:1px solid rgba(120,158,255,.66);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0b1426;box-shadow:0 0 45px rgba(95,145,255,.24),inset 0 0 30px rgba(104,229,242,.1)}.system-core span{font:700 26px Sora,sans-serif;letter-spacing:-.08em}.system-core small{font:500 7px/1.5 'DM Mono',monospace;text-align:center;color:#a7b7d2;letter-spacing:.1em;margin-top:4px}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.dot-one{left:30%;top:27%}.dot-two{right:16%;top:61%;background:var(--violet);box-shadow:0 0 16px var(--violet)}.dot-three{left:13%;bottom:18%;background:var(--blue)}.map-tag{position:absolute;padding:8px 10px;border:1px solid rgba(139,169,248,.25);background:rgba(8,15,27,.78);border-radius:5px;display:flex;flex-direction:column;gap:4px;backdrop-filter:blur(8px)}.map-tag b{font:700 8px 'DM Mono',monospace;letter-spacing:.06em;color:#dce7ff}.map-tag small{font:500 7px 'DM Mono',monospace;color:#8ea2c8;letter-spacing:.06em}.tag-one{right:1%;top:13%}.tag-two{left:2%;bottom:16%}.tag-three{right:4%;bottom:7%}.system-bottom{padding-top:20px;border-top:1px solid var(--line);font-size:8px}.system-bottom b{color:var(--cyan);font-weight:500}.signal-bar{height:55px;background:linear-gradient(90deg,#89a4fb,#65ddec);color:#071221;display:flex;align-items:center;justify-content:center;gap:22px;font:700 10px 'DM Mono',monospace;letter-spacing:.06em;padding:0 22px}.signal-live{height:7px;width:7px;border-radius:50%;background:#10213f;box-shadow:0 0 0 5px rgba(10,24,50,.12)}.signal-rule{width:60px;height:1px;background:rgba(8,22,42,.36)}.section{padding:clamp(82px,11vw,150px) clamp(22px,8vw,130px)}.intro{background:var(--surface);color:var(--ink);display:grid;grid-template-columns:.6fr 1.4fr;gap:5vw}.section-label{font:500 10px 'DM Mono',monospace;color:#71809d;letter-spacing:.11em}.section-label span{color:#5573ca;margin-right:11px}.intro-main{display:grid;grid-template-columns:1.22fr .78fr;gap:60px;align-items:end}.intro h2,.operating-model h2,.sectors h2,.access h2,.final-cta h2{font:700 clamp(42px,5.3vw,78px)/1.02 Sora,sans-serif;letter-spacing:-.072em;margin:0}.intro p,.model-copy>p,.sectors p,.access p{font-size:14px;line-height:1.8;color:#52607a;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);padding:0 clamp(22px,8vw,130px) clamp(82px,11vw,150px);color:var(--ink)}.service-card{min-height:385px;border:1px solid #cbd7e9;border-left:0;background:#f5f8ff;padding:24px;display:flex;flex-direction:column;transition:.25s}.service-card:first-child{border-left:1px solid #cbd7e9}.service-card:hover{transform:translateY(-7px);box-shadow:0 17px 35px rgba(48,69,113,.14);position:relative;z-index:1}.service-card.featured{background:#e8eeff}.card-index{font:500 10px 'DM Mono',monospace;color:#637391;display:flex;justify-content:space-between}.card-index span{font-size:18px;color:#6374dd}.card-icon{height:89px;display:flex;align-items:center;color:#5d7be0;font:600 34px Sora,sans-serif}.icon-target{position:relative;width:57px}.icon-target i{position:absolute;border:1px solid #6d8af0;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.icon-target i:nth-child(1){width:16px;height:16px;background:#80ebed}.icon-target i:nth-child(2){width:37px;height:37px}.icon-target i:nth-child(3){width:57px;height:57px}.icon-grid{display:grid;grid-template-columns:repeat(2,15px);grid-template-rows:repeat(2,15px);gap:8px}.icon-grid i{background:#7795f5}.icon-grid i:nth-child(2){background:#81e4ec}.icon-grid i:nth-child(3){background:#b193f5}.icon-grid i:nth-child(4){background:transparent;border:2px solid #7795f5}.service-card h3{font:700 22px/1.12 Sora,sans-serif;letter-spacing:-.05em;margin:0 0 13px}.service-card p{font-size:12px;line-height:1.7;color:#5c6981;margin:0}.service-card button{border:0;background:none;padding:0;margin-top:auto;text-align:left;font-size:11px;font-weight:800;color:#4969c5}.service-card button span{float:right;font-size:17px}.operating-model{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:#0b1120}.model-copy h2{margin:25px 0}.model-copy>p{color:#a6b3ca;max-width:440px;margin-bottom:31px}.button-ghost{color:#dfe9ff;background:transparent;border:1px solid var(--bright)}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:60px 1fr 20px;gap:19px;padding:25px 0;border-bottom:1px solid var(--line)}.step-number{font:500 10px 'DM Mono',monospace;color:var(--cyan);padding-top:6px}.steps h3{font:700 20px Sora,sans-serif;letter-spacing:-.05em;margin:0 0 9px}.steps p{font-size:12px;line-height:1.65;color:#9caac1;margin:0}.steps article>span{font-size:20px;color:#8ba3e9;padding-top:2px}.sectors{background:#dce5f6;color:var(--ink)}.sectors-content{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.sectors h2{margin-bottom:25px}.sectors p{max-width:430px}.sector-list{border-top:1px solid #aab8d1}.sector-list span{display:block;padding:16px 0;border-bottom:1px solid #b8c5d9;font:700 clamp(13px,1.4vw,18px) Sora,sans-serif;letter-spacing:-.035em;color:#23324e}.sector-list span:after{content:'↗';float:right;font-size:16px;color:#617bdb}.access{min-height:640px;display:grid;grid-template-columns:.94fr 1.06fr;gap:8vw;padding:clamp(85px,11vw,150px) clamp(22px,8vw,130px);position:relative;background:radial-gradient(circle at 27% 52%,rgba(84,89,217,.36),transparent 26%),#090e1b}.access-glow{position:absolute;width:450px;height:450px;right:-130px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(100,228,243,.15),transparent 64%);pointer-events:none}.access-copy{position:relative;align-self:center}.access h2{margin-bottom:24px}.access p:not(.eyebrow){color:#a8b7d2;max-width:425px;margin-bottom:32px}.button-light{background:#ecf4ff;color:#0c1324}.portal-preview{align-self:center;position:relative;background:rgba(13,23,43,.82);border:1px solid rgba(146,176,254,.35);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.44),0 0 65px rgba(84,117,255,.12);overflow:hidden}.preview-nav{height:49px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 15px;font:500 8px 'DM Mono',monospace;color:#91a2c5;letter-spacing:.08em}.preview-nav i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#72e8d5}.preview-nav b{font-weight:500;color:#a7d9cf}.mini-logo{width:20px;height:20px;background:linear-gradient(130deg,#83a0ff,#6ee5ed);color:#07101d;display:grid;place-items:center;border-radius:4px;font:800 8px Sora,sans-serif}.preview-body{padding:30px}.workspace-title{display:flex;flex-direction:column;gap:8px;margin-bottom:23px}.workspace-title span{font:500 9px 'DM Mono',monospace;color:#8798b9;letter-spacing:.06em}.workspace-title strong{font:700 23px Sora,sans-serif;letter-spacing:-.06em}.workspace-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-cards>div{min-height:132px;padding:17px;border-radius:7px;background:#111c31;border:1px solid rgba(154,178,231,.16);display:flex;flex-direction:column;gap:10px}.workspace-cards small{font:500 8px 'DM Mono',monospace;color:#8a9bbe;letter-spacing:.07em}.workspace-cards b{font:600 13px/1.35 Sora,sans-serif;color:#e5edfc}.status{margin-top:auto;color:#a8decf;font-size:9px}.status i{height:6px;width:6px;border-radius:50%;display:inline-block;background:#67e3c0;margin-right:5px}.workspace-cards a{margin-top:auto;color:#8ba5ff;font-size:9px;font-weight:700}.invoice-row{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;color:#bfcae0;font-size:11px}.invoice-row i{color:var(--cyan);font-style:normal;margin-right:7px}.invoice-row button{border:0;background:transparent;color:var(--cyan);font-size:10px;font-weight:700}.final-cta{background:#eaf0fa;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.final-cta h2{margin:0}.cta-options{border-top:1px solid #bdc9de}.cta-options>*{padding:18px 0;border-bottom:1px solid #c9d3e5;display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;background:none;border-left:0;border-right:0;border-top:0;color:inherit}.cta-options b{font:700 15px Sora,sans-serif;letter-spacing:-.035em}.cta-options span{font-size:11px;color:#62708b}.cta-options button:hover,.cta-options a:hover{color:#4f6fe4}footer{min-height:112px;display:flex;align-items:center;justify-content:space-between;padding:25px clamp(22px,5vw,84px);font:500 9px/1.7 'DM Mono',monospace;color:#8e9bb0;letter-spacing:.07em}.modal-backdrop{position:fixed;z-index:20;inset:0;background:rgba(2,5,12,.72);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modal{width:min(600px,100%);position:relative;border:1px solid rgba(136,169,249,.45);border-radius:12px;background:#0c1525;padding:38px;box-shadow:0 28px 90px rgba(0,0,0,.6)}.modal h2{font:700 32px/1 Sora,sans-serif;letter-spacing:-.065em;margin:0 0 13px}.modal-text{font-size:13px;line-height:1.65;color:#a8b7d2;margin-bottom:26px}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#c7d2e8;font-size:28px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal label{display:block;font-size:10px;font-weight:700;color:#b9c8e3;margin-bottom:15px}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:7px;border:1px solid rgba(143,166,214,.28);background:#111d32;color:#edf3ff;border-radius:5px;padding:10px;font:12px Manrope,sans-serif;outline:none}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--cyan)}.modal textarea{resize:vertical}.form-note{font-size:10px;line-height:1.5;color:#8292b0;margin:15px 0 0}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero:before{display:none}.hero-system{min-height:510px}.intro,.operating-model,.sectors-content,.final-cta{grid-template-columns:1fr;gap:42px}.intro-main{grid-template-columns:1fr;gap:25px}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(3){border-left:1px solid #cbd7e9}.access{grid-template-columns:1fr;gap:55px}.access-copy{align-self:start}.portal-preview{width:min(620px,100%)}.section{padding-top:90px;padding-bottom:90px}}@media(max-width:610px){.site-header nav{display:none}.site-header{height:68px}.portal-button{padding:9px 10px}.hero-copy{padding-top:85px}.hero h1{font-size:49px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.trust-row{flex-wrap:wrap}.hero-system{min-height:440px}.orbital-map{transform:scale(.82);margin:-28px auto}.system-top,.system-bottom{font-size:7px}.signal-bar{height:auto;min-height:60px;flex-wrap:wrap;gap:10px;text-align:center;padding:12px;font-size:8px}.signal-rule{display:none}.service-grid{grid-template-columns:1fr}.service-card{border-left:1px solid #cbd7e9;min-height:315px}.workspace-cards{grid-template-columns:1fr}.preview-body{padding:20px}.final-cta{padding-top:75px;padding-bottom:75px}footer{align-items:flex-start;flex-direction:column;gap:18px}.field-row{grid-template-columns:1fr}.modal{padding:28px 20px}.modal h2{font-size:27px}}

/* ============================================================
   DOS Security - Elevated visual layer (flat / no gradients)
   Loads after styles.css. Keeps the original layout untouched.
   Direction: dark, mature, technical. Depth comes from tone,
   hairlines, spacing and restrained motion - never color washes.
   One steel-blue accent. Status teal for "live" dots only.
   All motion degrades under prefers-reduced-motion.
   ============================================================ */

/* ---------- 1. Tokens ------------------------------------- */
:root{
  --bg:#0a0d13;
  --panel:#111826;
  --panel-2:#0e141f;
  --line:rgba(146,166,205,.12);
  --line-2:rgba(146,166,205,.24);
  --bright:rgba(146,166,205,.30);
  --text:#e9eef6;
  --muted:#9dabc2;
  --blue:#7389bf;
  --cyan:#7389bf;
  --violet:#7389bf;
  --accent:#7389bf;          /* restrained steel blue */
  --accent-bright:#93a9db;   /* hover / highlight on dark */
  --accent-deep:#44589a;     /* accent on light sections */
  --accent-ink:#0a0f18;      /* text on an accent fill */
  --accent-soft:rgba(115,137,191,.14);
  --status:#57b79f;          /* muted teal - status only */
  --surface:#eceff4;
  --surface-2:#e5e9f0;
  --ink:#101620;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ring:0 0 0 3px rgba(115,137,191,.4);
  --shadow:0 24px 60px -30px rgba(0,0,0,.8);
}

/* ---------- 2. Global finish ------------------------------ */
html{scroll-padding-top:92px}
body{background:var(--bg);color:var(--text);overflow-x:clip}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
::selection{background:rgba(115,137,191,.28);color:#fff}
:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:3px}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:#070a0f}
*::-webkit-scrollbar-thumb{background:#1c2636;border:3px solid #070a0f;border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:#28354b}

/* Fine grain film - a tactile, hand-built surface (not a gradient) */
body::before{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- 3. Header: sticky, condensing ----------------- */
.site-shell{overflow:visible}
.site-header{
  position:sticky;top:0;z-index:5;background:rgba(10,13,19,.78);
  backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);
  border-bottom:1px solid transparent;
  transition:height .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.site-header.scrolled{height:62px;background:rgba(9,12,18,.94);border-bottom-color:var(--line-2);box-shadow:0 14px 34px -26px rgba(0,0,0,.9)}
nav{color:#c0cadd}
nav a{position:relative;padding:4px 1px;transition:color .25s var(--ease)}
nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1.5px;background:var(--accent);transition:right .3s var(--ease)}
nav a:hover,nav a.is-active{color:#fff}
nav a:hover::after,nav a.is-active::after{right:0}
.portal-button{transition:border-color .25s var(--ease),background .25s var(--ease),transform .2s var(--ease)}
.portal-button span{color:var(--accent-bright)}
.portal-button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}

/* Brand mark - solid, monochrome accent */
.brand-light{color:var(--accent)}
.brand-mark i:nth-child(1){background:var(--accent)}
.brand-mark i:nth-child(2){background:var(--accent-bright)}
.brand-mark i:nth-child(3){background:#8795ad}
.brand:hover .brand-mark i{animation:barflex 1.2s var(--ease) infinite alternate}
.brand:hover .brand-mark i:nth-child(2){animation-delay:.12s}
.brand:hover .brand-mark i:nth-child(3){animation-delay:.24s}

/* ---------- 4. Buttons & links (solid fills) -------------- */
.button span{display:inline-flex;transition:transform .25s var(--ease)}
.button:hover span{transform:translateX(4px)}
.button-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 12px 28px -18px rgba(115,137,191,.9);transition:background .2s var(--ease),transform .2s var(--ease),box-shadow .3s var(--ease)}
.button-primary:hover{background:var(--accent-bright);transform:translateY(-2px)}
.button-ghost{transition:border-color .25s var(--ease),background .25s var(--ease),transform .2s var(--ease)}
.button-ghost:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}
.button-light{background:#e8edf5;color:#0c1324;transition:transform .2s var(--ease),box-shadow .3s var(--ease)}
.button-light:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.text-link span{display:inline-block;color:var(--accent-bright);transition:transform .25s var(--ease)}
.text-link:hover span{transform:translateY(3px)}

/* ---------- 5. Accent words: solid, no clipped gradient --- */
.hero h1 span,.intro h2 span,.operating-model h2 span,.sectors h2 span,.access h2 span,.final-cta h2 span{
  background:none;-webkit-text-fill-color:currentColor;color:var(--accent-bright);
}
.intro h2 span,.sectors h2 span,.final-cta h2 span{color:var(--accent-deep)}

/* ---------- 6. Hero --------------------------------------- */
.hero{background:#090c12;overflow:hidden}
.hero-copy,.hero-system{position:relative;z-index:2}
.hero-text{color:#c2ccde}
.eyebrow{color:#a6b3cc}
.pulse{background:var(--status);box-shadow:0 0 0 4px rgba(87,183,159,.14);animation:livepulse 2.4s ease-in-out infinite}
.trust-row i{background:#4a5570}

/* ---------- 7. Hero orbital map (monochrome instrument) --- */
.hero-system{background:#0d1420}
.hero-system::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(126,148,196,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(126,148,196,.06) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 45%,#000,transparent 72%);
}
.orbital-map{z-index:1}
/* faint center halo for depth (single hue, very low alpha) */
.orbital-map::before{
  content:"";position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(115,137,191,.1),transparent 68%);
}
/* radar sweep: a thin beam that rotates like an instrument, not a color wash */
.orbital-map::after{
  content:"";position:absolute;left:50%;top:50%;width:1px;height:196px;transform-origin:0 0;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(115,137,191,.5),rgba(115,137,191,0));
  animation:sweep 6s linear infinite;
}
.ring,.orbit-dot,.system-core,.map-tag{z-index:1}
.ring{border-color:rgba(115,137,191,.26)}
.ring-one{border-color:rgba(115,137,191,.5);animation:breathe 4.5s ease-in-out infinite}
.ring-two{animation:spin 54s linear infinite}
.ring-three{border-color:rgba(115,137,191,.2);animation:spinrev 66s linear infinite}
.orbit-dot{background:var(--accent);box-shadow:0 0 10px rgba(115,137,191,.6);animation:twinkle 3s ease-in-out infinite}
.dot-two{background:var(--status);box-shadow:0 0 10px rgba(87,183,159,.55);animation-delay:.9s}
.dot-three{background:var(--accent-bright);animation-delay:1.8s}
.system-core{background:#0c121d;box-shadow:0 0 0 1px rgba(115,137,191,.22),inset 0 0 26px rgba(115,137,191,.08);animation:coreglow 5s ease-in-out infinite}
.map-tag{animation:floaty 6s ease-in-out infinite;transition:border-color .3s var(--ease)}
.map-tag:hover{border-color:var(--accent)}
.tag-two{animation-delay:1.2s}
.tag-three{animation-delay:2.4s}
.system-bottom b{color:var(--accent-bright)}

/* ---------- 8. Signal strip (flat, defined) --------------- */
.signal-bar{background:#c4cdda;color:#0d131d}
.signal-live{background:var(--status);animation:livepulse 2.2s ease-in-out infinite}
.signal-rule{background:rgba(13,19,29,.3)}

/* ---------- 9. Intro (light) ------------------------------ */
.intro{background:var(--surface);color:var(--ink)}
.intro p{color:#4a5569}
.section-label span{color:var(--accent-deep)}

/* ---------- 10. Service cards (light, flat) --------------- */
.service-grid{background:var(--surface)}
.service-card{position:relative;background:#f4f6fa;border-color:#d4dae6;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.service-card:first-child{border-left:1px solid #d4dae6}
.service-card::before{content:"";position:absolute;top:0;left:0;height:2px;width:0;background:var(--accent-deep);transition:width .4s var(--ease)}
.service-card.featured{background:#e7ebf3;border-top:2px solid var(--accent-deep)}
.service-card:hover{transform:translateY(-7px);background:#fff;box-shadow:0 24px 44px -24px rgba(26,38,70,.5);z-index:2}
.service-card:hover::before{width:100%}
.card-index span{display:inline-block;color:var(--accent-deep);transition:transform .3s var(--ease)}
.service-card:hover .card-index span{transform:translate(4px,-4px)}
.service-card button{color:var(--accent-deep);transition:color .2s var(--ease)}
.service-card button span{transition:transform .25s var(--ease)}
.service-card:hover button span{transform:translateX(4px)}
.card-icon{color:var(--accent-deep);transition:transform .3s var(--ease)}
.service-card:hover .card-icon{transform:scale(1.05)}
.icon-target i{border-color:#6f86bf}
.icon-target i:nth-child(1){background:#6f86bf}
.icon-grid i{background:#6f86bf}
.icon-grid i:nth-child(2){background:#8a99c9}
.icon-grid i:nth-child(3){background:#55689c}
.icon-grid i:nth-child(4){background:transparent;border:2px solid #6f86bf}

/* ---------- 11. Experience strip (layout lives here) ------ */
.experience-strip{
  display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;gap:0;
  padding:0 clamp(22px,8vw,130px);background:#0a0e15;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.experience-strip>div,.experience-strip>p{
  min-height:146px;padding:32px 26px;margin:0;border-right:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:center;position:relative;transition:background .3s var(--ease);
}
.experience-strip>div::before{content:"";position:absolute;left:0;top:50%;height:0;width:2px;background:var(--accent);transform:translateY(-50%);transition:height .35s var(--ease)}
.experience-strip>div:hover{background:#0d1320}
.experience-strip>div:hover::before{height:54%}
.experience-strip>div:first-child{padding-left:0}
.experience-strip>p{border-right:0;color:#b2bfd4;font-size:13px;line-height:1.7}
.experience-strip b{font:700 clamp(30px,3.6vw,38px)/1 Sora,sans-serif;letter-spacing:-.07em;color:#eef3fb;margin-bottom:10px;font-variant-numeric:tabular-nums}
.experience-strip span{color:#8fa0bd;font:500 8px 'DM Mono',monospace;letter-spacing:.12em}

/* ---------- 12. Operating model + steps ------------------- */
.operating-model{background:#0b111c}
.model-copy>p{color:#b2bfd6}
.step-number{color:var(--accent-bright)}
.steps article{transition:background .25s var(--ease)}
.steps article:hover{background:rgba(115,137,191,.05)}
.steps h3{transition:color .2s var(--ease)}
.steps article:hover h3{color:#fff}
.steps article>span{display:inline-block;color:#8ea0c6;transition:transform .3s var(--ease),color .2s var(--ease)}
.steps article:hover>span{transform:rotate(45deg);color:var(--accent-bright)}

/* ---------- 13. Sectors (light) --------------------------- */
.sectors{background:#dde3ec;color:var(--ink)}
.sector-list span{transition:padding-left .25s var(--ease),color .2s var(--ease)}
.sector-list span:after{color:var(--accent-deep);transition:transform .25s var(--ease)}
.sector-list span:hover{padding-left:14px;color:#33446f}
.sector-list span:hover:after{transform:translate(4px,-4px)}

/* ---------- 14. Access + portal preview (flat) ------------ */
.access{background:#080c13;overflow:hidden}
.access-glow{display:none}
.access p:not(.eyebrow){color:#b0bed8}
.portal-preview{
  background:#0f1724;border:1px solid var(--line-2);border-radius:10px;
  box-shadow:var(--shadow);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s var(--ease);
}
.portal-preview:hover{transform:translateY(-6px);border-color:var(--bright);box-shadow:0 36px 80px -34px rgba(0,0,0,.85)}
.mini-logo{background:var(--accent)}
.preview-nav i{background:var(--status);animation:livepulse 2.6s ease-in-out infinite}
.preview-nav b{color:var(--status)}
.status i{background:var(--status);animation:livepulse 2.2s ease-in-out infinite}
.workspace-cards a{color:var(--accent-bright)}
.workspace-cards>div{transition:border-color .25s var(--ease),transform .25s var(--ease)}
.workspace-cards>div:hover{border-color:var(--bright);transform:translateY(-3px)}
.invoice-row i,.invoice-row button{color:var(--accent-bright)}

/* ---------- 15. Final CTA (light) ------------------------- */
.final-cta{background:#edf0f5;color:var(--ink)}
.cta-options>*{position:relative;transition:color .2s var(--ease),padding-left .25s var(--ease)}
.cta-options>*::before{content:"";position:absolute;left:0;top:50%;width:0;height:2px;background:var(--accent-deep);transform:translateY(-50%);transition:width .3s var(--ease)}
.cta-options>*:hover{color:var(--accent-deep);padding-left:18px}
.cta-options>*:hover::before{width:10px}

/* ---------- 16. Footer ------------------------------------ */
footer{border-top:1px solid var(--line)}
footer .brand:hover{color:#fff}

/* ---------- 17. Modal (flat panel) ------------------------ */
.modal-backdrop{background:rgba(5,8,13,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:backdropin .3s var(--ease)}
.modal{background:#0f1724;border:1px solid var(--line-2);box-shadow:var(--shadow);animation:modalin .36s var(--ease)}
.modal input,.modal textarea,.modal select{transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}
.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--accent);box-shadow:var(--ring);background:#132032}
.modal-close{transition:color .2s var(--ease),transform .2s var(--ease)}
.modal-close:hover{color:#fff;transform:rotate(90deg)}

/* ---------- 18. Scroll reveal ----------------------------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* ---------- 19. Keyframes --------------------------------- */
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spinrev{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes sweep{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(1);border-color:rgba(115,137,191,.5)}50%{transform:translate(-50%,-50%) scale(1.05);border-color:rgba(115,137,191,.78)}}
@keyframes twinkle{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
@keyframes coreglow{0%,100%{box-shadow:0 0 0 1px rgba(115,137,191,.22),inset 0 0 26px rgba(115,137,191,.08)}50%{box-shadow:0 0 0 1px rgba(115,137,191,.4),inset 0 0 34px rgba(115,137,191,.16)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes livepulse{0%,100%{box-shadow:0 0 0 0 rgba(87,183,159,.5)}70%{box-shadow:0 0 0 7px rgba(87,183,159,0)}}
@keyframes barflex{to{transform:scaleY(1.3)}}
@keyframes backdropin{from{opacity:0}to{opacity:1}}
@keyframes modalin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- 20. Reduced motion ---------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* ---------- 21. Responsive polish ------------------------- */
@media(max-width:900px){
  /* Fix the single-column grid blowout so nothing clips on phones:
     let the track shrink below the orbital map's intrinsic width. */
  .hero-copy,.hero-system{min-width:0}
  .orbital-map{width:100%;max-width:475px}
  .experience-strip{grid-template-columns:repeat(2,1fr)}
  .experience-strip>div:first-child{padding-left:26px}
  .experience-strip>p{border-top:1px solid var(--line)}
  html{scroll-padding-top:80px}
}
@media(max-width:610px){
  .site-header.scrolled{height:58px}
  .hero h1{font-size:clamp(33px,8.8vw,46px);letter-spacing:-.05em;overflow-wrap:break-word}
  .orbital-map::after{height:150px}
  .orbital-map::before{width:180px;height:180px}
}

/* Original DOS Security adaptation of the user's supplied visual direction. */
.hero { min-height: 575px; grid-template-columns: 1fr 1fr; background: #030b17; }
.hero-copy { padding-top: clamp(92px,10vw,132px); padding-bottom: 62px; z-index: 1; }
.hero h1 { font-size: clamp(47px,5.4vw,78px); letter-spacing: -.065em; }
.hero-system { padding: 0; overflow: hidden; background: #030b17; position: relative; }
.hero-globe { width: 100%; height: 100%; object-fit: cover; object-position: 57% center; display: block; }
.hero-system:before { display: none; }
.hero-system .system-top, .hero-system .system-bottom { position: absolute; left: 30px; right: 30px; z-index: 2; color: #b7c7df; }
.hero-system .system-top { top: 30px; }.hero-system .system-bottom { bottom: 25px; }
.signal-bar { border-top: 1px solid rgba(125,169,248,.45); border-bottom: 1px solid rgba(125,169,248,.45); }
.intro { padding-bottom: 63px; }.service-grid { padding-bottom: 100px; }
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-system{min-height:420px}.hero-globe{object-position:center}.hero-copy{padding-top:86px}}
/* DOS Security / October design revision */
:root{--bg:#030c19;--panel:#091829;--accent:#1685ff;--accent-bright:#65c7ff;--accent-deep:#65c7ff;--cyan:#65c7ff;--blue:#1685ff;--line:#183049;--text:#f2f7ff;--muted:#a8bbd2;--status:#65c7ff}
body::before,.hero::before,.access-glow{display:none}body{background:var(--bg)}.site-header,.site-header.scrolled{background:#030c19;border-bottom:1px solid #12243a;height:80px;padding-inline:5%}.brand{font-size:15px;white-space:nowrap}.brand-mark i:nth-child(1){background:#1685ff}.brand-mark i:nth-child(2){background:#65c7ff}.brand-mark i:nth-child(3){background:#2b55b7}.portal-button{padding:13px 20px;color:#8ed2ff;border-color:#1685ff;background:transparent;font-size:12px}.site-header nav{font-size:13px;gap:30px}.menu-toggle{display:none}.hero{min-height:580px;grid-template-columns:1.1fr 1fr;background:#030c19;isolation:isolate}.hero-copy{padding:100px 0 64px 9%;align-self:center;min-width:0}.hero h1{font-size:clamp(42px,4.5vw,72px);line-height:1.1;letter-spacing:-.055em;text-wrap:initial;max-width:760px}.hero h1 span{color:#65c7ff}.hero-text{font-size:17px;line-height:1.8;max-width:535px}.hero-actions{margin:30px 0 38px;gap:25px}.button-primary{background:#0879f9;color:white;box-shadow:none}.button-primary:hover{background:#2496ff}.button{font-size:13px;padding:15px 20px;border-radius:6px;min-height:46px}.text-link{font-size:13px}.trust-row{font-size:8px;color:#9db3cd;line-height:1.8;flex-wrap:wrap}.hero-system{background:#030c19;min-height:580px;overflow:hidden}.hero-globe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.hero-system .system-top{font-size:8px;top:25px;left:22px;right:22px;gap:20px}.hero-system .system-bottom{font-size:8px;bottom:26px;left:22px;right:22px}.pulse{background:#4db7ff;animation:none;box-shadow:none}.eyebrow{font-size:10px;letter-spacing:.18em;color:#8dd4ff}.signal-bar{background:#061323;color:#9ebbd6;border-color:#193653;min-height:54px;font-size:9px}.signal-live{background:#4db7ff;box-shadow:none}.signal-rule{background:#31506c}.section{padding:95px 7%}.intro{display:block;background:#061323;color:var(--text);padding-bottom:45px}.section-label{margin-bottom:24px;color:#8aa5c1}.section-label span{color:#50baff}.intro-main{grid-template-columns:1fr 1fr;align-items:center;gap:8%}.intro h2,.model-copy h2,.sectors h2,.access h2,.final-cta h2,.faq h2{font:600 clamp(34px,3.6vw,55px)/1.12 Sora,sans-serif;letter-spacing:-.05em}.intro p,.sectors p{color:#a8bbd2;max-width:520px;font-size:15px}.intro h2 span,.sectors h2 span,.final-cta h2 span,.faq h2 span{color:#65c7ff}.service-grid{background:#061323;padding:0 7% 85px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.service-card,.service-card:first-child,.service-card:nth-child(3){background:#071729;border:1px solid #1c3b58;border-radius:9px;min-height:285px;padding:27px;color:var(--text)}.service-card:hover{transform:translateY(-3px);box-shadow:none;border-color:#3987c0}.card-index{color:#7c9fbe;font-size:10px;margin-bottom:28px}.card-index span{font:400 35px/1 monospace;color:#5fbaff}.service-card h3{font-size:21px;letter-spacing:-.035em}.service-card p{color:#a8bbd2;font-size:13px;line-height:1.75}.service-card details{margin-top:23px}.service-card summary{color:#76c9ff;font-size:12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:8px 0}.service-card summary::-webkit-details-marker{display:none}.service-card details[open] summary span{transform:rotate(45deg)}.service-card ul{color:#b9cbe0;font-size:12px;line-height:1.8;padding-left:18px}.service-card .service-request{font-size:12px;min-height:38px;color:#83d2ff}.experience-strip{background:#030c19;border-block:1px solid #17334e;padding:35px 7%;display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:25px;align-items:center}.experience-strip b{font:600 31px Sora,sans-serif;color:#e7f4ff}.experience-strip span{font:9px 'DM Mono',monospace;color:#8bacc8;display:block;margin-top:8px}.experience-strip p{font-size:13px;line-height:1.8;color:#a8bbd2;margin:0}.operating-model{background:#071423;gap:9%}.model-copy>p,.steps p{color:#a8bbd2}.steps h3{font-size:19px;line-height:1.4}.steps article{grid-template-columns:32px 1fr 14px;gap:16px}.sectors{background:#030c19;color:var(--text);border-top:1px solid #14304a}.sector-list{border-color:#25415c}.sector-list span{color:#b7cce3;border-color:#25415c;font-size:14px}.sector-list span::after{content:'—';color:#467caa}.access{min-height:0;background:#08192c;padding:85px 7%;gap:6%;border-block:1px solid #1c3b58}.access h2{font-size:clamp(33px,3.5vw,51px)}.portal-preview{background:#0a1b30;border-color:#2b4c70;box-shadow:none;transform:none!important}.preview-nav{font-size:8px;gap:8px}.preview-nav b{color:#90abc7;font-size:7px}.preview-nav i{display:none}.preview-nav b{margin-left:auto}.mini-logo{background:#177af2;color:#fff}.workspace-cards>div{background:#10263e}.workspace-cards b{font-size:12px}.access p:not(.eyebrow){font-size:14px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;background:#030c19}.faq h2{margin-top:24px}.faq-list{border-top:1px solid #24415b}.faq-list details{border-bottom:1px solid #24415b;padding:21px 0}.faq-list summary{font-size:15px;font-weight:600;cursor:pointer;line-height:1.6}.faq-list p{color:#a8bbd2;font-size:14px;line-height:1.8;margin:15px 0 0}.final-cta{background:#07182a;color:var(--text);padding-block:75px}.cta-options,.cta-options>*{border-color:#29445f}.cta-options span{color:#9db9d3}.cta-options>*{gap:20px}.cta-options b{font-size:14px;line-height:1.6}.cta-options span{font-size:11px}footer{padding-inline:7%;background:#030c19;color:#94aac1}.modal{max-height:90dvh;overflow:auto;background:#07182b;border-color:#365c7c}.modal h2{line-height:1.2;letter-spacing:-.045em}.modal label{font-size:12px}.modal input,.modal select,.modal textarea{font-size:16px;background:#0d243b;border-color:#35506c;min-height:44px}.form-note{font-size:12px;line-height:1.7;color:#9db5cf}.modal-close{width:44px;height:44px;top:8px;right:8px}.modal .eyebrow{padding-right:35px}.result-label{font:10px 'DM Mono',monospace;color:#80cfff}#inquiry-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:210px;overflow:auto;font:13px/1.7 Manrope,sans-serif;color:#c9dcef;background:#0b223a;padding:16px;border:1px solid #28445f;border-radius:6px}.result-actions{display:flex;flex-wrap:wrap;gap:12px}.text-button{border:0;background:none;color:#8ed2ff;padding:10px 0;font-size:12px}.portal-notice{padding:20px;border:1px solid #2a4d6c;background:#0c243c;margin-bottom:24px}.portal-notice p{font-size:14px;line-height:1.8;color:#adbed3;margin:12px 0 0}.menu-toggle{border:1px solid #345676;background:#091c30;color:#c5e6ff;border-radius:5px;padding:10px 12px;font-size:12px}.reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(min-width:1600px){.hero-copy{padding-left:12%}.hero h1{font-size:76px}}
@media(max-width:1050px){.site-header nav{gap:18px}.brand{font-size:13px}.site-header .portal-button{font-size:11px;padding:11px}.hero h1{font-size:46px}.hero-text{font-size:15px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access{grid-template-columns:1fr;gap:35px}.portal-preview{width:100%;max-width:680px}.experience-strip{grid-template-columns:repeat(3,1fr)}.experience-strip p{grid-column:1/-1}.final-cta{grid-template-columns:1fr;gap:35px}.hero-copy{padding-block:70px}.hero-system{min-height:540px}}
@media(max-width:760px){.site-header,.site-header.scrolled{height:68px;padding-inline:6%}.site-header .portal-button{display:none}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:68px;padding:20px 6%;background:#07182a;border-bottom:1px solid #33516c;flex-direction:column;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:14px 0;font-size:15px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 7% 25px;z-index:2}.hero h1{font-size:clamp(34px,7.3vw,52px);max-width:670px;margin-bottom:23px;line-height:1.13}.hero-text{font-size:15px;line-height:1.75;max-width:570px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;margin:24px 0;gap:20px}.hero-system{min-height:0;height:330px;width:100%;margin:0}.hero-globe{object-position:80% 53%;object-fit:cover}.hero-system .system-top{display:none}.hero-system .system-bottom{bottom:15px;padding-top:10px}.trust-row{font-size:7px;gap:8px}.signal-bar{padding:14px 7%;font-size:8px;gap:10px;justify-content:flex-start;line-height:1.7}.signal-bar>span:last-child,.signal-rule{display:none}.section{padding:65px 7%}.intro{padding-bottom:30px}.intro-main{grid-template-columns:1fr;gap:20px}.intro h2 br{display:none}.intro h2{font-size:34px}.service-grid{padding:0 7% 60px;gap:15px}.service-card{padding:23px;min-height:270px}.service-card h3{font-size:19px}.operating-model,.sectors-content,.faq{grid-template-columns:1fr;gap:35px}.model-copy h2{margin-top:0}.sectors h2{font-size:37px}.access{padding:65px 7%}.access h2{font-size:38px}.experience-strip{gap:20px;padding:28px 7%}.experience-strip b{font-size:26px}.experience-strip span{font-size:7px;line-height:1.6}.preview-nav{padding:0 12px}.preview-nav b{font-size:6px}.workspace-cards{grid-template-columns:1fr 1fr}.preview-body{padding:20px}.workspace-title strong{font-size:21px}.workspace-cards>div{padding:12px}.cta-options>*{align-items:flex-start;flex-direction:column;gap:6px}.faq h2{margin:0}.modal-backdrop{padding:12px}.modal{padding:30px 22px}.modal h2{font-size:27px}.field-row{grid-template-columns:1fr}footer{padding:28px 7%;gap:20px}}
@media(max-width:460px){.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.hero-system{height:255px}.hero-actions .button{font-size:12px;padding:13px 15px;gap:12px}.text-link{font-size:12px}.workspace-cards{grid-template-columns:1fr}.preview-nav{gap:5px}.preview-nav b{font-size:6px}.hero h1{font-size:clamp(31px,8.4vw,39px)}.experience-strip{grid-template-columns:1fr 1fr}.experience-strip>div:nth-child(3){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.company-banner{padding-top:80px;background:#030c19}.company-banner img{display:block;width:100%;height:auto}@media(max-width:760px){.company-banner{padding-top:68px}}

.brand-shield{width:44px;height:44px;object-fit:contain;flex:none}.company-banner{padding-top:0}.brand{gap:10px}@media(max-width:760px){.brand-shield{width:38px;height:38px}.site-header .brand{font-size:13px;gap:7px}.company-banner{padding-top:0}.company-banner img{width:100%;height:auto}.menu-toggle{min-height:44px;min-width:64px}}

/* Unified icon system and one-banner introduction */
.ui-icon{display:inline-block;width:19px;height:19px;vertical-align:middle;flex-shrink:0}.card-index>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #245171;border-radius:14px;background:#0b243b}.card-index .ui-icon{width:29px;height:29px;color:#65c7ff}.card-index{align-items:center;margin-bottom:23px}.service-card summary .ui-icon,.faq-list summary .ui-icon{width:17px;height:17px;transition:transform .2s}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary .ui-icon{transform:rotate(45deg)}.menu-toggle .ui-icon{width:18px;height:18px;margin-left:6px}.modal-close{display:grid;place-items:center}.mini-logo{width:30px;height:30px;object-fit:contain;background:none}.invoice-row i{font-style:normal}.sector-list span::after{content:none}.steps article{grid-template-columns:32px 1fr 20px}.compact-intro{display:block;min-height:0!important}.compact-intro .hero-copy{padding:38px 7% 36px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:7%;align-items:center}.compact-intro .eyebrow{display:none}.compact-intro h1{font-size:clamp(30px,3.3vw,48px);line-height:1.15;margin:0;grid-row:1/3}.compact-intro .hero-text{font-size:15px;line-height:1.75;margin:0;max-width:620px}.compact-intro .hero-actions{margin:20px 0 0;gap:22px}.compact-intro .trust-row{grid-column:1/-1;margin-top:25px}.company-banner{scroll-margin-top:80px}.brand-shield{width:46px;height:46px}.text-link .ui-icon{margin-left:6px}
@media(max-width:760px){.compact-intro .hero-copy{display:block;padding:28px 7% 30px}.compact-intro h1{font-size:30px;margin-bottom:16px}.compact-intro .hero-text{font-size:14px}.compact-intro .hero-actions{margin-top:20px;gap:18px}.compact-intro .trust-row{margin-top:22px}.brand-shield{width:38px;height:38px}.service-card .service-request{min-height:44px}.card-index>span{width:48px;height:48px}}