em{font-style:normal!important;color:var(--accent);}
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:       #080a0f;
  --surface:  #0e1117;
  --panel:    #131720;
  --border:   #1a2030;
  --accent:   #00e5a0;
  --danger:   #ff4757;
  --text:     #e2e8f0;
  --muted:    #7a8fa8;
  --glow:     rgba(0,229,160,0.18);
}

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Manrope', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
  min-height: 100vh;
  /* iOS: prevent font inflation */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* iOS tap highlight */
a, button { -webkit-tap-highlight-color: transparent; }

/* Safe area for notched iPhones - applied via media query */
@supports(padding: env(safe-area-inset-left)) {
  nav { padding-left: max(48px, env(safe-area-inset-left)); padding-right: max(48px, env(safe-area-inset-right)); }
  footer { padding-bottom: max(36px, env(safe-area-inset-bottom)); }
}

/* Noise texture */
body::after {
  content: '';
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  /* iOS Safari: inset not supported in older versions */
  top: 0; right: 0; bottom: 0; left: 0;
}

/* Scrollbar */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

/* ── NAV ── */
nav {
  position: fixed; top: 0; left: 0; right: 0;
  z-index: 500;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 48px;
  background: rgba(8,10,15,0.88);
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--border);
}
.nav-logo {
  display: flex; align-items: center; gap: 11px;
  text-decoration: none; cursor: pointer;
}
.nav-logo svg { width: 38px; height: 38px; flex-shrink: 0; }
.nav-wordmark {
  font-family: 'JetBrains Mono', monospace;
  font-size: 17px; font-weight: 700;
  letter-spacing: 5px; color: var(--text);
}
.nav-wordmark em { font-style: normal; color: var(--accent); }

.nav-center {
  display: flex; align-items: center; gap: 4px;
}
.nav-center a {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 1.5px; font-weight: 500;
  color: var(--muted); text-decoration: none;
  padding: 6px 13px; border-radius: 6px;
  transition: color .18s, background .18s;
}
.nav-center a:hover { color: var(--accent); background: rgba(0,229,160,.06); }
.nav-center a.active { color: var(--accent); }

.nav-right {
  display: flex; align-items: center; gap: 16px;
}
.lang-switch {
  display: flex; align-items: center; gap: 2px;
  border: 1px solid var(--border); border-radius: 7px;
  overflow: hidden;
}
.lang-switch button {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 1px;
  background: none; border: none; cursor: pointer;
  color: var(--muted); padding: 5px 11px;
  transition: all .18s;
}
.lang-switch button.on { background: rgba(0,229,160,.1); color: var(--accent); }

.nav-cta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 1.5px; font-weight: 700;
  color: #000; background: var(--accent);
  padding: 7px 16px; border-radius: 7px;
  text-decoration: none; border: none; cursor: pointer;
  transition: all .18s;
}
.nav-cta:hover { background: #00ffb0; transform: translateY(-1px); }

/* Hamburger mobile */
.nav-burger {
  display: none;
  background: none; border: none; cursor: pointer;
  color: var(--muted); padding: 4px;
}

/* ── PAGE WRAPPER ── */
.page-wrap { padding-top: 60px; }

/* ── HERO SECTION ── */
.hero {
  position: relative; overflow: hidden;
  min-height: calc(100vh - 60px);
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  padding: 52px 40px 44px;
}
.hero-bg {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0,229,160,.07) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 80% 80%, rgba(0,229,160,.04) 0%, transparent 60%);
}
#matrix { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: .06; }

.hero-inner { position: relative; z-index: 2; max-width: 740px; }

.hero-badge {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 3px; color: var(--accent);
  border: 1px solid rgba(0,229,160,.25);
  padding: 5px 14px; border-radius: 20px;
  background: rgba(0,229,160,.05);
  margin-bottom: 24px;
  opacity: 0; animation: up .5s .1s forwards;
}
.hero-badge::before {
  content: ''; width: 5px; height: 5px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent);
  animation: pulse 2s infinite;
}
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.3} }

.hero-logo {
  width: 96px; height: 96px;
  margin: 0 auto 32px;
  filter: drop-shadow(0 0 28px rgba(0,229,160,.45));
  animation: float 4s ease-in-out infinite, up .6s .2s both;
}
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

.hero-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: clamp(64px,11vw,112px);
  font-weight: 700; letter-spacing: 16px;
  line-height: 1; color: var(--text);
  margin-bottom: 18px;
  opacity: 0; animation: up .6s .3s forwards;
}
.hero-title em { font-style: normal; color: var(--accent); text-shadow: 0 0 40px rgba(0,229,160,.5); }

.hero-sub {
  font-size: 18px; color: var(--muted);
  line-height: 1.7; max-width: 500px; margin: 0 auto 36px;
  opacity: 0; animation: up .6s .45s forwards;
}

.hero-btns {
  display: flex; align-items: center; justify-content: center;
  gap: 14px; flex-wrap: wrap;
  opacity: 0; animation: up .6s .6s forwards;
}
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 1px;
  padding: 13px 26px; border-radius: 9px;
  text-decoration: none; border: none; cursor: pointer;
  transition: all .2s; white-space: nowrap;
}
.btn-solid { background: var(--accent); color: #000; }
.btn-solid:hover { background: #00ffb0; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,229,160,.28); }
.btn-outline { background: none; color: var(--accent); border: 1px solid rgba(0,229,160,.35); }
.btn-outline:hover { border-color: var(--accent); background: rgba(0,229,160,.06); transform: translateY(-2px); }


/* ── PLATFORM BUTTONS (hero) ── */
.hero-platforms {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;
  justify-content: center;
  gap: 10px; flex-wrap: wrap;
  opacity: 0; animation: up .6s .6s forwards;
  margin-bottom: 0;
}
.pf-btn {
  display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  gap: 11px;
  font-family: "Manrope", sans-serif;
  text-decoration: none;
  padding: 12px 20px; border-radius: 11px;
  transition: all .2s; white-space: nowrap;
  border: 1px solid var(--border);
  background: var(--surface);
  min-width: 154px;
}
.pf-btn:hover { border-color: rgba(0,229,160,.4); background: var(--panel); transform: translateY(-2px); }
.pf-android { border-color: rgba(0,229,160,.28); }
.pf-android:hover { box-shadow: 0 6px 22px rgba(0,229,160,.15); }
.pf-text { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; text-align: left; gap: 1px; }
.pf-label { font-size: 13px; font-weight: 700; color: var(--text); line-height: 1.2; }
.pf-sub { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 1px; color: var(--muted); }
.pf-btn svg { color: var(--accent); flex-shrink: 0; }
@media(max-width:520px){
  .hero-platforms { flex-direction: column; align-items: stretch; }
  .pf-btn { min-width: unset; justify-content: flex-start; }
}

.hero-numbers {
  display: flex; align-items: center; justify-content: center;
  gap: 56px; flex-wrap: wrap;
  margin-top: 52px; padding-top: 36px;
  border-top: 1px solid var(--border);
  opacity: 0; animation: up .5s .75s forwards;
}
.hn-val {
  font-family: 'JetBrains Mono', monospace;
  font-size: 30px; font-weight: 700; color: var(--accent); display: block;
}
.hn-label { font-size: 11px; color: var(--muted); letter-spacing: .5px; margin-top: 4px; }

@keyframes up {
  from { opacity:0; transform:translateY(18px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ── GLOW RULE ── */
.glow-rule {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(0,229,160,.35) 30%, #00e5a0 50%, rgba(0,229,160,.35) 70%, transparent 100%);
  box-shadow: 0 0 16px rgba(0,229,160,.2);
  margin: 0;
}

/* ── SECTION ── */
.sec {
  max-width: 1080px; margin: 0 auto;
  padding: 72px 40px;
}
.sec-kicker {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; letter-spacing: 4px; color: var(--accent);
  text-transform: uppercase; margin-bottom: 14px;
}
.sec-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: clamp(26px,4vw,42px); font-weight: 700;
  letter-spacing: 1px; color: var(--text); line-height: 1.15;
  margin-bottom: 14px;
}
.sec-lead {
  font-size: 16px; color: var(--muted); line-height: 1.75;
  max-width: 540px; margin-bottom: 56px;
}

/* ── CARD GRID ── */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px,1fr));
  gap: 2px;
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
}
.card {
  background: var(--surface);
  padding: 28px 26px;
  transition: background .2s;
  position: relative;
}
.card:hover { background: var(--panel); }
.card-icon {
  width: 38px; height: 38px; margin-bottom: 18px; color: var(--accent);
}
.card-name {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; font-weight: 700; letter-spacing: 1px;
  color: var(--text); margin-bottom: 8px;
}
.card-body { font-size: 13px; color: var(--muted); line-height: 1.65; }
.card-tag {
  display: inline-block; margin-top: 13px;
  font-family: 'JetBrains Mono', monospace; font-size: 9px; letter-spacing: 1.5px;
  padding: 3px 8px; border-radius: 4px;
  background: rgba(0,229,160,.07); color: var(--accent);
  border: 1px solid rgba(0,229,160,.18);
}

/* ── STEPS ── */
.steps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px,1fr));
  gap: 20px; counter-reset: step;
}
.step {
  counter-increment: step;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 12px; padding: 24px 22px;
  transition: border-color .2s, transform .2s;
  position: relative;
}
.step:hover { border-color: rgba(0,229,160,.28); transform: translateY(-3px); }
.step::before {
  content: "0" counter(step);
  font-family: 'JetBrains Mono', monospace; font-size: 9px;
  color: var(--accent); letter-spacing: 2px; display: block; margin-bottom: 14px;
}
.step-t { font-size: 14px; font-weight: 700; color: var(--text); margin-bottom: 8px; }
.step-d { font-size: 13px; color: var(--muted); line-height: 1.6; }

/* ── TERMINAL ── */
.terminal {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 12px; overflow: hidden;
  font-family: 'JetBrains Mono', monospace;
}
.term-bar {
  background: var(--panel); padding: 9px 16px;
  display: flex; align-items: center; gap: 7px;
  border-bottom: 1px solid var(--border);
}
.dot { width: 9px; height: 9px; border-radius: 50%; }
.dot.r{background:#ff5f57} .dot.y{background:#febc2e} .dot.g{background:#28c840}
.term-label { font-size: 10px; color: var(--muted); letter-spacing: 1px; margin-left: 6px; }
.term-body { padding: 18px 22px; font-size: 12px; line-height: 2; }
.tc { color: var(--accent); }
.td { color: rgba(122,143,168,.55); }
.th { color: var(--text); }

/* ── TECH GRID ── */
.tech-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px,1fr));
  gap: 14px; margin-top: 36px;
}
.tech-item {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 10px; padding: 16px 18px;
  transition: border-color .2s;
}
.tech-item:hover { border-color: rgba(0,229,160,.22); }
.tech-n { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; color: var(--accent); margin-bottom: 4px; }
.tech-d { font-size: 11px; color: var(--muted); line-height: 1.5; }

/* ── SECURITY SPLIT ── */
.split2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media(max-width:640px){ .split2{grid-template-columns:1fr} }
.scard {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 13px; padding: 26px 24px;
  transition: border-color .2s;
}
.scard:hover { border-color: rgba(0,229,160,.22); }
.scard.hi { border-color: rgba(0,229,160,.3); background: linear-gradient(135deg,rgba(0,229,160,.04),var(--surface)); }
.scard-kicker { font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:3px; color:var(--accent); margin-bottom:10px; }
.scard-t { font-size:16px; font-weight:700; color:var(--text); margin-bottom:10px; }
.scard-d { font-size:13px; color:var(--muted); line-height:1.65; }
.tick-list { list-style:none; margin-top:14px; display:flex; flex-direction:column; gap:7px; }
.tick-list li { font-size:12px; color:var(--muted); padding-left:18px; position:relative; line-height:1.5; }
.tick-list li::before { content:'✓'; position:absolute; left:0; color:var(--accent); font-weight:700; }
.tick-list li.no::before { content:'✗'; color:var(--danger); }

/* ── DOWNLOAD CARDS ── */
.dl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px,1fr));
  gap: 20px; margin-top: 48px;
}
.dlcard {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 16px; padding: 32px 26px; text-align: center;
  transition: border-color .2s, transform .2s;
  position: relative; overflow: hidden;
}
.dlcard::after {
  content:''; position:absolute; bottom:0; left:0; right:0;
  height:2px; background:var(--accent);
  transform:scaleX(0); transition:transform .3s; transform-origin:center;
}
.dlcard:hover { border-color:rgba(0,229,160,.3); transform:translateY(-4px); }
.dlcard:hover::after { transform:scaleX(1); }
.dlcard.feat { border-color:rgba(0,229,160,.32); background:linear-gradient(135deg,rgba(0,229,160,.05),var(--surface)); }
.dl-badge {
  display:inline-block; font-family:'JetBrains Mono',monospace; font-size:8px;
  letter-spacing:2px; padding:3px 9px; border-radius:20px;
  background:rgba(0,229,160,.1); color:var(--accent);
  border:1px solid rgba(0,229,160,.22); margin-bottom:18px;
}
.dl-emoji { font-size:44px; margin-bottom:14px; display:block; }
.dl-title {
  font-family:'JetBrains Mono',monospace; font-size:14px; font-weight:700;
  letter-spacing:2px; color:var(--text); margin-bottom:8px;
}
.dl-desc { font-size:12px; color:var(--muted); line-height:1.65; margin-bottom:20px; }
.dl-steps {
  font-size:11px; color:var(--muted); text-align:left;
  background:rgba(0,0,0,.28); border-radius:7px;
  padding:11px 14px; margin-bottom:18px; line-height:1.9;
  border:1px solid var(--border); font-family:'JetBrains Mono',monospace;
}
.dl-steps span { display:block; color:var(--accent); font-size:8px; letter-spacing:2px; margin-bottom:5px; }

/* ── PROSE (Privacy/Terms) ── */
.prose-wrap { max-width:740px; margin:0 auto; padding:80px 40px 100px; }
.prose-wrap h1 {
  font-family:'JetBrains Mono',monospace; font-size:clamp(22px,4vw,34px);
  font-weight:700; letter-spacing:2px; color:var(--text); margin-bottom:8px;
}
.prose-date {
  font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:1px;
  color:var(--muted); margin-bottom:40px; padding-bottom:28px;
  border-bottom:1px solid var(--border);
}
.prose-wrap h2 {
  font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:3px;
  color:var(--accent); text-transform:uppercase; margin:36px 0 12px;
}
.prose-wrap p { font-size:14px; color:var(--muted); line-height:1.8; margin-bottom:12px; }
.prose-wrap ul { list-style:none; padding:0; }
.prose-wrap li { font-size:14px; color:var(--muted); line-height:1.75; margin-bottom:9px; padding-left:18px; position:relative; }
.prose-wrap li::before { content:'—'; position:absolute; left:0; color:var(--accent); }
.prose-callout {
  background:rgba(0,229,160,.05); border:1px solid rgba(0,229,160,.2);
  border-radius:10px; padding:18px 22px; margin:22px 0;
}
.prose-callout p { color:var(--text); margin:0; }
.prose-wrap strong { color:var(--text); font-weight:600; }

/* ── FOOTER ── */
footer {
  border-top:1px solid var(--border);
  padding:36px 48px;
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px;
}
.foot-logo { font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700; letter-spacing:5px; color:var(--muted); }
.foot-logo em { font-style:normal; color:var(--accent); }
.foot-links { display:flex; gap:22px; flex-wrap:wrap; }
.foot-links a { font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:1px; color:var(--muted); text-decoration:none; transition:color .18s; }
.foot-links a:hover { color:var(--accent); }
.foot-copy { font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.5px; color:rgba(122,143,168,.35); }

/* ── REVEAL ── */
.reveal { opacity:0; transform:translateY(22px); transition:opacity .6s, transform .6s; }
.reveal.in { opacity:1; transform:translateY(0); }

/* ── RESPONSIVE ── */

/* Tablet: 769–1024px */
@media(max-width:1024px){
  nav { padding:0 28px; }
  .nav-center a { padding:6px 9px; font-size:9px; }
  .sec { padding:72px 28px; }
  .hero { padding:72px 28px; }
  .card-grid { grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); }
}

/* Mobile: ≤768px */
@media(max-width:768px){
  nav { padding:0 18px; }
  .nav-center { display:none; }
  .nav-center.open {
    display:flex; flex-direction:column; align-items:flex-start;
    position:fixed; top:60px; left:0; right:0;
    background:var(--bg); border-bottom:1px solid var(--border);
    padding:12px 18px; gap:2px; z-index:499;
  }
  .nav-wordmark { font-size:14px; letter-spacing:3px; }
  .nav-burger { display:block; }
  .nav-cta { font-size:9px; padding:6px 11px; }

  .sec { padding:52px 18px; }
  .hero { padding:52px 18px 40px; min-height:auto; }
  .hero-title { font-size: clamp(52px, 18vw, 80px); letter-spacing:8px; }
  .hero-logo { width:72px; height:72px; margin-bottom:22px; }
  .hero-sub { font-size:15px; }
  .hero-btns { flex-direction:column; align-items:stretch; }
  .hero-btns .btn { justify-content:center; }
  
/* ── PLATFORM BUTTONS (hero) ── */
.hero-platforms {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;
  justify-content: center;
  gap: 10px; flex-wrap: wrap;
  opacity: 0; animation: up .6s .6s forwards;
  margin-bottom: 0;
}
.pf-btn {
  display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  gap: 11px;
  font-family: "Manrope", sans-serif;
  text-decoration: none;
  padding: 12px 20px; border-radius: 11px;
  transition: all .2s; white-space: nowrap;
  border: 1px solid var(--border);
  background: var(--surface);
  min-width: 154px;
}
.pf-btn:hover { border-color: rgba(0,229,160,.4); background: var(--panel); transform: translateY(-2px); }
.pf-android { border-color: rgba(0,229,160,.28); }
.pf-android:hover { box-shadow: 0 6px 22px rgba(0,229,160,.15); }
.pf-text { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; text-align: left; gap: 1px; }
.pf-label { font-size: 13px; font-weight: 700; color: var(--text); line-height: 1.2; }
.pf-sub { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 1px; color: var(--muted); }
.pf-btn svg { color: var(--accent); flex-shrink: 0; }
@media(max-width:520px){
  .hero-platforms { flex-direction: column; align-items: stretch; }
  .pf-btn { min-width: unset; justify-content: flex-start; }
}

.hero-numbers { gap:20px; padding-top:32px; margin-top:52px; }
  .hn-val { font-size:22px; }

  .card-grid { grid-template-columns:1fr; gap:1px; }
  .steps { grid-template-columns:1fr; }
  .split2 { grid-template-columns:1fr; }
  .dl-grid { grid-template-columns:1fr; }
  .tech-grid { grid-template-columns:repeat(2,1fr); }

  .about-hero { padding:52px 18px 40px; }

  footer { padding:24px 18px; flex-direction:column; align-items:flex-start; gap:14px; }
  .foot-links { gap:14px; }
  .prose-wrap { padding:52px 18px 72px; }
}

/* Small mobile: ≤400px */
@media(max-width:400px){
  .hero-title { font-size:48px; letter-spacing:5px; }
  .nav-wordmark { display:none; }
  .tech-grid { grid-template-columns:1fr; }
  
/* ── PLATFORM BUTTONS (hero) ── */
.hero-platforms {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;
  justify-content: center;
  gap: 10px; flex-wrap: wrap;
  opacity: 0; animation: up .6s .6s forwards;
  margin-bottom: 0;
}
.pf-btn {
  display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  gap: 11px;
  font-family: "Manrope", sans-serif;
  text-decoration: none;
  padding: 12px 20px; border-radius: 11px;
  transition: all .2s; white-space: nowrap;
  border: 1px solid var(--border);
  background: var(--surface);
  min-width: 154px;
}
.pf-btn:hover { border-color: rgba(0,229,160,.4); background: var(--panel); transform: translateY(-2px); }
.pf-android { border-color: rgba(0,229,160,.28); }
.pf-android:hover { box-shadow: 0 6px 22px rgba(0,229,160,.15); }
.pf-text { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; text-align: left; gap: 1px; }
.pf-label { font-size: 13px; font-weight: 700; color: var(--text); line-height: 1.2; }
.pf-sub { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 1px; color: var(--muted); }
.pf-btn svg { color: var(--accent); flex-shrink: 0; }
@media(max-width:520px){
  .hero-platforms { flex-direction: column; align-items: stretch; }
  .pf-btn { min-width: unset; justify-content: flex-start; }
}

.hero-numbers { flex-direction:column; align-items:center; gap:18px; }
  .lang-switch button { padding:4px 8px; }
}

/* ── ACCESSIBILITY ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .reveal { opacity: 1; transform: none; }
  .hero-logo { animation: none; }
  .hero-badge::before { animation: none; }
}

/* ── CANVAS CROSS-BROWSER ── */
canvas {
  display: block;
  image-rendering: -webkit-optimize-contrast; /* Safari */
  image-rendering: pixelated; /* Chrome/FF */
}