/* Homepage only. Built from the shared tokens (--bg, --surface, --ink, --muted, --line, --accent) so it follows the light/dark theme with the rest of the site. */
.home-hero{padding-block:48px 30px;border-bottom:1px solid var(--line)}
.home-hero .eyebrow{display:block}
.home-hero h1{font-size:clamp(2.2rem,5.4vw,3.8rem);font-weight:500;letter-spacing:-.015em;max-width:20ch;margin-top:10px}
.home-hero .dek{font-family:var(--display);font-size:clamp(1.12rem,2vw,1.38rem);line-height:1.42;max-width:60ch;margin-top:18px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 8px}
.cta-note{font-size:.9rem;color:var(--muted);margin:2px 0 0}
.home-hero .board{margin-top:30px}
.feat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center;padding-block:34px;border-top:1px solid var(--line)}
.feat.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.feat.flip .feat-text{order:2}
.feat h3{font-size:clamp(1.35rem,2.4vw,1.8rem);margin:6px 0 10px;font-weight:500}
.feat p{max-width:52ch}.feat ul{padding-left:1.1em;margin:10px 0}.feat li{margin:5px 0}
.feat .go{display:inline-block;margin-top:8px;font-weight:600}
.shot{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.shot img{display:block;width:100%;height:auto}.shot .shot-dark{display:none}
:root[data-theme="dark"] .shot .shot-light{display:none}:root[data-theme="dark"] .shot .shot-dark{display:block}
.shot figcaption{font-size:.8rem;color:var(--muted);padding:8px 12px;border-top:1px solid var(--line)}
.aud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ink);margin-top:22px}
.aud>div{padding:16px 18px 18px 0;border-bottom:1px solid var(--line)}.aud>div:not(:nth-child(3n+1)){padding-left:18px;border-left:1px solid var(--line)}
.aud h3{font-size:1.1rem;margin:0 0 6px}.aud p{font-size:.94rem;margin:0 0 8px}.aud a{font-weight:600;font-size:.94rem}
.trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;margin-top:20px}
.trust h3{font-size:1.02rem;margin:0 0 4px}.trust p{font-size:.94rem;margin:0}
.limits{border-left:3px solid var(--ochre);background:var(--band);padding:12px 16px;margin-top:22px;font-size:.94rem;border-radius:0 6px 6px 0}.limits b{display:block;margin-bottom:4px}
.about-brand{font-size:.9rem;color:var(--muted);max-width:75ch;margin-top:12px}
.plans-line{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:14px 18px;background:var(--surface)}
@media (max-width:860px){.feat,.feat.flip{grid-template-columns:minmax(0,1fr);gap:18px}.feat.flip .feat-text{order:0}.aud{grid-template-columns:minmax(0,1fr)}.aud>div:not(:nth-child(3n+1)){padding-left:0;border-left:0}.trust{grid-template-columns:minmax(0,1fr)}}

.value-line{max-width:46rem;margin:.9rem 0 .4rem;font-size:1.02rem}
.flow{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.4rem 0 1rem;counter-reset:f}
.flow li{counter-increment:f;border:1px solid var(--line,#d6d3cb);border-radius:999px;padding:.2rem .75rem;font-size:.88rem}
.flow li::before{content:counter(f) ". ";opacity:.7}
.flow li+li::after{content:none}

/* Living Economic Universe hero (components/Universe.astro, ne-universe.js).
   Full width, outside the page column: the hero's own container does the centring, so nothing inherits a width from <main>. Two columns from 1000px; one column below; under 640px the stage is replaced by the tier cards.
   A dark stage in both themes: the light comes from the data, not the page chrome. */
.uv{position:relative;isolation:isolate;overflow:hidden;color:var(--atm-ink,#f6f2e9);background:var(--atm-bg,#14171b);border-bottom:1px solid var(--line);--px:0;--py:0;padding-block:clamp(28px,4.5vw,60px) clamp(22px,3vw,40px)}
.uv-sky{position:absolute;inset:-10% -5%;z-index:-1;transform:translate3d(calc(var(--px)*-18px),calc(var(--py)*-12px),0);pointer-events:none}
.uv-sky i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}
.uv-sky .b1{width:46%;height:75%;left:-6%;top:-8%;background:radial-gradient(closest-side,var(--atm-a-teal,#3a2a26),transparent)}
.uv-sky .b2{width:48%;height:80%;right:-6%;top:4%;background:radial-gradient(closest-side,var(--atm-a-blue,#2c2d33),transparent);opacity:.5}
.uv-sky .b3{width:60%;height:45%;left:22%;bottom:-22%;background:radial-gradient(closest-side,var(--atm-a-ochre,#3a2f22),transparent);opacity:.22}
.uv-in{width:100%;max-width:1560px;margin-inline:auto;padding-inline:clamp(16px,3.2vw,40px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,72px);align-items:center}
.uv-copy{min-width:0}
.uv-eyebrow{display:block;font-family:var(--sans);font-size:.86rem;font-weight:600;color:var(--atm-link,#f3b9a3)}
.uv h1{font-family:var(--display);font-weight:500;font-size:clamp(2.1rem,1rem + 2.4vw,3.55rem);line-height:1.07;letter-spacing:-.018em;margin:14px 0 0;color:var(--atm-ink-strong,#fffdf7);text-wrap:balance}
.uv-dek{font-family:var(--display);font-size:clamp(1.05rem,.9rem + .5vw,1.3rem);line-height:1.5;margin:18px 0 0;max-width:34em;color:var(--atm-ink-soft,#d8d2c5)}
.uv-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.uv .btn-primary{background:var(--atm-accent,#f0603a);border-color:var(--atm-accent,#f0603a);color:var(--atm-bg,#14171b)}.uv .btn-primary:hover{background:var(--atm-link,#f3b9a3);border-color:var(--atm-link,#f3b9a3)}
.uv .uv-ghost{color:var(--atm-ink,#f6f2e9);border-color:rgba(246,242,233,.45)}.uv .uv-ghost:hover{background:rgba(246,242,233,.1)}
.uv .btn-primary:focus-visible,.uv .uv-ghost:focus-visible,.uv-net .n:focus-visible .core{outline:3px solid var(--atm-ink-strong,#fff);outline-offset:2px}
.uv-link{align-self:center;font-weight:600;color:var(--atm-link,#f3b9a3);text-decoration:none;padding:12px 6px;border-bottom:2px solid transparent}.uv-link:hover,.uv-link:focus-visible{border-bottom-color:var(--atm-link,#f3b9a3)}
.uv-facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:26px 0 0;padding:16px 0 0;border-top:1px solid rgba(243,185,163,.25);font-family:var(--sans);font-size:.86rem;color:var(--atm-muted,#b3ada1)}
.uv-stage{position:relative;min-width:0;width:100%;transform:translate3d(calc(var(--px)*10px),calc(var(--py)*8px),0)}
.uv-net{display:block;width:100%;height:auto;aspect-ratio:720/640;position:relative}
.uv-particles{position:absolute;left:0;top:0;width:100%;aspect-ratio:720/640;pointer-events:none}
.uv-skip:focus{position:static;display:inline-block;margin-bottom:6px;color:var(--atm-link,#f3b9a3)}
.uv-net .e{fill:none;stroke:rgba(243,185,163,.24);stroke-width:1.2;transition:stroke .25s,stroke-width .25s}
.uv-net .e.hot{stroke:var(--atm-link,#f3b9a3);stroke-width:2.2}.uv-net .e.x{stroke:var(--atm-gold,#f0603a)}
.uv-mesh path{fill:none;stroke:rgba(243,185,163,.07);stroke-width:1}
.uv-tierlab text{font:600 13px var(--sans);fill:rgba(216,210,197,.62)}
.uv-net .n{cursor:pointer;outline:none}.uv-net .core{fill:var(--atm-node,#22262c);stroke:var(--atm-link,#f3b9a3);stroke-width:1.8;transition:fill .2s}.uv-net .halo{fill:rgba(240,96,58,.13);transition:fill .2s}
.uv-net .t-world .core,.uv-net .t-canada .core,.uv-net .t-decisions .core{fill:var(--atm-accent,#f0603a)}.uv-net .t-industry .core{stroke:var(--atm-gold,#f0603a)}
.uv-net .big{font:600 17px var(--body);fill:var(--atm-ink,#f6f2e9)}.uv-net .code{font:600 12.5px var(--sans);fill:rgba(216,210,197,.8)}
.uv-net .n:hover .core,.uv-net .n:focus-visible .core,.uv-net .n.on .core{fill:var(--atm-ink-strong,#fffdf7)}.uv-net .n:hover .halo,.uv-net .n:focus-visible .halo,.uv-net .n.on .halo{fill:rgba(243,185,163,.38)}
.uv-net.has-focus .n:not(.on){opacity:.32}
.uv-tip rect{fill:var(--atm-ink-strong,#fffdf7)}.uv-tip text{font:600 13.5px var(--body);fill:var(--atm-bg,#14171b)}
.uv-cap{margin:6px 0 0;font-size:.86rem;line-height:1.4;color:var(--atm-muted,#b3ada1);text-align:center;min-height:2.4em}
.uv-below{display:block;margin-top:clamp(16px,2.5vw,32px)}
.uv-tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%}
.uv-tiers a{display:block;height:100%;padding:14px 16px;border:1px solid rgba(243,185,163,.28);border-radius:12px;background:rgba(34,38,44,.55);color:var(--atm-ink,#f6f2e9);text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.uv-tiers a:hover{background:rgba(58,42,38,.4);border-color:var(--atm-link,#f3b9a3);transform:translateY(-2px)}.uv-tiers a:focus-visible{outline:3px solid var(--atm-ink-strong,#fff);outline-offset:2px}
.uv-tiers b{display:block;font-family:var(--display);font-size:1.08rem;font-weight:500;margin-bottom:4px}.uv-tiers span{display:block;font-size:.86rem;line-height:1.4;color:var(--atm-ink-soft,#d8d2c5)}
@media (prefers-reduced-motion:no-preference){
  .uv-sky i{animation:uvdrift 28s ease-in-out infinite alternate}.uv-sky .b2{animation-duration:36s;animation-direction:alternate-reverse}.uv-sky .b3{animation-duration:44s}
  .uv-net .halo{animation:uvpulse 5s ease-in-out infinite}.uv-net .n:nth-child(3n) .halo{animation-delay:-1.6s}.uv-net .n:nth-child(3n+1) .halo{animation-delay:-3.2s}
  .uv-copy{animation:uvrise .8s cubic-bezier(.2,.7,.2,1) both}.uv-stage{animation:uvrise 1s .15s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes uvdrift{to{transform:translate3d(6%,4%,0) scale(1.12)}}@keyframes uvpulse{50%{opacity:.45}}@keyframes uvrise{from{opacity:0;transform:translateY(14px)}}
@media (max-width:1100px){.uv-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:999px){.uv-in{grid-template-columns:minmax(0,1fr);gap:22px}.uv-stage{max-width:680px;margin-inline:auto}.uv h1{max-width:20ch}}
@media (max-width:639px){
  .uv-stage{display:none}.uv-sky i{filter:blur(56px)}.uv-cta a{flex:1 1 100%;text-align:center}
  .uv-tiers{grid-template-columns:minmax(0,1fr);gap:0;position:relative;padding-left:18px;border-left:2px solid rgba(243,185,163,.35)}
  .uv-tiers li{position:relative;padding:0 0 10px 6px}.uv-tiers li::before{content:"";position:absolute;left:-25px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--atm-node,#22262c);border:2px solid var(--atm-link,#f3b9a3)}
}