:root {
  --ink: #f4f1ff;
  --muted: #aaa7be;
  --dim: #747187;
  --night: #080711;
  --night-2: #0e0c1d;
  --panel: #121022;
  --panel-2: #17142a;
  --line: rgba(226, 220, 255, .14);
  --line-strong: rgba(226, 220, 255, .25);
  --violet: #9b83ff;
  --violet-2: #7357ee;
  --cyan: #82deff;
  --lime: #c8ff8a;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', system-ui, sans-serif;
  --mono: 'DM Mono', ui-monospace, monospace;
  --pad: clamp(1.25rem, 5vw, 5.5rem);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--night); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
::selection { background: var(--violet); color: #080711; }

.skip-link { position: fixed; top: 1rem; left: 1rem; z-index: 100; padding: .75rem 1rem; background: white; color: #080711; transform: translateY(-150%); border-radius: .25rem; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }

.release-ribbon { min-height: 36px; display: flex; align-items: center; justify-content: center; gap: .7rem; padding: .3rem 1rem; background: #d7ff9c; color: #17152a; font-family: var(--mono); font-size: .69rem; letter-spacing: .06em; text-transform: uppercase; }
.release-dot { width: 6px; height: 6px; border-radius: 50%; background: #496c1f; box-shadow: 0 0 0 4px rgba(73,108,31,.12); }
.release-divider { width: 1px; height: 12px; background: rgba(23,21,42,.25); }

.site-header { position: absolute; z-index: 20; top: 36px; left: 0; right: 0; min-height: 88px; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--pad); border-bottom: 1px solid var(--line); }
.brand, .footer-brand-lockup { display: inline-flex; align-items: center; gap: .72rem; font-weight: 800; letter-spacing: -.03em; }
.brand img, .footer-brand img { border-radius: 10px; }
.site-nav { display: flex; align-items: center; gap: clamp(1rem, 2.2vw, 2.2rem); font-size: .83rem; font-weight: 600; color: #c7c3d6; }
.site-nav a { min-height: 44px; display: inline-flex; align-items: center; transition: color .2s ease; }
.site-nav a:hover { color: white; }
.nav-github { gap: .35rem; padding-left: 1.2rem; border-left: 1px solid var(--line); }
.nav-github svg { width: 16px; }
.nav-toggle { display: none; width: 46px; min-height: 44px; border: 1px solid var(--line); border-radius: 50%; background: transparent; align-items: center; justify-content: center; flex-direction: column; gap: 6px; }
.nav-toggle span { width: 18px; height: 1px; background: currentColor; transition: transform .2s ease; }

.hero { position: relative; min-height: 980px; padding: 205px var(--pad) 0; display: grid; grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); column-gap: clamp(3rem, 7vw, 8rem); align-items: start; overflow: hidden; background:
  linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) 0 0/76px 76px,
  linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px) 0 0/76px 76px,
  radial-gradient(circle at 70% 34%, rgba(90,70,220,.18), transparent 32%);
}
.hero:after { content: ''; position: absolute; inset: auto 0 0; height: 240px; background: linear-gradient(transparent, var(--night)); pointer-events: none; }
.hero-glow { position: absolute; width: 640px; height: 640px; top: 120px; right: 4%; border: 1px solid rgba(155,131,255,.09); border-radius: 50%; box-shadow: 0 0 140px rgba(90,70,220,.15), inset 0 0 120px rgba(90,70,220,.08); }
.hero-copy, .aperture-wrap, .hero-facts { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 1.2rem; color: var(--cyan); font-family: var(--mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.eyebrow span + span:before { content: '/'; margin-right: .7rem; color: var(--dim); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 720px; margin-bottom: 1.6rem; font-size: clamp(3.2rem, 6vw, 6.8rem); line-height: .93; letter-spacing: -.075em; font-weight: 700; }
h1 em, h2 em { color: var(--violet); font-family: var(--serif); font-weight: 400; }
.hero-lede { max-width: 630px; color: #bab6c8; font-size: clamp(1rem, 1.25vw, 1.2rem); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2.2rem 0 1rem; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; padding: .7rem 1.25rem; border: 1px solid var(--line-strong); border-radius: 999px; font-weight: 700; font-size: .84rem; transition: transform .2s ease, background .2s ease, border .2s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 20px; }
.button-primary { background: var(--ink); color: #11101d; border-color: var(--ink); }
.button-primary:hover { background: var(--cyan); border-color: var(--cyan); }
.button-quiet:hover { background: rgba(255,255,255,.06); }
.hero-note { color: var(--dim); font-family: var(--mono); font-size: .68rem; }

.aperture-wrap { padding-top: 10px; }
.aperture-card { position: relative; max-width: 650px; min-height: 580px; margin-inline: auto; padding: 1.25rem; border: 1px solid var(--line); border-radius: 2rem; background: linear-gradient(150deg, rgba(26,22,49,.94), rgba(10,9,19,.96)); box-shadow: 0 40px 100px rgba(0,0,0,.35); }
.aperture-card:before { content: ''; position: absolute; inset: 8px; border: 1px solid rgba(255,255,255,.05); border-radius: 1.55rem; pointer-events: none; }
.aperture-topline { position: relative; z-index: 2; display: flex; justify-content: space-between; color: #8f8b9f; font: .65rem var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.live-status { color: var(--lime); }
.live-status i { display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.aperture-stage { position: relative; height: 360px; display: grid; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(155,131,255,.2); border-radius: 50%; }
.orbit-outer { width: 330px; height: 330px; }
.orbit-middle { width: 245px; height: 245px; border-style: dashed; animation: spin 28s linear infinite; }
.orbit-inner { width: 166px; height: 166px; border-color: rgba(130,222,255,.25); }
.lens-core { z-index: 3; width: 128px; height: 128px; display: grid; place-items: center; padding: .8rem; border-radius: 32px; background: #0e0c1d; box-shadow: 0 0 80px rgba(111,87,238,.32); }
.lens-core img { width: 74px; border-radius: 16px; }
.lens-core span { font: .55rem var(--mono); color: #a9a5b7; }
.beam { position: absolute; z-index: 1; opacity: 0; width: 135px; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan)); transform-origin: right center; transition: opacity .25s ease; }
.beam.is-active { opacity: .75; }
.beam-screen { left: 42px; top: 102px; transform: rotate(28deg); }
.beam-you { right: 42px; top: 104px; transform: rotate(152deg); }
.beam-them { left: 58px; bottom: 65px; transform: rotate(-30deg); }
.orbit-label { position: absolute; padding: .32rem .56rem; border: 1px solid var(--line); border-radius: 999px; background: var(--panel); color: #777386; font: .58rem var(--mono); text-transform: uppercase; transition: color .2s, border .2s, box-shadow .2s; }
.orbit-label.is-active { color: var(--cyan); border-color: rgba(130,222,255,.36); box-shadow: 0 0 25px rgba(130,222,255,.1); }
.label-screen { left: 1rem; top: 3.2rem; }.label-you { right: 1rem; top: 3.2rem; }.label-them { left: 2rem; bottom: 2.5rem; }
.context-controls { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; }
.context-control { min-height: 64px; display: flex; align-items: center; gap: .7rem; padding: .7rem; border: 1px solid var(--line); border-radius: .9rem; background: rgba(255,255,255,.025); text-align: left; cursor: pointer; transition: border .2s, background .2s; }
.context-control:hover { background: rgba(255,255,255,.05); }
.context-control.is-active { border-color: rgba(130,222,255,.35); background: rgba(130,222,255,.07); }
.context-control svg { width: 22px; flex: 0 0 auto; color: var(--violet); }
.context-control strong, .context-control small { display: block; }
.context-control strong { font-size: .73rem; }.context-control small { color: #777386; font-size: .57rem; }
.aperture-route { position: relative; z-index: 2; display: flex; align-items: center; gap: .7rem; margin-top: .65rem; padding: .8rem 1rem; border-radius: .8rem; background: rgba(0,0,0,.28); font: .62rem var(--mono); color: #8e8a9e; }
.route-label { margin-right: auto; }.aperture-route strong { color: white; }.route-arrow { color: var(--cyan); }
.hero-facts { grid-column: 1 / -1; align-self: end; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 5.5rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hero-facts div { min-height: 118px; display: flex; align-items: baseline; gap: .7rem; padding: 2rem clamp(1rem,2.5vw,2.5rem); border-right: 1px solid var(--line); }
.hero-facts div:last-child { border: 0; }.hero-facts strong { font: 400 2.25rem var(--serif); color: var(--violet); }.hero-facts span { color: var(--dim); font: .66rem var(--mono); text-transform: uppercase; }

.marquee { overflow: hidden; border-bottom: 1px solid var(--line); background: #0c0a18; }
.marquee-track { width: max-content; min-height: 50px; display: flex; align-items: center; gap: 1.8rem; color: #8f8b9d; font: .63rem var(--mono); letter-spacing: .09em; text-transform: uppercase; animation: marquee 34s linear infinite; }
.marquee-track i { width: 4px; height: 4px; border-radius: 50%; background: var(--violet); }

.section { position: relative; padding: 9rem var(--pad); border-bottom: 1px solid var(--line); }
.section-index { position: absolute; top: 3rem; right: var(--pad); color: #9692a3; font: .62rem var(--mono); letter-spacing: .08em; }
.section-intro { display: grid; grid-template-columns: 1fr 1.45fr; column-gap: 5vw; align-items: end; margin-bottom: 5rem; }
.section-intro .eyebrow { align-self: start; }
h2 { margin-bottom: 1.5rem; font-size: clamp(2.6rem, 5.4vw, 5.5rem); line-height: .98; letter-spacing: -.065em; }
.section-intro > p:last-child { max-width: 570px; color: var(--muted); font-size: 1.06rem; }
.context-story { border-top: 1px solid var(--line); }
.story-row { display: grid; grid-template-columns: 70px 100px 1fr auto; gap: 2rem; align-items: center; min-height: 160px; border-bottom: 1px solid var(--line); transition: background .25s; }
.story-row:hover { background: rgba(255,255,255,.018); }
.story-number, .story-state { color: #9692a3; font: .6rem var(--mono); text-transform: uppercase; }
.story-icon { width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--cyan); }
.screen-icon span { width: 26px; height: 18px; border: 1px solid currentColor; border-radius: 2px; box-shadow: 0 0 16px rgba(130,222,255,.18); }
.mic-icon span { width: 11px; height: 26px; border: 1px solid currentColor; border-radius: 999px; }
.wave-icon { display: flex; justify-content: center; gap: 3px; }.wave-icon span { width: 2px; height: 18px; background: currentColor; }.wave-icon span:nth-child(2),.wave-icon span:nth-child(4){height:28px}.wave-icon span:nth-child(3){height:38px}
.story-copy h3 { margin-bottom: .35rem; font-size: 1.25rem; }.story-copy p { max-width: 680px; margin: 0; color: #8c8999; font-size: .9rem; }

.privacy-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(4rem,8vw,9rem); background: #eeebf7; color: #151321; }
.privacy-section .section-index { color: #625e70; }
.privacy-section .eyebrow { color: #5c3fe3; }.privacy-copy > p:not(.eyebrow,.privacy-caveat) { color: #585466; }
.plain-list { margin: 2.5rem 0; padding: 0; list-style: none; border-top: 1px solid rgba(21,19,33,.15); }
.plain-list li { display: flex; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid rgba(21,19,33,.15); font-weight: 600; }.plain-list span { color: #6146d4; font: .66rem var(--mono); }
.privacy-caveat { padding: 1.2rem; border-left: 2px solid #7057e8; background: rgba(112,87,232,.07); color: #5c5768; font-size: .8rem; }
.route-map { align-self: center; display: grid; grid-template-columns: 1fr 72px 1fr 72px 1fr; align-items: center; position: relative; }
.route-node { min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border: 1px solid rgba(21,19,33,.16); border-radius: 1.2rem; background: white; box-shadow: 0 18px 40px rgba(30,25,60,.08); }
.route-node strong { font-size: .9rem; }.route-node small,.node-kicker { color: #797487; font: .58rem var(--mono); text-transform: uppercase; }.route-app img { width: 70px; margin-bottom: .7rem; border-radius: 16px; }
.source-chips,.provider-mini { display: flex; gap: 4px; margin-top: .75rem; }.source-chips span { padding: .24rem .4rem; border-radius: 99px; background: #eeebf7; font: .5rem var(--mono); }.provider-mini i { width: 8px; height: 8px; border-radius: 50%; background: #7057e8; }.provider-mini i:nth-child(even){background:#82cfe9}
.route-line { height: 1px; background: rgba(21,19,33,.22); overflow: hidden; }.route-line span { display:block;width:40%;height:1px;background:#7057e8;animation:route 2.6s ease-in-out infinite; }
.no-relay { position: absolute; left: 50%; bottom: -3.5rem; transform: translateX(-50%); color: #625c6d; font: .6rem var(--mono); text-transform: uppercase; white-space: nowrap; }.no-relay span { margin-right:.4rem;color:#b34567; }

.product-window-section { padding: 9rem var(--pad); display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; align-items: center; overflow: hidden; background: radial-gradient(circle at 80% 50%, rgba(155,131,255,.16), transparent 34%); border-bottom:1px solid var(--line); }
.window-copy p:last-child { max-width: 460px; color: var(--muted); }.product-window { position: relative; border: 1px solid #37324d; border-radius: 1.5rem; background: #10101f; box-shadow: 0 38px 90px rgba(0,0,0,.45); overflow: visible; }.product-window > img { width: 100%; border-radius: 0 0 1.5rem 1.5rem; }
.window-chrome { min-height: 44px; display:flex;align-items:center;gap:6px;padding:0 1rem;border-bottom:1px solid var(--line);color:#9591a3;font:.55rem var(--mono); }.window-chrome span{width:8px;height:8px;border-radius:50%;background:#4f4b60}.window-chrome strong{margin-left:auto;font-weight:400}
.window-callout { position:absolute;padding:.65rem .85rem;border-radius:.5rem;background:#eeebf7;color:#171424;box-shadow:0 12px 40px rgba(0,0,0,.3);font:.65rem var(--mono); }.window-callout span{color:#7057e8;margin-right:.5rem}.callout-one{top:23%;left:-3rem}.callout-two{right:-2rem;bottom:18%}

.use-intro { grid-template-columns: 1fr 1fr; }.use-list { border-top: 1px solid var(--line); }.use-item { min-height: 176px; display:grid; grid-template-columns:120px 1fr auto; gap:2rem; align-items:center; border-bottom:1px solid var(--line); }.use-marker{display:flex;align-items:center;gap:1rem;color:#9692a3;font:.62rem var(--mono)}.use-marker i{width:42px;height:1px;background:var(--line-strong)}.use-item h3{margin-bottom:.5rem;font-size:1.35rem}.use-item p{max-width:650px;margin:0;color:#888495;font-size:.9rem}.use-input{padding:.5rem .8rem;border:1px solid var(--line);border-radius:999px;color:#8f8b9e;font:.59rem var(--mono);white-space:nowrap}.use-input span{color:var(--cyan)}
.provider-section { padding: 9rem var(--pad); display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;background:#171328;border-bottom:1px solid var(--line); }.provider-copy p:last-child{max-width:450px;color:var(--muted)}.provider-list{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}.provider-list li{min-height:110px;display:flex;align-items:center;gap:1rem;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.provider-glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#242038;color:var(--cyan);font:.62rem var(--mono)}.provider-list strong{font-size:.85rem}
.release-section { position:relative;min-height:630px;display:grid;place-items:center;padding:8rem var(--pad);overflow:hidden;background:#7c63ef;color:#0e0c18;text-align:center}.release-content{position:relative;z-index:2;max-width:810px}.release-section .eyebrow{justify-content:center;color:#080711}.release-section h2{font-size:clamp(3.4rem,7vw,7.2rem)}.release-section p:not(.eyebrow){max-width:660px;margin-inline:auto;color:#080711}.release-actions{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin:2rem 0}.button-light{background:#0e0c18;color:white;border-color:#0e0c18}.text-link{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid rgba(14,12,24,.4);font-weight:700;font-size:.82rem}.release-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.release-meta span{padding:.4rem .7rem;border:1px solid rgba(14,12,24,.25);border-radius:99px;font:.58rem var(--mono)}.release-orbit span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(14,12,24,.12);border-radius:50%}.release-orbit span:nth-child(1){width:380px;height:380px}.release-orbit span:nth-child(2){width:680px;height:680px}.release-orbit span:nth-child(3){width:980px;height:980px}
.responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.responsibility-copy{padding-top:2rem}.responsibility-copy p{padding-bottom:1.2rem;border-bottom:1px solid var(--line);color:#9a96a8}.responsibility-copy a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.faq-section{padding:9rem var(--pad);display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;border-bottom:1px solid var(--line)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary span{width:14px;height:14px;position:relative}summary span:before,summary span:after{content:'';position:absolute;left:0;top:7px;width:14px;height:1px;background:currentColor;transition:transform .2s}summary span:after{transform:rotate(90deg)}details[open] summary span:after{transform:rotate(0)}details p{max-width:700px;padding:0 2rem 1.5rem 0;color:#8e8a9b}
.site-footer{padding:5rem var(--pad) 2rem;background:#0b0915}.footer-brand{display:flex;justify-content:space-between;align-items:center;padding-bottom:3rem;border-bottom:1px solid var(--line)}.footer-brand p{margin:0;color:#9995a5;font:.66rem var(--mono)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);padding:3rem 0}.footer-links div{display:flex;flex-direction:column;gap:.5rem}.footer-links span{margin-bottom:.5rem;color:#938fa0;font:.6rem var(--mono);text-transform:uppercase}.footer-links a{width:max-content;min-height:30px;color:#aaa6b7;font-size:.82rem}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--line);color:#938fa0;font:.58rem var(--mono);text-transform:uppercase}

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes route { 0% { transform:translateX(-100%) } 100% { transform:translateX(350%) } }

@media (max-width: 1050px) {
  .hero { grid-template-columns: 1fr; padding-top: 180px; }
  .hero-copy { max-width: 780px; }.aperture-wrap{margin-top:4rem}.hero-facts{margin-top:5rem}
  .privacy-section,.product-window-section,.provider-section{grid-template-columns:1fr}.route-map{margin:2rem auto 0;width:100%;max-width:760px}.product-window{max-width:780px}.provider-list{max-width:800px;width:100%}
  .section-intro{grid-template-columns:1fr}.section-intro .eyebrow{margin-bottom:1rem}.faq-section{grid-template-columns:1fr}
}
@media (max-width: 760px) {
  :root{--pad:1.25rem}.release-ribbon{justify-content:flex-start;overflow:hidden;white-space:nowrap}.site-header{min-height:72px}.brand img{width:36px}.nav-toggle{display:flex}.site-nav{position:absolute;top:72px;left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;gap:0;padding:.7rem;border:1px solid var(--line);border-radius:1rem;background:#121020;box-shadow:0 20px 60px rgba(0,0,0,.5)}.site-nav.is-open{display:flex}.site-nav a{padding:0 .8rem;border-bottom:1px solid var(--line)}.site-nav a:last-child{border:0}.nav-github{padding-left:.8rem}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .hero{min-height:auto;padding-top:150px}.hero-glow{width:400px;height:400px;right:-55%;top:180px}h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-lede{font-size:.97rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.aperture-card{min-height:auto;padding:.85rem;border-radius:1.25rem}.aperture-stage{height:310px}.orbit-outer{width:285px;height:285px}.orbit-middle{width:215px;height:215px}.orbit-inner{width:145px;height:145px}.lens-core{width:108px;height:108px}.context-controls{grid-template-columns:1fr}.context-control{min-height:58px}.aperture-route{flex-wrap:wrap}.route-label{width:100%;margin:0}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts div{min-height:92px;padding:1.2rem;border-bottom:1px solid var(--line)}.hero-facts strong{font-size:1.7rem}.hero-facts span{font-size:.54rem}
  .section,.product-window-section,.provider-section,.faq-section{padding-top:6rem;padding-bottom:6rem}.section-index{top:1.5rem}.section-intro{margin-bottom:3rem}h2{font-size:clamp(2.7rem,13vw,4.4rem)}.story-row{grid-template-columns:45px 62px 1fr;gap:1rem;padding:1.4rem 0}.story-icon{width:50px;height:50px}.story-state{display:none}.story-copy h3{font-size:1rem}.story-copy p{font-size:.78rem}.privacy-section{gap:3rem}.route-map{grid-template-columns:1fr;gap:.8rem}.route-line{width:1px;height:35px;margin:auto}.route-line span{width:1px;height:40%;animation:none}.route-node{width:100%;min-height:140px}.no-relay{position:static;transform:none;text-align:center}.product-window-section{gap:3rem}.window-callout{display:none}.use-item{grid-template-columns:1fr;padding:1.5rem 0;gap:.7rem}.use-marker i{width:25px}.use-input{width:max-content}.provider-list{grid-template-columns:1fr}.release-section{min-height:650px}.release-actions{flex-direction:column}.release-actions .button{width:auto}.responsibility-grid{grid-template-columns:1fr}.faq-title{margin-bottom:2rem}.footer-brand{align-items:flex-start;flex-direction:column;gap:1rem}.footer-links{grid-template-columns:1fr 1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.6rem}
}
@media (max-width: 390px) { .orbit-outer{width:250px;height:250px}.orbit-middle{width:190px;height:190px}.beam{display:none}.orbit-label{font-size:.5rem}.label-screen{left:0}.label-you{right:0}.label-them{left:0}.hero-facts div{align-items:flex-start;flex-direction:column;gap:.1rem}.footer-links{grid-template-columns:1fr} }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.marquee-track{animation:none}.marquee{overflow:auto} }