:root { --ink:#f4f4f0; --muted:#9ea09f; --line:#292c2b; --panel:#151817; --green:#c9ff36; --black:#090b0a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.shell { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; letter-spacing:.09em; }
.brand>span:last-child { display:flex; flex-direction:column; line-height:1; }
.brand b { font-size:13px; }
.brand small { font-size:8px; margin-top:5px; color:var(--muted); letter-spacing:.22em; }
.transfer-mark { width:42px; height:42px; border-radius:10px; background:var(--green); color:#0a0c0b; display:grid; place-content:center; font-weight:900; line-height:.65; font-size:17px; }
.transfer-mark span:last-child { margin-left:5px; }
.nav-links { display:flex; gap:32px; align-items:center; font-size:13px; color:#c5c6c3; }
.button { min-height:52px; padding:0 22px; border-radius:12px; background:var(--green); color:#10120f; display:inline-flex; align-items:center; justify-content:center; gap:28px; font-size:13px; font-weight:800; letter-spacing:.02em; }
.button-small { min-height:40px; padding-inline:16px; border-radius:9px; }
.hero { padding:92px 0 112px; display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }
.eyebrow { color:#b9bbb7; font-weight:700; font-size:10px; letter-spacing:.2em; display:flex; align-items:center; gap:10px; margin:0 0 22px; }
.eyebrow span { width:23px; height:2px; background:var(--green); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(52px,5.8vw,88px); line-height:.94; letter-spacing:-.065em; margin-bottom:30px; }
h1 em { color:var(--green); font-style:normal; }
.lede { max-width:580px; font-size:17px; line-height:1.7; color:var(--muted); }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:38px; }
.text-link { font-size:13px; font-weight:700; border-bottom:1px solid #5b5e5b; padding:10px 0; }
.text-link span { color:var(--green); margin-left:7px; }
.trust-row { margin-top:54px; display:flex; gap:20px; flex-wrap:wrap; font-size:10px; color:#afb1ae; }
.trust-row i { color:var(--green); font-style:normal; margin-right:5px; }
.transfer-window { min-width:0; border:1px solid #313431; border-radius:18px; overflow:hidden; background:#101311; box-shadow:0 30px 80px rgba(0,0,0,.45); transform:rotate(1deg); }
.window-top { height:48px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid var(--line); font-size:9px; }
.window-top>span { width:8px; height:8px; border-radius:50%; background:#3e4240; }
.window-top>b { margin-left:12px; letter-spacing:.13em; }
.window-top>small { margin-left:auto; color:var(--green); font-size:8px; letter-spacing:.12em; }
.path { margin:18px; display:flex; gap:11px; align-items:center; padding:12px 14px; border-radius:9px; background:#1a1d1b; font-size:10px; color:#b8bab7; }
.path span:first-child { color:var(--green); }
.file-head,.file-row { display:grid; grid-template-columns:1fr 90px 120px; align-items:center; gap:12px; padding:0 22px; }
.file-head { height:32px; color:#737673; font-size:8px; letter-spacing:.12em; }
.file-row { min-height:58px; border-top:1px solid #232624; font-size:10px; color:#8e918e; position:relative; padding-left:56px; }
.file-row strong { color:#e8e9e5; font-size:11px; }
.folder-icon { position:absolute; left:22px; width:20px; height:15px; border-radius:3px; background:#408cff; }
.folder-icon:before { content:""; position:absolute; width:9px; height:4px; top:-3px; background:#408cff; border-radius:2px 2px 0 0; }
.file-icon { position:absolute; left:22px; width:23px; height:28px; border:1px solid #4c504d; border-radius:3px; display:grid; place-items:center; font-size:6px; font-style:normal; color:var(--green); }
.active-transfer { margin:18px; border-radius:12px; background:#191c1a; padding:18px; font-size:9px; }
.active-transfer>div { display:flex; justify-content:space-between; color:#8f928f; }
.active-transfer>div:first-child { color:#e8e9e5; font-weight:700; }
.active-transfer b { color:var(--green); font-size:8px; letter-spacing:.12em; }
.progress { height:5px; background:#303330; border-radius:20px; margin:15px 0; overflow:hidden; }
.progress span { width:61%; height:100%; display:block; background:var(--green); border-radius:inherit; }
.active-transfer strong { color:#e9eae6; }
.apps { padding:100px 0; border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:52px; }
h2 { font-size:clamp(38px,4vw,60px); letter-spacing:-.045em; line-height:1; margin-bottom:0; }
.section-heading>p { color:var(--muted); line-height:1.7; max-width:520px; margin-bottom:0; }
.download-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.download-card { border:1px solid var(--line); border-radius:14px; min-height:105px; padding:20px; display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:16px; background:var(--panel); }
.platform-icon { width:52px; height:52px; border-radius:12px; border:1px solid #343734; display:grid; place-items:center; font-size:23px; }
.download-card h3 { margin:0 0 7px; font-size:16px; }
.download-card p { margin:0; color:var(--muted); font-size:11px; }
.download-card p span { color:var(--green); margin-left:8px; }
.download-card>a { border:1px solid var(--green); border-radius:8px; background:var(--green); color:#10120f; padding:10px 12px; font-size:8px; font-weight:900; letter-spacing:.1em; transition:transform .15s ease,filter .15s ease; }
.download-card>a:hover { transform:translateY(-1px); filter:brightness(1.08); }
.release-note { margin:22px 0 0; color:var(--muted); font-size:11px; text-align:right; }
.help { padding:96px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1.2fr; gap:70px; }
.help ol { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.help li { min-height:74px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:56px 1fr; align-items:center; color:#b7b9b6; font-size:13px; }
.help li b { color:var(--green); font-size:9px; }
.help .text-link { grid-column:2; justify-self:start; }
footer { min-height:120px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:11px; }
footer>a:last-child { color:#d9dad6; }
@media (max-width:900px) {
  .nav-links>a:not(.button) { display:none; }
  .hero { grid-template-columns:1fr; padding-top:70px; gap:55px; }
  .transfer-window { transform:none; }
  .section-heading,.help { grid-template-columns:1fr; gap:35px; }
  .help .text-link { grid-column:1; }
}
@media (max-width:640px) {
  .shell { width:min(100% - 28px,1240px); }
  .nav { height:72px; }
  .nav-links { gap:0; }
  .button-small { font-size:10px; padding-inline:12px; }
  .hero { padding:56px 0 76px; }
  h1 { font-size:48px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .trust-row { margin-top:36px; }
  .file-head,.file-row { grid-template-columns:1fr 70px; }
  .file-head span:last-child,.file-row span:last-child { display:none; }
  .download-grid { grid-template-columns:1fr; }
  .download-card { grid-template-columns:46px 1fr; }
  .download-card>a { grid-column:1/-1; text-align:center; }
  footer { padding:30px 0; flex-direction:column; gap:22px; align-items:flex-start; }
}