:root {
  color-scheme: light;
  --ink: #10212d;
  --muted: #526876;
  --paper: #f7faf8;
  --panel: #ffffff;
  --accent: #167d6b;
  --accent-soft: #d9f4eb;
  --line: #d9e4e1;
  --navy: #0a1621;
}

* { box-sizing: border-box; }

html, body {
  width: 100%;
  max-width: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 85% 8%, rgba(71, 203, 171, 0.18), transparent 30rem),
    linear-gradient(180deg, #edf7f3 0, var(--paper) 28rem);
  font-family: Aptos, "Segoe UI Variable", "Segoe UI", sans-serif;
  line-height: 1.65;
}

header {
  color: #f7fbfa;
  background: var(--navy);
  border-bottom: 4px solid #51d1b2;
}

.header-inner, main, footer {
  width: calc(100% - 40px);
  max-width: 920px;
  margin: 0 auto;
}

.header-inner { padding: 58px 0 46px; }

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #9ee9d7;
  font-size: 0.8rem;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mark {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 11px;
  filter: drop-shadow(0 0 8px rgba(83, 214, 181, 0.22));
}

.mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

h1, h2, h3 { line-height: 1.18; }

h1 {
  max-width: 720px;
  margin: 24px 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.4rem, 6vw, 4.6rem);
  font-weight: 600;
  letter-spacing: -0.04em;
}

.lede {
  max-width: 700px;
  margin: 0;
  color: #b9c9d2;
  font-size: 1.08rem;
}

main { padding: 44px 0 70px; }

.notice, section {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-bottom: 22px;
  padding: 25px 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 14px 45px rgba(17, 48, 55, 0.06);
}

.notice {
  background: var(--accent-soft);
  border-color: #a4dfd0;
}

h2 { margin: 0 0 12px; font-size: 1.35rem; }
h3 { margin: 22px 0 7px; font-size: 1rem; }
p, ul, ol { margin-top: 0; }
li + li { margin-top: 6px; }
a { color: var(--accent); font-weight: 650; }

code {
  padding: 2px 6px;
  overflow-wrap: anywhere;
  word-break: break-all;
  white-space: normal;
  color: #164f45;
  background: #e3f1ed;
  border-radius: 6px;
}

footer {
  padding: 0 0 50px;
  color: var(--muted);
  font-size: 0.9rem;
}

@media (max-width: 620px) {
  .header-inner, main, footer { width: calc(100% - 24px); }
  .header-inner { padding: 38px 0 32px; }
  .notice, section { padding: 21px 19px; border-radius: 14px; }
  .notice code { display: block; margin-top: 8px; }
}

/* Shared navigation and footer */
.site-nav {
  display: flex;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 22px 0;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.brand-link { color: inherit; text-decoration: none; }
.brand-link > span:last-child { display: grid; line-height: 1.05; }
.brand-link strong { color: #f6fbfa; font-size: 0.92rem; letter-spacing: 0.02em; text-transform: none; }
.brand-link small { margin-top: 3px; color: #8ca3b2; font-size: 0.63rem; letter-spacing: 0.18em; text-transform: uppercase; }

.nav-links { display: flex; align-items: center; gap: 28px; }
.nav-links a { color: #b7c8d1; font-size: 0.86rem; text-decoration: none; transition: color 160ms ease; }
.nav-links a:hover { color: #ffffff; }
.nav-links .nav-pill { padding: 8px 15px; color: #08271f; background: #55d2b5; border-radius: 999px; }
.nav-links .nav-pill:hover { color: #08271f; background: #75e1c7; }

.site-footer {
  display: grid;
  grid-template-columns: 1fr auto auto;
  width: min(1180px, calc(100% - 48px));
  max-width: none;
  padding: 42px 0;
  align-items: center;
  gap: 36px;
}

.footer-brand { display: flex; align-items: center; gap: 12px; }
.footer-brand div { display: grid; }
.footer-brand strong { color: var(--ink); }
.footer-brand small { color: var(--muted); }
.footer-links { display: flex; gap: 22px; }
.footer-links a { color: var(--muted); text-decoration: none; }
.site-footer > p { margin: 0; }

/* Landing page */
.landing-page { background: #f1f6f4; }
.landing-header { overflow: hidden; background: #081620; border-bottom: 0; }
.landing-header::before {
  position: absolute;
  width: 680px;
  height: 680px;
  top: -380px;
  right: -140px;
  content: "";
  border: 1px solid rgba(83, 214, 181, 0.16);
  border-radius: 50%;
  box-shadow: 0 0 0 90px rgba(83, 214, 181, 0.025), 0 0 0 180px rgba(83, 214, 181, 0.02);
  pointer-events: none;
}

.hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(500px, 1.05fr);
  width: min(1180px, calc(100% - 48px));
  margin: 46px auto 0;
  align-items: center;
  gap: 74px;
}

.hero-copy { position: relative; z-index: 2; padding-bottom: 74px; animation: rise-in 700ms ease both; }
.eyebrow { display: flex; margin: 0 0 20px; align-items: center; gap: 10px; color: #83e0ca; font-size: 0.72rem; font-weight: 750; letter-spacing: 0.16em; text-transform: uppercase; }
.eyebrow span { width: 26px; height: 1px; background: currentColor; }
.eyebrow.dark { color: #14705f; }
.hero-copy h1 { margin: 0 0 26px; font-size: clamp(3.8rem, 7vw, 6.7rem); line-height: 0.91; letter-spacing: -0.065em; }
.hero-copy h1 em, .how-intro h2 em, .closing-cta h2 em { color: #55d2b5; font-weight: 400; }
.hero-lede { max-width: 590px; color: #afc0ca; font-size: 1.08rem; }
.hero-actions { display: flex; margin-top: 34px; gap: 12px; flex-wrap: wrap; }
.primary-button, .secondary-button { display: inline-flex; min-height: 48px; padding: 0 20px; align-items: center; justify-content: center; gap: 12px; border-radius: 12px; font-size: 0.9rem; font-weight: 750; text-decoration: none; }
.primary-button { color: #08271f; background: #55d2b5; box-shadow: 0 12px 35px rgba(83, 210, 181, 0.18); }
.secondary-button { color: #d8e5e8; border: 1px solid #314653; background: rgba(255,255,255,0.025); }
.secondary-button.light { color: #ffffff; border-color: rgba(255,255,255,0.28); }
.availability { display: flex; margin-top: 25px; align-items: center; gap: 9px; color: #728995; font-size: 0.77rem; }
.availability span { width: 7px; height: 7px; background: #55d2b5; border-radius: 50%; box-shadow: 0 0 0 5px rgba(83, 210, 181, 0.09); }

.desktop-demo { position: relative; z-index: 2; overflow: hidden; color: #e7eff2; background: #0d1d28; border: 1px solid #29404e; border-radius: 22px 22px 0 0; box-shadow: 0 34px 80px rgba(0,0,0,0.38); animation: rise-in 800ms 120ms ease both; }
.demo-topbar { display: flex; height: 54px; padding: 0 18px; align-items: center; justify-content: space-between; border-bottom: 1px solid #243845; background: #10232f; }
.demo-brand { display: flex; align-items: center; gap: 9px; font-size: 0.76rem; font-weight: 700; }
.demo-brand img { display:block; width:27px; height:27px; object-fit:contain; filter:drop-shadow(0 0 6px rgba(83,214,181,.22)); }
.demo-status { padding: 5px 9px; color: #64dabb; background: rgba(83,214,181,0.08); border: 1px solid rgba(83,214,181,0.2); border-radius: 99px; font-size: 0.58rem; font-weight: 800; letter-spacing: 0.13em; }
.demo-screen { position: relative; height: 410px; overflow: hidden; background-color: #07121a; background-image: linear-gradient(rgba(130,161,174,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(130,161,174,.045) 1px, transparent 1px); background-size: 34px 34px; }
.demo-glow { position: absolute; width: 370px; height: 370px; left: 50%; top: 46%; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(83,214,181,.12), transparent 66%); }
.shape-s { position: absolute; width: 280px; height: 300px; left: 50%; top: 45%; transform: translate(-50%,-50%); }
.shape-s circle { fill: #55d2b5; filter: drop-shadow(0 0 7px rgba(83,214,181,.46)); }
.parked-icons { position: absolute; display: flex; right: 25px; bottom: 27px; gap: 11px; }
.parked-icons i { width: 10px; height: 10px; background: #597080; border-radius: 3px; }
.screen-label { position: absolute; left: 20px; bottom: 20px; color: #68818f; font-size: .68rem; }
.demo-controls { display: grid; grid-template-columns: 1fr 1fr auto; min-height: 72px; padding: 13px 16px; align-items: center; gap: 15px; border-top: 1px solid #243845; background: #10232f; }
.demo-controls span { display: grid; gap: 6px; color: #76909e; font-size: .62rem; }
.demo-controls b { color: #9bb0ba; font-weight: 600; }
.demo-controls span i { display: block; width: 112px; height: 3px; background: linear-gradient(90deg,#55d2b5 58%,#2a404c 58%); border-radius: 3px; }
.demo-controls span strong { color: #dce7ea; font-size: .72rem; }
.demo-controls button { height: 38px; padding: 0 15px; color: #08271f; background: #55d2b5; border: 0; border-radius: 9px; font-weight: 800; }

.trust-row { display: grid; grid-template-columns: repeat(3,1fr); width: min(1180px, calc(100% - 48px)); margin: 0 auto; border-top: 1px solid #203541; }
.trust-row > span { display: grid; grid-template-columns: auto 1fr; padding: 24px 30px; align-items: center; column-gap: 13px; border-right: 1px solid #203541; }
.trust-row > span:last-child { border-right: 0; }
.trust-row strong { color: #dbe6e9; font-size: .83rem; }
.trust-row small { grid-column: 2; color: #708793; font-size: .68rem; }
.trust-icon { grid-row: 1 / 3; display: grid; width: 34px; height: 34px; place-items: center; color: #55d2b5; border: 1px solid #2c4b50; border-radius: 50%; font-size: .6rem; font-style: normal; }

.landing-main { width: 100%; max-width: none; padding: 0; }
.shape-marquee { width: 100%; max-width: none; margin: 0; padding: 22px max(24px, calc((100% - 1180px)/2)); background: #55d2b5; border: 0; border-radius: 0; box-shadow: none; }
.shape-marquee > p { margin: 0 0 12px; color: #1a6657; font-size: .63rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.shape-list { display: flex; align-items: center; justify-content: space-between; gap: 26px; overflow: hidden; color: #09241e; font-family: Georgia,serif; font-size: 1.03rem; }
.shape-list span { display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.shape-list i, .geometry-row i { display: inline-grid; width: 20px; height: 20px; place-items: center; flex: 0 0 auto; font-style: normal; }
.circle-shape { border: 2px solid currentColor; border-radius: 50%; }
.square-shape { border: 2px solid currentColor; }
.triangle-shape { width: 0!important; height: 0!important; border-right: 10px solid transparent; border-bottom: 18px solid currentColor; border-left: 10px solid transparent; }
.star-shape, .letter-shape, .path-shape { font-family: Georgia,serif; font-weight: 700; }

.landing-section { width: min(1180px, calc(100% - 48px)); max-width: none; margin: 0 auto; padding: 120px 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.section-heading { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 54px; align-items: end; column-gap: 70px; }
.section-heading .eyebrow { grid-column: 1 / -1; }
.section-heading h2 { margin: 0; font-family: Georgia,serif; font-size: clamp(2.5rem,5vw,4.5rem); font-weight: 500; letter-spacing: -.045em; }
.section-heading > p:last-child { margin: 0; color: var(--muted); }
.section-heading.compact { grid-template-columns: 1fr; }

.feature-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.feature-card { position: relative; min-height: 330px; overflow: hidden; padding: 34px; background: #ffffff; border: 1px solid #d8e4e0; border-radius: 22px; }
.feature-card-large { grid-row: span 2; min-height: 678px; background: #0c1c27; border-color: #243945; color: #edf5f4; }
.feature-card-wide { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; min-height: 230px; align-items: center; }
.feature-card h3 { max-width: 460px; margin: 28px 0 12px; font-family: Georgia,serif; font-size: 1.75rem; font-weight: 500; }
.feature-card p { max-width: 510px; color: #667985; }
.feature-card-large p { color: #9db1bc; }
.feature-number { color: #13806a; font-size: .68rem; font-weight: 800; letter-spacing: .14em; }
.word-demo { position: absolute; display: flex; left: 42px; right: 42px; bottom: 46px; height: 300px; align-items: center; justify-content: center; gap: 55px; background-image: radial-gradient(circle,#2b424e 2px,transparent 2px); background-size: 26px 26px; border-radius: 18px; }
.h-letter, .e-letter { position: relative; width: 108px; height: 182px; background-repeat: no-repeat; filter: drop-shadow(0 0 10px rgba(83,214,181,.32)); }
.h-letter { background: linear-gradient(#55d2b5,#55d2b5) 0 0/14px 100%, linear-gradient(#55d2b5,#55d2b5) 100% 0/14px 100%, linear-gradient(#55d2b5,#55d2b5) 0 50%/100% 14px; background-repeat:no-repeat; }
.e-letter { background: linear-gradient(#55d2b5,#55d2b5) 0 0/14px 100%, linear-gradient(#55d2b5,#55d2b5) 0 0/100% 14px, linear-gradient(#55d2b5,#55d2b5) 0 50%/84% 14px, linear-gradient(#55d2b5,#55d2b5) 0 100%/100% 14px; background-repeat:no-repeat; }
.mini-preview { position:absolute; display:grid; width:150px; height:150px; right:28px; bottom:24px; place-items:center; border:1px dashed #a8c8bf; border-radius:50%; }
.mini-preview i { position:absolute; width:13px; height:13px; background:#55d2b5; border:3px solid #e4f8f3; border-radius:50%; box-shadow:0 0 0 1px #38a98d; }
.mini-preview i:nth-child(1){transform:translateY(-75px)} .mini-preview i:nth-child(2){transform:rotate(60deg) translateY(-75px)} .mini-preview i:nth-child(3){transform:rotate(120deg) translateY(-75px)} .mini-preview i:nth-child(4){transform:rotate(180deg) translateY(-75px)} .mini-preview i:nth-child(5){transform:rotate(240deg) translateY(-75px)} .mini-preview i:nth-child(6){transform:rotate(300deg) translateY(-75px)}
.monitor-demo { position:absolute; display:flex; right:30px; bottom:28px; align-items:end; gap:8px; }
.monitor-demo i { display:block; width:115px; height:74px; background:#e5efec; border:5px solid #18303b; border-radius:7px; box-shadow:0 8px 18px rgba(18,47,55,.12); }
.monitor-demo i:nth-child(2){width:88px;height:58px}.monitor-demo b{position:absolute;color:#50706a;font-size:.7rem}.monitor-demo b:nth-of-type(1){left:52px;top:28px}.monitor-demo b:nth-of-type(2){right:39px;top:39px}
.geometry-row { display:flex; justify-content:space-around; align-items:center; color:#177b68; }
.geometry-row i { width:42px; height:42px; font-size:2.2rem; }
.geometry-row .triangle-shape { border-right-width:21px; border-bottom-width:38px; border-left-width:21px; }
.path-line { width:70px!important; border-top:3px solid currentColor; border-radius:50%; transform:rotate(-18deg); }

.how-section { display:grid; grid-template-columns:.85fr 1.15fr; width:100%; max-width:none; margin:0; padding:110px max(24px,calc((100% - 1180px)/2)); gap:100px; color:#eef5f4; background:#0a1923; border:0; border-radius:0; box-shadow:none; }
.how-intro h2 { margin:0 0 24px; font-family:Georgia,serif; font-size:clamp(3rem,5vw,5.2rem); font-weight:500; letter-spacing:-.05em; }
.how-intro > p:last-child { max-width:420px; color:#8ea3ae; }
.steps { margin:0; padding:0; list-style:none; }
.steps li { display:grid; grid-template-columns:auto 1fr; padding:28px 0; gap:24px; border-bottom:1px solid #233844; }
.steps li:first-child { border-top:1px solid #233844; }
.steps li > span { display:grid; width:42px; height:42px; place-items:center; color:#55d2b5; border:1px solid #31504f; border-radius:50%; font-size:.75rem; font-weight:800; }
.steps h3 { margin:0 0 7px; color:#eef5f4; font-size:1.1rem; }
.steps p { margin:0; color:#8ea3ae; }

.safety-section { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:90px; }
.safety-visual { position:relative; display:grid; min-height:470px; place-items:center; overflow:hidden; background:#dff3ed; border-radius:30px; }
.orbit { position:absolute; border:1px solid rgba(20,112,95,.18); border-radius:50%; }
.orbit-one{width:330px;height:330px}.orbit-two{width:470px;height:470px}
.shield { position:relative; display:grid; width:150px; height:170px; place-items:center; color:#08271f; background:#55d2b5; border-radius:72px 72px 86px 86px; box-shadow:0 24px 45px rgba(20,112,95,.22); }
.shield span { display:block; width:106px; height:106px; }
.shield span img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 12px rgba(8,39,31,.2)); }
.shield i { position:absolute; display:grid; width:42px; height:42px; right:-8px; bottom:15px; place-items:center; color:#fff; background:#0c1d27; border:5px solid #dff3ed; border-radius:50%; font-style:normal; }
.safety-copy h2 { margin:0 0 24px; font-family:Georgia,serif; font-size:clamp(2.7rem,5vw,4.5rem); font-weight:500; letter-spacing:-.045em; }
.safety-copy > p:not(.eyebrow) { color:var(--muted); font-size:1.05rem; }
.safety-links { display:grid; margin-top:30px; }
.safety-links a { display:flex; padding:17px 0; justify-content:space-between; color:var(--ink); border-bottom:1px solid #cadbd6; text-decoration:none; }

.faq-section { padding-top:40px; }
.faq-list { border-top:1px solid #c9dad5; }
.faq-list details { padding:22px 2px; border-bottom:1px solid #c9dad5; }
.faq-list summary { cursor:pointer; color:var(--ink); font-family:Georgia,serif; font-size:1.25rem; font-weight:600; }
.faq-list details p { max-width:760px; margin:14px 0 0; color:var(--muted); }

.closing-cta { width:calc(100% - 48px); max-width:1180px; margin:30px auto 0; padding:85px 40px; color:#fff; text-align:center; background:radial-gradient(circle at 50% 130%,rgba(83,214,181,.22),transparent 45%),#0a1923; border:0; border-radius:30px; box-shadow:none; }
.closing-cta .eyebrow { justify-content:center; }
.closing-cta h2 { margin:0 0 18px; font-family:Georgia,serif; font-size:clamp(3rem,6vw,5.5rem); font-weight:500; letter-spacing:-.05em; }
.closing-cta > p:not(.eyebrow) { color:#8ea4ae; }

.error-page { display:grid; min-height:100vh; place-items:center; color:#edf6f3; background:radial-gradient(circle at 50% 30%,rgba(83,214,181,.12),transparent 28rem),#081620; }
.error-card { width:min(620px,calc(100% - 40px)); max-width:none; padding:50px; text-align:center; background:#0d202b; border:1px solid #29404e; border-radius:26px; }
.error-card .brand { justify-content:center; }
.error-code { margin:55px 0 0; color:#55d2b5; font-size:.72rem; font-weight:800; letter-spacing:.2em; }
.error-card h1 { margin:12px 0; font-size:clamp(2.5rem,7vw,4.5rem); }
.error-card > p:not(.error-code) { color:#96aab4; }
.error-card .primary-button { margin-top:20px; }

@keyframes rise-in { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }

@media (max-width: 920px) {
  .hero-shell { grid-template-columns:1fr; gap:20px; }
  .hero-copy { padding:35px 0 30px; }
  .desktop-demo { max-width:680px; margin:0 auto; }
  .trust-row { grid-template-columns:1fr; }
  .trust-row > span { border-right:0; border-bottom:1px solid #203541; }
  .section-heading, .how-section, .safety-section { grid-template-columns:1fr; }
  .how-section { gap:45px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card-large { grid-row:auto; min-height:640px; }
  .feature-card-wide { grid-column:auto; }
  .site-footer { grid-template-columns:1fr auto; }
  .site-footer > p { grid-column:1/-1; }
}

@media (max-width: 680px) {
  .site-nav { width:calc(100% - 28px); }
  .nav-links { gap:10px; }
  .nav-links a:not(.nav-pill) { display:none; }
  .hero-shell, .trust-row, .landing-section { width:calc(100% - 28px); }
  .hero-shell { margin-top:12px; }
  .hero-copy h1 { font-size:3.5rem; }
  .desktop-demo { border-radius:16px 16px 0 0; }
  .demo-screen { height:350px; }
  .demo-controls { grid-template-columns:1fr auto; }
  .demo-controls span:nth-child(2) { display:none; }
  .shape-list { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
  .shape-marquee { padding-inline:14px; }
  .landing-section { padding:80px 0; }
  .section-heading { display:block; }
  .section-heading h2 { margin-bottom:18px; }
  .feature-card { padding:26px; }
  .feature-card-large { min-height:560px; }
  .word-demo { left:22px; right:22px; height:260px; gap:30px; }
  .h-letter,.e-letter { width:84px;height:150px; }
  .feature-card-wide { display:block; }
  .geometry-row { margin-top:35px; }
  .how-section { padding:80px 20px; }
  .safety-section { gap:44px; }
  .safety-visual { min-height:360px; }
  .closing-cta { width:calc(100% - 28px); padding:64px 20px; border-radius:22px; }
  .site-footer { grid-template-columns:1fr; width:calc(100% - 28px); }
  .footer-links { flex-wrap:wrap; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; animation-duration:1ms!important; animation-iteration-count:1!important; transition-duration:1ms!important; }
}
/* Authentic layouts */
.real-layouts { overflow: hidden; }
.real-layout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.real-layout-grid figure, .download-shot, .download-gallery figure { margin: 0; }
.real-layout-grid figure {
  overflow: hidden;
  background: #081018;
  border: 1px solid #264052;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(5, 19, 28, 0.15);
}
.real-layout-grid img, .download-shot img, .download-gallery img {
  display: block;
  width: 100%;
  height: auto;
}
.real-layout-grid figcaption, .download-shot figcaption, .download-gallery figcaption {
  padding: 12px 15px;
  color: #b9cbd4;
  background: #101e29;
  font-size: 0.82rem;
  font-weight: 700;
}

/* Download page */
.download-page { background: #eef5f2; }
.download-header {
  min-height: 620px;
  padding: 0 max(24px, calc((100vw - 1180px) / 2));
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 25%, rgba(83, 214, 181, 0.22), transparent 24rem),
    linear-gradient(135deg, #07131d, #102737);
}
.download-header .site-nav { max-width: 1180px; margin: 0 auto; }
.download-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: clamp(36px, 7vw, 90px);
  max-width: 1180px;
  margin: 0 auto;
  padding: 70px 0 84px;
  align-items: center;
}
.download-hero h1 { margin: 15px 0 20px; font-size: clamp(2.8rem, 6vw, 5.2rem); }
.download-hero h1 em { color: #53d6b5; font-weight: inherit; }
.download-hero > div > p:not(.eyebrow):not(.store-pending) { max-width: 590px; color: #b9cbd4; font-size: 1.08rem; }
.store-download-button {
  display: inline-flex;
  gap: 13px;
  align-items: center;
  margin-top: 18px;
  padding: 12px 20px;
  color: #081620;
  background: #f7fbfa;
  border-radius: 13px;
  text-decoration: none;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.2);
  transition: transform 180ms ease;
}
.store-download-button:hover { transform: translateY(-2px); }
.store-download-button span:last-child { display: grid; line-height: 1.05; }
.store-download-button small { font-size: 0.69rem; font-weight: 650; }
.store-download-button strong { margin-top: 3px; font-size: 1.2rem; }
.store-window { display: grid; grid-template-columns: repeat(2, 10px); gap: 2px; }
.store-window i { width: 10px; height: 10px; background: #167d6b; }
.store-pending { max-width: 480px; margin: 12px 0 0; color: #8fa7b4; font-size: 0.76rem; }
.download-shot {
  overflow: hidden;
  border: 1px solid #345365;
  border-radius: 22px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.36);
  transform: rotate(1.5deg);
}
.download-main { width: min(1120px, calc(100% - 40px)); max-width: none; padding: 70px 0; }
.download-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 0; background: transparent; border: 0; box-shadow: none; }
.download-facts article { padding: 28px; background: white; border: 1px solid var(--line); border-radius: 18px; }
.download-facts article > span { color: var(--accent); font-family: Georgia, serif; font-size: 1.4rem; }
.download-facts h2 { margin-top: 16px; }
.requirements-panel, .download-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; margin-top: 28px; padding: 42px; }
.requirements-panel ul { margin: 0; padding-left: 22px; }
.download-gallery figure { overflow: hidden; border-radius: 16px; }
.download-gallery a { text-decoration: none; }

@media (max-width: 820px) {
  .real-layout-grid, .download-hero, .download-facts, .requirements-panel, .download-gallery { grid-template-columns: 1fr; }
  .download-header { min-height: 0; }
  .download-hero { padding-top: 45px; }
  .download-shot { transform: none; }
  .requirements-panel, .download-gallery { gap: 24px; padding: 28px; }
}