:root{--void:#07090F;--deep:#0B0F18;--panel:#111725;--raise:#161E2F;--line:rgba(142,168,224,.13);--line-2:rgba(142,168,224,.26);
--ink:#E9EEFA;--ink-2:#98A4C2;--ink-3:#616D8C;--cobalt:#3B6FE0;--cobalt-dim:rgba(59,111,224,.16);--gold:#E8C84A;--gold-dim:rgba(232,200,74,.14);
--vermelho:#FF3B44;--zap:#22C55E;--r:3px;
--f-disp:'Anybody','Archivo Expanded','Arial Black',system-ui,sans-serif;--f-body:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;--f-mono:'Azeret Mono',ui-monospace,Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--f-body);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
.cmyk{display:flex;height:6px}.cmyk i{flex:1}.cmyk i:nth-child(1){background:#00AEEF}.cmyk i:nth-child(2){background:#EC008C}.cmyk i:nth-child(3){background:#FFF200}.cmyk i:nth-child(4){background:#0D0C0C}.cmyk i:nth-child(5){background:#2250A9}.cmyk i:nth-child(6){background:#ED1C24}.cmyk i:nth-child(7){background:#CEB739}
header.top{position:sticky;top:0;z-index:20;background:rgba(7,9,15,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo .plate{width:38px;height:38px;border-radius:var(--r);background:#fff;display:grid;place-items:center;padding:4px}
.logo b{display:block;font-family:var(--f-disp);font-weight:800;font-size:17px;line-height:1.1}
.logo em{display:block;font-style:normal;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.toplinks{display:flex;align-items:center;gap:16px}
.toplinks a.back{font-size:14px;color:var(--ink-2);text-decoration:none}
.toplinks a.back:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;text-decoration:none;border-radius:var(--r);padding:12px 18px;font-size:15.5px;line-height:1.2;transition:transform .15s,background .15s}
.btn svg{width:19px;height:19px;flex:none}
.btn-zap{background:var(--zap);color:#04130A}.btn-zap:hover{background:#34d472;transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--line-2);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink-2)}
.btn-lg{padding:15px 22px;font-size:16.5px}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--f-disp);letter-spacing:-.01em;text-wrap:balance;margin:0}
h1{font-weight:850;font-size:clamp(34px,5.6vw,60px);line-height:1.02;font-variation-settings:"wdth" 112}
h2{font-weight:800;font-size:clamp(26px,3.6vw,38px);line-height:1.08}
h3{font-weight:750;font-size:19px;line-height:1.2}
.hero{padding-block:54px 40px;background:radial-gradient(900px 420px at 85% 10%,rgba(59,111,224,.18),transparent 60%),radial-gradient(600px 300px at 0% 100%,rgba(232,200,74,.08),transparent 60%)}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hero p.lede{color:var(--ink-2);font-size:18.5px;max-width:52ch;margin:18px 0 0}
.price{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:22px;padding:12px 16px;border:1px solid var(--gold-dim);background:rgba(232,200,74,.06);border-radius:var(--r)}
.price span{font-size:14.5px;color:var(--ink-2)}
.price b{font-family:var(--f-mono);font-weight:600;font-size:26px;color:var(--gold)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none}
.chips li{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-2);border:1px solid var(--line-2);padding:6px 10px;border-radius:99px}
.art{position:relative;aspect-ratio:4/3.4;max-width:100%}
.art img{width:100%;height:100%;object-fit:cover;border-radius:var(--r);border:1px solid var(--line-2);box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.crop{position:absolute;width:18px;height:18px;border-color:var(--ink-3)}.crop.tl{top:-10px;left:-10px;border-top:1px solid;border-left:1px solid}.crop.br{bottom:-10px;right:-10px;border-bottom:1px solid;border-right:1px solid}
section{padding-block:56px;border-top:1px solid var(--line)}
.head{display:grid;gap:10px;margin-bottom:26px;max-width:720px}
.head p{color:var(--ink-2);margin:0}
.tbl{overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r);background:var(--deep)}
table{width:100%;border-collapse:collapse;min-width:560px}
th{font-family:var(--f-mono);font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:13px 16px;border-bottom:1px solid var(--line-2)}
td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:15.5px;vertical-align:middle}
tr:last-child td{border-bottom:0}
td.p{font-family:var(--f-mono);font-weight:600;color:var(--gold);white-space:nowrap}
td.a{text-align:right}
td.a a{font-size:14px;color:var(--zap);text-decoration:none;font-weight:600;white-space:nowrap}
td.a a:hover{text-decoration:underline}
.small{font-size:13.5px;color:var(--ink-3);margin-top:12px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{border:1px solid var(--line-2);background:var(--panel);border-radius:var(--r);padding:20px}
.card .n{font-family:var(--f-mono);font-size:12px;color:var(--gold);letter-spacing:.1em}
.card h3{margin:8px 0 6px}
.card p{margin:0;color:var(--ink-2);font-size:15.5px}
.uses{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.uses li{background:var(--raise);border:1px solid var(--line);padding:8px 12px;border-radius:var(--r);font-size:15px}
details{border-bottom:1px solid var(--line);padding-block:14px}
details summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
details summary::after{content:"+";font-family:var(--f-mono);color:var(--gold)}
details[open] summary::after{content:"–"}
details p{color:var(--ink-2);margin:10px 0 0;max-width:70ch}
.final{text-align:center;background:linear-gradient(180deg,var(--deep),var(--void))}
.final p{color:var(--ink-2);max-width:56ch;margin:14px auto 0}
.final .ctas{justify-content:center}
footer{border-top:1px solid var(--line);padding-block:28px;color:var(--ink-3);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
footer a{color:var(--ink-2)}
.float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;width:56px;height:56px;border-radius:50%;background:var(--zap);color:#04130A;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(34,197,94,.6)}
.float svg{width:28px;height:28px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* ilustrações */
.stack{position:relative;height:100%;display:grid;place-items:center}
.bc{position:absolute;width:62%;aspect-ratio:91/51;border-radius:6px;box-shadow:0 30px 60px -25px rgba(0,0,0,.9)}
.bc.b1{background:#F4F4F1;transform:rotate(-14deg) translate(-12%,10%)}
.bc.b2{background:linear-gradient(135deg,#2250A9,#12306E);transform:rotate(-4deg) translate(-2%,-2%);padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between}
.bc.b3{background:#0D0C0C;transform:rotate(9deg) translate(14%,-16%);border:1px solid #333;padding:7% 8%;display:flex;flex-direction:column;justify-content:flex-end}
.bc .mk{display:grid;grid-template-columns:1fr 1fr;width:20%;aspect-ratio:1;gap:2px}.bc .mk i:nth-child(1){background:#0D0C0C}.bc .mk i:nth-child(2){background:#2250A9}.bc .mk i:nth-child(3){background:#ED1C24}.bc .mk i:nth-child(4){background:#CEB739}
.bc .ln{height:5px;border-radius:3px;background:rgba(255,255,255,.75);margin-top:5px}
.bc .ln.s{width:45%}.bc .ln.m{width:65%;opacity:.55}
.bc.b3 .ln{background:#CEB739}
.cal{position:relative;width:78%;aspect-ratio:196/270;background:#F6F5F1;border-radius:4px;box-shadow:0 40px 80px -30px rgba(0,0,0,.95);padding:6%;color:#111;display:flex;flex-direction:column}
.cal .top{height:36%;border-radius:3px;background:linear-gradient(135deg,#2250A9,#0B1E48);display:flex;align-items:flex-end;padding:6%;color:#fff;font-family:var(--f-disp);font-weight:800;font-size:clamp(16px,2.4vw,26px)}
.cal .top em{font-style:normal;color:#CEB739;margin-left:6px}
.cal .mon{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;margin:7% 0 3%;text-transform:uppercase}
.cal .days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;flex:1}
.cal .days i{background:#E4E3DD;border-radius:2px}
.cal .days i.r{background:#ED1C24}
.cal .days i.h{background:#CEB739}
@media (max-width:860px){.hero .grid{grid-template-columns:1fr}.art{max-width:460px;justify-self:center;width:100%}.cards{grid-template-columns:1fr}.toplinks a.back{display:none}}
@media (max-width:860px){.art{max-width:340px}}
@media (max-width:620px){table{min-width:0}thead{display:none}tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 16px;border-bottom:1px solid var(--line)}tr:last-child{border-bottom:0}td{padding:0;border:0}td:nth-child(1){font-weight:600}td:nth-child(2){grid-column:1;grid-row:2;color:var(--ink-2);font-size:14.5px}td.p{grid-column:2;grid-row:1;text-align:right}td.a{grid-column:2;grid-row:2}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}