@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=Inter:wght@400;500;600;700&display=swap');

:root { --red:#ff172b; --bg:#09090b; --card:#131316; --text:#f6f6f7; --muted:#a2a2aa; --line:#29292e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,system-ui,sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.nav { height:76px; padding:0 clamp(20px,5vw,72px); display:flex; align-items:center; justify-content:space-between; position:fixed; z-index:20; inset:0 0 auto; background:rgba(9,9,11,.82); border-bottom:1px solid rgba(255,255,255,.09); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:.08em; }
.brand img { width:38px; height:38px; border-radius:10px; }
nav { display:flex; gap:28px; align-items:center; font-size:.88rem; font-weight:600; }
nav a:not(.nav-cta):hover { color:var(--red); }
.nav-cta { background:var(--red); padding:11px 17px; border-radius:999px; }
.menu-button { display:none; color:white; background:none; border:1px solid var(--line); border-radius:8px; padding:8px 11px; }
.hero { min-height:100svh; position:relative; display:grid; align-items:end; overflow:hidden; }
.hero-image { position:absolute; inset:0; background:url('assets/hero.jpg') center 55%/cover; transform:scale(1.02); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.52) 55%,rgba(0,0,0,.18)),linear-gradient(0deg,#09090b 0%,transparent 42%); }
.hero-content { position:relative; width:min(1180px,90%); margin:0 auto; padding:150px 0 7vh; }
.eyebrow { color:var(--red); text-transform:uppercase; font-weight:700; letter-spacing:.18em; font-size:.75rem; }
h1,h2,h3 { font-family:'Barlow Condensed',Impact,sans-serif; margin:0; text-transform:uppercase; line-height:.88; }
h1 { font-size:clamp(4.6rem,12vw,10.5rem); font-weight:800; font-style:italic; letter-spacing:-.035em; }
h1 span,h2 span { color:var(--red); }
.lead { max-width:610px; color:#d2d2d6; font-size:clamp(1rem,2vw,1.25rem); margin:28px 0; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 24px; border-radius:6px; font-weight:700; transition:.2s ease; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--red); box-shadow:0 12px 35px rgba(255,23,43,.25); }
.ghost { border:1px solid rgba(255,255,255,.3); background:rgba(0,0,0,.25); }
.proof { display:flex; gap:clamp(18px,4vw,50px); margin-top:50px; padding-top:22px; border-top:1px solid rgba(255,255,255,.2); color:#bdbdc3; font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; }
.proof strong { color:white; margin-right:7px; }
.section { width:min(1180px,90%); margin:0 auto; padding:130px 0; }
.intro h2,.split h2,.download h2 { font-size:clamp(3.3rem,7vw,6.7rem); letter-spacing:-.025em; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); margin-top:65px; border:1px solid var(--line); }
.feature-grid article { background:var(--card); padding:32px 25px 38px; min-height:280px; }
.feature-grid .number { color:var(--red); font-size:.72rem; font-weight:700; letter-spacing:.15em; }
.feature-grid h3 { font-size:2.3rem; margin:55px 0 16px; }
.feature-grid p,.split-copy p,.download>p:not(.eyebrow) { color:var(--muted); }
.split { display:grid; grid-template-columns:1.05fr .95fr; width:100%; max-width:none; padding:0; background:#0e0e11; }
.split.reverse { direction:rtl; }
.split.reverse>* { direction:ltr; }
.split-photo { min-height:650px; background-position:center; background-size:cover; }
.community-photo { background-image:linear-gradient(90deg,transparent,#0e0e11 100%),url('assets/community.jpg'); }
.market-photo { background-image:linear-gradient(-90deg,transparent,#0e0e11 100%),url('assets/market.jpg'); }
.split-copy { padding:clamp(65px,9vw,140px); align-self:center; max-width:760px; }
.split-copy p { max-width:570px; font-size:1.05rem; }
.split-copy ul { list-style:none; padding:0; margin:35px 0 0; }
.split-copy li { padding:13px 0 13px 28px; border-bottom:1px solid var(--line); position:relative; }
.split-copy li::before { content:'+'; color:var(--red); position:absolute; left:0; font-weight:800; }
.text-link { color:var(--red); font-weight:700; display:inline-block; margin-top:20px; }
.text-link span { margin-left:8px; transition:.2s; }
.text-link:hover span { margin-left:14px; }
.download { text-align:center; padding-block:150px; }
.download img { width:110px; border-radius:25px; box-shadow:0 25px 55px rgba(255,23,43,.18); margin-bottom:25px; }
.download p { max-width:610px; margin:25px auto; }
footer { border-top:1px solid var(--line); width:min(1180px,90%); margin:auto; padding:48px 0; display:grid; grid-template-columns:1fr 1fr; gap:20px; color:var(--muted); }
footer .brand,footer div { color:white; }
footer div { display:flex; justify-content:flex-end; gap:24px; }
footer small { grid-column:1/-1; border-top:1px solid var(--line); padding-top:20px; }
.legal { width:min(820px,90%); margin:0 auto; padding:140px 0 90px; }
.legal h1 { font-size:clamp(3.5rem,8vw,6rem); }
.legal h2 { font-size:2rem; margin-top:44px; }
.legal p,.legal li { color:var(--muted); }
.web-form { display:grid; gap:12px; max-width:520px; margin-top:40px; }
.web-form label { font-weight:700; margin-top:10px; }
.web-form input { color:white; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:15px; font:inherit; }
.web-form input:focus { outline:2px solid var(--red); outline-offset:2px; }
.web-form button { border:0; margin-top:14px; cursor:pointer; }
.web-form button:disabled { opacity:.5; cursor:not-allowed; }
.admin-shell { max-width:1100px; }
.admin-toolbar { display:flex; gap:10px; flex-wrap:wrap; margin:35px 0; }
.admin-toolbar button { color:white; cursor:pointer; }
.moderation-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.moderation-card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px; }
.moderation-card h2 { font-size:1.8rem; line-height:1; }
.moderation-actions { display:flex; gap:10px; margin-top:20px; }
.moderation-actions button { border:0; border-radius:8px; padding:10px 13px; color:white; background:#2c8b4b; cursor:pointer; }
.moderation-actions button[data-action="reject"] { background:#a92935; }

@media (max-width:850px) {
  .menu-button { display:block; }
  nav { display:none; position:absolute; top:75px; left:0; right:0; padding:25px; background:#101013; flex-direction:column; align-items:stretch; }
  nav.open { display:flex; }
  .feature-grid { grid-template-columns:1fr 1fr; }
  .split,.split.reverse { grid-template-columns:1fr; direction:ltr; }
  .split-photo { min-height:430px; }
  .community-photo,.market-photo { background-image:linear-gradient(0deg,#0e0e11,transparent 60%),var(--photo); }
  .community-photo { --photo:url('assets/community.jpg'); }
  .market-photo { --photo:url('assets/market.jpg'); }
}
@media (max-width:560px) {
  .hero-content { width:88%; }
  h1 { font-size:4.15rem; }
  .proof { display:grid; grid-template-columns:1fr 1fr; }
  .section { padding-block:90px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-grid article { min-height:220px; }
  .feature-grid h3 { margin-top:35px; }
  .split-copy { padding:60px 6%; }
  footer { grid-template-columns:1fr; }
  footer div { justify-content:flex-start; flex-wrap:wrap; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }