:root{
  --bg:#071008;
  --bg2:#0b160d;
  --surface:#101b12;
  --surface2:#152216;
  --card:rgba(255,255,255,.055);
  --card2:rgba(255,255,255,.035);
  --line:rgba(124,213,139,.22);
  --line2:rgba(124,213,139,.34);
  --green:#62d874;
  --green2:#35bf50;
  --green3:#127a2a;
  --gold:#ffd45c;
  --gold2:#e9b747;
  --white:#ffffff;
  --text:#edf6ee;
  --muted:#b8c5ba;
  --dark:#050805;
  --shadow:0 28px 80px rgba(0,0,0,.48);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
  font-family:Montserrat,Arial,sans-serif;
  color:var(--text);
  background:
    linear-gradient(120deg,rgba(4,9,5,.96),rgba(6,14,7,.91)),
    url('../assets/brand-blur-profissional.jpg');
  background-size:cover;
  background-position:center;
  overflow-x:hidden;
}
a{color:inherit}
.bg-motion{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:.82}
.bg-motion:before{
  content:"";position:absolute;inset:-12%;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:76px 76px;
  transform:perspective(1100px) rotateX(64deg) translateY(-18%);
  animation:bgGrid 20s linear infinite;
  opacity:.55;
}
.bg-motion:after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 18% 20%,rgba(98,216,116,.16),transparent 30%),
    radial-gradient(circle at 86% 72%,rgba(255,212,92,.105),transparent 31%);
  filter:blur(2px);
}
@keyframes bgGrid{to{background-position:76px 152px}}
.page{position:relative;z-index:2;width:min(1220px,calc(100% - 32px));min-height:100vh;margin:auto;display:grid;align-items:center;padding:30px 0}
.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;color:var(--muted);font-size:.84rem}
.logo-text{font-family:Orbitron,Montserrat,sans-serif;font-weight:900;letter-spacing:-.02em;color:#fff;font-size:1.16rem;white-space:nowrap}.logo-text span{color:var(--green)}
.live{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(5,10,6,.6);backdrop-filter:blur(8px)}
.pulse-dot{width:9px;height:9px;border-radius:99px;background:var(--gold);box-shadow:0 0 0 rgba(255,212,92,.45);animation:pulseDot 1.6s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,212,92,.42)}50%{opacity:.75;box-shadow:0 0 0 9px rgba(255,212,92,0)}}
.shell{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,rgba(17,28,18,.96),rgba(7,12,8,.92));box-shadow:var(--shadow);isolation:isolate}
.shell:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(98,216,116,.06));pointer-events:none;z-index:0}
.shell:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--green3),var(--green),var(--gold),var(--green),var(--green3));background-size:240% 100%;animation:topFlow 5s linear infinite;z-index:2}
@keyframes topFlow{to{background-position:240% 0}}
.main{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.05fr) 410px;gap:34px;align-items:start;padding:54px 54px 38px}.copy{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,212,92,.34);background:rgba(255,212,92,.08);color:#ffe6a0;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.headline{font-family:Orbitron,Montserrat,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.055em;line-height:.93;font-size:clamp(2.6rem,5vw,4.75rem);margin:18px 0 14px;color:#fff}.headline span{display:block;color:var(--green)}.lead{max-width:720px;line-height:1.58;color:#e6eee7;font-size:clamp(1rem,1.55vw,1.15rem);font-weight:650;margin-bottom:22px}.lead strong,.mark{color:var(--green);font-weight:900}.cards{display:grid;gap:14px;margin-top:24px}.info-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px;border-radius:18px;background:linear-gradient(135deg,var(--card),var(--card2));border:1px solid rgba(255,255,255,.085);border-left:4px solid var(--green2);overflow:hidden;min-width:0}.info-card:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.072),transparent);transform:translateX(-130%);animation:sweep 6.8s ease-in-out infinite}.info-card:nth-child(2):before{animation-delay:1.4s}.info-card:nth-child(3):before{animation-delay:2.8s}.info-card:nth-child(4):before{animation-delay:4.2s}@keyframes sweep{0%,70%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.ico{position:relative;z-index:2;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:rgba(98,216,116,.105);border:1px solid rgba(98,216,116,.36);flex-shrink:0}.ico svg{width:26px;height:26px;fill:var(--green)}.info-card p{position:relative;z-index:2;color:#eaf1ea;line-height:1.55;font-size:.98rem}.info-card strong{color:var(--green);font-weight:850}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;border:1px solid var(--line2);background:rgba(98,216,116,.13);text-decoration:none;color:#fff;font-weight:900;transition:.25s ease}.button:hover{transform:translateY(-2px);background:rgba(98,216,116,.22)}.button svg{width:19px;height:19px;fill:currentColor}.note{color:var(--muted);font-weight:700;font-size:.92rem}.note strong{color:var(--green)}
.panel{position:relative;min-width:0;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(24,36,25,.94),rgba(6,10,7,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 18px 50px rgba(0,0,0,.34);padding:22px}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.052),transparent 12%,transparent 92%,rgba(255,255,255,.035));pointer-events:none}.scan{position:absolute;left:0;right:0;top:-42%;height:38%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.07),transparent);opacity:.32;animation:scan 4.8s ease-in-out infinite;pointer-events:none}@keyframes scan{to{top:110%}}
.panel-head{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.panel-title{font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;color:#fff}.chip{background:var(--gold);color:#182014;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:950;white-space:nowrap;animation:chipBright 2.2s ease-in-out infinite}@keyframes chipBright{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
.status-box{position:relative;border-radius:22px;border:1px solid rgba(255,212,92,.32);background:linear-gradient(135deg,rgba(255,212,92,.11),rgba(255,255,255,.025));padding:22px;margin-bottom:16px;overflow:hidden}.status-box .small-label{color:#ffe6a0;text-transform:uppercase;font-weight:950;letter-spacing:.15em;font-size:.75rem}.status-title{font-family:Orbitron,Montserrat,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:1.02;font-size:clamp(1.95rem,3.25vw,2.74rem);margin-top:9px;color:#fff;overflow-wrap:anywhere}.status-title span{display:block;color:var(--green);font-size:.86em}.progress-wrap{margin-top:18px}.progress-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:800;font-size:.79rem;margin-bottom:8px}.progress{height:11px;background:rgba(255,255,255,.085);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:72%;border-radius:99px;background:linear-gradient(90deg,var(--green3),var(--green),var(--gold));position:relative;animation:progress 3.1s ease-in-out infinite}.progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shine 2.2s linear infinite}@keyframes progress{0%,100%{width:68%}50%{width:76%}}@keyframes shine{to{transform:translateX(115%)}}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{min-width:0;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);padding:14px}.metric b{display:block;font-family:Orbitron,Montserrat,sans-serif;color:#fff;font-size:1.22rem;line-height:1.05;overflow-wrap:anywhere}.metric.good b{color:var(--green)}.metric.warn b{color:#ffe086}.metric span{display:block;margin-top:6px;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.25}.activity{margin-top:16px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);border-radius:18px;padding:15px}.activity-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:950;margin-bottom:12px}.activity-line{height:8px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.07);margin:9px 0}.activity-line:before{content:"";display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(98,216,116,.22),rgba(98,216,116,.82),rgba(255,212,92,.55));animation:lineMove 2.8s ease-in-out infinite}.activity-line:nth-child(3):before{width:64%;animation-delay:.55s}.activity-line:nth-child(4):before{width:38%;animation-delay:1.1s}@keyframes lineMove{0%,100%{transform:translateX(-60%)}50%{transform:translateX(135%)}}
.trust-box{margin-top:16px;border-radius:18px;border:1px solid rgba(98,216,116,.22);background:linear-gradient(135deg,rgba(98,216,116,.08),rgba(255,255,255,.025));padding:16px}.trust-box h3{font-size:.79rem;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:8px}.trust-box p{font-size:.88rem;line-height:1.55;color:#d8e3d9}.trust-box strong{color:var(--green)}.brand-strip{margin-top:16px;border-radius:18px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.08);padding:15px;text-align:center}.brand-strip .brand-name{font-family:Orbitron,Montserrat,sans-serif;font-weight:900;font-size:1.26rem;line-height:1}.brand-strip .brand-name span{color:var(--green)}.brand-strip .brand-sub{margin-top:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:850}.brand-strip .brand-site{display:inline-flex;margin-top:12px;border:1px solid var(--line2);border-radius:999px;padding:8px 16px;color:#fff;text-decoration:none;font-weight:900;background:rgba(98,216,116,.10)}
.footer{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 54px 30px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22)}.footer b{font-family:Orbitron,Montserrat,sans-serif}.footer b span{color:var(--green)}.footer p{color:var(--muted);font-size:.86rem}.footer strong{color:var(--green)}
/* modelo 2 */
.shell.executivo .main{grid-template-columns:1fr}.executive-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.statement,.status-list{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:24px;padding:24px}.statement h2{font-family:Orbitron,Montserrat,sans-serif;font-size:2rem;line-height:1.05;text-transform:uppercase;margin-bottom:12px}.statement h2 span{color:var(--green)}.statement p{line-height:1.7;color:#eaf2ea}.status-item{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#e6eee7}.status-item:last-child{border-bottom:0}.status-item em{font-style:normal;color:var(--green);font-weight:950}.ticker{margin-top:20px;overflow:hidden;white-space:nowrap;border:1px solid rgba(255,212,92,.25);border-radius:999px;background:rgba(255,212,92,.06);color:#ffe6a0;padding:10px 0}.ticker span{display:inline-block;animation:ticker 18s linear infinite;font-weight:900;letter-spacing:.03em}@keyframes ticker{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
/* modelo 3 */
.shell.compacto .main{grid-template-columns:1fr 360px}.announcement-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.045);padding:24px;margin-top:24px}.announcement-card h2{font-family:Orbitron,Montserrat,sans-serif;font-size:2.1rem;text-transform:uppercase;line-height:1.05}.announcement-card h2 span{color:var(--green)}.announcement-card p{line-height:1.7;color:#eaf2ea;margin-top:12px}.mini-proof{display:grid;gap:10px;margin-top:16px}.mini-proof div{display:flex;align-items:center;gap:10px;color:#e6eee7;font-weight:800}.mini-proof i{width:10px;height:10px;border-radius:50%;background:var(--gold);display:block;flex:0 0 10px}.phone-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:linear-gradient(160deg,rgba(22,34,23,.96),rgba(6,10,7,.96));padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.36)}.phone-screen{border-radius:24px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);padding:22px;min-height:520px;display:flex;flex-direction:column;justify-content:space-between}.phone-top{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#ffe6a0;font-weight:950}.phone-title{font-family:Orbitron,Montserrat,sans-serif;font-size:2.4rem;line-height:1;text-transform:uppercase}.phone-title span{display:block;color:var(--green)}.phone-copy{color:#e6eee7;line-height:1.6;font-size:.98rem}.phone-copy strong{color:var(--green)}
@media(max-width:1080px){.main,.shell.compacto .main{grid-template-columns:1fr}.panel{max-width:650px;width:100%;margin:auto}.topbar{padding:0 4px}.footer{flex-direction:column;text-align:center}.executive-grid{grid-template-columns:1fr}.phone-card{max-width:460px;margin:auto;width:100%}}
@media(max-width:620px){.page{width:min(100% - 18px,1220px);padding:14px 0}.topbar{flex-direction:column;text-align:center}.main{padding:34px 22px 28px;gap:24px}.footer{padding:22px}.eyebrow{font-size:.66rem;letter-spacing:.055em}.headline{font-size:2.34rem}.lead{font-size:.98rem}.info-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:15px}.ico{width:44px;height:44px}.info-card p{font-size:.92rem}.panel{padding:16px}.status-title{font-size:2rem}.metric-grid{grid-template-columns:1fr}.button{width:100%}.note{text-align:center;width:100%}.brand-strip .brand-name{font-size:1.05rem}.live{font-size:.78rem}.phone-screen{min-height:480px}.phone-title{font-size:2.05rem}}