:root {
  --ink: #eef8ff;
  --muted: #9eb1c3;
  --cyan: #19d7f3;
  --cyan-soft: #67f0ff;
  --navy: #020914;
  --panel: rgba(10, 29, 47, .64);
  --line: rgba(151, 215, 238, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--navy);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; padding: 10px 14px; background: white; color: #00101e; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.starfield { position: fixed; inset: 0; z-index: -2; background: linear-gradient(180deg, rgba(2,9,20,.07), #020914 88%), url("assets/stars.jpg") center top / cover fixed; opacity: .72; }
.starfield::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 66% 23%, rgba(17, 150, 202, .12), transparent 30%), radial-gradient(circle at 10% 60%, rgba(6, 66, 119, .2), transparent 35%); }

.site-header { width: min(1180px, calc(100% - 48px)); height: 76px; position: absolute; z-index: 20; top: 18px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; padding: 0 22px; border: 1px solid rgba(179,224,242,.14); border-radius: 22px; background: rgba(2, 12, 24, .62); backdrop-filter: blur(20px); box-shadow: 0 20px 60px rgba(0,0,0,.22); }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 760; letter-spacing: -.02em; }
.brand img { width: 38px; height: 38px; border-radius: 10px; box-shadow: 0 0 24px rgba(38, 173, 255, .28); }
nav { display: flex; margin: auto; gap: 38px; color: #bdc9d3; font-size: 14px; }
nav a, footer a { transition: color .2s ease; }
nav a:hover, footer a:hover { color: var(--cyan-soft); }
.nav-cta { border: 1px solid rgba(99,228,251,.3); padding: 11px 16px; border-radius: 999px; font-size: 13px; background: rgba(18, 167, 205, .09); }
.menu-button { display: none; }

.hero { min-height: 900px; height: 100vh; max-height: 1040px; position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); align-items: center; width: min(1240px, calc(100% - 64px)); margin: 0 auto; padding-top: 78px; }
.hero-copy { position: relative; z-index: 5; padding-left: 28px; }
.eyebrow, .section-kicker { text-transform: uppercase; letter-spacing: .22em; font-size: 11px; font-weight: 740; color: #81deec; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.eyebrow span { display: inline-block; width: 26px; height: 1px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
h1 { max-width: 640px; margin: 0; font-size: clamp(64px, 6.2vw, 104px); line-height: .91; letter-spacing: -.065em; font-weight: 720; }
h1 em { display: block; color: transparent; font-style: normal; background: linear-gradient(110deg, #fff 0%, #a3eff7 45%, #42bedc 100%); background-clip: text; -webkit-background-clip: text; }
.hero-summary { max-width: 590px; margin: 30px 0 0; color: #abb9c8; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; gap: 22px; min-height: 52px; padding: 0 22px; border-radius: 12px; font-size: 14px; font-weight: 690; transition: transform .2s, border-color .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #00141b; background: linear-gradient(110deg, #75f2ff, #18caec); box-shadow: 0 15px 35px rgba(18, 194, 229, .18); }
.button.secondary { border: 1px solid rgba(180, 222, 239, .2); background: rgba(11,31,50,.48); }
.hero-facts { display: flex; gap: 0; margin-top: 44px; color: #74899a; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.hero-facts span { display: grid; gap: 4px; padding: 0 21px; border-left: 1px solid var(--line); }
.hero-facts span:first-child { padding-left: 0; border: 0; }
.hero-facts strong { color: #d9f4f7; font-size: 17px; letter-spacing: 0; }

.planet-stage { position: relative; height: 720px; perspective: 900px; }
.planet { position: absolute; width: 610px; height: 610px; left: 50%; top: 50%; transform: translate(-46%, -48%); border-radius: 50%; overflow: hidden; background: #055895; box-shadow: inset -55px -25px 90px rgba(0,6,18,.88), inset 20px 8px 32px rgba(104,228,255,.22), -24px 18px 80px rgba(0,0,0,.55), 0 0 3px 2px rgba(94,221,255,.64), 0 0 80px rgba(17,167,224,.24); animation: planet-float 7s ease-in-out infinite; }
.earth-map, .time-globe { position: absolute; inset: 0; border-radius: inherit; background: url("assets/earth-map-v2.jpg") 36% center / auto 100%; animation: earth-drift 34s linear infinite; }
.earth-map::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 32% 28%, rgba(198,248,255,.12), transparent 35%); mix-blend-mode: screen; }
.planet-shade { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 34% 28%, transparent 26%, rgba(0,16,37,.08) 48%, rgba(0,4,14,.85) 100%); }
.weather-field { position: absolute; width: 120%; height: 24%; left: -10%; border: 3px solid rgba(54,239,255,.7); border-left-color: transparent; border-right-color: transparent; border-radius: 50%; filter: drop-shadow(0 0 5px rgba(45,234,255,.48)); transform: rotate(-12deg); opacity: .72; }
.weather-field::before, .weather-field::after { content:""; position:absolute; inset: 13px -8px; border: 2px solid rgba(138,251,255,.6); border-left-color: transparent; border-right-color: transparent; border-radius: 50%; }
.weather-field::after { inset: 28px -16px; opacity: .62; }
.field-one { top: 27%; animation: flow-pulse 3.4s ease-in-out infinite; }
.field-two { top: 59%; transform: rotate(7deg) scale(.9); border-color: rgba(255, 205, 84, .64); border-left-color: transparent; border-right-color: transparent; animation: flow-pulse 4.1s ease-in-out infinite reverse; }
.cloud { position: absolute; width: 180px; height: 46px; border-radius: 50%; background: rgba(241,252,255,.5); filter: blur(8px); opacity: .43; }
.cloud::before, .cloud::after { content:""; position:absolute; background:inherit; border-radius:50%; }
.cloud::before { width: 80px; height: 70px; left: 25px; top: -22px; }.cloud::after { width: 100px; height: 62px; right: 18px; top: -15px; }
.cloud-one { top: 28%; left: 13%; transform: rotate(-18deg); animation: cloud-drift 9s ease-in-out infinite; }.cloud-two { top: 67%; right: 6%; transform: scale(.72) rotate(8deg); animation: cloud-drift 12s ease-in-out infinite reverse; }
.orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(80,215,242,.2); border-radius: 50%; transform: translate(-46%, -48%) rotate(-18deg); }
.orbit-one { width: 690px; height: 690px; box-shadow: inset 0 0 42px rgba(21,183,232,.08), 0 0 28px rgba(21,183,232,.09); }.orbit-two { width: 760px; height: 510px; transform: translate(-46%, -48%) rotate(64deg); border-color: rgba(122,208,230,.11); }
.planet-shadow { position:absolute; width: 480px; height: 80px; left: 50%; bottom: 8%; transform: translateX(-42%); background: rgba(0,0,0,.72); filter: blur(42px); border-radius:50%; }
.data-tag, .altitude-card { position: absolute; z-index: 4; border: 1px solid rgba(130,222,241,.22); background: rgba(3, 18, 33, .72); backdrop-filter: blur(15px); box-shadow: 0 15px 36px rgba(0,0,0,.3); }
.data-tag { display: grid; grid-template-columns: 8px auto; gap: 2px 9px; min-width: 142px; padding: 12px 14px; border-radius: 12px; font-size: 11px; color: #8ba7b8; }
.data-tag i { grid-row: 1 / 3; align-self:center; width: 7px; height: 7px; border-radius:50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.data-tag b { color:#e7fbff; font-size:13px; }.tag-wind { left: 3%; top: 29%; }.tag-jet { right: -1%; top: 58%; }.tag-jet i { background:#ffd75d; box-shadow:0 0 12px #ffd75d; }
.altitude-card { right: 0; top: 20%; width: 115px; height: 118px; padding: 14px; border-radius: 14px; font-size: 9px; color: #7e9daf; text-transform: uppercase; letter-spacing:.08em; }
.altitude-card strong { display:block; margin-top:5px; color:white; font-size:17px; letter-spacing:0; }.ruler { position:absolute; height:60px; right:16px; bottom:10px; width:14px; border-right:1px solid rgba(94,232,255,.6); background:repeating-linear-gradient(to bottom, transparent 0 8px, rgba(94,232,255,.55) 8px 9px); }
.scroll-cue { position:absolute; left:50%; bottom:28px; transform:translateX(-50%); color:#5e7687; text-transform:uppercase; letter-spacing:.16em; font-size:9px; text-align:center; }.scroll-cue span { display:block; font-size:22px; color:#6eddf0; animation:cue 2s ease-in-out infinite; }

.intro { width:min(980px, calc(100% - 48px)); margin:0 auto; padding:150px 0 130px; text-align:center; }
.intro h2, .section-heading h2, .time-copy h2, .release h2 { margin:18px 0 24px; font-size:clamp(42px, 5.5vw, 76px); line-height:1.02; letter-spacing:-.055em; }
.intro > p:last-child { max-width:700px; margin:0 auto; color:var(--muted); line-height:1.8; font-size:17px; }
.section-kicker { color:#56d7ed; }

.layer-section { width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:80px 0 120px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:44px; }
.section-heading h2 { font-size:clamp(42px, 4.6vw, 66px); margin-bottom:0; }
.section-heading > p { max-width:410px; color:var(--muted); line-height:1.7; }
.layer-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.layer-card { min-height:265px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:22px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg, rgba(14,41,62,.72), rgba(5,18,33,.76)); box-shadow: inset 0 1px rgba(255,255,255,.03); transition:transform .3s ease, border-color .3s ease; }
.layer-card:hover { transform:translateY(-5px); border-color:rgba(91,223,245,.42); }
.layer-card::after { content:""; position:absolute; width:200px; height:200px; right:-90px; top:-90px; border-radius:50%; background:var(--glow, rgba(27,203,237,.2)); filter:blur(40px); }
.layer-card.featured { grid-column:span 2; }
.layer-number { color:#59778c; font-size:10px; letter-spacing:.15em; }.layer-icon { position:absolute; right:24px; top:22px; color:var(--accent, #70eaff); font-size:32px; font-weight:300; text-shadow:0 0 22px var(--accent, #70eaff); }
.layer-card p { margin:0 0 7px; color:var(--accent, #69dff1); text-transform:uppercase; font-size:9px; font-weight:760; letter-spacing:.17em; }.layer-card h3 { margin:0 0 10px; font-size:25px; letter-spacing:-.035em; }.layer-card div > span { display:block; max-width:420px; color:#8fa5b6; line-height:1.55; font-size:14px; }
.weather-card { --accent:#ffd85d; --glow:rgba(255,191,42,.16); }.ocean-card { --accent:#4aaeff; }.waves-card { --accent:#3fe4da; }.wind-card { --accent:#74f1ff; }.heat-card { --accent:#ff7d59; --glow:rgba(255,80,55,.16); }.rain-card { --accent:#758bff; }.cloud-card { --accent:#e2f6ff; }.jet-card { --accent:#e2d26d; --glow:rgba(228,196,74,.14); }

.showcase-section { width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:90px 0 130px; }
.showcase-heading { margin-bottom:38px; }
.showcase-banner { position:relative; margin:0 0 18px; overflow:hidden; border:1px solid rgba(92,218,243,.22); border-radius:28px; background:#030c18; box-shadow:0 32px 90px rgba(0,0,0,.42), 0 0 60px rgba(25,167,226,.1); }
.showcase-banner::after { content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 60px rgba(1,7,17,.45); }
.showcase-banner img { display:block; width:100%; height:auto; }
.showcase-banner figcaption { position:absolute; z-index:1; left:22px; bottom:18px; padding:9px 13px; border:1px solid rgba(152,231,247,.18); border-radius:999px; background:rgba(2,13,26,.7); backdrop-filter:blur(14px); color:#a9c6d4; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.screenshot-grid { columns:3; column-gap:18px; }
.screenshot-card { position:relative; overflow:hidden; break-inside:avoid; margin:0 0 18px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(155deg, rgba(15,42,64,.82), rgba(4,16,30,.92)); box-shadow:0 24px 65px rgba(0,0,0,.28); transition:transform .3s ease, border-color .3s ease; }
.screenshot-card:hover { transform:translateY(-5px); border-color:rgba(91,223,245,.42); }
.screenshot-open { display:block; width:100%; height:440px; padding:0; overflow:hidden; border:0; border-bottom:1px solid var(--line); background:#05111e; cursor:zoom-in; }
.screenshot-card-wide .screenshot-open { height:650px; }
.screenshot-open img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 42%; transition:transform .5s ease, filter .5s ease; }
.screenshot-open:hover img { transform:scale(1.025); filter:saturate(1.08) brightness(1.03); }
.screenshot-card > div { padding:22px 22px 25px; }
.screenshot-card span { color:#53dff2; font-size:9px; font-weight:760; letter-spacing:.16em; text-transform:uppercase; }
.screenshot-card h3 { margin:9px 0 8px; font-size:22px; letter-spacing:-.035em; }
.screenshot-card p { margin:0; color:#8fa6b7; font-size:13px; line-height:1.6; }
.image-lightbox { width:min(720px, calc(100% - 34px)); max-height:94vh; padding:0; overflow:visible; border:1px solid rgba(126,229,247,.35); border-radius:26px; background:#030b15; color:white; box-shadow:0 40px 120px rgba(0,0,0,.75), 0 0 60px rgba(27,190,235,.15); }
.image-lightbox::backdrop { background:rgba(0,5,13,.82); backdrop-filter:blur(15px); }
.image-lightbox img { display:block; width:auto; max-width:100%; height:auto; max-height:86vh; margin:auto; border-radius:25px 25px 0 0; }
.image-lightbox p { margin:0; padding:14px 20px 17px; color:#a9c2d1; font-size:12px; text-align:center; letter-spacing:.07em; text-transform:uppercase; }
.lightbox-close { position:absolute; z-index:2; top:12px; right:12px; width:42px; height:42px; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:rgba(1,9,18,.75); color:white; font-size:28px; line-height:1; cursor:pointer; backdrop-filter:blur(12px); }

.time-section { min-height:760px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; width:min(1120px, calc(100% - 48px)); margin:60px auto 160px; }
.time-orb { min-height:600px; position:relative; }
.time-globe { width:450px; height:450px; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden; box-shadow:inset -55px -25px 80px rgba(0,5,17,.9), 0 0 70px rgba(20,179,226,.18); animation-duration:42s; }
.time-ring { position:absolute; width:540px; height:540px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(24deg); border:1px solid rgba(90,222,245,.27); border-radius:50%; box-shadow:0 0 24px rgba(0,201,244,.1); }
.time-ring::before { content:""; position:absolute; width:11px; height:11px; left:48px; top:72px; border-radius:50%; background:#55edff; box-shadow:0 0 18px #55edff; }
.time-now,.time-later { position:absolute; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:rgba(2,15,28,.8); color:#6adff1; font-size:9px; font-weight:800; letter-spacing:.12em; }.time-now { left:5%; top:28%; }.time-later { right:2%; bottom:26%; color:#ffd760; }
.time-copy > p { max-width:520px; color:var(--muted); font-size:17px; line-height:1.75; }.time-copy ul { list-style:none; margin:35px 0 0; padding:0; border-top:1px solid var(--line); }.time-copy li { padding:16px 0; border-bottom:1px solid var(--line); color:#c6d5de; font-size:14px; }.time-copy li span { margin-right:20px; color:#527187; font-size:10px; }

.principles { width:min(1120px, calc(100% - 48px)); margin:0 auto 170px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:22px; overflow:hidden; }
.principle { min-height:270px; padding:35px; background:rgba(4,18,32,.9); }.principle > span { color:#57e5f5; font-size:28px; }.principle h3 { margin:55px 0 10px; font-size:22px; }.principle p { margin:0; color:var(--muted); line-height:1.65; font-size:14px; }

.release { width:min(1080px, calc(100% - 48px)); margin:0 auto 100px; padding:100px 30px; text-align:center; border:1px solid var(--line); border-radius:32px; background:radial-gradient(circle at 50% 8%, rgba(28,171,218,.18), transparent 40%), rgba(5,20,36,.72); box-shadow:0 40px 100px rgba(0,0,0,.32); }
.release img { width:120px; height:120px; border-radius:28px; box-shadow:0 18px 45px rgba(0,99,191,.32); }.release h2 { font-size:clamp(42px, 5vw, 70px); }.release > p:not(.section-kicker) { color:var(--muted); font-size:17px; }.release-pill { display:inline-flex; align-items:center; gap:9px; margin-top:24px; padding:10px 15px; border:1px solid var(--line); border-radius:999px; color:#9db8c7; font-size:11px; text-transform:uppercase; letter-spacing:.11em; }.release-pill span { width:7px; height:7px; border-radius:50%; background:#45e696; box-shadow:0 0 12px #45e696; }

footer { width:min(1180px, calc(100% - 48px)); margin:0 auto; padding:50px 0 28px; border-top:1px solid var(--line); color:#71899a; font-size:11px; line-height:1.6; }.footer-brand { display:flex; align-items:center; gap:13px; color:white; margin-bottom:30px; }.footer-brand img { width:42px; border-radius:11px; }.footer-brand div { display:grid; }.footer-brand span { color:#6f8798; font-size:10px; }.footer-brand strong { font-size:15px; } footer > p { max-width:780px; } footer a { color:#a5c7d7; text-decoration:underline; text-underline-offset:3px; }.footer-bottom { display:flex; justify-content:space-between; margin-top:42px; padding-top:20px; border-top:1px solid rgba(132,194,217,.09); text-transform:uppercase; letter-spacing:.09em; }
.footer-links { margin:0; gap:22px; font-size:11px; text-transform:none; letter-spacing:0; }

.page-header { position:relative; }
.content-page { width:min(820px, calc(100% - 48px)); margin:0 auto; padding:180px 0 110px; }
.content-page h1 { max-width:760px; font-size:clamp(52px, 7vw, 82px); }
.content-page .page-summary { max-width:700px; margin:28px 0 58px; color:var(--muted); font-size:18px; line-height:1.7; }
.content-section { padding:34px 0; border-top:1px solid var(--line); }
.content-section h2 { margin:0 0 16px; font-size:27px; letter-spacing:-.035em; }
.content-section h3 { margin:26px 0 8px; font-size:17px; }
.content-section p,.content-section li { color:#a9bac8; font-size:15px; line-height:1.75; }
.content-section p { margin:10px 0; }
.content-section ul { margin:14px 0 0; padding-left:20px; }
.content-section a { color:var(--cyan-soft); text-decoration:underline; text-underline-offset:3px; }
.content-section .notice { padding:18px 20px; border:1px solid rgba(99,228,251,.2); border-radius:14px; background:rgba(18,167,205,.07); color:#cce5ec; }
.updated { margin-top:60px; color:#668093; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }

@keyframes earth-drift { to { background-position: 136% center; } }
@keyframes planet-float { 0%,100% { transform:translate(-46%,-48%); } 50% { transform:translate(-46%,-50%); } }
@keyframes flow-pulse { 0%,100% { opacity:.52; } 50% { opacity:.88; filter:drop-shadow(0 0 9px rgba(45,234,255,.65)); } }
@keyframes cloud-drift { 0%,100% { margin-left:-10px; } 50% { margin-left:22px; } }
@keyframes cue { 0%,100% { transform:translateY(0); } 50% { transform:translateY(5px); } }

@media (max-width: 980px) {
  .site-header { width:calc(100% - 28px); }.site-header nav,.nav-cta { display:none; }.menu-button { display:grid; margin-left:auto; width:40px; height:40px; place-content:center; gap:6px; border:0; border-radius:50%; background:rgba(95,158,185,.14); }.menu-button span { display:block; width:18px; height:1px; background:white; }
  .site-header.open { height:auto; min-height:76px; flex-wrap:wrap; padding-bottom:16px; }.site-header.open nav { display:flex; order:3; width:100%; padding-top:18px; justify-content:space-between; border-top:1px solid var(--line); margin-top:15px; }
  .hero { min-height:1050px; height:auto; max-height:none; grid-template-columns:1fr; padding-top:150px; text-align:center; }.hero-copy { padding:0; }.eyebrow { justify-content:center; }.hero-summary { margin-left:auto; margin-right:auto; }.hero-actions,.hero-facts { justify-content:center; }.planet-stage { height:650px; margin-top:15px; }.scroll-cue { display:none; }
  .section-heading { display:block; }.section-heading > p { margin-top:22px; }.layer-grid { grid-template-columns:repeat(2,1fr); }.layer-card.featured { grid-column:span 1; }
  .screenshot-grid { columns:2; }.screenshot-open,.screenshot-card-wide .screenshot-open { height:560px; }
  .time-section { grid-template-columns:1fr; gap:10px; }.time-copy { max-width:680px; margin:auto; }.principles { grid-template-columns:1fr; }
}

@media (max-width: 620px) {
  .site-header { top:10px; height:64px; padding:0 14px; border-radius:18px; }.brand img { width:34px; height:34px; }.brand span { font-size:14px; }
  .hero { width:calc(100% - 30px); min-height:910px; padding-top:124px; overflow:hidden; }.hero-copy { text-align:left; }.eyebrow { justify-content:flex-start; }.hero h1 { font-size:54px; }.hero-summary { font-size:16px; line-height:1.55; }.hero-actions { justify-content:flex-start; flex-direction:column; }.button { justify-content:space-between; }.hero-facts { justify-content:flex-start; overflow:hidden; }.hero-facts span { padding:0 12px; font-size:8px; }.hero-facts strong { font-size:14px; }
  .planet-stage { width:100%; height:460px; overflow:hidden; }.planet { width:350px; height:350px; transform:translate(-50%,-45%); }.orbit-one { width:390px; height:390px; transform:translate(-50%,-45%) rotate(-18deg); }.orbit-two { width:410px; height:300px; transform:translate(-50%,-45%) rotate(64deg); }.planet-shadow { width:300px; }.data-tag { transform:scale(.78); }.tag-wind { left:0; top:23%; }.tag-jet { right:0; top:62%; }.altitude-card { display:none; }
  .intro { padding:90px 0; }.intro h2,.section-heading h2,.time-copy h2,.release h2 { font-size:40px; }.layer-section { padding-top:40px; }.layer-grid { grid-template-columns:1fr; }.layer-card { min-height:230px; }
  .showcase-section { width:calc(100% - 30px); padding:55px 0 95px; }.showcase-banner { border-radius:18px; }.showcase-banner img { width:145%; max-width:none; margin-left:-22%; }.showcase-banner figcaption { left:12px; bottom:10px; font-size:8px; }.screenshot-grid { columns:1; }.screenshot-card { margin-bottom:14px; }.screenshot-open,.screenshot-card-wide .screenshot-open { height:520px; }.screenshot-card > div { padding:18px 18px 21px; }
  .time-section { margin-bottom:100px; }.time-orb { min-height:420px; overflow:hidden; }.time-globe { width:310px; height:310px; }.time-ring { width:365px; height:365px; }.time-now { left:0; }.time-later { right:0; }.principles { margin-bottom:100px; }.release { padding:70px 20px; }.release img { width:100px; height:100px; }
  .footer-bottom { display:grid; gap:14px; }.footer-links { display:flex; flex-wrap:wrap; gap:12px 20px; }
  .content-page { width:calc(100% - 36px); padding-top:130px; }.content-page h1 { font-size:48px; }.content-page .page-summary { font-size:16px; margin-bottom:42px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}