/* Shared header, footer and brand artwork, copied from the production home page. */
:root{
  --ground:#0B1410;
  --ground-2:#0E1A14;
  --surface:#111C17;
  --surface-2:#16241D;
  --line:#24352C;
  --line-soft:#1B2A22;
  --ink:#F2F7F4;
  --ink-dim:#9FB3A7;
  --ink-faint:#6E8378;
  --brand:#3FE07F;
  --brand-glow:rgba(63,224,127,.35);
  --flag-red:#C8102E;
  --radius:14px;
  --maxw:1180px;
  --logo:url(/assets/logo-cut.webp?v=3);
  --mark:url(/assets/mark.webp?v=3);
  --display:"Unbounded","Trebuchet MS",sans-serif;
  --body:"Golos Text","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono","SF Mono",Consolas,monospace;
}
header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,20,16,.82);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
  padding-top:env(safe-area-inset-top);
}
.nav{display:flex;align-items:center;gap:28px;height:70px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;letter-spacing:.04em;font-size:15px}
.brand .mk{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--mark) center/cover no-repeat;flex:none}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:15px;color:var(--ink-dim)}
.nav-links a{transition:color .16s ease}
.nav-links a:hover{color:var(--brand)}
.nav-cta{display:flex;gap:10px}
.nav-cta .btn{padding:10px 20px;font-size:14px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 26px;border-radius:999px;
  font-family:var(--body);font-weight:600;font-size:15px;
  border:1px solid transparent;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn-primary{background:var(--brand);color:#07120C;box-shadow:0 10px 30px -12px var(--brand-glow)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px -14px var(--brand-glow)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
footer{border-top:1px solid var(--line-soft);padding:40px 0 54px;color:var(--ink-faint);font-size:14px}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.stripes{display:flex;height:6px;width:104px;border-radius:3px;overflow:hidden;border:1px solid var(--line)}
.stripes i{flex:1}
.stripes i:nth-child(odd){background:#1F7A4C}
.stripes i:nth-child(even){background:#E8EFE9}
.orb{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:460px;margin-inline:auto;width:100%}
.orb-ring{
  position:absolute;inset:6%;border-radius:50%;
  border:1px solid rgba(63,224,127,.28);
  animation:spin 26s linear infinite;
}
.orb-ring::after{
  content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;
  border-radius:50%;background:var(--brand);box-shadow:0 0 16px 3px var(--brand-glow);
}
.orb-ring.two{inset:-2%;border-style:dashed;border-color:rgba(63,224,127,.14);animation-duration:44s;animation-direction:reverse}
.orb-plate .art{width:100%;aspect-ratio:1;background:var(--logo) center/contain no-repeat}
.orb-plate{position:relative;width:92%}

.wrap{width:auto;max-width:1180px;margin:0 auto;padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(24px + env(safe-area-inset-left))}
header a,footer a{color:inherit;text-decoration:none}header nav{align-items:center}header a:hover,footer a:hover{text-decoration:none;color:var(--brand)}header .btn-primary:hover{color:#07120C}
header .nav-links a[aria-current=page]{outline:2px solid var(--brand);outline-offset:4px;border-radius:7px}
footer{margin-top:64px}.foot-links{display:flex;flex-wrap:wrap;gap:18px}.foot .brand{color:var(--ink)}
.hero{grid-template-columns:1.05fr .95fr;gap:56px}.hero .orb{max-width:460px}
.app-download-mobile{display:none;color:var(--brand);font-size:13px;white-space:nowrap}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.nav-links{display:none}.nav-cta{margin-left:auto}.app-download-mobile{display:inline-flex;padding:10px 0}.hero{grid-template-columns:1fr;gap:40px}.hero .orb{max-width:360px}}
@media(max-width:760px){.nav{height:62px;gap:14px}.nav-cta{margin-left:auto}footer{padding:32px 0 40px}.hero{padding:40px 0 30px}.hero .orb{display:none}}
@media(max-width:560px){.nav-cta .btn:not(.login){display:none}.foot{gap:14px;justify-content:center;text-align:center}.foot-links{justify-content:center}}
@media(max-width:400px){.nav .brand{gap:7px;font-size:12px}.nav-cta .btn{padding:10px 12px}.nav{gap:10px}}
@media(prefers-reduced-motion:reduce){.orb-ring{animation:none}}

/* Match the home page's full-width first screen and section boundaries. */
body{font-family:var(--body);-webkit-font-smoothing:antialiased}
.hero{display:block;position:relative;overflow:hidden;padding:76px 0 84px}
.hero::before{content:"";position:absolute;inset:-20% 0 auto -10%;height:640px;background:radial-gradient(ellipse 55% 60% at 72% 12%,rgba(63,224,127,.20),transparent 68%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;min-height:460px}
.hero .orb{align-self:start}.hero .eyebrow{margin:0}.hero h1{margin:18px 0}.hero .lead{margin:0}.hero .pills{margin:18px 0}.hero .hint{margin-top:14px;margin-bottom:0}
.app-details{padding-top:76px;padding-bottom:76px}.app-details::before{content:"";position:absolute;left:0;right:0;margin-top:-76px;border-top:1px solid var(--line-soft)}
footer{margin-top:0}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px;min-height:0}.hero .orb{max-width:360px}.hero-grid>div:first-child{max-width:650px}}
@media(max-width:760px){.hero{padding:40px 0 54px}.hero-grid{gap:32px}.hero .orb{display:none}.app-details{padding-top:48px;padding-bottom:48px}.app-details::before{margin-top:-48px}}