:root {
  --bg: #07111f;
  --bg-2: #0a1728;
  --bg-3: #0d1d31;
  --surface: #ffffff;
  --surface-2: #f5f8fb;
  --surface-3: #eaf2f6;
  --text: #0c1a2d;
  --muted: #617086;
  --muted-dark: #9eacc0;
  --line: rgba(12, 26, 45, .12);
  --line-dark: rgba(255,255,255,.1);
  --mint: #5eead4;
  --mint-2: #2dd4bf;
  --blue: #60a5fa;
  --purple: #a78bfa;
  --warning: #fbbf24;
  --danger: #fb7185;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --shadow: 0 24px 70px rgba(7,17,31,.12);
  --container: 1200px;
  --ease: cubic-bezier(.2,.75,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: #fff;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
svg { stroke-linecap: round; stroke-linejoin: round; }
::selection { color: #061018; background: var(--mint); }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; position: relative; z-index: 2; }
.section { padding: 120px 0; position: relative; overflow: hidden; }
.section-light { background: var(--surface); }
.section-ice { background: linear-gradient(180deg, #f2f7fa, #eaf3f6); }
.section-dark { color: white; background: var(--bg); position: relative; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: 9998; opacity: .025; 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='.7'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; z-index: 0; background: radial-gradient(circle, rgba(94,234,212,.08), transparent 68%); transform: translate(-50%,-50%); opacity: 0; transition: opacity .3s; }
body:hover .cursor-glow { opacity: 1; }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.1; letter-spacing: -.035em; }
h1 { font-size: clamp(3rem, 6vw, 6.25rem); margin-bottom: 28px; }
h2 { font-size: clamp(2.35rem, 4.4vw, 4.25rem); margin-bottom: 24px; }
h3 { font-size: 1.35rem; margin-bottom: 14px; }
p { color: var(--muted); font-size: 1.03rem; }
.section-dark p { color: var(--muted-dark); }

.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; color: var(--mint); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow-light { color: #137f75; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 6px rgba(94,234,212,.1), 0 0 18px var(--mint); }
.section-heading { max-width: 780px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading.centered p { max-width: 680px; margin-inline: auto; }

.button { min-height: 52px; padding: 0 24px; border-radius: 999px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 800; letter-spacing: -.01em; transition: transform .25s var(--ease), box-shadow .25s, background .25s, border-color .25s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #031414; background: linear-gradient(135deg, #7ff5e3, var(--mint-2)); box-shadow: 0 14px 34px rgba(45,212,191,.2); }
.button-primary:hover { box-shadow: 0 18px 40px rgba(45,212,191,.32); }
.button-ghost { color: white; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.045); backdrop-filter: blur(14px); }
.button-ghost:hover { border-color: rgba(94,234,212,.5); background: rgba(94,234,212,.08); }
.button-dark { color: white; background: var(--text); box-shadow: 0 12px 30px rgba(7,17,31,.18); }
.button-ghost-light { color: white; border-color: rgba(255,255,255,.18); background: transparent; }
.button-small { min-height: 44px; padding-inline: 19px; font-size: .9rem; }
.button-full { width: 100%; }
.text-link { display: inline-flex; gap: 12px; align-items: center; margin-top: 22px; color: #0f766e; font-weight: 800; }
.text-link span { transition: transform .2s; }
.text-link:hover span { transform: translateX(5px); }

.site-header { position: fixed; inset: 0 0 auto; z-index: 1000; height: 82px; color: white; transition: background .3s, box-shadow .3s, height .3s; }
.site-header.scrolled { height: 70px; background: rgba(7,17,31,.88); box-shadow: 0 12px 40px rgba(0,0,0,.18); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: 220px; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; color: var(--mint); flex: 0 0 auto; }
.brand-mark svg { width: 100%; height: 100%; fill: rgba(94,234,212,.08); stroke: currentColor; stroke-width: 2.1; }
.brand-mark svg path:last-child { fill: none; stroke: white; stroke-width: 2.6; }
.brand-copy { display: grid; line-height: 1.1; }
.brand-copy strong { font-size: 1.25rem; letter-spacing: -.03em; }
.brand-copy small { margin-top: 4px; color: rgba(255,255,255,.54); font-size: .58rem; letter-spacing: .075em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.main-nav a { color: rgba(255,255,255,.72); font-size: .91rem; font-weight: 650; transition: color .2s; }
.main-nav a:hover { color: white; }
.nav-toggle { width: 44px; height: 44px; display: none; place-items: center; padding: 10px; border: 0; background: transparent; }
.nav-toggle span { display: block; width: 22px; height: 2px; margin: 4px 0; background: white; border-radius: 3px; transition: .25s; }

.hero { min-height: 930px; padding: 175px 0 56px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.hero-grid-bg, .machine-grid-bg, .cta-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 260px; background: linear-gradient(transparent, #07111f); pointer-events: none; }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(6px); pointer-events: none; }
.hero-orb-one { width: 560px; height: 560px; right: -180px; top: 80px; background: radial-gradient(circle, rgba(96,165,250,.18), transparent 67%); }
.hero-orb-two { width: 520px; height: 520px; left: -230px; top: 260px; background: radial-gradient(circle, rgba(94,234,212,.11), transparent 67%); }
.hero > .container { width: min(calc(100% - 48px), 1360px); }
.hero-layout { display: grid; grid-template-columns: 1.18fr .82fr; align-items: center; gap: 38px; }
.hero-copy { width: min(100%, 790px); max-width: 790px; position: relative; z-index: 3; }
.hero-copy h1 { max-width: 790px; font-size: clamp(3.5rem, 5.15vw, 5.35rem); letter-spacing: -.055em; }
.hero-copy h1 span { color: transparent; background: linear-gradient(90deg, var(--mint), #8fc6ff, #c4b5fd); -webkit-background-clip: text; background-clip: text; }
.hero-lead { max-width: 690px; font-size: 1.18rem; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 38px 0 42px; }
.hero-proof { display: flex; gap: 0; border-top: 1px solid rgba(255,255,255,.1); padding-top: 25px; }
.hero-proof > div { padding: 0 24px; border-right: 1px solid rgba(255,255,255,.1); }
.hero-proof > div:first-child { padding-left: 0; }
.hero-proof > div:last-child { border: 0; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { color: white; font-size: 1.02rem; }
.hero-proof span { color: #7f90a8; margin-top: 3px; font-size: .75rem; }

.hero-visual { position: relative; padding: 30px 0 20px; perspective: 1300px; }
.dashboard-shell { position: relative; width: 105%; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(9,23,39,.84); box-shadow: 0 45px 120px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.025); backdrop-filter: blur(16px); overflow: hidden; transform: rotateY(-3deg) rotateX(1deg); transition: transform .2s ease; }
.dashboard-topbar { height: 45px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.018); }
.window-dots { display: flex; gap: 6px; }
.window-dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.2); }
.window-dots span:first-child { background: #fb7185; }.window-dots span:nth-child(2) { background: #fbbf24; }.window-dots span:nth-child(3) { background: #34d399; }
.dashboard-title { color: #718198; font-size: .62rem; text-transform: uppercase; letter-spacing: .1em; }
.live-pill { justify-self: end; display: flex; align-items: center; gap: 6px; color: #9fefde; font-size: .65rem; }
.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.dashboard-body { display: grid; grid-template-columns: 46px 1fr; min-height: 510px; }
.dashboard-side { padding: 13px 0; display: flex; flex-direction: column; align-items: center; gap: 18px; border-right: 1px solid rgba(255,255,255,.06); }
.side-logo { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #06211f; background: var(--mint); font-size: .7rem; font-weight: 900; margin-bottom: 8px; }
.dashboard-side span { width: 15px; height: 15px; border-radius: 5px; border: 1px solid rgba(255,255,255,.13); }
.dashboard-side span.active { border-color: var(--mint); background: rgba(94,234,212,.14); box-shadow: 0 0 14px rgba(94,234,212,.15); }
.dashboard-main { padding: 18px; min-width: 0; }
.dash-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.dash-head small, .dash-head strong { display: block; }
.dash-head small { color: #65768d; font-size: .6rem; }
.dash-head strong { margin-top: 2px; font-size: .95rem; letter-spacing: -.02em; }
.dash-filter { padding: 7px 9px; color: #91a1b7; border: 1px solid rgba(255,255,255,.08); border-radius: 6px; font-size: .55rem; }
.metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.metric-row article { min-width: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 9px; padding: 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; background: rgba(255,255,255,.025); }
.metric-row article div small, .metric-row article div strong { display: block; }
.metric-row small { color: #74869d; font-size: .5rem; }.metric-row strong { font-size: .9rem; }.metric-row em { grid-column: 2; color: #5e718a; font-size: .46rem; font-style: normal; }
.metric-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; font-size: .7rem; font-weight: 900; }
.metric-icon.safe { color: #53e0c9; background: rgba(94,234,212,.1); }.metric-icon.warn { color: var(--warning); background: rgba(251,191,36,.1); }.metric-icon.risk { color: var(--danger); background: rgba(251,113,133,.1); }
.dashboard-panels { display: grid; grid-template-columns: 1.6fr .8fr; gap: 10px; margin-top: 10px; }
.chart-card, .risk-card { border: 1px solid rgba(255,255,255,.065); background: rgba(255,255,255,.022); border-radius: 10px; padding: 12px; }
.panel-title { display: flex; justify-content: space-between; align-items: center; font-size: .58rem; }
.panel-title span { color: #c6d1df; font-weight: 700; }.panel-title small { color: #677990; font-size: .46rem; }
.line-chart { height: 134px; margin-top: 5px; }
.line-chart svg { width: 100%; height: 100%; overflow: visible; }
.grid-line { fill: none; stroke: rgba(255,255,255,.055); stroke-width: 1; }
.area { fill: url(#area); stroke: none; }.line { fill: none; stroke: var(--mint); stroke-width: 3; filter: drop-shadow(0 0 5px rgba(94,234,212,.45)); }
.chart-legend { display: flex; justify-content: center; gap: 13px; color: #718198; font-size: .43rem; }
.chart-legend span { display: flex; align-items: center; gap: 4px; }.chart-legend i { width: 5px; height: 5px; border-radius: 50%; }.mint { background: var(--mint); }.blue { background: var(--blue); }.purple { background: var(--purple); }
.risk-ring { width: 96px; height: 96px; margin: 14px auto 10px; padding: 8px; border-radius: 50%; background: conic-gradient(var(--mint) 0 94%, rgba(255,255,255,.06) 94% 100%); }
.risk-ring::before { content: ""; position: absolute; }
.risk-ring div { width: 100%; height: 100%; display: grid; place-content: center; text-align: center; border-radius: 50%; background: #0b1829; }
.risk-ring strong { font-size: 1.2rem; line-height: 1; }.risk-ring span { color: #6f8097; font-size: .42rem; margin-top: 4px; }
.risk-card ul { list-style: none; padding: 0; margin: 0; }.risk-card li { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.045); color: #6f8097; font-size: .45rem; }.risk-card li strong { color: #c7d2df; font-size: .47rem; }
.activity-feed { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.activity-feed > div { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; min-width: 0; padding: 9px 11px; border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.02); border-radius: 8px; }
.activity-icon { width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; color: var(--mint); background: rgba(94,234,212,.08); font-size: .65rem; }
.activity-feed p { margin: 0; min-width: 0; }.activity-feed p strong, .activity-feed p small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.activity-feed p strong { color: #cdd7e3; font-size: .48rem; }.activity-feed p small { color: #61738a; font-size: .42rem; }.activity-feed time { color: #5d6d82; font-size: .42rem; }
.floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(11,28,47,.9); box-shadow: 0 18px 45px rgba(0,0,0,.3); backdrop-filter: blur(14px); animation: float 5s ease-in-out infinite; }
.floating-card strong, .floating-card small { display: block; }.floating-card strong { font-size: .67rem; }.floating-card small { color: #78899f; font-size: .49rem; }.floating-card-a { right: 0; top: 2%; }.floating-card-a span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 50%; color: var(--mint); border: 4px solid rgba(94,234,212,.2); font-weight: 900; }
.floating-card-b { left: -30px; bottom: -3%; animation-delay: -2s; }.floating-card-b i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #051815; background: var(--mint); font-style: normal; font-weight: 900; }
@keyframes float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
.trust-strip { margin-top: 85px; display: flex; align-items: center; justify-content: space-between; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.09); position: relative; z-index: 4; }
.trust-strip > span { color: #718198; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }
.trust-items { display: flex; flex-wrap: wrap; gap: 28px; }.trust-items b { color: rgba(255,255,255,.55); font-size: .93rem; letter-spacing: -.02em; }

.stats-band { background: #0a1728; color: white; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.stat { padding: 34px 25px; border-right: 1px solid rgba(255,255,255,.08); text-align: center; }.stat:last-child { border: 0; }
.stat strong { display: block; color: var(--mint); font-size: 2.4rem; line-height: 1; letter-spacing: -.04em; }.stat span { display: block; margin-top: 9px; color: #8392a7; font-size: .78rem; }

.split-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: end; margin-bottom: 70px; }
.intro-copy { padding-bottom: 5px; }.intro-copy p { font-size: 1.08rem; }.intro-copy p:last-child { margin-bottom: 0; }
.feature-grid { display: grid; gap: 22px; }.feature-grid-three { grid-template-columns: repeat(3,1fr); }
.feature-card { min-height: 430px; padding: 32px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(155deg,#fff,#f7fafb); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.feature-card:hover { transform: translateY(-8px); border-color: rgba(45,212,191,.38); box-shadow: var(--shadow); }
.icon-box { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; color: #0f766e; background: #ddf8f3; }
.icon-box svg { width: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.feature-number { position: absolute; right: 28px; top: 31px; color: #b7c2cf; font-size: .72rem; font-weight: 800; }
.feature-card h3 { margin-top: 35px; font-size: 1.55rem; }.feature-card p { max-width: 360px; }
.mini-visual, .inventory-visual, .risk-bars { position: absolute; inset: auto 28px 27px; height: 120px; border-top: 1px solid var(--line); padding-top: 20px; }
.discovery-visual { display: flex; align-items: flex-end; justify-content: space-around; }
.discovery-visual::before { content: ""; position: absolute; left: 10%; right: 10%; bottom: 38px; border-top: 1px dashed rgba(15,118,110,.3); }
.discovery-visual span { width: 35px; height: 35px; position: relative; z-index: 2; border: 5px solid white; border-radius: 50%; background: #a7f3d0; box-shadow: 0 5px 16px rgba(15,118,110,.16); }.discovery-visual span:nth-child(2){background:#bfdbfe;align-self:flex-start}.discovery-visual span:nth-child(3){background:#ddd6fe}.discovery-visual span:nth-child(4){background:#fde68a;align-self:center}.discovery-visual i { position: absolute; left: 46%; bottom: 25px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(15,118,110,.15); animation: pulseRing 2.4s infinite; }
@keyframes pulseRing { 0%{transform:scale(.7);opacity:1}100%{transform:scale(2.2);opacity:0} }
.inventory-visual { display: grid; gap: 10px; }
.inventory-visual span { display: grid; grid-template-columns: 22px 1fr 54px; gap: 10px; align-items: center; }.inventory-visual i { height: 22px; border-radius: 7px; background: #d8f7f0; }.inventory-visual b { height: 7px; width: 75%; border-radius: 9px; background: #dbe3ea; }.inventory-visual em { height: 18px; border-radius: 99px; background: #e9f8f4; }
.risk-bars { display: grid; align-content: center; gap: 14px; }
.risk-bars span { width: var(--w); height: 10px; border-radius: 99px; background: linear-gradient(90deg,var(--mint-2),var(--blue)); box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); }.risk-bars span:nth-child(2){background:linear-gradient(90deg,var(--blue),var(--purple))}.risk-bars span:nth-child(3){background:linear-gradient(90deg,var(--warning),var(--danger))}

.automation-section { background: linear-gradient(135deg,#07111f,#0b1c30); }
.automation-glow { position: absolute; width: 700px; height: 700px; right: -220px; bottom: -300px; background: radial-gradient(circle,rgba(94,234,212,.12),transparent 68%); }
.automation-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 90px; align-items: center; }
.automation-copy > p { font-size: 1.08rem; max-width: 580px; }
.check-list { padding: 0; margin: 40px 0 0; list-style: none; display: grid; gap: 20px; }
.check-list li { display: grid; grid-template-columns: auto 1fr; gap: 14px; }
.check-list li > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #051a17; background: var(--mint); font-weight: 900; font-size: .7rem; }
.check-list strong, .check-list small { display: block; }.check-list strong { color: white; font-size: .98rem; }.check-list small { margin-top: 4px; color: #8292a8; }
.quote-line { display: flex; gap: 14px; align-items: center; margin-top: 34px; }.quote-line span { width: 40px; height: 1px; background: var(--mint); }.quote-line p { color: #c4d0dd; margin: 0; font-size: .88rem; font-weight: 700; }
.lifecycle-visual { min-height: 650px; position: relative; display: grid; place-items: center; }
.orbit-system { width: 520px; height: 520px; position: relative; display: grid; place-items: center; }
.orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(94,234,212,.15); animation: spin 30s linear infinite; }
.orbit::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; border-top: 1px solid var(--mint); border-right: 1px solid transparent; filter: drop-shadow(0 0 7px rgba(94,234,212,.4)); }
.orbit-outer { width: 100%; height: 100%; }.orbit-inner { width: 68%; height: 68%; animation-direction: reverse; animation-duration: 23s; }
@keyframes spin { to { transform: rotate(360deg); } }
.orbit-node { position: absolute; display: grid; place-items: center; width: 78px; height: 30px; border: 1px solid rgba(255,255,255,.12); border-radius: 99px; color: #c9d5e3; background: #0d2036; font-size: .6rem; font-weight: 700; box-shadow: 0 10px 30px rgba(0,0,0,.22); animation: spinReverse 30s linear infinite; }
.orbit-inner .orbit-node { animation-direction: reverse; animation-duration: 23s; }
@keyframes spinReverse { to { transform: rotate(-360deg); } }
.n1 { left: 40px; top: 42px; }.n2 { right: -22px; top: 220px; }.n3 { left: 88px; bottom: 8px; }.n4 { right: 8px; top: 50px; }.n5 { left: -24px; top: 150px; }.n6 { right: 55px; bottom: 8px; }
.orbit-core { width: 180px; height: 180px; position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid rgba(94,234,212,.35); background: radial-gradient(circle at 40% 30%,rgba(94,234,212,.18),#0b1b2e 65%); box-shadow: 0 0 0 20px rgba(94,234,212,.025), 0 0 70px rgba(94,234,212,.15); }
.orbit-core svg { width: 55px; fill: rgba(94,234,212,.08); stroke: var(--mint); stroke-width: 1.8; }.orbit-core svg path:last-child { fill:none;stroke:white;stroke-width:2.3}.orbit-core strong { margin-top: 8px; }.orbit-core small { color: #70839b; font-size: .6rem; }
.automation-log { position: absolute; right: 0; bottom: 0; width: 370px; padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(8,22,38,.9); backdrop-filter: blur(15px); box-shadow: 0 20px 50px rgba(0,0,0,.27); }
.log-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; color: #d0d9e4; font-size: .66rem; font-weight: 700; }.log-top i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 11px var(--mint); }
.automation-log p { display: grid; grid-template-columns: 52px 55px 1fr; gap: 8px; margin: 0; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.05); font-size: .5rem; }.automation-log time { color: #5e7188; }.automation-log p span { color: var(--mint); }.automation-log p strong { color: #98a8ba; font-weight: 600; }

.validity-section .section-heading { margin-bottom: 75px; }
.timeline { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; position: relative; }
.timeline-track { position: absolute; left: 14%; right: 14%; top: 70px; height: 2px; background: linear-gradient(90deg,#aebbc6,#60a5fa,var(--mint-2)); }.timeline-track span { position: absolute; right: 0; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--mint-2); box-shadow: 0 0 0 7px rgba(45,212,191,.12); }
.timeline-item { position: relative; text-align: center; }
.day-ring { width: 140px; height: 140px; margin: 0 auto 30px; position: relative; z-index: 2; display: grid; place-content: center; border-radius: 50%; border: 2px solid #b8c3cd; background: #eef5f7; box-shadow: 0 0 0 10px #eaf3f6; }
.day-ring strong, .day-ring small { display: block; }.day-ring strong { font-size: 2.35rem; line-height: 1; }.day-ring small { color: #758397; font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
.timeline-item.current .day-ring { border-color: var(--blue); color: #2563eb; }.timeline-item.future .day-ring { border-color: var(--mint-2); color: #0f766e; box-shadow: 0 0 0 10px #eaf3f6,0 0 45px rgba(45,212,191,.18); }
.timeline-item > div:last-child > span { color: #168b80; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.timeline-item h3 { margin: 14px auto 10px; max-width: 270px; }.timeline-item p { max-width: 310px; margin-inline: auto; font-size: .9rem; }

.integration-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: center; }
.integration-map { min-height: 620px; position: relative; display: grid; place-items: center; }
.map-ring { position: absolute; border-radius: 50%; border: 1px dashed rgba(15,118,110,.2); }.ring-one { width: 500px;height:500px;animation:spin 70s linear infinite}.ring-two { width: 380px;height:380px;animation:spin 45s linear infinite reverse}.ring-three { width: 240px;height:240px;background:rgba(94,234,212,.04);border-style:solid; }
.map-core { width: 130px; height: 130px; z-index: 3; display: grid; place-items: center; align-content: center; border-radius: 50%; border: 1px solid rgba(15,118,110,.25); background: white; box-shadow: 0 18px 60px rgba(7,17,31,.15),0 0 0 20px rgba(94,234,212,.07); }.map-core .brand-mark { width: 50px; color:#0f766e}.map-core .brand-mark svg path:last-child{stroke:#0c1a2d}.map-core strong { font-size: .9rem; }
.map-node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 9px; padding: 9px 12px 9px 9px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.95); box-shadow: 0 12px 35px rgba(7,17,31,.1); animation: float 6s ease-in-out infinite; }.map-node b { width: 38px; height: 38px; display:grid;place-items:center;border-radius:9px;color:#0f766e;background:#ddf8f3;font-size:.62rem}.map-node span { font-size: .7rem; font-weight: 750; white-space: nowrap; }.node-adcs{top:55px;left:90px}.node-ejbca{top:100px;right:28px;animation-delay:-1s}.node-cloud{right:0;top:290px;animation-delay:-2s}.node-private{right:70px;bottom:70px;animation-delay:-3s}.node-public{left:40px;bottom:100px;animation-delay:-4s}.node-dicta{left:0;top:270px;animation-delay:-5s}
.integration-copy > p { font-size: 1.08rem; }.plain-list { padding: 0; margin: 30px 0 0; list-style: none; display: grid; gap: 14px; }.plain-list li { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: .92rem; }.plain-list li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mint-2); box-shadow: 0 0 0 5px rgba(45,212,191,.12); }

.protocol-section { padding: 110px 0; overflow:hidden; }
.protocol-section::before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 0,rgba(96,165,250,.12),transparent 40%); }
.protocol-head { display: grid; grid-template-columns: 1fr .75fr; gap: 80px; align-items: end; margin-bottom: 55px; }.protocol-head h2 { max-width: 700px; }.protocol-head p { margin-bottom: 10px; }
.protocol-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; border: 1px solid rgba(255,255,255,.08); border-radius: var(--radius-md); overflow: hidden; background: rgba(255,255,255,.08); }
.protocol-card { min-height: 330px; padding: 28px; position: relative; background: #0a1829; transition: background .3s; }.protocol-card:hover { background: #0d2035; }.protocol-code { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 50%; color: var(--mint); border: 1px solid rgba(94,234,212,.28); background: rgba(94,234,212,.06); font-size: .76rem; font-weight: 900; letter-spacing: .05em; }.protocol-card h3 { margin-top: 48px; font-size: 1.25rem; }.protocol-card p { font-size: .88rem; }.protocol-card > i { position:absolute;right:25px;bottom:20px;color:rgba(255,255,255,.1);font-size:3.3rem;font-style:normal;font-weight:900; }

.devops-section { padding-bottom: 120px; }.devops-section .section-heading { margin-bottom: 65px; }
.logo-marquee { width: 100%; overflow: hidden; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #f9fbfc; }
.marquee-track { width: max-content; display: flex; animation: marquee 35s linear infinite; }.marquee-track:hover { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(-50%); } }
.marquee-track span { min-width: 190px; display: flex; align-items: center; gap: 10px; padding: 0 28px; color: #435268; font-size: .84rem; font-weight: 750; }.marquee-track b { width: 34px; height: 34px; display:grid;place-items:center;border-radius:9px;background:#e3f8f4;color:#0f766e;font-size:.6rem; }
.devops-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 65px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.devops-card { padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.devops-card > span { color: #13a493; font-size: .7rem; font-weight: 900; }.devops-card h3 { margin-top: 45px; }.devops-card p { font-size: .87rem; }

.machine-section { background: linear-gradient(135deg,#07111f,#0a1c31); }.machine-grid-bg { opacity:.1;mask-image:radial-gradient(circle at 70% 50%,black,transparent 65%); }
.machine-layout { display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center; }.machine-copy > p { max-width: 580px; font-size:1.08rem; }.machine-features { display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:45px;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1); }.machine-features div { padding:24px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1); }.machine-features span { color:var(--mint);font-size:.65rem;font-weight:900}.machine-features h3 { font-size:1rem;margin:22px 0 8px}.machine-features p { font-size:.76rem;margin:0; }
.machine-visual { min-height:650px;position:relative;display:grid;place-items:center}.network-visual svg { width:100%;overflow:visible }.connections path { fill:none;stroke:url(#netline);stroke-width:1.3;stroke-dasharray:6 10;opacity:.5;animation:dash 20s linear infinite}.connections path:nth-child(2){animation-direction:reverse}@keyframes dash{to{stroke-dashoffset:-300}}.node circle { fill:#0b1e33;stroke:rgba(94,234,212,.45);stroke-width:2;filter:drop-shadow(0 0 16px rgba(94,234,212,.12));}.node text { fill:#fff;text-anchor:middle;font-weight:800;font-size:13px}.core-node circle:first-child{fill:rgba(94,234,212,.04);stroke-dasharray:8 8;animation:spinOrigin 22s linear infinite;transform-origin:310px 260px}@keyframes spinOrigin{to{transform:rotate(360deg)}}.core-node circle:nth-child(2){fill:#0d263d}.core-node text:first-of-type{font-size:28px;fill:var(--mint)}.core-node text:last-of-type{font-size:11px;fill:#8293a9;font-weight:500}.device-node text{font-size:11px;fill:#b8c6d5}.mini-node circle{fill:var(--mint);opacity:.7;filter:drop-shadow(0 0 6px var(--mint))}.fleet-status{position:absolute;right:25px;bottom:30px;width:190px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(10,27,46,.88);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.fleet-status span{display:flex;align-items:center;gap:7px;color:#93a4b8;font-size:.65rem}.fleet-status span i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px var(--mint)}.fleet-status strong,.fleet-status small{display:block}.fleet-status strong{margin-top:12px;font-size:1.8rem}.fleet-status small{color:#6d7e94;font-size:.58rem}

.hsm-layout { display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.hsm-visual{min-height:540px;display:grid;place-items:center}.vault{width:460px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#f2f7f9,#dfe9ed);box-shadow:0 35px 90px rgba(7,17,31,.14);overflow:hidden;transform:perspective(900px) rotateY(4deg)}.vault-top{height:36px;padding:0 15px;display:flex;align-items:center;gap:6px;background:#d6e2e7;border-bottom:1px solid rgba(12,26,45,.1)}.vault-top span{width:7px;height:7px;border-radius:50%;background:#9aabb6}.vault-body{padding:34px}.vault-chip{height:260px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(15,118,110,.2);border-radius:18px;background:#0a1728;color:white;overflow:hidden}.chip-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(94,234,212,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.3) 1px,transparent 1px);background-size:24px 24px}.vault-chip svg{width:65px;fill:rgba(94,234,212,.08);stroke:var(--mint);stroke-width:2}.vault-chip strong{margin-top:14px;font-size:1.4rem}.vault-chip small{color:#7f91a8}.vault-data{display:grid;gap:10px;margin-top:18px}.vault-data span{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(12,26,45,.08);font-size:.7rem}.vault-data b{font-weight:700}.vault-data i{color:#0f766e;font-style:normal;font-weight:800}.hsm-copy>p{font-size:1.08rem}.pill-list{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.pill-list span{padding:9px 13px;border:1px solid rgba(15,118,110,.16);border-radius:999px;color:#0f766e;background:#effaf8;font-size:.72rem;font-weight:800}.muted-note{padding-left:16px;border-left:2px solid var(--mint-2);font-size:.87rem!important}

.usecases-section .section-heading{margin-bottom:60px}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.usecase-card{min-height:350px;padding:28px;display:flex;flex-direction:column;border:1px solid rgba(12,26,45,.1);border-radius:18px;background:rgba(255,255,255,.7);transition:.3s var(--ease)}.usecase-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);background:white}.usecase-card.featured{background:#0c1a2d;color:white}.usecase-card.featured p{color:#93a2b5}.usecase-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#0f766e;background:#dff8f3;font-size:.67rem;font-weight:900}.featured .usecase-icon{color:#061b18;background:var(--mint)}.usecase-card h3{margin-top:45px}.usecase-card p{font-size:.86rem}.outcome{margin-top:auto;padding-top:20px;border-top:1px solid rgba(12,26,45,.1)}.featured .outcome{border-color:rgba(255,255,255,.1)}.outcome span,.outcome strong{display:block}.outcome span{color:#8695a7;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.outcome strong{margin-top:5px;font-size:.78rem}.usecase-card.pqc{grid-column:1/-1;min-height:190px;display:grid;grid-template-columns:auto 1fr 300px;gap:25px;align-items:center;overflow:hidden;background:linear-gradient(100deg,#fff,#edf9f7)}.pqc .usecase-icon{margin:0}.pqc h3{margin:0 0 8px}.pqc p{margin:0}.pqc-wave{height:130px;position:relative;background:repeating-radial-gradient(ellipse at center,transparent 0 11px,rgba(45,212,191,.13) 12px 13px);mask-image:linear-gradient(90deg,transparent,black)}

.governance-head{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end;margin-bottom:55px}.governance-head p{margin-bottom:10px}.tabs{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fbfcfd}.tab-buttons{display:flex;border-bottom:1px solid var(--line);background:#f2f6f8}.tab-buttons button{flex:1;padding:20px;border:0;border-right:1px solid var(--line);color:#728095;background:transparent;font-weight:800}.tab-buttons button:last-child{border-right:0}.tab-buttons button.active{color:#0f766e;background:white;box-shadow:inset 0 -2px var(--mint-2)}.tab-panel{display:none;grid-template-columns:1fr 1fr;gap:80px;padding:50px}.tab-panel.active{display:grid;animation:fadeIn .35s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tab-copy>span{color:#0f766e;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.tab-copy h3{margin-top:15px;font-size:2rem}.tab-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:28px 0 0;list-style:none}.tab-copy li{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700}.tab-copy li::before{content:"✓";color:#0f766e}.report-visual,.architecture-visual,.operations-visual{min-height:360px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 20px 55px rgba(7,17,31,.08)}.report-visual{padding:24px}.report-head{display:flex;justify-content:space-between;font-size:.72rem}.report-head span{color:#0f766e}.report-score{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.report-score strong,.report-score span{display:block}.report-score strong{font-size:2.7rem}.report-score span{color:#758397;font-size:.7rem}.report-score i{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--mint-2) 0 96.8%,#e8edef 96.8%);position:relative}.report-score i::after{content:"";position:absolute;inset:12px;border-radius:50%;background:white}.report-lines{display:grid;gap:14px;padding-top:25px;border-top:1px solid var(--line)}.report-lines span{width:var(--w);height:10px;border-radius:99px;background:linear-gradient(90deg,#c7f4ec,var(--mint-2))}.architecture-visual{padding:30px;display:grid;align-content:center;gap:8px}.arch-layer,.arch-split span{display:grid;place-items:center;min-height:60px;border:1px solid var(--line);border-radius:12px;background:#f5f8fa;font-size:.72rem;font-weight:800}.arch-layer.accent{color:white;background:#0c1a2d;border-color:#0c1a2d}.arch-arrow{text-align:center;color:#0f766e;font-weight:900}.arch-split{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.arch-split span{min-height:70px;font-size:.6rem;text-align:center;padding:8px}.operations-visual{padding:24px;display:grid;align-content:center;gap:12px}.op-event{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:12px}.op-event i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#0f766e;background:#e4f8f4;font-style:normal;font-weight:900}.op-event strong,.op-event small{display:block}.op-event strong{font-size:.72rem}.op-event small{color:#7d8b9e;font-size:.58rem}.op-event time{color:#8a98a8;font-size:.6rem}

.pricing-section{background:linear-gradient(135deg,#07111f,#0c2138)}.pricing-glow{position:absolute;width:800px;height:800px;left:50%;top:-400px;transform:translateX(-50%);background:radial-gradient(circle,rgba(94,234,212,.11),transparent 68%)}.pricing-section .section-heading{margin-bottom:60px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{padding:34px;position:relative;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}.price-card.popular{border-color:rgba(94,234,212,.55);background:linear-gradient(180deg,rgba(94,234,212,.1),rgba(255,255,255,.035));box-shadow:0 25px 70px rgba(0,0,0,.22)}.popular-label{position:absolute;right:20px;top:20px;padding:5px 9px;border-radius:99px;color:#041a17;background:var(--mint);font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.plan-label{color:var(--mint);font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.price-card h3{margin-top:30px;font-size:1.55rem}.price-card p{min-height:80px;font-size:.88rem}.price-card ul{padding:24px 0;margin:25px 0 30px;border-top:1px solid rgba(255,255,255,.1);list-style:none;display:grid;gap:13px}.price-card li{display:flex;gap:9px;color:#b3c0cf;font-size:.78rem}.price-card li::before{content:"✓";color:var(--mint);font-weight:900}.price-card .button{width:100%}

.services-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:55px}.services-head h2{max-width:770px}.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 1.2fr 36px;gap:35px;align-items:center;padding:28px 8px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.service-row:hover{padding-left:18px;padding-right:18px;background:#f7fafb}.service-row>span{color:#0f766e;font-size:.7rem;font-weight:900}.service-row h3,.service-row p{margin:0}.service-row h3{font-size:1.18rem}.service-row p{font-size:.84rem}.service-row i{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#0f766e;font-style:normal}

.why-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px;align-items:center}.why-copy p{font-size:1.08rem}.why-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.why-grid article{min-height:220px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.5)}.why-grid span{color:#0f766e;font-size:.68rem;font-weight:900}.why-grid h3{margin-top:48px}.why-grid p{font-size:.83rem;margin:0}

.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px;align-items:start}.faq-intro{position:sticky;top:110px}.faq-intro .button{margin-top:18px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;min-height:88px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;font-weight:800;font-size:1.05rem}.faq-item button i{width:28px;height:28px;position:relative;flex:0 0 auto;border-radius:50%;background:#f0f5f6}.faq-item button i::before,.faq-item button i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:#0f766e;transform:translate(-50%,-50%);transition:.25s}.faq-item button i::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item.active button i::after{transform:translate(-50%,-50%) rotate(0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}.faq-answer p{padding:0 50px 28px 0;margin:0;font-size:.91rem}.faq-item.active .faq-answer{max-height:230px}

.final-cta{padding:130px 0;overflow:hidden}.cta-grid{opacity:.12;mask-image:radial-gradient(circle at center,black,transparent 72%)}.final-cta::before{content:"";position:absolute;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(94,234,212,.16),transparent 68%)}.cta-inner{text-align:center;max-width:900px}.cta-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(255,255,255,.11);border-radius:99px;color:#a7b5c6;background:rgba(255,255,255,.04);font-size:.7rem}.cta-badge span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.cta-inner h2{margin-top:28px;font-size:clamp(2.8rem,5.5vw,5.4rem)}.cta-inner h2 span{color:var(--mint)}.cta-inner p{max-width:700px;margin-inline:auto;font-size:1.08rem}.centered-actions{justify-content:center}

.site-footer{color:white;background:#050c16}.footer-top{padding:75px 0 55px;display:grid;grid-template-columns:1.6fr .7fr .85fr 1fr;gap:50px}.footer-brand .brand{margin-bottom:22px}.footer-brand p{max-width:380px;color:#7e8da1;font-size:.84rem}.powered{display:inline-flex;margin-top:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:#708197;font-size:.6rem}.footer-column{display:flex;flex-direction:column;gap:11px}.footer-column h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.footer-column a{color:#8291a5;font-size:.78rem;transition:color .2s}.footer-column a:hover{color:var(--mint)}.footer-contact p{margin:4px 0;color:#6f7f94;font-size:.72rem}.footer-bottom{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:#647489;font-size:.68rem}.footer-bottom div{display:flex;gap:22px}


.reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s var(--ease), transform .75s var(--ease); transition-delay: var(--delay,0ms); }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1150px) {
  .main-nav { gap: 18px; }.main-nav a { font-size: .82rem; }
  .hero-layout { grid-template-columns: 1.12fr .88fr; gap: 30px; }.hero-copy h1{font-size:clamp(3.35rem,5vw,4.75rem)}.dashboard-shell { width: 105%; }
  .feature-card { padding: 26px; }.automation-layout,.machine-layout { gap: 45px; }
  .orbit-system { width: 450px;height:450px }.integration-layout,.hsm-layout { gap: 50px; }.integration-map { transform: scale(.9); }
  .footer-top { grid-template-columns: 1.4fr .7fr .8fr 1fr; gap: 30px; }
}

@media (max-width: 980px) {
  .site-header .button-small { display:none; }.nav-toggle { display:block; order:3; }.main-nav { position:fixed;left:20px;right:20px;top:76px;display:grid;gap:0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(7,17,31,.96);box-shadow:0 25px 60px rgba(0,0,0,.35);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s }.main-nav.open{opacity:1;visibility:visible;transform:none}.main-nav a{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.main-nav a:last-child{border:0}.nav-toggle.open span:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:last-child{transform:translateY(-6px) rotate(-45deg)}
  .hero { padding-top:145px; }.hero-layout { grid-template-columns:1fr; }.hero-copy{width:100%;max-width:820px}.hero-copy h1{max-width:820px}.hero-visual{width:92%;margin:20px auto 0;transform:none}.dashboard-shell{width:100%;transform:none}.trust-strip{margin-top:70px}.split-intro,.automation-layout,.integration-layout,.machine-layout,.hsm-layout,.why-layout,.faq-layout { grid-template-columns:1fr;gap:55px }.feature-grid-three{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}.automation-copy{max-width:700px}.lifecycle-visual{min-height:580px}.integration-copy{order:-1;max-width:700px}.integration-map{min-height:520px;transform:scale(.85)}.protocol-head,.governance-head{grid-template-columns:1fr;gap:20px}.protocol-grid,.devops-grid{grid-template-columns:1fr 1fr}.machine-copy{max-width:780px}.machine-visual{min-height:580px}.hsm-copy{order:-1}.usecase-grid{grid-template-columns:1fr 1fr}.usecase-card.pqc{grid-template-columns:auto 1fr}.pqc-wave{display:none}.tab-panel{grid-template-columns:1fr;gap:40px}.pricing-grid{grid-template-columns:1fr;max-width:650px;margin:auto}.price-card p{min-height:0}.service-row{grid-template-columns:45px 1fr 1fr 30px;gap:20px}.faq-intro{position:static;max-width:600px}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-brand{grid-column:1/-1}
}

@media (max-width: 720px) {
  .container{width:min(calc(100% - 28px),var(--container))}.hero > .container{width:min(calc(100% - 28px),var(--container))}.section{padding:88px 0}.site-header{height:70px}.brand{min-width:0}.brand-copy small{display:none}.brand-copy strong{font-size:1.1rem}.hero{min-height:auto;padding:125px 0 45px}.hero h1{font-size:clamp(2.75rem,13vw,4.3rem);letter-spacing:-.045em}.hero-lead{font-size:1rem}.hero-actions{margin:30px 0}.button{min-height:49px;padding-inline:19px;font-size:.86rem}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-proof>div{padding:0;border:0}.hero-proof>div:last-child{grid-column:1/-1}.hero-visual{width:100%;margin-top:5px}.dashboard-shell{border-radius:14px}.dashboard-body{grid-template-columns:32px 1fr;min-height:390px}.dashboard-side{gap:12px}.dashboard-main{padding:10px}.metric-row{grid-template-columns:1fr 1fr}.metric-row article:last-child{display:none}.dashboard-panels{grid-template-columns:1fr}.risk-card{display:none}.line-chart{height:115px}.activity-feed{grid-template-columns:1fr}.activity-feed>div:nth-child(2){display:none}.floating-card-a{right:-5px;top:-6%}.floating-card-b{left:-3px;bottom:-7%}.trust-strip{display:block}.trust-items{margin-top:20px;gap:18px}.trust-items b{font-size:.8rem}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.stat strong{font-size:2rem}.split-intro{gap:25px;margin-bottom:45px}.feature-grid-three{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.feature-card{min-height:390px}.lifecycle-visual{min-height:500px}.orbit-system{width:350px;height:350px}.orbit-core{width:140px;height:140px}.orbit-node{width:62px;height:26px;font-size:.48rem}.n1{left:20px;top:22px}.n2{right:-20px;top:150px}.n3{left:50px}.automation-log{width:95%;right:2.5%}.timeline{grid-template-columns:1fr;gap:55px}.timeline-track{left:69px;right:auto;top:70px;bottom:70px;width:2px;height:auto;background:linear-gradient(#aebbc6,#60a5fa,var(--mint-2))}.timeline-track span{right:-4px;top:auto;bottom:0}.timeline-item{display:grid;grid-template-columns:140px 1fr;gap:22px;text-align:left;align-items:start}.day-ring{margin:0}.timeline-item h3,.timeline-item p{max-width:none;margin-left:0}.integration-map{transform:scale(.68);margin:-90px 0;min-height:640px}.protocol-grid,.devops-grid,.machine-features,.usecase-grid{grid-template-columns:1fr}.protocol-card{min-height:250px}.protocol-card h3{margin-top:30px}.devops-card h3{margin-top:25px}.machine-features{border-left:0}.machine-features div{border-left:1px solid rgba(255,255,255,.1)}.machine-visual{min-height:430px}.fleet-status{right:5px;bottom:0}.vault{width:100%;transform:none}.vault-body{padding:20px}.vault-chip{height:230px}.usecase-card{min-height:300px}.usecase-card.pqc{grid-template-columns:1fr;min-height:280px}.governance-head{margin-bottom:35px}.tab-buttons{display:grid}.tab-buttons button{border-right:0;border-bottom:1px solid var(--line)}.tab-panel{padding:30px 22px}.tab-copy ul{grid-template-columns:1fr}.arch-split{grid-template-columns:1fr}.services-head{align-items:flex-start;flex-direction:column}.service-row{grid-template-columns:40px 1fr 30px}.service-row p{grid-column:2/4}.why-grid{grid-template-columns:1fr}.faq-item button{min-height:78px;font-size:.94rem}.faq-answer p{padding-right:20px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand,.footer-contact{grid-column:1/-1}.footer-bottom{padding:20px 0;align-items:flex-start;gap:15px;flex-direction:column}.cursor-glow{display:none}
}

@media (max-width: 430px) {
  .hero-proof{grid-template-columns:1fr}.hero-proof>div:last-child{grid-column:auto}.dashboard-topbar{grid-template-columns:1fr 1fr}.dashboard-title{display:none}.metric-row{grid-template-columns:1fr}.metric-row article:nth-child(2){display:none}.floating-card{display:none}.orbit-system{width:300px;height:300px}.orbit-core{width:125px;height:125px}.automation-log p{grid-template-columns:45px 45px 1fr}.timeline-item{grid-template-columns:105px 1fr;gap:16px}.day-ring{width:105px;height:105px}.day-ring strong{font-size:1.8rem}.timeline-track{left:52px}.integration-map{transform:scale(.58);margin:-130px 0}.machine-visual{min-height:350px}.hsm-visual{min-height:440px}.footer-top{grid-template-columns:1fr}.footer-column{grid-column:auto}.footer-contact{grid-column:auto}
}

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

/* Certinium supplied brand icon — complete, uncropped rendering */
.brand,
.footer-brand .brand,
.map-core,
.dashboard-side,
.brand-mark,
.side-logo {
  overflow: visible !important;
}

.brand-mark {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.brand-mark img,
.side-logo img {
  width: 100%;
  height: 100%;
  max-width: none;
  display: block;
  object-fit: contain;
  object-position: center;
}

.side-logo {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 0;
}

.map-core .brand-mark {
  width: 76px;
  height: 76px;
  flex-basis: 76px;
}

@media (max-width: 720px) {
  .site-header .brand-mark,
  .footer-brand .brand-mark {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}
.footer-bottom {
  justify-content: center;
  text-align: center;
}
.footer-bottom > span {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.footer-bottom i {
  color: rgba(255, 255, 255, .24);
  font-style: normal;
}
@media (max-width: 560px) {
  .footer-bottom > span {
    display: block;
    line-height: 1.9;
  }
  .footer-bottom i {
    display: inline-block;
    margin: 0 5px;
  }
}