/* IntelliStream Technologies LLP premium static website. Pure HTML, CSS and JavaScript. */
:root {
  --ink: #050713;
  --ink-2: #090d20;
  --panel: rgba(15, 22, 48, .66);
  --panel-strong: rgba(14, 22, 49, .9);
  --line: rgba(158, 184, 255, .18);
  --text: #f5f7ff;
  --muted: #aeb7d1;
  --cyan: #57dcff;
  --blue: #4d77ff;
  --violet: #9a66ff;
  --mint: #79ffd8;
  --danger: #ff8da1;
  --radius: 28px;
  --shadow: 0 28px 90px rgba(0, 0, 0, .45);
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 10% 0%, rgba(77,119,255,.16), transparent 30rem),
    radial-gradient(circle at 95% 18%, rgba(154,102,255,.14), transparent 34rem),
    linear-gradient(180deg, #060817 0%, #050713 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  z-index: 100;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
::selection { background: rgba(87,220,255,.28); color: #fff; }
a { color: inherit; text-decoration: none; }
img, video { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position: fixed; left: 18px; top: -60px; z-index: 1000; padding: 12px 18px; background: #fff; color: #000; border-radius: 12px; transition: top .2s; }
.skip-link:focus { top: 18px; }
.container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
.section { position: relative; padding: 112px 0; }
.section-tight { padding: 76px 0; }
.section-heading { max-width: 760px; margin-bottom: 42px; }
.section-heading.center { text-align: center; margin-inline: auto; }
.eyebrow { display: inline-flex; align-items:center; gap:10px; margin-bottom: 16px; color: var(--cyan); font-weight: 800; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow::before { content:""; width:28px; height:1px; background:linear-gradient(90deg,var(--cyan),transparent); }
h1,h2,h3,h4,p { margin-top: 0; }
h1,h2,h3 { letter-spacing: -.045em; line-height: 1.02; }
h1 { font-size: clamp(3rem, 7.7vw, 7.1rem); margin-bottom: 24px; max-width: 1080px; }
h2 { font-size: clamp(2.35rem, 5vw, 4.8rem); margin-bottom: 22px; }
h3 { font-size: clamp(1.25rem, 2.2vw, 1.7rem); margin-bottom: 12px; }
.lead { font-size: clamp(1.05rem, 1.8vw, 1.28rem); color: var(--muted); max-width: 760px; }
.gradient-text { color: transparent; background: linear-gradient(110deg, #fff 0%, #b9f4ff 22%, #77a0ff 55%, #cf9cff 100%); background-clip:text; -webkit-background-clip:text; }
.kicker-pill { display:inline-flex; align-items:center; gap:10px; padding:9px 14px; border:1px solid var(--line); background:rgba(8,13,30,.55); border-radius:999px; color:#dce5ff; backdrop-filter: blur(16px); font-size:.86rem; }
.kicker-pill .pulse { width:8px; height:8px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 0 rgba(121,255,216,.5); animation:pulse 2.2s infinite; }
@keyframes pulse { 70% { box-shadow:0 0 0 12px rgba(121,255,216,0); } 100% { box-shadow:0 0 0 0 rgba(121,255,216,0); } }

/* Header */
.site-header { position:fixed; inset:0 0 auto; z-index:80; transition:.3s ease; background:linear-gradient(180deg,rgba(3,6,16,.56),transparent); }
.site-header.scrolled { background:rgba(4,7,18,.74); backdrop-filter:blur(22px); border-bottom:1px solid var(--line); }
.nav { height:90px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.brand { display:flex; align-items:center; gap:12px; min-width:max-content; }
.brand img { width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 12px 24px rgba(69,194,255,.18)); }
.brand-copy { line-height:1; }
.brand-name { display:block; font-weight:900; letter-spacing:.03em; font-size:1.05rem; }
.brand-tag { display:block; color:var(--muted); font-size:.67rem; margin-top:6px; letter-spacing:.08em; text-transform:uppercase; }
.nav-links { display:flex; align-items:center; gap:26px; }
.nav-links a { color:#cbd4ed; font-size:.92rem; font-weight:650; position:relative; padding:12px 0; }
.nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:6px; height:2px; background:linear-gradient(90deg,var(--cyan),var(--violet)); transition:right .25s; }
.nav-links a:hover::after,.nav-links a.active::after { right:0; }
.nav-links a:hover,.nav-links a.active { color:#fff; }
.nav-cta { display:inline-flex!important; align-items:center; justify-content:center; padding:11px 18px!important; border:1px solid rgba(118,167,255,.35); background:linear-gradient(135deg,rgba(57,118,255,.22),rgba(153,75,255,.18)); border-radius:999px; }
.nav-cta::after { display:none; }
.menu-toggle { display:none; width:46px; height:46px; border:1px solid var(--line); background:rgba(9,14,30,.7); border-radius:14px; cursor:pointer; }
.menu-toggle span { display:block; width:20px; height:2px; background:#fff; margin:5px auto; transition:.25s; }

/* Hero */
.hero { min-height:100svh; display:grid; align-items:end; position:relative; isolation:isolate; overflow:hidden; padding:160px 0 76px; background:#050713; }
.hero-media { position:absolute; inset:0; z-index:0; overflow:hidden; background:#050713; }
.hero-media video,.hero-media img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center center; }
.hero-media::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:
  linear-gradient(90deg, rgba(3,6,16,.86) 0%, rgba(3,6,16,.60) 42%, rgba(3,6,16,.16) 72%, rgba(3,6,16,.48) 100%),
  linear-gradient(180deg, rgba(3,6,16,.14) 0%, rgba(3,6,16,.04) 42%, rgba(5,7,19,.82) 100%); }
.hero-grid { position:absolute; inset:0; z-index:2; opacity:.18; pointer-events:none; background-image:linear-gradient(rgba(130,165,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(130,165,255,.14) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 70%,transparent 100%); transform:perspective(700px) rotateX(63deg) scale(1.4) translateY(34%); transform-origin:bottom; }
#network-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:3; opacity:.42; pointer-events:none; }
.hero-copy { position:relative; z-index:4; max-width:1000px; }
.hero .scroll-cue { z-index:4; }
.hero-copy .lead { font-size:clamp(1.08rem,1.8vw,1.35rem); max-width:770px; color:#d1d9ed; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:0 24px; border-radius:999px; border:1px solid transparent; font-weight:800; cursor:pointer; position:relative; overflow:hidden; transition:transform .25s,box-shadow .25s,border-color .25s; }
.btn::before { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.25) 45%,transparent 62%); transform:translateX(-120%); transition:transform .75s; }
.btn:hover::before { transform:translateX(120%); }
.btn:hover { transform:translateY(-3px); }
.btn-primary { background:linear-gradient(135deg,#47d9ff,#5869ff 55%,#a45cff); color:white; box-shadow:0 18px 55px rgba(76,111,255,.3); }
.btn-primary:hover { box-shadow:0 22px 70px rgba(76,111,255,.48); }
.btn-secondary { background:rgba(10,16,35,.55); border-color:rgba(183,205,255,.24); backdrop-filter:blur(16px); }
.btn-small { min-height:44px; padding:0 18px; font-size:.9rem; }
.arrow { transition:transform .2s; }
.btn:hover .arrow { transform:translateX(4px); }
.hero-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:800px; margin-top:64px; }
.metric-chip { border:1px solid var(--line); background:rgba(8,13,30,.46); backdrop-filter:blur(18px); padding:18px 20px; border-radius:18px; }
.metric-chip strong { display:block; font-size:1.15rem; }
.metric-chip span { color:var(--muted); font-size:.85rem; }
.scroll-cue { position:absolute; right:4vw; bottom:48px; display:flex; align-items:center; gap:10px; transform:rotate(90deg); transform-origin:right bottom; color:#9aa6c5; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; }
.scroll-cue::after { content:""; width:72px; height:1px; background:linear-gradient(90deg,#9aa6c5,transparent); }

/* Inner hero */
.inner-hero { min-height:72svh; display:flex; align-items:end; padding:170px 0 88px; position:relative; overflow:hidden; }
.inner-hero .hero-media { opacity:.64; }
.inner-hero .hero-media::after { background:linear-gradient(90deg,#050713 0%,rgba(5,7,19,.8) 45%,rgba(5,7,19,.32) 78%),linear-gradient(180deg,rgba(5,7,19,.22),#050713 98%); }
.inner-hero h1 { font-size:clamp(3.1rem,7vw,6.4rem); max-width:1020px; }
.breadcrumbs { display:flex; gap:8px; color:#aeb8d3; font-size:.86rem; margin-bottom:22px; }
.breadcrumbs a:hover { color:var(--cyan); }

/* Visual systems */
.orb { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; }
.orb-a { width:360px; height:360px; right:-100px; top:20%; background:radial-gradient(circle at 30% 30%,rgba(95,230,255,.42),rgba(77,100,255,.12) 45%,transparent 70%); animation:float 8s ease-in-out infinite; }
.orb-b { width:260px; height:260px; left:-120px; bottom:8%; background:radial-gradient(circle at 35% 35%,rgba(196,105,255,.3),rgba(77,100,255,.08) 55%,transparent 72%); animation:float 11s ease-in-out infinite reverse; }
@keyframes float { 50% { transform:translate3d(0,-28px,0) scale(1.04); } }
.grid-lines { position:absolute; inset:0; opacity:.18; pointer-events:none; background-image:linear-gradient(rgba(122,151,231,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(122,151,231,.15) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(circle at center,#000 20%,transparent 75%); }
.glow-divider { height:1px; background:linear-gradient(90deg,transparent,rgba(100,211,255,.62),rgba(163,102,255,.48),transparent); box-shadow:0 0 32px rgba(99,198,255,.35); }

/* Cards and grids */
.glass { border:1px solid var(--line); background:linear-gradient(145deg,rgba(17,25,56,.72),rgba(8,13,31,.54)); box-shadow:var(--shadow); backdrop-filter:blur(20px); }
.card { border-radius:var(--radius); padding:30px; position:relative; overflow:hidden; }
.card::before { content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-100px; top:-100px; background:radial-gradient(circle,rgba(76,190,255,.18),transparent 70%); transition:.4s; }
.card:hover::before { transform:scale(1.45); }
.card p { color:var(--muted); }
.card-icon { width:54px; height:54px; border-radius:17px; display:grid; place-items:center; margin-bottom:24px; background:linear-gradient(135deg,rgba(75,216,255,.24),rgba(135,80,255,.22)); border:1px solid rgba(126,198,255,.23); font-size:1.25rem; box-shadow:inset 0 1px rgba(255,255,255,.1),0 15px 38px rgba(39,74,160,.2); }
.card-link { display:inline-flex; align-items:center; gap:8px; margin-top:8px; font-weight:800; color:#e9f7ff; }
.card-link:hover { color:var(--cyan); }
.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.bento { display:grid; grid-template-columns:1.25fr .75fr .75fr; grid-template-rows:repeat(2,270px); gap:20px; }
.bento-card { position:relative; overflow:hidden; border-radius:30px; border:1px solid var(--line); min-height:260px; background:#0a1024; box-shadow:var(--shadow); }
.bento-card:first-child { grid-row:span 2; }
.bento-card.wide { grid-column:span 2; }
.bento-card img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s; filter:saturate(.82) brightness(.72); }
.bento-card:hover img { transform:scale(1.07); filter:saturate(1) brightness(.82); }
.bento-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; background:linear-gradient(180deg,transparent 20%,rgba(4,7,18,.88) 92%); }
.bento-overlay p { color:#bdc7df; margin:0; font-size:.92rem; }

/* Ticker */
.ticker { overflow:hidden; border-block:1px solid var(--line); background:rgba(8,12,27,.62); }
.ticker-track { display:flex; width:max-content; animation:ticker 30s linear infinite; }
.ticker-group { display:flex; align-items:center; gap:42px; padding:18px 21px; white-space:nowrap; color:#bfc9e2; font-size:.82rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ticker-group span { display:flex; align-items:center; gap:42px; }
.ticker-group span::after { content:"✦"; color:var(--cyan); }
@keyframes ticker { to { transform:translateX(-50%); } }

/* Services */
.service-feature { display:grid; grid-template-columns:1.06fr .94fr; gap:28px; align-items:stretch; }
.feature-visual { min-height:540px; border-radius:34px; overflow:hidden; position:relative; border:1px solid var(--line); box-shadow:var(--shadow); }
.feature-visual img { width:100%; height:100%; object-fit:cover; filter:saturate(.84); }
.feature-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(4,7,18,.75)); }
.feature-float { position:absolute; z-index:2; left:24px; right:24px; bottom:24px; padding:22px; border-radius:22px; border:1px solid rgba(203,224,255,.2); background:rgba(6,10,24,.7); backdrop-filter:blur(20px); }
.service-stack { display:grid; gap:18px; }
.service-card { padding:30px; border-radius:28px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(20,30,64,.72),rgba(8,12,28,.6)); position:relative; overflow:hidden; transition:transform .3s,border-color .3s; }
.service-card:hover { transform:translateX(6px); border-color:rgba(95,218,255,.42); }
.service-card .index { color:var(--cyan); font-size:.78rem; font-weight:900; letter-spacing:.14em; }
.service-card p { color:var(--muted); margin-bottom:0; }

/* Process */
.process { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.process-intro { position:sticky; top:130px; }
.process-list { position:relative; }
.process-list::before { content:""; position:absolute; left:29px; top:30px; bottom:30px; width:1px; background:linear-gradient(var(--cyan),var(--violet),transparent); opacity:.55; }
.process-step { display:grid; grid-template-columns:60px 1fr; gap:22px; padding:0 0 42px; position:relative; }
.step-no { width:58px; height:58px; border-radius:18px; display:grid; place-items:center; font-weight:900; background:#080e24; border:1px solid rgba(117,189,255,.35); box-shadow:0 0 0 9px rgba(7,11,27,.88); z-index:1; }
.step-copy { padding:5px 0 0; }
.step-copy p { color:var(--muted); margin:0; }

/* Stats */
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.stat { padding:28px; border:1px solid var(--line); border-radius:24px; background:rgba(13,20,44,.58); }
.stat strong { display:block; font-size:clamp(2.1rem,4vw,3.5rem); line-height:1; color:transparent; background:linear-gradient(110deg,var(--cyan),#fff,var(--violet)); background-clip:text; -webkit-background-clip:text; }
.stat span { color:var(--muted); font-size:.9rem; }

/* Split and image panels */
.split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; }
.image-frame { position:relative; border-radius:34px; padding:12px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(76,180,255,.12),rgba(136,76,255,.1)); box-shadow:var(--shadow); }
.image-frame img { border-radius:24px; width:100%; min-height:440px; object-fit:cover; filter:saturate(.88); }
.image-frame::after { content:""; position:absolute; inset:24px -18px -18px 24px; z-index:-1; border-radius:30px; border:1px solid rgba(101,122,255,.22); }
.check-list { list-style:none; margin:26px 0 0; padding:0; display:grid; gap:14px; }
.check-list li { display:flex; gap:12px; color:#d7def0; }
.check-list li::before { content:"✓"; color:var(--mint); font-weight:900; width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(121,255,216,.28); background:rgba(121,255,216,.08); }
.tag-cloud { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.tag { padding:9px 13px; border-radius:999px; background:rgba(14,22,48,.7); border:1px solid var(--line); color:#c8d2e8; font-size:.85rem; }

/* FAQ */
.faq { max-width:900px; margin-inline:auto; display:grid; gap:12px; }
.faq-item { border:1px solid var(--line); border-radius:20px; background:rgba(11,17,37,.68); overflow:hidden; }
.faq-button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left; padding:22px 24px; background:none; border:0; cursor:pointer; font-weight:800; }
.faq-button span:last-child { font-size:1.5rem; color:var(--cyan); transition:transform .3s; }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.faq-answer p { color:var(--muted); padding:0 24px 24px; margin:0; }
.faq-item.open .faq-button span:last-child { transform:rotate(45deg); }

/* Resources */
.article-card { padding:0; }
.article-card .thumb { aspect-ratio:16/10; overflow:hidden; position:relative; }
.article-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.75) brightness(.75); transition:transform .7s,filter .4s; }
.article-card:hover img { transform:scale(1.06); filter:saturate(1) brightness(.88); }
.article-card .body { padding:25px; }
.article-meta { color:var(--cyan); text-transform:uppercase; letter-spacing:.13em; font-size:.72rem; font-weight:900; }
.article-card p { color:var(--muted); }
.download-card { display:flex; flex-direction:column; justify-content:space-between; min-height:260px; }
.download-card .file { font-size:.78rem; color:#a8b5d2; letter-spacing:.1em; text-transform:uppercase; }

/* About */
.company-card { display:grid; grid-template-columns:.8fr 1.2fr; gap:28px; padding:34px; }
.company-mark { display:grid; place-items:center; min-height:300px; border-radius:26px; background:radial-gradient(circle at 50% 35%,rgba(75,220,255,.2),rgba(84,80,255,.08) 45%,rgba(7,11,26,.5) 70%); }
.company-mark img { width:min(230px,70%); filter:drop-shadow(0 28px 45px rgba(54,191,255,.28)); animation:float 8s ease-in-out infinite; }
.definition-list { display:grid; grid-template-columns:150px 1fr; gap:14px 20px; }
.definition-list dt { color:#8793b1; }
.definition-list dd { margin:0; color:#eef2ff; }
.leader-card { display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:center; }
.avatar-placeholder { aspect-ratio:1; border-radius:28px; display:grid; place-items:center; background:linear-gradient(145deg,rgba(76,214,255,.14),rgba(152,83,255,.16)); border:1px solid var(--line); font-size:4rem; font-weight:900; color:#fff; }

/* Contact */
.contact-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:28px; }
.contact-panel { padding:34px; border-radius:30px; }
.contact-detail { padding:20px 0; border-bottom:1px solid var(--line); }
.contact-detail:last-child { border-bottom:0; }
.contact-detail small { display:block; color:#8793b1; text-transform:uppercase; letter-spacing:.12em; font-weight:800; margin-bottom:5px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.form-group { display:grid; gap:8px; }
.form-group.full { grid-column:1/-1; }
label { color:#dbe3f5; font-size:.88rem; font-weight:700; }
input,select,textarea { width:100%; color:#f5f7ff; border:1px solid rgba(148,175,238,.2); background:rgba(4,8,21,.55); border-radius:15px; padding:14px 15px; outline:none; transition:border-color .2s,box-shadow .2s; }
select option { color:#111; }
input:focus,select:focus,textarea:focus { border-color:rgba(87,220,255,.65); box-shadow:0 0 0 4px rgba(87,220,255,.08); }
textarea { min-height:150px; resize:vertical; }
.consent { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:.84rem; }
.consent input { width:auto; margin-top:4px; }
.form-note,.form-status { color:var(--muted); font-size:.84rem; }
.form-status.success { color:var(--mint); }
.form-status.error { color:var(--danger); }

/* CTA */
.cta-shell { position:relative; overflow:hidden; border-radius:38px; padding:70px; border:1px solid rgba(139,182,255,.25); background:linear-gradient(125deg,rgba(35,159,216,.2),rgba(66,76,210,.18) 48%,rgba(145,61,201,.22)); box-shadow:var(--shadow); }
.cta-shell::before { content:""; position:absolute; width:450px; height:450px; border-radius:50%; right:-100px; top:-220px; background:radial-gradient(circle,rgba(105,235,255,.38),transparent 67%); }
.cta-shell::after { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.cta-content { position:relative; z-index:1; max-width:800px; }
.cta-content p { color:#d2daf0; font-size:1.08rem; }

/* Footer */
.site-footer { padding:72px 0 28px; border-top:1px solid var(--line); background:rgba(3,5,14,.66); }
.footer-grid { display:grid; grid-template-columns:1.3fr .7fr .8fr; gap:50px; }
.footer-brand { max-width:430px; }
.footer-brand p { color:var(--muted); }
.footer-title { color:#fff; font-size:.78rem; text-transform:uppercase; letter-spacing:.13em; margin-bottom:18px; }
.footer-links { display:grid; gap:10px; color:#aeb8d2; }
.footer-links a:hover { color:var(--cyan); }
.footer-bottom { margin-top:50px; padding-top:24px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:24px; color:#7f8ba8; font-size:.78rem; }

/* Reveals and interactions */
.reveal { opacity:0; transform:translateY(32px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }
.tilt { transform-style:preserve-3d; transition:transform .15s linear; }
.tilt > * { transform:translateZ(18px); }
.cursor-glow { position:fixed; width:340px; height:340px; border-radius:50%; pointer-events:none; z-index:0; transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(76,175,255,.09),transparent 68%); opacity:0; transition:opacity .3s; }
body:hover .cursor-glow { opacity:1; }
.page-transition { position:fixed; inset:0; z-index:999; background:#050713; transform:translateY(-100%); pointer-events:none; }
.legal-copy { max-width:900px; }
.legal-copy h2 { font-size:2rem; margin-top:46px; }
.legal-copy p,.legal-copy li { color:#b4bed6; }
.notice { padding:18px 20px; border-left:3px solid var(--cyan); background:rgba(79,154,255,.08); border-radius:0 16px 16px 0; color:#cbd4e9; }

@media (max-width: 1020px) {
  .nav-links { position:fixed; inset:78px 20px auto; padding:24px; border:1px solid var(--line); border-radius:24px; background:rgba(4,7,18,.96); backdrop-filter:blur(24px); display:grid; gap:4px; opacity:0; visibility:hidden; transform:translateY(-14px); transition:.25s; box-shadow:var(--shadow); }
  .nav-links.open { opacity:1; visibility:visible; transform:none; }
  .nav-links a { padding:12px; }
  .menu-toggle { display:block; }
  .service-feature,.split,.process,.company-card,.contact-layout { grid-template-columns:1fr; }
  .process-intro { position:relative; top:auto; }
  .bento { grid-template-columns:1fr 1fr; grid-template-rows:repeat(3,260px); }
  .bento-card:first-child { grid-row:span 1; grid-column:span 2; }
  .grid-4,.stats { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .leader-card { grid-template-columns:160px 1fr; }
}
@media (max-width: 720px) {
  .container { width:min(100% - 28px,var(--max)); }
  .section { padding:82px 0; }
  .nav { height:76px; }
  .brand-tag { display:none; }
  .hero { padding:130px 0 58px; min-height:96svh; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .btn { width:100%; }
  .hero-metrics { grid-template-columns:1fr; margin-top:42px; }
  .scroll-cue { display:none; }
  .inner-hero { min-height:68svh; padding:130px 0 65px; }
  .grid-2,.grid-3,.grid-4,.stats { grid-template-columns:1fr; }
  .bento { display:grid; grid-template-columns:1fr; grid-template-rows:none; }
  .bento-card,.bento-card:first-child,.bento-card.wide { grid-column:auto; grid-row:auto; min-height:330px; }
  .feature-visual { min-height:420px; }
  .process { gap:44px; }
  .company-card,.contact-panel,.card { padding:24px; }
  .definition-list { grid-template-columns:1fr; gap:4px; }
  .definition-list dd { margin-bottom:14px; }
  .leader-card { grid-template-columns:1fr; }
  .avatar-placeholder { width:150px; }
  .form-grid { grid-template-columns:1fr; }
  .cta-shell { padding:40px 24px; border-radius:28px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-brand { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
  .cursor-glow { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}


/* Supplied hero video visibility adjustments */
@media (max-width: 720px) {
  .hero-media video { object-position:56% center; }
  .hero-media::after {
    background:linear-gradient(90deg,rgba(3,6,16,.78),rgba(3,6,16,.38)),linear-gradient(180deg,rgba(3,6,16,.08),rgba(5,7,19,.84));
  }
}

/* =========================================================
   INTELLISTREAM ARCTIC BLUE THEME
   Bright, premium corporate palette with a cinematic hero.
   ========================================================= */

:root {
  --ink: #f5f9ff;
  --ink-2: #eaf3ff;
  --panel: rgba(255, 255, 255, .78);
  --panel-strong: rgba(255, 255, 255, .95);
  --line: rgba(52, 91, 138, .16);
  --text: #10213a;
  --muted: #5b6b82;
  --cyan: #06b6d4;
  --blue: #2563eb;
  --violet: #8b5cf6;
  --mint: #14b8a6;
  --danger: #dc5068;
  --shadow: 0 24px 70px rgba(38, 73, 118, .14);
}

html {
  background: var(--ink);
}

body {
  color: var(--text);
  background:
    radial-gradient(circle at 8% 4%, rgba(37, 99, 235, .13), transparent 34rem),
    radial-gradient(circle at 94% 20%, rgba(6, 182, 212, .13), transparent 36rem),
    radial-gradient(circle at 50% 80%, rgba(139, 92, 246, .08), transparent 34rem),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 50%, #f8fbff 100%);
}

body::before {
  opacity: .045;
  mix-blend-mode: multiply;
}

::selection {
  background: rgba(37, 99, 235, .2);
  color: #10213a;
}

h1,
h2,
h3,
h4 {
  color: var(--text);
}

.lead,
.card p,
.service-card p,
.step-copy p,
.article-card p,
.footer-brand p,
.form-note,
.form-status,
.consent,
.legal-copy p,
.legal-copy li {
  color: var(--muted);
}

.gradient-text {
  color: transparent;
  background: linear-gradient(110deg, #2563eb 0%, #06b6d4 48%, #14b8a6 72%, #8b5cf6 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.eyebrow {
  color: #087f9c;
}

.eyebrow::before {
  background: linear-gradient(90deg, #06b6d4, transparent);
}

/* Header */
.site-header {
  color: #fff;
}

.site-header.scrolled {
  background: rgba(248, 251, 255, .88);
  border-bottom: 1px solid rgba(52, 91, 138, .14);
  box-shadow: 0 12px 36px rgba(30, 64, 105, .08);
  backdrop-filter: blur(22px);
}

.site-header:not(.scrolled) .brand-name,
.site-header:not(.scrolled) .nav-links a {
  color: #fff;
}

.site-header:not(.scrolled) .brand-tag {
  color: rgba(255, 255, 255, .72);
}

.site-header.scrolled .brand-name {
  color: #10213a;
}

.site-header.scrolled .brand-tag {
  color: #66758c;
}

.site-header.scrolled .nav-links a {
  color: #31445f;
}

.site-header.scrolled .nav-links a:hover,
.site-header.scrolled .nav-links a.active {
  color: #2563eb;
}

.nav-links a::after {
  background: linear-gradient(90deg, #06b6d4, #2563eb, #8b5cf6);
}

.nav-cta {
  border-color: rgba(120, 160, 255, .42);
  background: linear-gradient(135deg, rgba(37, 99, 235, .24), rgba(139, 92, 246, .19));
}

.site-header.scrolled .nav-cta {
  color: #fff !important;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb, #06b6d4 58%, #14b8a6);
  box-shadow: 0 10px 28px rgba(37, 99, 235, .2);
}

.menu-toggle {
  border-color: rgba(255, 255, 255, .26);
  background: rgba(8, 20, 42, .38);
  backdrop-filter: blur(14px);
}

.site-header.scrolled .menu-toggle {
  border-color: rgba(52, 91, 138, .18);
  background: rgba(255, 255, 255, .88);
}

.site-header.scrolled .menu-toggle span {
  background: #17304f;
}

/* Cinematic hero */
.hero {
  isolation: isolate;
}

.hero-media {
  z-index: 0;
}

.hero-media::after {
  background:
    linear-gradient(90deg, rgba(7, 22, 44, .78) 0%, rgba(7, 22, 44, .52) 42%, rgba(7, 22, 44, .12) 76%, rgba(7, 22, 44, .28) 100%),
    linear-gradient(180deg, rgba(7, 22, 44, .12) 0%, rgba(7, 22, 44, .06) 58%, rgba(238, 246, 255, .96) 100%);
}

.hero-grid {
  z-index: 1;
  opacity: .17;
  background-image:
    linear-gradient(rgba(172, 220, 255, .22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(172, 220, 255, .22) 1px, transparent 1px);
}

#network-canvas {
  z-index: 2;
  opacity: .42;
}

.hero-copy,
.scroll-cue {
  z-index: 3;
}

.hero h1,
.hero h2,
.hero h3,
.inner-hero h1,
.inner-hero h2,
.inner-hero h3 {
  color: #fff;
}

.hero .gradient-text,
.inner-hero .gradient-text {
  background: linear-gradient(110deg, #fff 0%, #c5f6ff 25%, #7dc7ff 56%, #b995ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.hero-copy .lead,
.inner-hero .lead {
  color: rgba(240, 247, 255, .9);
}

.kicker-pill {
  color: #f6fbff;
  border-color: rgba(206, 230, 255, .28);
  background: rgba(7, 22, 44, .42);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
}

.metric-chip {
  color: #fff;
  border-color: rgba(208, 230, 255, .24);
  background: rgba(7, 22, 44, .48);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .1);
}

.metric-chip span {
  color: rgba(230, 240, 255, .78);
}

.scroll-cue {
  color: rgba(229, 240, 255, .78);
}

.scroll-cue::after {
  background: linear-gradient(90deg, rgba(229, 240, 255, .8), transparent);
}

/* Buttons */
.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #06b6d4 58%, #14b8a6);
  box-shadow: 0 16px 42px rgba(37, 99, 235, .28);
}

.btn-primary:hover {
  box-shadow: 0 20px 54px rgba(37, 99, 235, .38);
}

.btn-secondary {
  color: #17304f;
  border-color: rgba(37, 99, 235, .2);
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 10px 28px rgba(35, 74, 121, .08);
}

.btn-secondary:hover {
  color: #2563eb;
  border-color: rgba(37, 99, 235, .42);
}

.hero .btn-secondary,
.inner-hero .btn-secondary {
  color: #fff;
  border-color: rgba(218, 235, 255, .28);
  background: rgba(7, 22, 44, .4);
}

/* Sections and decorative systems */
.section[style*="linear-gradient"] {
  background: linear-gradient(180deg, transparent, rgba(219, 237, 255, .72), transparent) !important;
}

.orb-a {
  background: radial-gradient(circle at 30% 30%, rgba(6, 182, 212, .28), rgba(37, 99, 235, .09) 48%, transparent 72%);
}

.orb-b {
  background: radial-gradient(circle at 35% 35%, rgba(139, 92, 246, .2), rgba(37, 99, 235, .06) 55%, transparent 72%);
}

.grid-lines {
  opacity: .28;
  background-image:
    linear-gradient(rgba(72, 118, 170, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(72, 118, 170, .12) 1px, transparent 1px);
}

.glow-divider {
  background: linear-gradient(90deg, transparent, rgba(6, 182, 212, .52), rgba(139, 92, 246, .35), transparent);
  box-shadow: 0 0 28px rgba(6, 182, 212, .18);
}

/* Cards */
.glass {
  border-color: rgba(60, 100, 150, .15);
  background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(240, 247, 255, .74));
  box-shadow: 0 24px 70px rgba(38, 73, 118, .12), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.card::before {
  background: radial-gradient(circle, rgba(6, 182, 212, .16), transparent 70%);
}

.card-icon {
  color: #155da8;
  border-color: rgba(37, 99, 235, .16);
  background: linear-gradient(135deg, rgba(6, 182, 212, .18), rgba(139, 92, 246, .14));
  box-shadow: inset 0 1px rgba(255, 255, 255, .75), 0 15px 38px rgba(37, 99, 235, .1);
}

.card-link {
  color: #1555a5;
}

.card-link:hover {
  color: #06a6c2;
}

.bento-card {
  border-color: rgba(60, 100, 150, .15);
  background: #dcecff;
  box-shadow: 0 24px 65px rgba(31, 66, 108, .16);
}

.bento-card img {
  filter: saturate(.93) brightness(.9);
}

.bento-card:hover img {
  filter: saturate(1.06) brightness(.96);
}

.bento-overlay {
  background: linear-gradient(180deg, transparent 18%, rgba(7, 22, 44, .88) 94%);
}

.bento-overlay h3 {
  color: #fff;
}

.bento-overlay p {
  color: rgba(233, 242, 255, .82);
}

/* Ticker */
.ticker {
  border-color: rgba(52, 91, 138, .14);
  background: rgba(236, 246, 255, .78);
}

.ticker-group {
  color: #4f6480;
}

/* Services */
.feature-visual {
  border-color: rgba(60, 100, 150, .16);
  box-shadow: 0 26px 72px rgba(32, 67, 110, .16);
}

.feature-visual img,
.feature-visual video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.96) brightness(.92);
}

.feature-visual::after {
  background: linear-gradient(180deg, transparent 30%, rgba(7, 22, 44, .74));
}

.feature-float {
  color: #fff;
  border-color: rgba(219, 237, 255, .26);
  background: rgba(7, 22, 44, .66);
}

.feature-float h3 {
  color: #fff;
}

.feature-float p {
  color: rgba(233, 242, 255, .84) !important;
}

.service-card {
  border-color: rgba(60, 100, 150, .15);
  background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(237, 246, 255, .78));
  box-shadow: 0 18px 48px rgba(37, 75, 120, .09);
}

.service-card:hover {
  border-color: rgba(6, 182, 212, .45);
  box-shadow: 0 24px 60px rgba(37, 99, 235, .13);
}

.service-card .index {
  color: #087f9c;
}

/* Process */
.process-list::before {
  background: linear-gradient(#06b6d4, #8b5cf6, transparent);
}

.step-no {
  color: #1555a5;
  border-color: rgba(37, 99, 235, .24);
  background: #f5f9ff;
  box-shadow: 0 0 0 9px rgba(234, 243, 255, .92), 0 8px 24px rgba(37, 99, 235, .08);
}

/* Stats */
.stat {
  border-color: rgba(60, 100, 150, .15);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 48px rgba(37, 75, 120, .08);
}

.stat strong {
  background: linear-gradient(110deg, #2563eb, #06b6d4, #8b5cf6);
  background-clip: text;
  -webkit-background-clip: text;
}

.stat span {
  color: var(--muted);
}

/* Split and image panels */
.image-frame {
  border-color: rgba(60, 100, 150, .16);
  background: linear-gradient(145deg, rgba(6, 182, 212, .12), rgba(139, 92, 246, .08));
  box-shadow: 0 26px 72px rgba(35, 73, 118, .14);
}

.image-frame img {
  filter: saturate(.98) brightness(.97);
}

.image-frame::after {
  border-color: rgba(37, 99, 235, .16);
}

.check-list li {
  color: #31445f;
}

.check-list li::before {
  color: #0d8f78;
  border-color: rgba(20, 184, 166, .24);
  background: rgba(20, 184, 166, .09);
}

.tag {
  color: #405874;
  border-color: rgba(52, 91, 138, .14);
  background: rgba(255, 255, 255, .72);
}

/* FAQ */
.faq-item {
  border-color: rgba(60, 100, 150, .15);
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 14px 38px rgba(34, 70, 113, .07);
}

.faq-button {
  color: #17304f;
}

.faq-answer p {
  color: var(--muted);
}

/* Resources */
.article-card img {
  filter: saturate(.9) brightness(.94);
}

.article-card:hover img {
  filter: saturate(1.04) brightness(1);
}

.article-meta {
  color: #087f9c;
}

.download-card .file {
  color: #687991;
}

/* About */
.company-mark {
  background: radial-gradient(circle at 50% 35%, rgba(6, 182, 212, .2), rgba(37, 99, 235, .07) 48%, rgba(255, 255, 255, .42) 72%);
}

.definition-list dt,
.contact-detail small {
  color: #6b7b91;
}

.definition-list dd {
  color: #17304f;
}

.avatar-placeholder {
  color: #fff;
  background: linear-gradient(145deg, #2563eb, #06b6d4 58%, #8b5cf6);
  border-color: rgba(37, 99, 235, .18);
  box-shadow: 0 24px 65px rgba(37, 99, 235, .18);
}

/* Contact */
.contact-panel {
  border: 1px solid rgba(60, 100, 150, .15);
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 24px 70px rgba(38, 73, 118, .11);
}

label {
  color: #31445f;
}

input,
select,
textarea {
  color: #10213a;
  border-color: rgba(52, 91, 138, .2);
  background: rgba(247, 251, 255, .92);
}

input::placeholder,
textarea::placeholder {
  color: #8492a6;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(37, 99, 235, .58);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .09);
}

/* CTA */
.cta-shell {
  color: #fff;
  border-color: rgba(185, 225, 255, .42);
  background: linear-gradient(125deg, #1558c8 0%, #087fbd 44%, #0f9f9a 100%);
  box-shadow: 0 28px 78px rgba(20, 79, 151, .24);
}

.cta-shell h2,
.cta-shell h3,
.cta-shell .eyebrow {
  color: #fff;
}

.cta-content p {
  color: rgba(239, 248, 255, .86);
}

.cta-shell .btn-secondary {
  color: #fff;
  border-color: rgba(255, 255, 255, .3);
  background: rgba(255, 255, 255, .12);
}

/* Footer */
.site-footer {
  color: #eaf4ff;
  border-top-color: rgba(163, 201, 255, .16);
  background:
    radial-gradient(circle at 10% 0%, rgba(6, 182, 212, .17), transparent 26rem),
    linear-gradient(135deg, #10213a 0%, #122b50 55%, #103950 100%);
}

.site-footer .brand-name,
.footer-title {
  color: #fff;
}

.site-footer .brand-tag,
.footer-brand p,
.footer-links {
  color: rgba(224, 238, 255, .72);
}

.footer-bottom {
  color: rgba(211, 229, 249, .62);
  border-top-color: rgba(191, 219, 255, .16);
}

/* Legal and utility */
.page-transition {
  background: #edf6ff;
}

.notice {
  color: #34506f;
  border-left-color: #06b6d4;
  background: rgba(6, 182, 212, .08);
}

.cursor-glow {
  background: radial-gradient(circle, rgba(37, 99, 235, .08), transparent 68%);
}

/* Inner page hero ending into light content */
.inner-hero .hero-media::after {
  background:
    linear-gradient(90deg, rgba(7, 22, 44, .82) 0%, rgba(7, 22, 44, .6) 48%, rgba(7, 22, 44, .2) 80%),
    linear-gradient(180deg, rgba(7, 22, 44, .14), rgba(238, 246, 255, .97) 100%);
}

.breadcrumbs {
  color: rgba(231, 241, 255, .76);
}

/* Responsive navigation */
@media (max-width: 1020px) {
  .nav-links {
    border-color: rgba(52, 91, 138, .16);
    background: rgba(248, 251, 255, .97);
    box-shadow: 0 24px 70px rgba(31, 65, 105, .16);
  }

  .nav-links a,
  .site-header:not(.scrolled) .nav-links a {
    color: #31445f;
  }

  .nav-links a:hover,
  .nav-links a.active,
  .site-header:not(.scrolled) .nav-links a:hover,
  .site-header:not(.scrolled) .nav-links a.active {
    color: #2563eb;
  }

  .nav-links .nav-cta,
  .site-header:not(.scrolled) .nav-links .nav-cta {
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #06b6d4 58%, #14b8a6);
  }
}

@media (max-width: 720px) {
  .hero-media video {
    object-position: 56% center;
  }

  .hero-media::after {
    background:
      linear-gradient(90deg, rgba(7, 22, 44, .8), rgba(7, 22, 44, .38)),
      linear-gradient(180deg, rgba(7, 22, 44, .08), rgba(238, 246, 255, .95));
  }
}


/* =========================================================
   INNER PAGE HERO READABILITY FIX
   Keeps the overall site bright while giving image heroes
   enough contrast for headings, body copy and navigation.
   ========================================================= */

.inner-hero {
  isolation: isolate;
  background: #07162c;
}

.inner-hero .hero-media {
  z-index: 0;
  opacity: 1;
  background: #07162c;
}

.inner-hero .hero-media img,
.inner-hero .hero-media video {
  filter: saturate(.92) brightness(.72) contrast(1.08);
  transform: scale(1.01);
}

.inner-hero .hero-media::after {
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      rgba(5, 18, 38, .94) 0%,
      rgba(5, 18, 38, .82) 38%,
      rgba(5, 18, 38, .52) 68%,
      rgba(5, 18, 38, .28) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5, 18, 38, .32) 0%,
      rgba(5, 18, 38, .14) 48%,
      rgba(7, 22, 44, .80) 100%
    );
}

.inner-hero > .container {
  position: relative;
  z-index: 3;
}

.inner-hero .orb {
  z-index: 2;
  opacity: .42;
}

.inner-hero .breadcrumbs,
.inner-hero .breadcrumbs a,
.inner-hero .breadcrumbs span {
  color: rgba(235, 244, 255, .80);
}

.inner-hero .eyebrow {
  color: #7ee9ff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .24);
}

.inner-hero .eyebrow::before {
  background: linear-gradient(90deg, #7ee9ff, transparent);
}

.inner-hero h1,
.inner-hero h2,
.inner-hero h3 {
  color: #ffffff;
  text-shadow: 0 4px 30px rgba(0, 0, 0, .42);
}

.inner-hero .gradient-text {
  color: transparent;
  background: linear-gradient(
    110deg,
    #ffffff 0%,
    #d9fbff 24%,
    #79d9ff 52%,
    #9eb0ff 76%,
    #d2a8ff 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 4px 18px rgba(0, 0, 0, .24));
}

.inner-hero .lead {
  color: rgba(239, 247, 255, .92);
  text-shadow: 0 3px 18px rgba(0, 0, 0, .32);
}

/* Hero copy should never remain hidden if animation JS is delayed or blocked. */
.inner-hero .reveal {
  opacity: 1;
  transform: none;
}

.inner-hero .btn-secondary {
  color: #ffffff;
  border-color: rgba(220, 238, 255, .34);
  background: rgba(7, 22, 44, .68);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .14);
}

.inner-hero .btn-secondary:hover {
  color: #ffffff;
  border-color: rgba(126, 233, 255, .58);
  background: rgba(7, 22, 44, .82);
}

@media (max-width: 720px) {
  .inner-hero .hero-media img,
  .inner-hero .hero-media video {
    object-position: 62% center;
    filter: saturate(.9) brightness(.62) contrast(1.1);
  }

  .inner-hero .hero-media::after {
    background:
      linear-gradient(90deg, rgba(5,18,38,.92), rgba(5,18,38,.54)),
      linear-gradient(180deg, rgba(5,18,38,.20), rgba(7,22,44,.84));
  }
}

/* Page-specific cinematic background videos */
.inner-hero .hero-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (prefers-reduced-motion: reduce) {
  .inner-hero .hero-media video,
  .hero .hero-media video {
    display: none;
  }
}

/* IntelliStream brand refinements */
.brand-name { font-size: .98rem; letter-spacing: .015em; }
.site-footer .brand-name { max-width: 290px; line-height: 1.12; }
.company-mark { display:grid; place-items:center; min-height:280px; border-radius:24px; background:radial-gradient(circle at 50% 38%,rgba(87,220,255,.16),transparent 60%); }
.company-mark img { width:min(280px,78%); height:auto; object-fit:contain; filter:drop-shadow(0 22px 44px rgba(35,126,210,.24)); }
.legal-content { max-width:940px; margin-inline:auto; padding:48px; }
.legal-content h2 { font-size:clamp(1.65rem,3vw,2.4rem); margin-top:34px; }
.legal-content h2:first-child { margin-top:0; }
.legal-content p { color:var(--muted); }
@media (max-width:720px) {
  .brand-name { font-size:.88rem; }
  .legal-content { padding:26px; }
  .company-mark { min-height:210px; }
}