@font-face { font-family:'Orbitron'; src:url('assets/OrbitronVariable.ttf') format('truetype'); font-style:normal; font-weight:400 900; font-display:swap; }
:root { --ink:#151817; --muted:#656d68; --paper:#f7f9f7; --line:#dce2dd; --green:#cbf56b; --teal:#237366; --display:'Orbitron',sans-serif; --body:'Orbitron',sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:28px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:15px; line-height:1.7; letter-spacing:0; }
button,input,select,textarea { font:inherit; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
a:focus-visible { outline:3px solid var(--teal); outline-offset:5px; }
svg { width:20px; height:20px; flex-shrink:0; stroke-width:1.7; }
.container { width:min(1180px,calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:absolute; z-index:10; padding:10px 20px; background:white; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.site-header { background:var(--paper); border-bottom:1px solid var(--line); }
.header-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; font-size:25px; font-weight:800; line-height:1; }
.brand img { width:36px; height:36px; object-fit:contain; }
.brand-period { color:var(--teal); }
nav { display:flex; align-items:center; gap:35px; font-size:13px; font-weight:700; }
nav a:hover { color:var(--teal); }
.source-link { display:inline-flex; align-items:center; gap:6px; }
.hero { position:relative; isolation:isolate; overflow:hidden; background:#151817; color:#fff; }
.hero-art { position:absolute; z-index:-2; height:760px; width:760px; object-fit:contain; right:-80px; top:-90px; opacity:.24; filter:grayscale(1); }
.hero-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#151817 0%,rgba(21,24,23,.95) 30%,rgba(21,24,23,.24) 100%); }
.hero-inner { padding-top:58px; padding-bottom:64px; }
.eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:10px; font-weight:700; color:#bdc6be; }
.eyebrow-divider { color:#606c62; }
.live-mark { width:6px; height:6px; background:var(--green); border-radius:50%; }
h1 { font-family:var(--display); font-size:112px; line-height:.95; font-weight:600; margin:28px 0 18px; letter-spacing:0; }
h1 span { color:var(--green); }
.hero-tagline { font-size:26px; font-weight:600; line-height:1.35; margin:0 0 16px; }
.hero-copy { max-width:525px; font-size:15px; color:#b6c1b9; margin:0; line-height:1.85; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:28px; margin-top:30px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:15px 22px; border-radius:4px; font-size:13px; font-weight:800; transition:background .18s,transform .18s; }
.button-primary { color:var(--ink); background:var(--green); }
.button-primary:hover { background:#d9ff91; transform:translateY(-2px); }
.button-secondary { color:#e3ebe6; border:1px solid #52645a; }
.button-secondary:hover { background:#29362d; border-color:#91a197; transform:translateY(-2px); }
.button-tail { width:16px; height:16px; margin-left:8px; }
.setup-link { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:600; }
.setup-link:hover { color:var(--green); }
.download-meta { margin:16px 0 0; color:#91a197; font-size:11px; }
.download-meta span { padding-inline:9px; color:#52645a; }
.hero-bottom { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:19px 0; border-top:1px solid #354037; color:#99a69d; font-size:9px; font-weight:700; }
.hero-bottom span:last-child { display:flex; gap:20px; align-items:center; }
.hero-bottom svg { color:var(--green); }
.capabilities { background:#fff; border-bottom:1px solid var(--line); }
.capability-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding-block:30px; }
.capability { display:flex; align-items:flex-start; gap:16px; padding:0 28px; border-left:1px solid var(--line); }
.capability:first-child { border-left:0; padding-left:0; }
.capability:last-child { padding-right:0; }
.capability > svg { color:var(--teal); margin-top:3px; width:23px; height:23px; }
.capability h2 { font-size:13px; margin:0 0 4px; font-weight:800; }
.capability p { font-size:12px; line-height:1.6; color:var(--muted); margin:0; max-width:230px; }
.setup-section { padding:62px 0 58px; background-image:linear-gradient(rgba(21,24,23,.018) 1px,transparent 1px); background-size:100% 32px; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:35px; }
.section-kicker { margin:0 0 9px; font-size:10px; font-weight:800; color:var(--teal); }
.section-heading h2,.release-inner h2 { font-family:var(--display); font-size:36px; line-height:1.13; font-weight:600; margin:0; max-width:590px; }
.text-link { font-size:12px; font-weight:800; display:inline-flex; align-items:center; gap:8px; flex-shrink:0; padding-bottom:3px; border-bottom:1px solid #a6b8af; }
.text-link:hover { color:var(--teal); }
.steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
.steps li { border-top:2px solid #aebdb3; padding-top:15px; }
.step-number { display:block; font-family:var(--display); font-size:30px; line-height:1; color:#889d8e; margin-bottom:22px; }
.steps h3 { font-size:14px; line-height:1.45; margin:0 0 11px; font-weight:800; }
.steps p { font-size:12px; color:var(--muted); line-height:1.85; margin:0; overflow-wrap:anywhere; }
.steps strong { color:#303f36; font-weight:800; }
.steps a { color:var(--teal); text-decoration:underline; text-underline-offset:3px; }
code { font-size:.95em; font-family:var(--body); color:#303f36; overflow-wrap:anywhere; }
.address-note { margin-top:34px; padding:17px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:flex-start; gap:13px; }
.address-note svg { color:var(--teal); margin-top:2px; }
.address-note p { margin:0; font-size:12px; line-height:1.8; color:var(--muted); }
.address-note strong { color:var(--ink); }
.release-section { background:#eaf0ec; border-top:1px solid var(--line); padding:38px 0; }
.release-inner { display:grid; grid-template-columns:1fr 2fr; gap:60px; }
.release-inner h2 { font-size:32px; }
.release-details p { margin:0 0 12px; font-size:12px; line-height:1.85; color:#52645a; }
.release-details p:last-child { margin-bottom:0; }
.privacy-line { display:flex; align-items:flex-start; gap:10px; }
.privacy-line svg { width:17px; height:17px; margin-top:3px; }
.site-footer { background:#fff; }
.footer-inner { min-height:92px; display:flex; align-items:center; gap:30px; }
.footer-brand { font-size:22px; gap:0; }
.footer-inner > span { font-size:9px; color:var(--muted); }
.footer-inner > div { margin-left:auto; display:flex; flex-wrap:wrap; gap:24px; font-size:11px; color:var(--muted); }
.footer-inner a:hover { color:var(--teal); }
.hero-inner > * { animation:enter .65s both; }
.hero-inner > :nth-child(2) { animation-delay:.08s; }
.hero-inner > :nth-child(3) { animation-delay:.14s; }
.hero-inner > :nth-child(4) { animation-delay:.2s; }
.hero-inner > :nth-child(5) { animation-delay:.26s; }
@keyframes enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:1600px) { .hero-art { right:calc((100% - 1350px)/2); } }
@media (max-width:960px) {
  .container { width:calc(100% - 56px); }
  .steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
  .section-heading { align-items:flex-start; }
  .section-heading h2 { font-size:32px; }
  .hero-art { right:-240px; }
  .capability { padding-inline:18px; gap:10px; }
  .release-inner { gap:30px; }
}
@media (max-width:600px) {
  .container { width:calc(100% - 40px); }
  .header-inner { min-height:72px; gap:16px; flex-wrap:wrap; padding-block:14px; }
  .brand { font-size:22px; gap:8px; }
  .brand img { width:30px; height:30px; }
  nav { gap:16px; font-size:11px; }
  .source-link svg { width:15px; height:15px; }
  .hero-inner { padding-top:34px; padding-bottom:33px; }
  .hero-art { width:530px; height:530px; right:-300px; top:-20px; opacity:.15; }
  h1 { font-size:44px; margin-top:24px; }
  .hero-tagline { font-size:20px; }
  .hero-copy { font-size:13px; }
  .hero-actions { gap:18px; margin-top:24px; }
  .button { min-height:52px; padding:14px 16px; font-size:12px; gap:9px; }
  .button-tail { margin-left:2px; }
  .setup-link { font-size:12px; }
  .download-meta { font-size:10px; }
  .download-meta span { padding-inline:5px; }
  .hero-bottom { font-size:8px; padding-block:15px; flex-wrap:wrap; }
  .hero-bottom span:last-child { gap:8px; }
  .capability-grid { grid-template-columns:1fr; padding-block:8px; }
  .capability,.capability:first-child,.capability:last-child { border-left:0; padding:16px 0; border-bottom:1px solid var(--line); }
  .capability:last-child { border-bottom:0; }
  .capability p { max-width:none; }
  .setup-section { padding-block:38px; }
  .section-heading { flex-direction:column; gap:18px; margin-bottom:28px; }
  .section-heading h2 { font-size:31px; }
  .steps { grid-template-columns:1fr; gap:0; }
  .steps li { display:grid; grid-template-columns:35px minmax(0,1fr); gap:16px; padding:20px 0; border-top:1px solid var(--line); }
  .step-number { margin:0; font-size:27px; }
  .steps h3 { margin-bottom:8px; }
  .address-note { margin-top:4px; }
  .release-inner { grid-template-columns:1fr; gap:24px; }
  .release-section { padding-block:30px; }
  .footer-inner { flex-wrap:wrap; gap:18px; padding-block:24px; }
  .footer-inner > div { width:100%; margin-left:0; gap:22px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .hero-inner > * { animation:none; } .button { transition:none; } }