:root {
  --bg: #030a12;
  --bg-soft: #071523;
  --panel: rgba(10, 28, 45, .66);
  --panel-strong: rgba(9, 26, 45, .9);
  --line: rgba(114, 188, 255, .16);
  --text: #edf7ff;
  --muted: #8fa8bb;
  --cyan: #0ce4ef;
  --blue: #167cff;
  --navy: #072c61;
  --glow: rgba(12, 228, 239, .28);
  --max: 1240px;
  --radius: 28px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  overflow-x: hidden;
}
body::selection { background: rgba(12,228,239,.24); }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.ambient { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.ambient::after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 50% 0%, rgba(10,74,130,.18), transparent 45%), linear-gradient(180deg, transparent 0 55%, rgba(0,0,0,.32)); }
.ambient__grid { position:absolute; inset:-10%; opacity:.16; background-image: linear-gradient(rgba(69,157,221,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(69,157,221,.13) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 50% 40%, #000 0, transparent 72%); transform: perspective(900px) rotateX(64deg) translateY(24%); transform-origin: 50% 100%; animation: gridMove 22s linear infinite; }
.ambient__glow { position:absolute; width:620px; height:620px; border-radius:50%; filter: blur(100px); opacity:.18; }
.ambient__glow--a { background:#0ce4ef; top:-250px; right:-180px; }
.ambient__glow--b { background:#0e59f4; left:-290px; top:55%; }
@keyframes gridMove { to { background-position: 0 56px, 56px 0; } }

.site-header { position:fixed; top:18px; left:50%; transform:translateX(-50%); width:min(calc(100% - 40px), var(--max)); height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 18px; background:rgba(4,14,25,.64); backdrop-filter: blur(18px); border:1px solid var(--line); border-radius:18px; z-index:50; box-shadow:0 20px 60px rgba(0,0,0,.24); }
.site-header--scrolled { background:rgba(4,14,25,.86); box-shadow:0 18px 48px rgba(0,0,0,.34); }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.08em; }
.brand img { width:34px; height:34px; object-fit:contain; }
.brand__word { font-size:14px; }
.nav { display:flex; gap:15px; color:#a9bdca; font-size:13px; white-space:nowrap; }
.nav a, .region-pill { transition:.25s ease; }
.nav a:hover { color:#fff; }
.region-pill { font-size:13px; padding:8px 12px; border:1px solid rgba(12,228,239,.22); border-radius:999px; color:#b9eef2; background:rgba(12,228,239,.05); }
.region-pill:hover { background:rgba(12,228,239,.11); }
.nav-toggle { display:none; width:40px; height:40px; padding:0; border:1px solid rgba(12,228,239,.22); border-radius:12px; background:rgba(12,228,239,.05); align-items:center; justify-content:center; flex-direction:column; gap:4px; cursor:pointer; }
.nav-toggle span { width:17px; height:1.5px; border-radius:999px; background:#b9eef2; transition:transform .22s ease, opacity .22s ease; }
.site-header.nav-open .nav-toggle span:nth-child(1) { transform:translateY(5.5px) rotate(45deg); }
.site-header.nav-open .nav-toggle span:nth-child(2) { opacity:0; }
.site-header.nav-open .nav-toggle span:nth-child(3) { transform:translateY(-5.5px) rotate(-45deg); }

.section { width:min(calc(100% - 40px), var(--max)); margin:0 auto; padding:120px 0; position:relative; }
.section-heading { max-width:820px; margin-bottom:56px; }
.section-kicker { display:inline-block; color:#71dfe7; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; margin-bottom:16px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(52px,7.2vw,104px); line-height:.97; letter-spacing:-.055em; margin-bottom:28px; }
h1 span,h2 span { background:linear-gradient(110deg,#fff 0,#9dd7ff 45%,#0ce4ef 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
h2 { font-size:clamp(38px,5vw,68px); line-height:1.02; letter-spacing:-.045em; margin-bottom:22px; }
h3 { letter-spacing:-.025em; }
.section-heading p, .hardware__copy > p, .region__copy > p, .developer__copy > p, .closing p { color:var(--muted); font-size:clamp(17px,1.5vw,20px); max-width:760px; }

.hero { min-height:100vh; padding-top:150px; padding-bottom:80px; display:grid; grid-template-columns:1.04fr .96fr; gap:50px; align-items:flex-start; }
.hero__content { position:relative; z-index:2; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:#b4d3df; text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:800; margin-bottom:25px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 6px rgba(12,228,239,.09), 0 0 18px rgba(12,228,239,.8); }
.hero__lead { max-width:760px; color:#a7bccb; font-size:clamp(18px,1.8vw,22px); }
.hero__actions { display:flex; gap:12px; flex-wrap:wrap; margin:36px 0 30px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 19px; border-radius:13px; border:1px solid transparent; font-weight:800; font-size:14px; transition:.25s ease; }
.button--primary { color:#03131c; background:linear-gradient(135deg,#0ce4ef,#58b9ff); box-shadow:0 12px 34px rgba(12,228,239,.16); }
.button--primary:hover { transform:translateY(-2px); box-shadow:0 16px 42px rgba(12,228,239,.25); }
.button--ghost { color:#d9e9f4; border-color:var(--line); background:rgba(255,255,255,.025); }
.button--ghost:hover { border-color:rgba(12,228,239,.35); background:rgba(12,228,239,.06); }
.hero__signals { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:#6f8999; text-transform:uppercase; letter-spacing:.11em; font-size:10px; font-weight:800; }
.hero__signals i { width:4px; height:4px; background:#1b647d; border-radius:50%; }

.hero__visual { min-height:640px; position:relative; display:grid; place-items:center; isolation:isolate; overflow:hidden; margin-top:-12px; transform:none; }
.hero__visual::before { content:""; position:absolute; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(12,228,239,.11),rgba(19,75,205,.06) 42%,transparent 70%); filter:blur(5px); }
.hero-trails { position:absolute; inset:0; width:100%; height:100%; z-index:2; overflow:visible; pointer-events:none; }
.hero-trails line { stroke-linecap:round; filter:drop-shadow(0 0 8px rgba(12,228,239,.42)); }
.visual-glow { position:absolute; left:50%; top:50%; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle, rgba(14,111,255,.22) 0, rgba(12,228,239,.08) 44%, transparent 72%); filter:blur(14px); opacity:.7; z-index:1; transform:translate(-50%, -50%); }
.orbit { position:absolute; border:1px solid rgba(107,188,255,.16); border-radius:50%; }
.orbit--one { width:540px; height:540px; }
.orbit--two { width:430px; height:430px; transform:rotate(58deg); border-style:dashed; }
.moving-dot { position:absolute; left:50%; top:50%; width:8px; height:8px; border-radius:50%; background:#0ce4ef; box-shadow:0 0 24px rgba(12,228,239,.9); z-index:3; opacity:.95; transform:translate3d(-50%, -50%, 0); }
.moving-dot--two { width:6px; height:6px; background:#52cbff; box-shadow:0 0 18px rgba(82,203,255,.85); }
.moving-dot--three { width:10px; height:10px; background:#0ce4ef; box-shadow:0 0 28px rgba(12,228,239,.65); }
.hero-mover { position:absolute; left:50%; top:50%; width:52px; height:52px; border:0; background:transparent; display:grid; place-items:center; padding:0; cursor:default; z-index:4; transform:translate3d(calc(-50% + var(--tx, 0px)), calc(-50% + var(--ty, 0px)), 0) rotate(var(--rot, 0deg)); transition:filter .22s ease, opacity .22s ease; filter:drop-shadow(0 8px 24px rgba(0,0,0,.22)) drop-shadow(0 0 20px rgba(12,228,239,.18)); }
.hero-mover img { width:100%; height:100%; object-fit:contain; pointer-events:none; user-select:none; display:block; }
.hero-mover:hover { filter:drop-shadow(0 10px 28px rgba(0,0,0,.24)) drop-shadow(0 0 28px rgba(12,228,239,.52)); }
.scroll-cue { position:absolute; bottom:28px; left:0; display:flex; align-items:center; gap:10px; color:#526f80; text-transform:uppercase; font-size:9px; letter-spacing:.2em; }
.scroll-cue span { width:32px; height:1px; background:#31546a; position:relative; overflow:hidden; }
.scroll-cue span::after { content:""; position:absolute; width:50%; height:100%; background:var(--cyan); animation:scrollCue 1.8s infinite ease-in-out; }
@keyframes scrollCue { 0%{left:-50%} 100%{left:100%} }
@keyframes float { 50% { transform:translateY(-10px) rotate(.4deg); } }
@keyframes blink { 50% { opacity:.25; transform:scale(.7); } }

.section--intro { padding-top:90px; }
.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.principle { padding:30px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(180deg,rgba(10,27,43,.72),rgba(5,16,28,.66)); min-height:250px; position:relative; overflow:hidden; }
.principle::after { content:""; position:absolute; inset:auto -40px -70px auto; width:160px; height:160px; border-radius:50%; background:rgba(12,228,239,.07); filter:blur(35px); }
.principle__index { color:#387a9e; font-size:12px; font-weight:800; }
.principle__icon { width:84px; height:84px; margin:18px 0 10px; display:flex; align-items:center; justify-content:flex-start; position:relative; z-index:1; }
.principle__icon img { max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 0 14px rgba(35,210,255,.20)); }
.principle h3 { margin-top:4px; font-size:24px; position:relative; z-index:1; }
.principle p { color:#7894a6; margin:0; position:relative; z-index:1; }

.ecosystem-stage { min-height:650px; border:1px solid var(--line); border-radius:32px; background:radial-gradient(circle at 50% 50%,rgba(16,96,163,.11),transparent 34%),linear-gradient(180deg,rgba(8,24,40,.74),rgba(4,13,24,.72)); position:relative; overflow:hidden; }
.ecosystem-stage::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(67,157,211,.2) 1px,transparent 1px); background-size:24px 24px; opacity:.2; mask-image:radial-gradient(circle at 50% 50%,#000,transparent 72%); }
.ecosystem-lines { position:absolute; inset:0; width:100%; height:100%; }
.ecosystem-lines path { fill:none; stroke:rgba(38,161,236,.18); stroke-width:1.4; stroke-dasharray:8 10; animation:dash 18s linear infinite; }
@keyframes dash { to { stroke-dashoffset:-180; } }
.eco-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:190px; height:190px; border:1px solid rgba(12,228,239,.28); border-radius:50%; background:rgba(5,19,33,.91); box-shadow:0 0 80px rgba(12,228,239,.08); display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:4; }
.eco-core__logo { width:104px; height:104px; display:grid; place-items:center; margin-bottom:6px; }
.eco-core img { width:100%; height:100%; object-fit:contain; display:block; }
.eco-core strong { letter-spacing:.16em; font-size:13px; }
.eco-core span { color:#668597; font-size:11px; }
.eco-core__ring { position:absolute; width:230px; height:230px; border:1px dashed rgba(12,228,239,.16); border-radius:50%; animation:rotate 26s linear infinite; }
@keyframes rotate { to{transform:rotate(360deg)} }
.eco-card { position:absolute; width:310px; min-height:140px; padding:20px; display:flex; gap:16px; align-items:center; border:1px solid var(--line); border-radius:20px; background:rgba(6,20,34,.84); backdrop-filter:blur(10px); transition:.28s ease; outline:none; }
.eco-card:hover,.eco-card:focus-visible { transform:translateY(-5px); border-color:rgba(12,228,239,.34); box-shadow:0 20px 50px rgba(0,0,0,.24),0 0 40px rgba(12,228,239,.05); }
.eco-card img { width:70px; height:70px; object-fit:contain; object-position:center; flex:none; display:block; }
.eco-card__asset--hardware { width:82px; height:118px; object-fit:contain; object-position:center; margin-left:-6px; filter:drop-shadow(0 8px 18px rgba(0,0,0,.24)); }
.eco-card h3 { margin:3px 0 7px; font-size:19px; }
.eco-card p { margin:0; color:#7f9aaa; font-size:13px; }
.eco-card__meta { font-size:9px; color:#55cfd9; letter-spacing:.12em; text-transform:uppercase; font-weight:800; }
.eco-card--tl { top:58px; left:58px; }
.eco-card--tr { top:58px; right:58px; }
.eco-card--bl { bottom:58px; left:58px; }
.eco-card--br { bottom:58px; right:58px; }
.eco-card__icon { width:70px; height:70px; border-radius:18px; border:1px solid rgba(12,228,239,.17); background:linear-gradient(145deg,rgba(13,139,217,.15),rgba(12,228,239,.04)); flex:none; position:relative; }
.eco-card__icon--platform span { position:absolute; width:12px; height:12px; border:2px solid #56d9e9; border-radius:4px; }
.eco-card__icon--platform span:nth-child(1){left:14px;top:28px}.eco-card__icon--platform span:nth-child(2){right:14px;top:16px}.eco-card__icon--platform span:nth-child(3){right:14px;bottom:14px}
.eco-card__icon--platform::before,.eco-card__icon--platform::after { content:""; position:absolute; height:1px; background:#56d9e9; width:27px; left:26px; transform-origin:left center; }
.eco-card__icon--platform::before{top:33px;transform:rotate(-28deg)}.eco-card__icon--platform::after{top:38px;transform:rotate(28deg)}

.hardware { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; }
.hardware__visual { min-height:610px; display:grid; place-items:center; position:relative; }
.hardware__visual::before { content:""; position:absolute; width:480px; height:480px; border-radius:50%; background:radial-gradient(circle,rgba(18,126,239,.14),transparent 70%); }
.spec-strips { display:grid; gap:10px; margin:34px 0 22px; }
.spec-strips div { display:flex; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid var(--line); }
.spec-strips span { color:#5e7a8c; font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.spec-strips strong { font-size:14px; }
.hardware__copy small { color:#587487; display:block; max-width:680px; }

.timeline { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:0; }
.timeline::before { content:""; position:absolute; top:18px; left:3%; right:3%; height:1px; background:linear-gradient(90deg,#0ce4ef 0 58%,rgba(80,139,170,.25) 78%); }
.milestone { padding:53px 24px 0 0; position:relative; min-height:240px; }
.milestone__dot { position:absolute; top:11px; left:0; width:15px; height:15px; border-radius:50%; background:#112a3b; border:3px solid #4c6c7d; z-index:2; }
.milestone--done .milestone__dot { background:var(--cyan); border-color:#aaffff; box-shadow:0 0 18px rgba(12,228,239,.48); }
.milestone--active .milestone__dot { background:#167cff; border-color:#72aaff; box-shadow:0 0 18px rgba(22,124,255,.48); animation:blink 2.8s infinite; }
.milestone__state { display:inline-block; font-size:9px; letter-spacing:.12em; text-transform:uppercase; font-weight:800; color:#64d5dd; margin-bottom:10px; }
.milestone--future .milestone__state { color:#59778a; }
.milestone h3 { margin-bottom:9px; }
.milestone p { color:#718c9e; font-size:14px; padding-right:10px; }

.security-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.security-card { padding:28px; min-height:225px; border:1px solid var(--line); border-radius:22px; background:rgba(7,21,35,.66); transition:.25s ease; }
.security-card:hover { border-color:rgba(12,228,239,.28); transform:translateY(-3px); }
.security-card__icon { width:72px; height:72px; margin-bottom:18px; display:grid; place-items:center; }
.security-card__icon img { width:100%; height:100%; object-fit:contain; filter: drop-shadow(0 0 18px rgba(12,228,239,.18)); }
.security-card h3 { margin-bottom:10px; }
.security-card p { color:#708b9d; margin-bottom:0; font-size:14px; }

.region { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; }
.region__map { min-height:430px; border:1px solid var(--line); border-radius:28px; background:radial-gradient(circle at 48% 58%,rgba(12,228,239,.08),transparent 23%),rgba(5,18,31,.58); display:grid; place-items:center; overflow:hidden; }
.region__map-image { width:94%; max-width:680px; display:block; object-fit:contain; filter:drop-shadow(0 18px 34px rgba(0,0,0,.22)); }
.region__names { display:grid; gap:10px; margin-top:28px; }
.region__names span { padding:13px 0; border-bottom:1px solid var(--line); color:#7894a6; font-size:13px; }
.region__names b { color:#e3f6ff; display:inline-block; width:88px; }

.developer { min-height:560px; display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.developer__logo { display:grid; place-items:center; }
.developer__logo img { width:min(420px,90%); filter:drop-shadow(0 25px 50px rgba(0,85,180,.22)); }
.developer__copy h2 { margin-bottom:10px; }
.developer__full { color:#cce9f3 !important; font-weight:700; }
.developer__signature { margin-top:30px; color:#6f8a9d; }
.developer__signature strong { color:#cfeef6; }



.closing { text-align:center; padding-top:150px; padding-bottom:150px; }
.closing img { width:82px; margin:0 auto 25px; filter:drop-shadow(0 15px 28px rgba(0,111,255,.3)); }
.closing h2,.closing p { max-width:860px; margin-left:auto; margin-right:auto; }
.closing .button { margin-top:22px; }

.footer { width:min(calc(100% - 40px), var(--max)); margin:0 auto; padding:28px 0 42px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; align-items:center; color:#577284; font-size:12px; }
.footer__brand { display:flex; align-items:center; gap:10px; color:#a9c4d1; font-weight:800; }
.footer__brand img { width:26px; }
.footer__meta { display:flex; flex-direction:column; align-items:center; gap:3px; }
.footer__meta a { color:#8fb9d8; transition:.2s ease; }
.footer__meta a:hover { color:#d9f7ff; text-decoration:underline; text-underline-offset:3px; }
.footer__signature { text-align:right; }
.footer__contacts { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:14px; }
.footer__contact-link { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:rgba(7,20,35,.7); border:1px solid rgba(12,228,239,.22); box-shadow: inset 0 0 16px rgba(12,228,239,.05); transition:.22s ease; padding:0; cursor:pointer; position:relative; font:inherit; }
.footer__contact-link:hover { transform:translateY(-2px); border-color:rgba(12,228,239,.45); box-shadow:0 12px 28px rgba(0,0,0,.18), 0 0 22px rgba(12,228,239,.10); }
.footer__contact-link img { width:26px; height:26px; object-fit:contain; display:block; }

.footer__copy-toast { position:absolute; left:50%; bottom:54px; transform:translate(-50%,8px); white-space:nowrap; padding:7px 10px; border-radius:9px; background:rgba(7,22,35,.96); border:1px solid rgba(12,228,239,.28); color:#dffbff; font-size:11px; line-height:1; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease, transform .18s ease, visibility .18s ease; box-shadow:0 10px 26px rgba(0,0,0,.28); }
.footer__contact-link--phone.is-copied .footer__copy-toast { opacity:1; visibility:visible; transform:translate(-50%,0); }
.footer__contact-link--phone.is-copied { border-color:rgba(12,228,239,.62); box-shadow:0 0 24px rgba(12,228,239,.15), inset 0 0 16px rgba(12,228,239,.05); }

.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s cubic-bezier(.2,.75,.2,1), transform .8s cubic-bezier(.2,.75,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 1000px) {
  .site-header { gap:10px; }
  .nav-toggle { display:flex; order:2; margin-left:auto; }
  .region-pill { order:3; }
  .nav { position:absolute; left:0; right:0; top:calc(100% + 10px); display:flex; flex-direction:column; gap:0; padding:10px; border:1px solid var(--line); border-radius:16px; background:rgba(4,14,25,.96); backdrop-filter:blur(18px); box-shadow:0 20px 50px rgba(0,0,0,.34); opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:none; transition:opacity .2s ease, transform .2s ease, visibility .2s ease; }
  .nav a { padding:12px 14px; border-radius:10px; font-size:14px; }
  .nav a:hover { background:rgba(12,228,239,.07); }
  .site-header.nav-open .nav { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
  .hero { grid-template-columns:1fr; padding-top:150px; }
  .hero__visual { min-height:520px; }
  .hero-tag--left { left:5%; }.hero-tag--right{right:5%}
  .principle-grid,.security-grid { grid-template-columns:1fr 1fr; }
  .ecosystem-stage { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:220px 22px 22px; min-height:auto; }
  .eco-core { top:112px; }
  .eco-card { position:relative; inset:auto !important; width:auto; }
  .ecosystem-lines { display:none; }
  .hardware,.region,.developer { grid-template-columns:1fr; gap:30px; }
  .hardware__visual { min-height:520px; }
  .timeline { grid-template-columns:1fr 1fr; gap:28px 0; }
  .timeline::before { display:none; }
  .milestone { padding-top:36px; }
  .milestone__dot { top:0; }
  .footer { grid-template-columns:1fr; text-align:left; }
  .footer__meta { align-items:flex-start; }
  .footer__contacts { justify-content:flex-start; }
  .footer__signature{text-align:left}
}

@media (max-width: 680px) {
  .site-header { width:calc(100% - 24px); top:10px; height:58px; border-radius:15px; }
  .brand__word { display:none; }
  .region-pill { font-size:11px; padding:7px 10px; }
  .nav-toggle { width:38px; height:38px; }
  .section { width:calc(100% - 28px); padding:82px 0; }
  .hero { padding-top:120px; min-height:auto; }
  h1 { font-size:clamp(46px,16vw,70px); }
  h2 { font-size:clamp(36px,11vw,52px); }
  .hero__visual { min-height:430px; transform:translateY(-18px); }
  .orbit--one { width:390px; height:390px; }
  .orbit--two { width:310px; height:310px; }
  .hero-mover{width:40px;height:40px}
  .hero-mover{width:42px;height:42px}.hero-motion{inset:5% 0}
  .hero-tag { min-width:145px; padding:10px; }.hero-tag span{font-size:10px}.hero-tag b{font-size:9px}
  .hero-tag--left { top:30%; left:0; }.hero-tag--right{bottom:18%;right:0}
  .scroll-cue { display:none; }
  .principle-grid,.security-grid { grid-template-columns:1fr; }
  .principle { min-height:210px; }.principle h3{margin-top:4px}
  .ecosystem-stage { grid-template-columns:1fr; padding-top:220px; }
  .eco-card { min-height:130px; }
  .hardware__visual { min-height:460px; overflow:hidden; }
  .spec-strips div { flex-direction:column; gap:3px; }
  .timeline { grid-template-columns:1fr; }
  .milestone { min-height:auto; padding-bottom:22px; }
  .region__map { min-height:320px; }
  .developer { padding-top:90px; padding-bottom:90px; }
  .footer { width:calc(100% - 28px); }
}

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

.hardware-device { width:min(350px,88%); display:block; transform:rotate(-10deg); transform-origin:center center; filter:drop-shadow(0 42px 70px rgba(0,0,0,.42)); }