@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');

:root {
  --bg: #f3f6fb;
  --ink: #09111f;
  --muted: #5f6b7d;
  --line: rgba(10, 20, 38, .12);
  --card: rgba(255,255,255,.82);
  --dark: #07111f;
  --accent: #d8ff6b;
  --max: 1220px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:Inter,system-ui,sans-serif; background:radial-gradient(circle at 75% 10%,#e4eefc 0,transparent 28%),var(--bg); color:var(--ink); }
a { color:inherit; text-decoration:none; }
.site-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px max(24px,calc((100vw - var(--max))/2)); backdrop-filter:blur(18px); background:rgba(243,246,251,.78); border-bottom:1px solid rgba(255,255,255,.55); }
.brand { display:flex; align-items:center; gap:10px; font:700 16px Manrope,sans-serif; letter-spacing:-.02em; }
.brand-mark { width:32px; height:32px; border-radius:50%; background:var(--ink); color:white; display:grid; place-items:center; font-size:14px; }
.nav-links,.header-actions,.hero-actions,.footer-links { display:flex; align-items:center; gap:20px; }
.nav-links a { font-size:14px; color:#344054; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border-radius:999px; font-weight:600; font-size:14px; transition:.2s ease; }
.button:hover { transform:translateY(-1px); }
.button.dark,.button.primary { background:var(--ink); color:white; box-shadow:0 14px 40px rgba(9,17,31,.16); }
.button.ghost { border:1px solid var(--line); background:rgba(255,255,255,.48); }
.button.secondary { border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.12); color:white; }
.section-shell { width:min(var(--max),calc(100% - 48px)); margin:0 auto; }
.hero { min-height:760px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:64px; padding:96px 0 72px; }
.eyebrow { font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#667085; margin:0 0 22px; }
.hero h1,.statement h2,.company-copy h2,.security h2,.final-cta h2 { font-family:Manrope,sans-serif; letter-spacing:-.055em; margin:0; }
.hero h1 { font-size:clamp(58px,7vw,104px); line-height:.92; max-width:820px; }
.hero-lead { max-width:680px; font-size:19px; line-height:1.65; color:#4b5565; margin:34px 0; }
.trust-line { font-size:13px; color:#667085; margin-top:18px; }
.hero-orbit { min-height:540px; position:relative; display:grid; place-items:center; }
.orb-main { width:180px; height:180px; border-radius:50%; background:linear-gradient(145deg,#07111f,#193053); color:white; display:grid; place-items:center; box-shadow:0 40px 100px rgba(13,31,57,.25),inset 0 0 0 1px rgba(255,255,255,.2); }
.orb-main span { font:700 48px Manrope,sans-serif; letter-spacing:-.06em; }
.orbit { position:absolute; border:1px solid rgba(9,17,31,.15); border-radius:50%; }
.orbit-one { width:360px; height:360px; }
.orbit-two { width:520px; height:520px; }
.signal { position:absolute; background:rgba(255,255,255,.72); border:1px solid rgba(9,17,31,.1); backdrop-filter:blur(12px); padding:12px 16px; border-radius:999px; font-size:13px; box-shadow:0 14px 30px rgba(9,17,31,.08); }
.s1 { top:12%; left:30%; }.s2 { right:3%; top:38%; }.s3 { bottom:11%; right:22%; }.s4 { left:0; bottom:34%; }
.statement { padding:120px 0 80px; }
.statement h2 { font-size:clamp(48px,6vw,88px); line-height:.98; max-width:1100px; }
.feature-story { display:grid; gap:24px; padding:20px 0 120px; }
.feature-panel { min-height:470px; border-radius:36px; padding:42px; display:grid; grid-template-columns:120px 1fr; align-items:end; overflow:hidden; position:relative; }
.feature-panel h3 { font:600 clamp(38px,5vw,72px)/1 Manrope,sans-serif; letter-spacing:-.05em; margin:0 0 24px; max-width:930px; }
.feature-panel p:last-child { max-width:760px; font-size:18px; line-height:1.7; margin:0; opacity:.78; }
.feature-index { font:600 14px Manrope,sans-serif; align-self:start; }
.feature-light { background:#fff; border:1px solid rgba(9,17,31,.08); }
.feature-dark { background:linear-gradient(145deg,#07111f,#142944); color:white; }
.feature-dark .eyebrow,.feature-accent .eyebrow { color:inherit; opacity:.58; }
.feature-accent { background:linear-gradient(145deg,#dfff7b,#c5f84c); color:#0a1523; }
.company-section { background:var(--dark); color:white; border-radius:42px; padding:72px; display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; margin-bottom:120px; }
.company-copy h2,.security h2,.final-cta h2 { font-size:clamp(44px,5.5vw,76px); line-height:1; }
.company-copy > p:not(.eyebrow) { color:#aeb9c9; font-size:18px; line-height:1.7; max-width:580px; }
.text-link { display:inline-block; margin-top:28px; font-weight:600; }
.knowledge-stack { display:grid; gap:12px; }
.stack-card { padding:22px 24px; border-radius:20px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); display:grid; grid-template-columns:42px 1fr; gap:2px 14px; }
.stack-card span { grid-row:1/3; opacity:.5; font-size:13px; padding-top:2px; }
.stack-card strong { font-size:16px; }.stack-card small { color:#9eabbd; margin-top:5px; }
.stack-card.result { background:white; color:var(--ink); }.stack-card.result small { color:#667085; }
.security { padding:30px 0 120px; }
.security-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:50px; }
.security-grid > div { background:white; border:1px solid rgba(9,17,31,.08); border-radius:22px; padding:28px; min-height:210px; }
.security-grid strong { font:600 20px Manrope,sans-serif; }.security-grid p { color:#667085; line-height:1.6; }
.final-cta { border-radius:42px; background:linear-gradient(145deg,#12213a,#07111f); color:white; padding:80px; margin-bottom:48px; }
.final-cta .eyebrow { color:#9eb0c6; }.final-cta .hero-actions { margin-top:40px; }
.footer { border-top:1px solid var(--line); padding:34px 0 46px; display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:34px; }
.footer p { text-align:right; color:#7a8494; font-size:12px; }
.footer-links a { font-size:13px; color:#5e6979; }
@media (max-width: 900px) {
  .nav-links { display:none; }.header-actions .ghost { display:none; }
  .hero { grid-template-columns:1fr; min-height:auto; padding-top:72px; }.hero-orbit { min-height:420px; }
  .feature-panel { grid-template-columns:1fr; gap:50px; padding:30px; min-height:430px; }
  .company-section { grid-template-columns:1fr; padding:38px; }
  .security-grid { grid-template-columns:1fr 1fr; }
  .footer { grid-template-columns:1fr; }.footer p { text-align:left; }
}
@media (max-width: 560px) {
  .section-shell { width:min(100% - 28px,var(--max)); }
  .site-header { padding:14px; }.header-actions .button { padding:0 14px; }
  .hero h1 { font-size:52px; }.hero-lead { font-size:17px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .hero-orbit { transform:scale(.82); margin:-20px; }
  .statement { padding-top:80px; }.statement h2 { font-size:48px; }
  .feature-panel h3 { font-size:42px; }
  .company-section,.final-cta { padding:28px; border-radius:28px; }
  .security-grid { grid-template-columns:1fr; }
  .footer-links { flex-wrap:wrap; }
}