#suporte *{box-sizing:border-box;margin:0}
#suporte{background:var(--carbon);font-family:'Inter',sans-serif;color:var(--plat);-webkit-font-smoothing:antialiased}
#suporte.hero{position:relative;overflow:hidden}
#suporte .top{position:relative;padding:58px 70px 0;text-align:center;z-index:2}
#suporte .circuit{position:absolute;inset:0 0 auto 0;height:430px;z-index:0;opacity:.55}
#suporte .kicker{font:500 15px/1 'DejaVu Sans Mono',monospace;letter-spacing:.22em;color:var(--aco);text-transform:uppercase}
#suporte .kicker b{color:var(--ouro);font-weight:500}
#suporte .kicker i{display:inline-block;width:8px;height:8px;background:var(--ouro);margin:0 10px 1px 0}
#suporte h1{font:800 86px/1.02 'Inter Display','Inter',sans-serif;letter-spacing:-.025em;margin:22px auto 0;max-width:1220px;text-wrap:balance}
#suporte .g{background:linear-gradient(180deg,var(--ouro-c) 0%,#D4AE55 52%,var(--ouro-e) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#suporte .rule{width:120px;height:2px;margin:26px auto 0;background:linear-gradient(90deg,transparent,var(--ouro),var(--aco),transparent)}
#suporte .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px auto 0;max-width:1226px;text-align:left}
#suporte .col{text-wrap:pretty;position:relative;padding:22px 26px 22px 34px;font:400 24px/1.45 'Inter',sans-serif;color:#E3E9F3;background:linear-gradient(180deg,rgba(22,29,40,.78),rgba(12,16,23,.78));border:1px solid #243044;border-radius:20px}
#suporte .col::before{content:"";position:absolute;left:16px;top:22px;bottom:22px;width:4px;background:linear-gradient(180deg,var(--ouro-c),var(--ouro-e));border-radius:2px}
#suporte .col strong{color:var(--plat);font-weight:600}
#suporte .col em{font-style:normal;color:var(--ouro-c);font-weight:600}
#suporte .photo{position:relative;margin-top:-6px;z-index:1;line-height:0}
#suporte .photo img{width:100%;display:block;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%);mask-image:linear-gradient(180deg,transparent 0,#000 20%)}
#suporte .photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,var(--carbon))}
#suporte .glow{position:absolute;inset:0;z-index:0;background:radial-gradient(520px 320px at 12% 18%,rgba(229,72,77,.28),transparent 70%),radial-gradient(520px 320px at 38% 8%,rgba(255,197,49,.20),transparent 70%),radial-gradient(520px 320px at 66% 8%,rgba(255,106,43,.22),transparent 70%),radial-gradient(520px 320px at 90% 18%,rgba(93,187,99,.26),transparent 70%)}
#suporte .chips{display:flex;justify-content:center;gap:14px;margin-top:26px}
#suporte .chip{font:600 21px/1 'Inter',sans-serif;color:#AEB8C9;padding:13px 22px;border-radius:999px;border:1px solid #2B374B;background:rgba(16,21,29,.7);text-decoration:line-through;text-decoration-color:#E5484D;text-decoration-thickness:3px}
#suporte .chip i{font-style:normal;color:#E5484D;margin-right:8px;text-decoration:none;display:inline-block}
#suporte h1{font-size:78px;margin-top:26px}
#suporte .sub{font:400 28px/1.4 'Inter',sans-serif;color:#E3E9F3;margin:26px auto 0;max-width:1100px;text-wrap:balance}
#suporte .sub strong{color:var(--plat);font-weight:700}
#suporte .sub em{font-style:normal;font-weight:700;color:var(--ouro-c)}
#suporte .bar{display:flex;justify-content:center;gap:10px;margin-top:22px}
#suporte .bar span{width:70px;height:4px;border-radius:2px}
#suporte .photo img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
#suporte .glow{background:radial-gradient(560px 320px at 22% 20%,rgba(255,140,43,.22),transparent 70%),radial-gradient(620px 340px at 78% 14%,rgba(111,147,191,.28),transparent 70%),radial-gradient(420px 240px at 50% 6%,rgba(201,162,75,.2),transparent 70%)}
#suporte h1{font-size:74px;margin-top:24px}
#suporte .chip{text-decoration:none;color:#E3E9F3;border-color:#3a4d6b}
#suporte .chip i{color:var(--ouro);}
#suporte .sub{font-size:30px}
#suporte .photo{margin-top:-120px}
#suporte .lab{position:absolute;bottom:34px;font:600 17px/1 'DejaVu Sans Mono',monospace;letter-spacing:.18em;text-transform:uppercase;padding:11px 16px;border-radius:8px;background:rgba(7,9,13,.78);border:1px solid #3a4d6b;color:var(--aco-c);z-index:3}
#suporte .lab b{color:var(--ouro);font-weight:500}
#suporte .l1{left:48px}
#suporte .l2{right:48px}
#suporte .link{position:absolute;left:50%;top:44%;width:2px;height:150px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,var(--ouro),transparent);z-index:3;opacity:.0}
#suporte .cta{position:relative;z-index:4;margin-top:34px;padding:0 70px 64px;text-align:center}
#suporte .cta h2{font:800 52px/1.08 'Inter Display';letter-spacing:-.02em;text-wrap:balance}
#suporte .cta p{font:400 27px/1.45 'Inter';color:#E3E9F3;max-width:1050px;margin:20px auto 0;text-wrap:balance}
#suporte .cta p strong{color:var(--plat);font-weight:700}
#suporte .cta p em{font-style:normal;font-weight:700;color:var(--ouro-c)}
#suporte .btn{display:inline-flex;align-items:center;gap:14px;margin-top:30px;font:800 32px/1 'Inter';color:#1a1204;background:linear-gradient(180deg,#F2DC95,#D4AE55 55%,#B58A35);padding:24px 46px;border-radius:18px;text-decoration:none;box-shadow:0 0 0 1px #F2DC95 inset,0 18px 50px rgba(201,162,75,.38)}
#suporte .btn span{font-size:36px}
#suporte .note{margin-top:16px;font:500 16px 'DejaVu Sans Mono',monospace;letter-spacing:.16em;color:var(--prata);text-transform:uppercase}
/* ===== responsivo (F1) ===== */
@media (max-width:1100px){
#suporte .top{padding:48px 40px 0}
#suporte h1{font-size:58px}
#suporte .sub{font-size:24px}
}
@media (max-width:820px){
#suporte .top{padding:40px 22px 0}
#suporte h1{font-size:46px;margin-top:18px}
#suporte .chips{flex-wrap:wrap;gap:10px;margin-top:20px}
#suporte .chip{font-size:17px;padding:11px 16px;min-height:44px;display:inline-flex;align-items:center}
#suporte .sub{font-size:21px;margin-top:18px}
#suporte .bar span{width:48px}
#suporte .photo{margin-top:-30px}
#suporte .photo img{height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
}
@media (max-width:560px){
#suporte .top{padding:32px 18px 0}
#suporte .kicker{font-size:12px;letter-spacing:.14em;line-height:1.5}
#suporte h1{font-size:34px;line-height:1.08}
#suporte .chip{font-size:16px;padding:10px 14px}
#suporte .sub{font-size:18px}
#suporte .photo{margin-top:-10px}
}

/* ===== responsivo (F1) ===== */
@media (max-width:820px){
#suporte .lab{position:static;display:inline-block;font-size:13px;letter-spacing:.1em;line-height:1.3;margin:10px 0 0 18px;padding:9px 12px}
#suporte .photo{line-height:1.2}
#suporte .photo img{line-height:0}
#suporte .photo::after{height:60px}
#suporte .cta{padding:0 20px 52px;margin-top:22px}
#suporte .cta h2{font-size:38px}
#suporte .cta p{font-size:21px}
#suporte .btn{font-size:24px;padding:20px 28px}
}
@media (max-width:560px){
#suporte .lab{display:block;margin:8px 18px 0;width:max-content;max-width:calc(100% - 36px)}
#suporte .cta{padding:0 18px 44px}
#suporte .cta h2{font-size:29px}
#suporte .cta p{font-size:17px;margin-top:14px}
#suporte .btn{display:flex;width:100%;justify-content:center;min-height:56px;font-size:20px;padding:18px 16px;margin-top:24px}
#suporte .btn span{font-size:22px}
#suporte .note{font-size:12px;letter-spacing:.08em;line-height:1.5}
}

#suporte .photo img{height:auto}