:root { --bg:#0a0a0b; --bg2:#121214; --card:#18181b; --line:#27272b; --text:#f4f4f5; --muted:#9a9aa3; --hot:#ff4d1c; --hot2:#ff8a3d; --max:1280px; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:"Space Grotesk",system-ui,sans-serif; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.wrap { max-width:var(--max); margin:0 auto; padding:0 28px; }
h1,h2,h3 { font-weight:700; letter-spacing:-.04em; line-height:.95; text-transform:uppercase; }
h2 { font-size:clamp(2.6rem,6.5vw,5.6rem); }
.hot { color:var(--hot); }
.outline { -webkit-text-stroke:2px var(--text); color:transparent; }
.muted { color:var(--muted); }
.tag { display:inline-block; font-size:.75rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--hot); margin-bottom:18px; }
section { padding:120px 0; }
.alt { background:var(--bg2); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:17px 28px; border-radius:999px; font-weight:700; font-size:.92rem; text-transform:uppercase; letter-spacing:.04em; border:2px solid var(--text); transition:.2s; cursor:pointer; font-family:inherit; background:none; color:var(--text); }
.btn.fill { background:var(--hot); border-color:var(--hot); color:#fff; }
.btn:hover { transform:translateY(-2px); }
.btn.fill:hover { box-shadow:0 12px 34px rgba(255,77,28,.4); }
.ph { background:#1a1a1d center/cover no-repeat; }

.site-header { position:fixed; inset:0 0 auto; z-index:40; transition:background .3s; }
.site-header.scrolled { background:rgba(10,10,11,.85); backdrop-filter:blur(12px); }
.nav { height:80px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.logo { font-weight:700; font-size:1.5rem; letter-spacing:-.04em; display:flex; align-items:center; gap:8px; }
.logo i { width:14px; height:14px; background:var(--hot); border-radius:50%; display:block; }
.pill-nav { display:flex; gap:4px; background:rgba(24,24,27,.7); backdrop-filter:blur(12px); border:1px solid var(--line); border-radius:999px; padding:5px; }
.pill-nav a { padding:9px 18px; border-radius:999px; font-size:.88rem; font-weight:500; color:var(--muted); transition:.15s; }
.pill-nav a:hover { color:var(--text); }
.pill-nav a.on { background:var(--text); color:var(--bg); }
.nav .btn { padding:12px 22px; font-size:.8rem; }
.burger { display:none; width:46px; height:46px; border-radius:50%; border:1px solid var(--line); background:var(--card); color:var(--text); font-size:1.1rem; cursor:pointer; }

.page-hero { padding:170px 0 80px; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.page-hero::after { content:""; position:absolute; width:600px; height:600px; right:-150px; top:-200px; background:radial-gradient(circle,rgba(255,77,28,.25),transparent 65%); pointer-events:none; }
.page-hero .wrap { position:relative; z-index:1; }
.page-hero h1 { font-size:clamp(3.6rem,12vw,10rem); line-height:.85; }
.page-hero .row { display:flex; justify-content:space-between; align-items:end; gap:30px; flex-wrap:wrap; margin-top:30px; }
.page-hero p { max-width:440px; color:#d4d4d8; font-size:1.1rem; }

.site-footer { border-top:1px solid var(--line); padding:80px 0 34px; color:var(--muted); font-size:.92rem; }
.f-big { font-size:clamp(3rem,12vw,11rem); font-weight:700; letter-spacing:-.06em; line-height:.8; text-transform:uppercase; color:var(--card); margin-bottom:60px; -webkit-text-stroke:1px #2a2a2f; }
.fgrid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; }
.site-footer h4 { color:var(--text); font-size:.85rem; text-transform:uppercase; letter-spacing:.1em; margin-bottom:14px; }
.site-footer li { list-style:none; padding:4px 0; }
.site-footer li a:hover { color:var(--hot); }
.fbot { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:60px; padding-top:24px; border-top:1px solid var(--line); font-size:.82rem; }

.reveal { opacity:0; transform:translateY(30px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in { opacity:1; transform:none; }

.pc-badge { position:fixed; left:16px; bottom:16px; z-index:99; background:#fff; color:#111; font:600 12px/1 Inter,system-ui,sans-serif; padding:10px 14px; border-radius:999px; box-shadow:0 8px 30px rgba(0,0,0,.35); }
.embed .pc-badge { display:none; }
html.embed { scrollbar-width:none; }
html.embed .reveal { opacity:1; transform:none; }

@media (max-width:1000px) {
  .pill-nav { position:fixed; top:84px; left:16px; right:16px; flex-direction:column; border-radius:24px; padding:10px; display:none; background:var(--card); }
  .open .pill-nav { display:flex; }
  .pill-nav a { padding:16px 18px; font-size:1.05rem; }
  .burger { display:block; }
  .nav > .btn { display:none; }
  .fgrid { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) { section { padding:84px 0; } .fgrid { grid-template-columns:1fr; } }