:root{--carbon:#07090D;--graf:#10151D;--graf2:#161d29;--line:#243044;--ouro:#C9A24B;--ouro-c:#F2DC95;--ouro-e:#9A7324;--aco:#6F93BF;--aco-c:#C5D8EE;--plat:#F2F4F8;--prata:#9AA6B8;--red:#E5484D;--amb:#FFC531;--lar:#FF6A2B;--grn:#5DBB63;--ok:#22C55E}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--carbon);font-family:'Inter',sans-serif;color:var(--plat);-webkit-font-smoothing:antialiased}
.sec{position:relative;overflow:hidden;padding:84px 70px 90px;width:100%;max-width:1366px;margin:0 auto}
.wrap{position:relative;z-index:2;max-width:1226px;margin:0 auto}
.head{text-align:center}
.kicker{font:500 15px/1 'DejaVu Sans Mono',monospace;letter-spacing:.22em;color:var(--aco);text-transform:uppercase}
.kicker b{color:var(--ouro);font-weight:500}
.kicker i{display:inline-block;width:8px;height:8px;background:var(--ouro);margin:0 10px 1px 0}
h2{font:800 64px/1.04 'Inter Display','Inter',sans-serif;letter-spacing:-.025em;margin:22px auto 0;max-width:1180px;text-wrap:balance}
.g{background:linear-gradient(180deg,var(--ouro-c) 0%,#D4AE55 52%,var(--ouro-e) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rule{width:120px;height:2px;margin:26px auto 0;background:linear-gradient(90deg,transparent,var(--ouro),var(--aco),transparent)}
.sub{font:400 27px/1.45 'Inter',sans-serif;color:#E3E9F3;max-width:1040px;margin:24px auto 0;text-wrap:balance}
.sub strong{color:var(--plat);font-weight:700}.sub em{font-style:normal;font-weight:700;color:var(--ouro-c)}
.glow{position:absolute;inset:0;z-index:0;pointer-events:none}
.btn{display:inline-flex;align-items:center;gap:14px;font:800 28px/1 'Inter',sans-serif;color:#1a1204;background:linear-gradient(180deg,#F2DC95,#D4AE55 55%,#B58A35);padding:22px 40px;border-radius:16px;text-decoration:none;border:0;cursor:pointer;box-shadow:0 0 0 1px #F2DC95 inset,0 16px 44px rgba(201,162,75,.34);transition:transform .16s cubic-bezier(.2,.7,.2,1)}
.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px)}}
.dots{display:flex;justify-content:center;gap:10px;margin-top:22px}.dots span{width:70px;height:4px;border-radius:2px}

img{max-width:100%}
body{overflow-x:hidden}
.hero{max-width:1366px;margin:0 auto}