:root{--bg:#0B0F14;--bg2:#111823;--line:#1f2b3a;--text:#e6edf3;--mute:#8b9bb0;--cu:#ff8a3d;--bit:#2ee6c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--bit);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.25rem;letter-spacing:.5px}
.logo:hover{text-decoration:none}.logo .w{color:var(--cu)}.logo .b{color:var(--bit)}
.lang a{color:var(--mute);font-size:.9rem;padding:4px 8px;border:1px solid var(--line);border-radius:6px}
.lang a:hover{color:var(--text);text-decoration:none;border-color:var(--bit)}
.hero{padding:72px 0 56px;border-bottom:1px solid var(--line);position:relative}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent 49%,rgba(46,230,200,.07) 50%,transparent 51%) 0 0/48px 48px,linear-gradient(0deg,transparent 0,transparent 49%,rgba(255,138,61,.06) 50%,transparent 51%) 0 0/48px 48px;pointer-events:none}
.hero .in{position:relative}
.eyebrow{color:var(--bit);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}
h1{font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.08;margin:.3em 0 .25em}
h1 .w{color:var(--cu)}h1 .b{color:var(--bit)}
.claim{font-size:1.25rem;color:var(--mute);max-width:36em}
section{padding:56px 0;border-bottom:1px solid var(--line)}
h2{font-size:1.5rem;margin:0 0 .6em}h2:before{content:"// ";color:var(--cu)}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:18px}
@media(min-width:700px){.card{grid-template-columns:200px 1fr;align-items:center}}
.ph{aspect-ratio:1/1;border-radius:10px;border:1px dashed var(--cu);display:grid;place-items:center;color:var(--cu);background:repeating-linear-gradient(45deg,#111823,#111823 10px,#0e1520 10px,#0e1520 20px);font-size:.8rem;text-align:center;padding:8px}
.tag{display:inline-block;background:rgba(46,230,200,.12);color:var(--bit);border-radius:999px;padding:2px 12px;font-size:.8rem}
footer{padding:32px 0 48px;color:var(--mute);font-size:.92rem;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer a{color:var(--mute)}footer a:hover{color:var(--text)}
.legal h1{font-size:2rem}.legal h2:before{content:""}.legal h3{margin-top:1.6em}
.stripe{height:14px;border-radius:7px;background:repeating-linear-gradient(-45deg,#ffcc00 0 18px,#111 18px 36px);margin:0 0 18px}
.site{position:relative;border:2px solid #ffcc00;border-radius:14px;padding:26px 22px 24px;background:linear-gradient(180deg,#141a22,#0e131a);display:grid;gap:20px;overflow:hidden}
@media(min-width:700px){.site{grid-template-columns:220px 1fr;align-items:center}}
.site:before,.site:after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(-45deg,#ffcc00 0 16px,#111 16px 32px)}
.site:before{top:0}.site:after{bottom:0}
.sign{background:#ffcc00;color:#111;border-radius:10px;padding:16px 12px;text-align:center;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:0 6px 0 #111,0 0 0 3px #111 inset}
.sign svg{width:72px;height:72px;display:block;margin:0 auto 6px}
.sign small{display:block;font-weight:700;letter-spacing:.04em;font-size:.72rem;text-transform:none}
.wip{display:inline-block;background:#ffcc00;color:#111;border-radius:6px;padding:2px 10px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dom{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cu)}
.ph-note{background:rgba(255,138,61,.1);border:1px solid var(--cu);color:var(--cu);padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:.9em}