:root { --bg:#080b0a; --panel:#111714; --panel2:#171c19; --line:#2a3730; --text:#f3f5f2; --muted:#9ba39e; --accent:#99dc3f; }
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:radial-gradient(circle at 20% 0%,#16251d 0,transparent 35%),linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%) 0 0/5px 5px,var(--bg); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif; }
a { color:inherit; text-decoration:none; }
main { min-height:100vh; }
.site-header { height:78px; max-width:1180px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(153,220,63,.17); }
.brand { display:flex; align-items:center; gap:13px; font-size:14px; font-weight:800; letter-spacing:.13em; }
.brand img { width:42px; height:42px; border-radius:10px; }
nav { display:flex; gap:26px; color:var(--muted); font-size:14px; font-weight:650; }
nav a:hover, nav a.active { color:var(--accent); }
.hero { position:relative; max-width:1180px; margin:auto; min-height:590px; padding:104px 28px 90px; overflow:hidden; }
.hero:after { content:""; position:absolute; width:430px; height:430px; right:-80px; top:80px; border:1px solid rgba(153,220,63,.2); border-radius:50%; box-shadow:0 0 0 38px rgba(153,220,63,.025),0 0 0 78px rgba(153,220,63,.018); }
.eyebrow { color:var(--accent); letter-spacing:.18em; font-weight:800; font-size:12px; margin-bottom:20px; }
h1,h2,p { margin-top:0; }
.hero h1 { max-width:850px; font-size:clamp(50px,8vw,94px); line-height:.94; letter-spacing:-.052em; margin-bottom:30px; }
.hero h1 em { color:var(--accent); font-style:normal; }
.hero-copy { max-width:690px; color:#bec5c0; line-height:1.7; font-size:18px; }
.actions { display:flex; gap:13px; margin-top:35px; flex-wrap:wrap; }
.primary,.secondary { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:0 20px; border-radius:8px; font-weight:750; }
.primary { background:var(--accent); color:#0a0d0b; }
.secondary { border:1px solid #39443e; background:rgba(255,255,255,.025); }
.rail { display:flex; gap:6px; margin-top:66px; }.rail span { display:block; height:4px; background:var(--accent); }.rail span:nth-child(1){width:120px}.rail span:nth-child(2){width:35px;opacity:.55}.rail span:nth-child(3){width:12px;opacity:.3}
.feature-grid { max-width:1180px; margin:auto; padding:0 28px 70px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.feature-card,.contact-card,.faq article,.notice,.policy section { background:linear-gradient(145deg,rgba(25,33,29,.94),rgba(13,18,15,.96)); border:1px solid var(--line); border-radius:15px; }
.feature-card { padding:28px; min-height:240px; }.feature-number { color:var(--accent); font:700 12px ui-monospace,monospace; letter-spacing:.18em; margin-bottom:52px; }.feature-card h2{font-size:23px}.feature-card p,.upgrade-strip p,.safety p,.contact-card p,.faq p,.notice p,.policy p{color:var(--muted);line-height:1.65;margin-bottom:0}
.upgrade-strip { max-width:1124px; margin:0 auto 28px; padding:38px; border:1px solid rgba(153,220,63,.3); border-radius:16px; background:linear-gradient(100deg,#16241c,#0e130f); display:flex; gap:35px; justify-content:space-between; align-items:center; }.upgrade-strip>div{max-width:780px}.upgrade-strip h2{font-size:31px;margin-bottom:10px}.upgrade-strip .secondary{white-space:nowrap}
.safety { max-width:1124px; margin:0 auto 70px; padding:28px 0; display:grid; grid-template-columns:230px 1fr; gap:32px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.safety strong{font-size:18px;color:var(--accent)}
.page-hero { max-width:1124px; margin:auto; padding:80px 0 55px; }.page-hero h1{font-size:clamp(44px,7vw,76px);letter-spacing:-.045em;margin-bottom:16px}.page-hero p{color:var(--muted);font-size:17px}
.content-shell { max-width:1124px; margin:0 auto 70px; }.contact-card{padding:32px;margin-bottom:16px}.contact-card>div:first-child{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.13em}.status-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--accent)}.contact-card h2{font-size:30px;margin:22px 0 10px}.support-email{margin-top:23px;color:#0a0d0b;background:var(--accent);border-radius:8px;padding:13px 15px;display:inline-block;font-weight:800}.support-email:hover{filter:brightness(1.08)}.inline-link{display:inline-flex;margin-top:14px;color:var(--accent);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq article{padding:28px}.faq h2,.notice h2,.policy h2{font-size:20px;margin-bottom:10px}.notice{padding:28px;margin-top:14px;border-color:#6c552a}.notice h2{color:#e2bd61}
.policy{display:grid;gap:12px}.policy section{padding:28px}.policy a{color:var(--accent);text-decoration:underline}
footer { max-width:1124px; margin:auto; min-height:100px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; color:#7f8983; font-size:13px; }.footer-links{display:flex;gap:22px}.footer-links a:hover{color:var(--accent)}
@media(max-width:760px){.site-header,.hero{padding-left:20px;padding-right:20px}.brand span{display:none}.hero{padding-top:72px;min-height:auto}.hero:after{display:none}.hero h1{font-size:52px}.feature-grid{grid-template-columns:1fr;padding:0 20px 45px}.feature-card{min-height:auto}.feature-number{margin-bottom:25px}.upgrade-strip,.safety,.page-hero,.content-shell,footer{margin-left:20px;margin-right:20px}.upgrade-strip{align-items:flex-start;flex-direction:column;padding:27px}.safety{grid-template-columns:1fr;gap:10px}.faq{grid-template-columns:1fr}.page-hero{padding-top:58px}.page-hero h1{font-size:48px}footer{padding:25px 0;gap:20px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}