#plataforma *{box-sizing:border-box;margin:0}
#plataforma{background:var(--carbon);font-family:'Inter',sans-serif;color:var(--plat);-webkit-font-smoothing:antialiased}
#plataforma.hero{position:relative;overflow:hidden}
#plataforma .top{position:relative;padding:58px 70px 0;text-align:center;z-index:2}
#plataforma .circuit{position:absolute;inset:0 0 auto 0;height:430px;z-index:0;opacity:.55}
#plataforma .kicker{font:500 15px/1 'DejaVu Sans Mono',monospace;letter-spacing:.22em;color:var(--aco);text-transform:uppercase}
#plataforma .kicker b{color:var(--ouro);font-weight:500}
#plataforma .kicker i{display:inline-block;width:8px;height:8px;background:var(--ouro);margin:0 10px 1px 0}
#plataforma h1{font:800 86px/1.02 'Inter Display','Inter',sans-serif;letter-spacing:-.025em;margin:22px auto 0;max-width:1220px;text-wrap:balance}
#plataforma .g{background:linear-gradient(180deg,var(--ouro-c) 0%,#D4AE55 52%,var(--ouro-e) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#plataforma .rule{width:120px;height:2px;margin:26px auto 0;background:linear-gradient(90deg,transparent,var(--ouro),var(--aco),transparent)}
#plataforma .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px auto 0;max-width:1226px;text-align:left}
#plataforma .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}
#plataforma .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}
#plataforma .col strong{color:var(--plat);font-weight:600}
#plataforma .col em{font-style:normal;color:var(--ouro-c);font-weight:600}
#plataforma .photo{position:relative;margin-top:-6px;z-index:1;line-height:0}
#plataforma .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%)}
#plataforma .photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,var(--carbon))}
#plataforma .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%)}
#plataforma .chips{display:flex;justify-content:center;gap:14px;margin-top:26px}
#plataforma .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}
#plataforma .chip i{font-style:normal;color:#E5484D;margin-right:8px;text-decoration:none;display:inline-block}
#plataforma h1{font-size:78px;margin-top:26px}
#plataforma .sub{font:400 28px/1.4 'Inter',sans-serif;color:#E3E9F3;margin:26px auto 0;max-width:1100px;text-wrap:balance}
#plataforma .sub strong{color:var(--plat);font-weight:700}
#plataforma .sub em{font-style:normal;font-weight:700;color:var(--ouro-c)}
#plataforma .bar{display:flex;justify-content:center;gap:10px;margin-top:22px}
#plataforma .bar span{width:70px;height:4px;border-radius:2px}
#plataforma .photo{margin-top:-90px}
#plataforma .photo img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%);mask-image:linear-gradient(180deg,transparent 0,#000 34%)}
/* ===== responsivo (F1) ===== */
@media (max-width:1100px){
#plataforma .top{padding:48px 40px 0}
#plataforma h1{font-size:58px}
#plataforma .sub{font-size:24px}
}
@media (max-width:820px){
#plataforma .top{padding:40px 22px 0}
#plataforma h1{font-size:46px;margin-top:18px}
#plataforma .chips{flex-wrap:wrap;gap:10px;margin-top:20px}
#plataforma .chip{font-size:17px;padding:11px 16px;min-height:44px;display:inline-flex;align-items:center}
#plataforma .sub{font-size:21px;margin-top:18px}
#plataforma .bar span{width:48px}
#plataforma .photo{margin-top:-30px}
#plataforma .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){
#plataforma .top{padding:32px 18px 0}
#plataforma .kicker{font-size:12px;letter-spacing:.14em;line-height:1.5}
#plataforma h1{font-size:34px;line-height:1.08}
#plataforma .chip{font-size:16px;padding:10px 14px}
#plataforma .sub{font-size:18px}
#plataforma .photo{margin-top:-10px}
}

/* ===== responsivo (F1) ===== */

#plataforma .photo img{height:auto}