:root {
  --bg:#02070B; --panel:rgba(7,18,28,.82); --line:rgba(35,185,255,.34); --line2:rgba(0,217,255,.62);
  --text:#F0F8FA; --muted:#B8C8D0; --dim:#7896A5; --cyan:#00D9FF; --blue:#22B8FF; --warn:#F4B942;
  color-scheme: dark;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 20% 10%,rgba(34,184,255,.16),transparent 32rem),radial-gradient(circle at 80% 0%,rgba(0,217,255,.11),transparent 28rem),linear-gradient(rgba(34,184,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,184,255,.045) 1px,transparent 1px),var(--bg);background-size:auto,auto,42px 42px,42px 42px,auto;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:16px 0;backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border:1px solid var(--line2);border-radius:14px;display:grid;place-items:center;color:var(--cyan);font-weight:800;box-shadow:0 0 26px rgba(0,185,255,.18),inset 0 0 24px rgba(0,217,255,.08);background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(255,255,255,.03))}
.brand span:last-child{display:grid;line-height:1.05}.brand small{color:var(--cyan);text-transform:uppercase;font-size:.7rem;letter-spacing:.18em}.nav-links{margin-left:auto;display:flex;gap:8px}.nav-links a{color:var(--muted);font-size:.92rem;padding:9px 10px;border-radius:12px}.nav-links a:hover{color:var(--text);background:rgba(0,217,255,.08)}
.nav-cta,.btn{border:1px solid var(--line2);border-radius:14px;color:var(--text);background:rgba(0,217,255,.11);box-shadow:0 0 22px rgba(0,217,255,.12);font-weight:800;white-space:nowrap}
.nav-cta{padding:10px 14px}.hero{padding:58px 0 40px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);gap:24px;align-items:start}
.eyebrow{display:inline-flex;color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800;margin-bottom:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,7vw,5.8rem);line-height:.94;letter-spacing:-.065em;margin-bottom:22px}h2{font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:16px}h3{font-size:1.15rem;margin-bottom:8px}.hero-lead{max-width:790px;font-size:clamp(1.08rem,2vw,1.28rem);color:var(--muted)}.hero-line{font-weight:800;border-left:3px solid var(--cyan);padding-left:14px;margin:24px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;cursor:pointer;font:inherit}.btn.primary{background:linear-gradient(135deg,rgba(0,217,255,.92),rgba(34,184,255,.52));color:#001018;border-color:rgba(0,217,255,.9)}.btn.secondary{background:rgba(7,18,28,.72);color:var(--text)}
.image-hero-card,.card,.engine-panel,.control-band,.pilot-form,.pilot-copy{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 40%),var(--panel);box-shadow:0 0 36px rgba(0,185,255,.08),inset 0 1px 0 rgba(255,255,255,.06);border-radius:28px}
.image-hero-card{padding:14px;overflow:hidden;align-self:start;max-width:560px;justify-self:end}.visual-badge{position:absolute;margin:14px;background:rgba(2,7,11,.68);border:1px solid rgba(0,217,255,.34);border-radius:999px;color:var(--cyan);font-weight:800;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;z-index:3}.image-hero-card img{display:block;width:100%;height:360px;object-fit:cover;border-radius:22px;border:1px solid rgba(0,217,255,.28);box-shadow:0 0 42px rgba(0,217,255,.12)}.image-hero-card p{color:var(--muted);font-size:.92rem;line-height:1.45;margin:10px 4px 0}
.section{padding:52px 0}.section-heading{max-width:850px;margin-bottom:24px}.section-heading p,.split p,.pilot-copy p,.control-band p{color:var(--muted);font-size:1.04rem}.flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.flow-step{min-height:112px;padding:14px;border:1px solid rgba(34,184,255,.24);border-radius:18px;background:rgba(7,18,28,.68);display:grid;align-content:space-between}.flow-step b{color:var(--cyan);font-size:.9rem}.flow-step span{font-weight:750}.cards{display:grid;gap:16px}.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card{padding:20px}.card p{color:var(--muted);font-size:.96rem;margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.engine-panel{padding:22px}.engine-list{display:grid;gap:14px}.engine-list div{padding:14px;border-radius:18px;background:rgba(0,217,255,.045);border:1px solid rgba(34,184,255,.18)}.engine-list strong{display:block;color:var(--cyan);margin-bottom:4px}.engine-list span{color:var(--muted)}
.data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.data-grid div{padding:16px;border-radius:18px;background:rgba(7,18,28,.68);border:1px solid rgba(34,184,255,.20)}.data-grid b{display:block;margin-bottom:6px;color:var(--cyan)}.data-grid span{color:var(--muted);font-size:.93rem}.control-band{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:28px}.control-band ul{margin:0;color:var(--muted);display:grid;gap:8px}.pilot{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:start}.pilot-copy,.pilot-form{padding:26px}.pilot-form{display:grid;gap:14px}.pilot-form label{color:var(--muted);font-weight:750;display:grid;gap:6px}input,textarea,select{width:100%;border:1px solid rgba(34,184,255,.28);border-radius:14px;background:rgba(2,7,11,.78);color:var(--text);padding:12px 13px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,217,255,.12)}.hidden{display:none}.form-note{color:var(--dim);font-size:.9rem;margin-bottom:0}.footer{display:flex;justify-content:space-between;gap:16px;color:var(--dim);border-top:1px solid rgba(34,184,255,.2);padding:28px 0 40px;font-size:.92rem}.footer a{color:var(--muted)}
@media (max-width:980px){.nav{align-items:flex-start;flex-wrap:wrap}.nav-links{order:3;width:100%;overflow-x:auto}.hero-grid,.split,.pilot,.control-band{grid-template-columns:1fr}.cards.five,.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-hero-card img{height:auto}}
@media (max-width:620px){.site-shell{width:min(100% - 22px,1180px)}.nav-cta{width:100%}.cards.five,.data-grid,.flow-grid{grid-template-columns:1fr}.footer{flex-direction:column}}


/* Scroll reveal polish: QuestPortal-style progressive section appearance */
.scroll-reveal-enabled .reveal-section,
.scroll-reveal-enabled .reveal-item,
.scroll-reveal-enabled .reveal-card {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 760ms ease,
    transform 760ms cubic-bezier(.16, 1, .3, 1),
    filter 760ms ease;
  filter: blur(3px);
  will-change: opacity, transform, filter;
}

.scroll-reveal-enabled .reveal-section.is-visible,
.scroll-reveal-enabled .reveal-item.is-visible,
.scroll-reveal-enabled .reveal-card.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.scroll-reveal-enabled .reveal-card:nth-child(2) { transition-delay: 80ms; }
.scroll-reveal-enabled .reveal-card:nth-child(3) { transition-delay: 140ms; }
.scroll-reveal-enabled .reveal-card:nth-child(4) { transition-delay: 200ms; }
.scroll-reveal-enabled .reveal-card:nth-child(5) { transition-delay: 260ms; }
.scroll-reveal-enabled .reveal-card:nth-child(6) { transition-delay: 320ms; }
.scroll-reveal-enabled .reveal-card:nth-child(7) { transition-delay: 380ms; }
.scroll-reveal-enabled .reveal-card:nth-child(8) { transition-delay: 440ms; }
.scroll-reveal-enabled .reveal-card:nth-child(9) { transition-delay: 500ms; }
.scroll-reveal-enabled .reveal-card:nth-child(10) { transition-delay: 560ms; }

.scroll-reveal-enabled .image-hero-card.is-visible {
  box-shadow:
    0 0 48px rgba(0,185,255,.16),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.scroll-reveal-enabled .flow-step.is-visible,
.scroll-reveal-enabled .card.is-visible,
.scroll-reveal-enabled .data-grid .reveal-card.is-visible {
  border-color: rgba(0,217,255,.40);
}

@media (prefers-reduced-motion: reduce) {
  .scroll-reveal-enabled .reveal-section,
  .scroll-reveal-enabled .reveal-item,
  .scroll-reveal-enabled .reveal-card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}