/* APOCALYPTIC — Crimson Defense */
:root{--bg:#0B0D12;--bg-2:#11141c;--line:#222733;--crimson:#991B2B;--crimson-hi:#c42a3e;--text:#D9DEE7;--white:#FFFFFF;--muted:#9aa3b2;--radius:14px;--maxw:1120px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--font);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--white)}:focus-visible{outline:3px solid var(--crimson-hi);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--white);color:var(--bg);padding:.6rem 1rem;z-index:100}.skip:focus{left:8px;top:8px}.wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:700;letter-spacing:.22em;font-size:.95rem}.brand img{width:34px;height:34px}.nav ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.nav a{display:block;padding:.55rem .9rem;border-radius:8px;text-decoration:none;color:var(--text);font-size:.95rem}.nav a:hover{background:var(--bg-2)}.nav a[aria-current="page"]{color:var(--white);box-shadow:inset 0 -2px 0 var(--crimson)}.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--white);border-radius:8px;padding:.5rem .8rem;font:inherit;cursor:pointer}
.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:10px;text-decoration:none;font-weight:600;border:1px solid var(--crimson);transition:transform .2s,background .2s}.btn-primary{background:var(--crimson);color:var(--white)}.btn-primary:hover{background:var(--crimson-hi);transform:translateY(-2px)}.btn-ghost{color:var(--white)}.btn-ghost:hover{background:var(--bg-2);transform:translateY(-2px)}
.hero{position:relative;overflow:hidden;padding:clamp(4rem,12vw,8rem) 0 clamp(3rem,8vw,6rem);background:radial-gradient(60% 60% at 80% 0%,rgba(153,27,43,.32),transparent 70%),linear-gradient(var(--line) 1px,transparent 1px) 0 0/100% 56px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/56px 100%,var(--bg)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--bg))}.hero .wrap{position:relative;z-index:1;display:grid;gap:2.5rem;grid-template-columns:1.4fr .8fr;align-items:center}.hero-mark{width:min(100%,280px);margin-inline:auto;filter:drop-shadow(0 0 40px rgba(153,27,43,.55));animation:float 6s ease-in-out infinite}
.eyebrow{font:600 .8rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--crimson-hi);margin:0 0 1rem}h1,h2,h3{color:var(--white);line-height:1.15;margin:0 0 1rem}h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(1.6rem,3.5vw,2.3rem)}h3{font-size:1.15rem}.lead{font-size:1.15rem;max-width:62ch;color:var(--text)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.section{padding:clamp(3rem,7vw,5.5rem) 0}.section.alt{background:var(--bg-2);border-block:1px solid var(--line)}.page-head{padding:clamp(3rem,8vw,5.5rem) 0 1rem;border-bottom:1px solid var(--line);background:radial-gradient(50% 120% at 90% 0%,rgba(153,27,43,.22),transparent 70%)}.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;transition:border-color .25s,transform .25s}.card:hover{border-color:var(--crimson);transform:translateY(-3px)}.section.alt .card{background:var(--bg)}.card p{margin:0;color:var(--text)}.step-n{font:700 .85rem var(--mono);color:var(--crimson-hi);letter-spacing:.15em}.note{border-left:3px solid var(--crimson);padding:1rem 1.2rem;background:var(--bg-2);border-radius:0 var(--radius) var(--radius) 0;margin-top:2rem}.list{padding-left:1.2rem}.list li{margin:.4rem 0}.cta{text-align:center}.cta .lead{margin-inline:auto}.cta .actions{justify-content:center}
.site-footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--muted);font-size:.9rem}.foot{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}.foot a{color:var(--text)}
/* Conteúdo sempre visível se JS falhar */
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.js .reveal.in{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero-mark{width:150px;order:-1;margin-inline:0}.menu-btn{display:block}.nav{position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);display:none}.nav.open{display:block}.nav ul{flex-direction:column;padding:.5rem 1.25rem 1rem}.actions .btn{flex:1 1 100%;text-align:center}}
.no-js .nav{display:block;position:static;border:0}.no-js .menu-btn{display:none}