:root{
  --bg:#0b1420;
  --panel:#101e2d;
  --panel-2:#132537;
  --text:#eff5fb;
  --muted:#9fb0c2;
  --line:#22384d;
  --brand:#77b7ee;
  --brand-strong:#b8dcfb;
  --gold:#d9b766;
  --ok:#8cc9a2;
  --radius:18px;
  --shadow:0 16px 45px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:linear-gradient(160deg,#0b1420 0%,#0d1926 58%,#0b1420 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;min-height:100vh}
a{color:inherit}
.wrap{width:min(1080px,calc(100% - 32px));margin:auto}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:40px;height:40px;border:1px solid #385873;border-radius:12px;display:grid;place-items:center;background:#0c1926;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.brand-mark{background:#0b1726 url("/media/rheon-symbol.svg") center/contain no-repeat;border-color:#3d6574}.brand-mark::before{content:""}
.brand-name{font-weight:800;letter-spacing:.02em}.brand-sub{display:block;color:var(--muted);font-size:.75rem;font-weight:500}
.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;padding:8px 11px;border-radius:10px}.nav a:hover,.nav a[aria-current="page"]{color:var(--text);background:#132335}
.hero{padding:62px 0 42px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--brand);font-size:.74rem}.hero h1{font-size:clamp(2.2rem,7vw,5rem);line-height:.98;margin:.2em 0 .24em;letter-spacing:-.045em;max-width:900px}.hero p{max-width:720px;color:#c6d3df;font-size:clamp(1rem,2vw,1.18rem)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid var(--line);background:#14273a;color:var(--text);padding:11px 15px;border-radius:12px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.btn:hover{background:#193149}.btn.primary{background:var(--brand);color:#07131e;border-color:transparent}.btn.ghost{background:transparent}.btn.gold{border-color:#756332;color:#f0d98d;background:#241f13}
.section{padding:22px 0 46px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.section h2{font-size:1.35rem;margin:0}.section-head p{color:var(--muted);margin:0;font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);background:rgba(16,30,45,.9);border-radius:var(--radius);padding:20px;text-decoration:none;box-shadow:0 0 0 rgba(0,0,0,0);transition:.16s transform,.16s border-color,.16s background}.card:hover{transform:translateY(-2px);border-color:#3b607e;background:#132538}.card .icon{font-size:1.55rem}.card h3{margin:.55rem 0 .35rem}.card p{margin:0;color:var(--muted);font-size:.94rem}.card small{display:block;margin-top:14px;color:#7890a5}.card.disabled{opacity:.58;cursor:default}.card.disabled:hover{transform:none;border-color:var(--line);background:rgba(16,30,45,.9)}
.kicker{display:inline-block;border:1px solid #2f4b63;border-radius:999px;padding:4px 9px;color:#a9bdd0;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.kicker.gold{border-color:#6b5b35;color:#e2c67d}
.panel{border:1px solid var(--line);background:#0e1c2a;border-radius:var(--radius);padding:22px}.muted{color:var(--muted)}.notice{border-left:3px solid var(--gold);padding:12px 14px;background:#18180f;border-radius:10px;color:#ddcf9f}
.footer{border-top:1px solid #1d3042;margin-top:45px;padding:28px 0 38px;color:#7f94a8;font-size:.86rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool{border:1px solid var(--line);border-radius:16px;background:#101e2d;padding:18px}.tool h2{font-size:1.08rem;margin:0 0 12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.field,textarea{width:100%;border:1px solid #2a4258;background:#091520;color:var(--text);padding:11px 12px;border-radius:10px;font:inherit}textarea{min-height:130px;resize:vertical}.timer{font-variant-numeric:tabular-nums;font-size:clamp(3rem,12vw,6.2rem);font-weight:850;letter-spacing:-.06em;text-align:center;margin:14px 0}.tiny{font-size:.8rem;color:var(--muted)}
.overlay{position:fixed;inset:0;z-index:999;background:#071019;display:none;place-items:center;text-align:center}.overlay.open{display:grid}.overlay .shield{font-size:1.1rem;color:#9ab0c4}.overlay button{margin-top:22px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#0a1723;border:1px solid #284157;color:#a9bdd0;font-size:.76rem;font-weight:750}
@media(max-width:820px){.grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.hero{padding-top:38px}.nav{width:100%;overflow:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}