:root{
  --bg:#000;--surface:#0b0b0d;--edge:rgba(255,255,255,.08);
  --txt:#fff;--muted:rgba(255,255,255,.6);--dim:rgba(255,255,255,.4);
  --lime:#D6FF00;--lime-soft:rgba(214,255,0,.12);--cyan:#4DD8E5;--green:#5BE584;
  --r:14px;--mono:ui-monospace,'SF Mono',Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body:lang(ja){font-family:'Inter','Noto Sans JP',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body:lang(ko){font-family:'Inter','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body:lang(zh-hans){font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{font-family:'Inter','Noto Sans Arabic','Noto Sans Hebrew','Noto Sans Devanagari',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--txt);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}
.bg{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg::before{content:"";position:absolute;inset:0;background:radial-gradient(at 28% 18%,var(--lime-soft),transparent 50%),radial-gradient(at 80% 90%,rgba(77,216,229,.07),transparent 50%),#000}
.bg::after{content:"";position:absolute;inset:0;opacity:.04;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at 50% 25%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 25%,#000,transparent 75%)}
.wrap{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 24px 70px}

/* top bar */
nav{display:flex;align-items:center;justify-content:space-between;padding:26px 0}
.brand{display:flex;align-items:center;gap:9px}
.brand .mark{width:26px;height:26px;border-radius:8px;background:var(--lime);display:grid;place-items:center;box-shadow:0 0 20px var(--lime-soft)}
.brand .mark svg{width:15px;height:15px}
.brand .name{font-weight:600;font-size:16px;letter-spacing:-.02em}
.brand .name b{color:var(--lime)}
.status{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;color:var(--muted);border:1px solid var(--edge);border-radius:999px;padding:6px 12px}
.status .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}

/* hero */
header{padding:40px 0 14px}
.kicker{font-family:var(--mono);font-size:12px;color:var(--lime);letter-spacing:.06em;margin-bottom:16px}
h1{font-size:clamp(36px,9vw,58px);font-weight:600;letter-spacing:-.04em;line-height:1;margin-bottom:14px}
h1 .tld{color:var(--lime)}
.lede{font-size:16.5px;color:var(--muted);max-width:560px}
.lede b{color:var(--txt);font-weight:500}
.by{margin-top:18px;font-size:14px;color:var(--dim)}
.by b{color:var(--txt);font-weight:500}

/* how it works */
.section-label{font-family:var(--mono);font-size:11.5px;color:var(--dim);letter-spacing:.05em;margin:52px 0 16px;text-transform:uppercase}
.flow{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:620px){.flow{grid-template-columns:1fr 1fr 1fr}}
.step{background:var(--surface);border:1px solid var(--edge);border-radius:var(--r);padding:18px}
.step .n{font-family:var(--mono);font-size:12px;color:var(--lime);margin-bottom:10px}
.step h3{font-size:14.5px;font-weight:600;margin-bottom:6px}
.step p{font-size:13.5px;color:var(--muted);line-height:1.5}
.step code{font-family:var(--mono);color:var(--cyan);font-size:13px}

.assure{margin-top:16px;display:flex;gap:11px;align-items:flex-start;background:rgba(91,229,132,.06);border:1px solid rgba(91,229,132,.22);border-radius:var(--r);padding:16px 18px}
.assure svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}
.assure p{font-size:14px;color:var(--muted);line-height:1.55}
.assure b{color:var(--txt);font-weight:600}

/* links */
.links{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
@media(min-width:620px){.links{grid-template-columns:1fr 1fr}}
.link{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--txt);transition:border-color .2s,transform .12s}
.link:hover{border-color:rgba(214,255,0,.4);transform:translateY(-1px)}
.link .t{display:block;font-weight:600;font-size:14.5px}
.link .d{display:block;font-size:12.5px;color:var(--dim);margin-top:3px;line-height:1.4}
.link .arrow{color:var(--lime);flex-shrink:0}
.link .arrow svg{width:17px;height:17px;display:block}

/* report */
.report{margin-top:26px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r);padding:20px 22px}
.report h3{font-size:15px;font-weight:600;margin-bottom:6px}
.report p{font-size:14px;color:var(--muted)}
.report a{color:var(--lime);text-decoration:none}.report a:hover{text-decoration:underline}

footer{margin-top:46px;padding-top:24px;border-top:1px solid var(--edge);font-size:13px;color:var(--dim);line-height:1.7}
footer .ph{color:#000;background:var(--lime);border-radius:4px;padding:0 5px;font-weight:600;font-size:.9em}
footer a{color:var(--dim);text-decoration:none}footer a:hover{color:var(--lime)}
footer .row{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}