:root{--bg:#0A0A0A;--panel:#16181A;--lime:#C6FF3D;--tx:#F4F6F0;--mut:#B3BAAE;--navbg:#0A0A0A;--navfg:#F4F6F0;--head:Impact,"Arial Black","Arial Narrow Bold",system-ui,sans-serif}
body{background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}
h1,h2,h3{font-family:var(--head);text-transform:uppercase;font-weight:400;line-height:1;margin:0 0 .5em;letter-spacing:.01em}
p{margin:0 0 1em}
.fine{color:var(--mut);font-size:.85rem}
.btn{display:inline-block;font:inherit;background:var(--lime);color:#0A0A0A;font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:1rem 1.8rem;border-radius:4px;transform:skewX(-8deg);transition:transform .2s,background .2s}
.btn:hover{background:#DCFF7A;transform:skewX(-8deg) translateY(-2px)}
.btn--o{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 2px var(--tx)}
.btn--o:hover{background:var(--tx);color:#0A0A0A}
.hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:12px 24px;background:rgba(10,10,10,.96);border-bottom:1px solid #2A2D2A}
.hd a{color:var(--tx);text-decoration:none}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--head);font-size:1.7rem;letter-spacing:.08em;margin-right:auto}
.hd nav{display:flex;gap:24px;text-transform:uppercase;font-weight:700;font-size:.82rem;letter-spacing:.1em}
.hd nav a:hover{color:var(--lime)}
.hd__cta{background:var(--lime);color:#0A0A0A!important;padding:.5rem 1.1rem;font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;border-radius:4px}
@media(max-width:899px){.hd__cta{display:none}}
.hero{position:relative;overflow:hidden;padding:64px 24px 80px;min-height:560px}
.hero>*:not(.bell):not(.slash){position:relative;z-index:2;max-width:640px}
.eyebrow{color:var(--lime);font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}
.hero h1{font-size:clamp(3.4rem,13vw,8rem);line-height:.92}
.hero em{font-style:normal;color:var(--lime)}
.lead{color:var(--mut);font-size:1.1rem;max-width:480px}
.btns{display:flex;gap:16px;flex-wrap:wrap}
.bell{position:absolute;right:-60px;bottom:-40px;width:min(70vw,460px);opacity:.28;z-index:1}
.slash{position:absolute;top:0;right:12%;width:22px;height:140%;background:var(--lime);transform:rotate(18deg) translateY(-10%);opacity:.18;z-index:0}
@media(min-width:900px){.hero{padding:96px max(24px,calc((100% - 1160px)/2 + 24px)) 110px}.bell{right:6%;opacity:.95;bottom:50%;transform:translateY(50%);width:420px}.slash{right:44%;opacity:.35}}
.marq{display:flex;gap:28px;white-space:nowrap;overflow:hidden;background:var(--lime);color:#0A0A0A;padding:14px 0;font-family:var(--head);font-size:1.5rem;letter-spacing:.1em;transform:skewY(-1.5deg)}
.marq span{flex:none}.marq span::after{content:"✦";margin-left:28px}
.sec{padding:80px 24px;max-width:1160px;margin:0 auto}
.sec h2{font-size:clamp(2.4rem,8vw,4rem);margin-bottom:1.2rem}
.sec--alt{max-width:none;background:var(--panel);padding-left:max(24px,calc((100% - 1160px)/2 + 24px));padding-right:max(24px,calc((100% - 1160px)/2 + 24px))}
.tiles{display:grid;gap:14px}
@media(min-width:700px){.tiles{grid-template-columns:repeat(2,1fr)}}
.t{position:relative;padding:30px 26px;min-height:200px;border:2px solid #2C302C;background:var(--panel);overflow:hidden;transition:border-color .2s}
.t:hover{border-color:var(--lime)}
.t b{font-family:var(--head);font-size:4.5rem;color:#232623;position:absolute;right:14px;top:-6px;line-height:1}
.t h3{font-size:1.9rem;position:relative}.t p{color:var(--mut);margin:0;position:relative;max-width:360px}
.t1{background:linear-gradient(135deg,#16181A 60%,#1F2A08)}.t3{background:linear-gradient(135deg,#16181A 60%,#1F2A08)}
.plans{display:grid;gap:16px;margin-top:1rem}
@media(min-width:800px){.plans{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.plans article{background:#0A0A0A;border:2px solid #2C302C;padding:30px 24px;display:flex;flex-direction:column;position:relative}
.plans .pop{border-color:var(--lime)}
.flag{position:absolute;top:-14px;left:20px;background:var(--lime);color:#0A0A0A;font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .7rem}
.plans h3{font-size:2.2rem;margin-bottom:.2em}.for{color:var(--lime);font-weight:700;font-size:.9rem}
.plans ul{list-style:none;margin:0 0 1.5rem;padding:0;flex:1;color:var(--mut)}
.plans li{padding:8px 0 8px 22px;border-bottom:1px solid #222522;position:relative}
.plans li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;background:var(--lime);transform:skewX(-15deg)}
.plans .btn{text-align:center}
.tbl{overflow-x:auto;border:2px solid #2C302C}
table{width:100%;border-collapse:collapse;min-width:520px}
th,td{padding:14px 12px;text-align:center;border-bottom:1px solid #222522}
thead th{font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-weight:400;background:#16181A;color:var(--lime);font-size:1.1rem}
tbody th{color:var(--lime);font-weight:800}
td{color:var(--tx)}
.mt{list-style:none;margin:1rem 0 1.5rem;padding:0;display:grid;gap:22px;counter-reset:m}
@media(min-width:800px){.mt{grid-template-columns:repeat(4,1fr)}}
.mt b{font-family:var(--head);font-size:4rem;color:var(--lime);font-weight:400;line-height:1}
.mt h3{font-size:1.5rem}.mt p{color:var(--mut);margin:0}
.faq details{border-bottom:2px solid #2C302C;padding:4px 0}
.faq summary{font-family:var(--head);text-transform:uppercase;font-size:1.3rem;padding:16px 0;letter-spacing:.02em}
.faq p{color:var(--mut)}
.contact{text-align:center;border:2px solid var(--lime);margin-bottom:60px}
.contact p{color:var(--mut)}
.ft{background:#050505;color:var(--mut);text-align:center;padding:30px 20px}
.ft a{color:var(--tx)}.ft p{margin:.3rem 0}
.ph__tag{position:absolute;z-index:2;left:8px;bottom:8px;background:#0A0A0A;color:var(--lime);font:700 10px/1 system-ui,sans-serif;padding:5px 9px;text-transform:uppercase;letter-spacing:.08em}
.hero>figure.hero-ph.ph{--ar:1.978;width:min(100%,368px);max-width:368px;margin-top:30px;border:3px solid var(--lime)}
@media(min-width:900px){.hero>figure.hero-ph.ph{position:absolute;right:max(24px,calc((100% - 1160px)/2 + 24px));top:50%;margin:0;transform:translateY(-50%)}}
.ph--sm{--ar:1.941;width:min(100%,361px);margin:0 0 28px;border:3px solid var(--lime)}
