:root { --bg:#0a0a0a; --panel:#111; --line:#3b1717; --red:#f00; --muted:#b8b8b8; --white:#f8f8f8; --green:#55d98a; --yellow:#f0bd45; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--white); font:16px/1.5 "Segoe UI",Tahoma,Geneva,Verdana,sans-serif; }
a { color:inherit; text-decoration:none; }
[hidden] { display:none !important; }
.wrap { width:min(1120px,calc(100% - 40px)); margin:auto; }
.nav { position:sticky; top:0; z-index:5; background:#0a0a0aee; border-bottom:1px solid #222; }
.nav .wrap { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
.brand { font-weight:900; letter-spacing:.08em; overflow-wrap:anywhere; }
.nav-links { display:flex; gap:18px; color:var(--muted); font-size:14px; }
.nav-links a:hover { color:#fff; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 21px; border:1px solid var(--red); border-radius:4px; background:var(--red); color:#fff; font-weight:800; letter-spacing:.03em; transition:.2s; }
.btn:hover:not(.is-disabled) { background:#c00; transform:translateY(-1px); }
.btn.ghost { background:transparent; }
.btn.is-disabled { cursor:not-allowed; border-color:#555; color:#999; background:#262626; }
.loading-state,.error-state { padding:30px 0; color:var(--muted); background:#0e0e0e; }
.error-state { color:#ffaaaa; border-bottom:1px solid #7a1717; }
.hero { padding:100px 0 72px; background:radial-gradient(circle at 75% 20%,#500000 0,transparent 33%),linear-gradient(135deg,#050505,#120000); }
.compact-hero { padding:72px 0 60px; }
.hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:50px; align-items:center; }
.eyebrow { margin:0; color:#ff5b5b; font-size:13px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.hero h1 { max-width:850px; margin:14px 0 22px; font-size:clamp(42px,6vw,78px); line-height:.98; letter-spacing:-.06em; overflow-wrap:anywhere; }
.lead { max-width:700px; color:var(--muted); font-size:19px; white-space:pre-line; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.visual { position:relative; display:grid; min-height:360px; overflow:hidden; border:1px solid #7a1717; background:linear-gradient(135deg,#250000,#090909); place-items:center; }
.visual::before,.visual::after { position:absolute; border:1px solid #f003; border-radius:50%; content:""; }
.visual::before { width:360px; height:360px; }
.visual::after { width:190px; height:190px; border-color:#f00; }
.crosshair { z-index:1; color:#fff; font-size:95px; text-shadow:0 0 30px #f00; }
.status-panel { display:flex; flex-wrap:wrap; gap:9px 14px; max-width:700px; margin-top:24px; padding:12px 14px; border:1px solid #555; border-left:4px solid #999; background:#111; }
.status-panel strong { letter-spacing:.02em; }
.status-panel span { color:var(--muted); }
.status-online { border-left-color:var(--green); }.status-online strong { color:var(--green); }
.status-instável { border-left-color:var(--yellow); }.status-instável strong { color:var(--yellow); }
.status-manutenção { border-left-color:#7bb8ff; }.status-manutenção strong { color:#9dcbff; }
.status-offline { border-left-color:#ff7474; }.status-offline strong { color:#ff9d9d; }
.product-meta { margin:10px 0 0; color:var(--muted); font-size:14px; }
.banner-section { padding:34px 0 0; background:#0e0e0e; }.banner-section img { display:block; width:100%; max-height:420px; border:1px solid var(--line); object-fit:cover; }
.notice-section { padding:18px 0; border-bottom:1px solid #4b3813; color:#ffe0a0; background:#211705; }.notice-section p { margin:0; white-space:pre-line; }
.section { padding:82px 0; }.section.alt { background:#0e0e0e; }.section h2 { margin:8px 0 14px; font-size:clamp(30px,4vw,48px); line-height:1.05; }.section-copy,.full-description { max-width:800px; color:var(--muted); white-space:pre-line; }
.cards { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:35px; }.card { padding:25px; border:1px solid #2d2020; background:var(--panel); }.card .icon { color:var(--red); font-size:27px; }.card h3 { margin:14px 0 8px; }.card p { margin:0; color:var(--muted); font-size:14px; }
.video { aspect-ratio:16/9; margin-top:30px; border:1px solid #3d1515; background:#000; }.video iframe,.video video { width:100%; height:100%; border:0; object-fit:contain; }
.price-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:25px; }.price-card { padding:28px; border:1px solid var(--red); background:linear-gradient(120deg,#210000,#0f0f0f); }.price-card h2 { margin:0 0 16px; font-size:24px; }.price-card strong { color:#fff; font-size:clamp(30px,5vw,46px); }
.plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:28px; }.plan-card { position:relative; display:grid; align-content:start; gap:9px; min-height:275px; padding:22px; border:1px solid #4a2323; background:var(--panel); }.plan-card.highlighted { border-color:var(--red); box-shadow:0 0 0 1px #f003 inset; }.plan-card h3 { margin:0; font-size:1.2rem; }.plan-card p { margin:0; color:var(--muted); }.plan-card strong { margin-top:4px; font-size:1.5rem; }.plan-card .btn { width:100%; margin-top:auto; }.plan-card .btn:disabled { cursor:not-allowed; border-color:#555; color:#999; background:#262626; }.plan-description { min-height:3em; font-size:.9rem; }.plan-badge { position:absolute; top:11px; right:11px; padding:3px 7px; border-radius:999px; background:#5a1212; color:#fff; font-size:12px; font-weight:800; }
.plan-selector { display:grid; gap:25px; max-width:780px; margin-top:28px; }.plan-selection-group { display:grid; gap:11px; }.plan-selection-group h3 { margin:0; font-size:1rem; color:var(--muted); }.plan-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.plan-options.quantity-options { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:390px; }.plan-option { min-height:52px; padding:10px; border:1px solid #5a2a2a; border-radius:4px; background:#151515; color:#fff; font:inherit; font-weight:800; cursor:pointer; }.plan-option:hover:not(:disabled),.plan-option.is-selected { border-color:var(--red); background:#300808; box-shadow:0 0 0 1px #f003 inset; }.plan-option:disabled { cursor:not-allowed; color:#8c8c8c; border-color:#3e3e3e; background:#202020; }.selected-plan-summary { display:grid; gap:10px; min-height:220px; padding:26px; border:1px solid var(--red); background:linear-gradient(120deg,#260000,#101010); }.selected-plan-summary h3,.selected-plan-summary p { margin:0; }.selected-plan-summary h3 { font-size:clamp(24px,4vw,34px); }.selected-plan-summary .plan-price { font-size:clamp(30px,5vw,46px); color:#fff; }.selected-plan-summary .plan-validity,.selected-plan-summary .plan-description { color:var(--muted); }.selected-plan-summary .btn { justify-self:start; margin-top:8px; }.selected-plan-summary .btn:disabled { cursor:not-allowed; border-color:#555; color:#999; background:#262626; }
.purchase-feedback { min-height:1.5em; margin:16px 0 0; color:var(--muted); }.purchase-feedback.error { color:#ffaaaa; }
.checkout-result { display:grid; gap:16px; max-width:900px; }.checkout-message { margin:0; color:var(--muted); }.checkout-message.success { color:var(--green); font-weight:700; }.checkout-message.error { color:#ffaaaa; }.checkout-warning { margin:0; color:#ffe0a0; }.checkout-license-list { display:grid; gap:12px; }.checkout-license { display:grid; grid-template-columns:1fr auto; gap:10px 18px; align-items:center; padding:18px; border:1px solid var(--line); background:var(--panel); }.checkout-license code { grid-column:1 / -1; padding:10px; overflow-wrap:anywhere; border:1px solid #402020; background:#050505; color:#fff; }.checkout-license span { color:var(--muted); font-size:14px; }.checkout-license .btn { min-height:38px; padding:8px 14px; }
.checkout-result label { color:var(--muted); font-weight:700; }.checkout-result input { width:min(100%,520px); min-height:46px; padding:10px 12px; border:1px solid var(--line); border-radius:4px; background:#090909; color:#fff; font:inherit; }.checkout-license p { grid-column:1 / -1; margin:0; color:var(--muted); font-size:14px; }.checkout-license .actions { grid-column:1 / -1; margin-top:2px; }
.customer-status { justify-self:end; padding:4px 8px; border:1px solid #6a3333; border-radius:999px; color:#ffe0a0; font-size:13px; font-weight:700; white-space:nowrap; }
footer { padding:36px 0; color:#888; font-size:13px; }
@media (max-width:800px) { .hero { padding-top:60px; }.hero-grid,.price-grid { grid-template-columns:1fr; }.plan-grid,.plan-options { grid-template-columns:repeat(2,minmax(0,1fr)); }.cards { grid-template-columns:repeat(2,1fr); }.nav-links { display:none; } }
@media (max-width:500px) { .cards,.plan-grid,.plan-options,.plan-options.quantity-options { grid-template-columns:1fr; max-width:none; }.wrap { width:min(100% - 28px,1120px); }.nav .wrap { gap:12px; }.brand { max-width:58%; }.btn { padding:10px 14px; font-size:14px; } }
@media (max-width:500px) { .checkout-license { grid-template-columns:1fr; }.checkout-license code { grid-column:auto; } }