body{margin:0;background:#060A14}
a{color:#7CC4FF}a:hover{color:#B9E0FF}
*{box-sizing:border-box}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.sec{padding:clamp(72px,10vw,128px) 0;position:relative}
.eyebrow{font:700 12.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5FD4F0;margin:0 0 18px}
.h2{font-family:Sora,"Segoe UI",system-ui,sans-serif;font-weight:600;font-size:clamp(30px,4.2vw,48px);line-height:1.08;letter-spacing:-.025em;color:#F2F6FF;margin:0;text-wrap:balance}
.lead{font-size:clamp(16px,1.5vw,18.5px);line-height:1.65;color:#A9B6CF;margin:18px 0 0;max-width:620px;text-wrap:pretty}
.glass{background:linear-gradient(180deg,rgba(20,34,62,.62),rgba(10,18,36,.62));border:1px solid rgba(110,170,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 60px -30px rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ico{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#86CCFF;background:rgba(59,155,255,.10);border:1px solid rgba(110,170,255,.24)}
.ico svg{width:22px;height:22px}
.ctitle{font:700 17px/1.3 Manrope,system-ui,sans-serif;color:#EEF3FF;margin:0}
.ctext{font-size:15px;line-height:1.6;color:#9DABC6;margin:6px 0 0}
.btn-p{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:14px;font:700 16px/1 Manrope,system-ui,sans-serif;color:#04101F;text-decoration:none;background:linear-gradient(100deg,#3B9BFF 0%,#22D3EE 100%);box-shadow:0 10px 30px -10px rgba(34,180,240,.65),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s ease,filter .15s ease}
.btn-p:hover{color:#04101F;filter:brightness(1.08);transform:translateY(-1px)}
.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:14px;font:600 16px/1 Manrope,system-ui,sans-serif;color:#E4ECFF;text-decoration:none;border:1px solid rgba(130,180,255,.32);background:rgba(59,155,255,.06);transition:background .15s ease}
.btn-g:hover{color:#FFFFFF;background:rgba(59,155,255,.14)}
.btn-p:focus-visible,.btn-g:focus-visible,.nav a:focus-visible,.cs-btn:focus-visible,.cs-phase:focus-visible{outline:2px solid #5FD4F0;outline-offset:3px}
.nav a{color:#B8C4DC;text-decoration:none;font:600 14.5px/1 Manrope,system-ui,sans-serif}
.nav a:hover{color:#FFFFFF}
.feat{transition:border-color .2s ease,transform .2s ease}
.feat:hover{border-color:rgba(95,212,240,.38);transform:translateY(-2px)}
.mobile-cta{display:none}
@media (max-width:860px){.nav{display:none !important}.hide-sm{display:none !important}}
@media (max-width:720px){.mobile-cta{display:flex}.head-cta{display:none !important}}

/* CoreShift: tags, animação e trilha de fases */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tag{font:700 12px/1 Manrope,system-ui,sans-serif;letter-spacing:.03em;color:#BDEFFA;padding:7px 10px;border-radius:999px;border:1px solid rgba(95,212,240,.30);background:rgba(34,211,238,.07)}
.cs-stage-wrap{position:relative}
.cs-stage-wrap::before{content:"";position:absolute;left:6%;right:6%;top:4%;bottom:-8%;border-radius:50%;background:radial-gradient(closest-side,rgba(34,211,238,.20),rgba(59,155,255,.12) 55%,rgba(59,155,255,0));pointer-events:none;animation:csGlow 5s ease-in-out infinite}
.cs-frame{position:relative;border-radius:26px;padding:1.5px;background:linear-gradient(140deg,rgba(91,168,255,.85),rgba(34,211,238,.45) 40%,rgba(183,156,255,.45) 75%,rgba(91,168,255,.25));box-shadow:0 60px 120px -40px rgba(0,0,0,.95),0 0 80px -20px rgba(34,211,238,.35)}
.cs-inner{border-radius:25px;background:radial-gradient(120% 90% at 70% 10%,#0F2144 0%,#08101F 55%,#060A14 100%);padding:clamp(14px,2.4vw,28px);overflow:hidden}
.cs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cs-svg{display:block;width:100%;min-width:660px;height:auto}
.cs-svg text{font-family:"IBM Plex Mono","SFMono-Regular",Consolas,Menlo,monospace}
.cs-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}
.cs-live{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#BDEFFA}
.cs-live i{width:9px;height:9px;border-radius:50%;background:#22D3EE;box-shadow:0 0 12px #22D3EE;animation:csPulse 1.6s ease-in-out infinite}
.cs-btn{font:700 13.5px/1 Manrope,system-ui,sans-serif;color:#E4ECFF;background:rgba(59,155,255,.08);border:1px solid rgba(130,180,255,.32);border-radius:10px;padding:10px 14px;cursor:pointer}
.cs-btn:hover{background:rgba(59,155,255,.18)}
.cs-caption{margin-top:18px;min-height:96px}
.cs-phase-name{font:700 clamp(20px,2.6vw,28px)/1.15 Sora,system-ui,sans-serif;color:#7FE3F5;letter-spacing:-.01em}
.cs-phase-text{font-size:clamp(15px,1.5vw,17.5px);line-height:1.55;color:#C3D0E6;margin-top:8px;max-width:760px}
.cs-phases{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cs-phase{width:100%;text-align:left;font:600 13.5px/1.3 Manrope,system-ui,sans-serif;color:#8492AD;background:transparent;border:0;border-top:3px solid rgba(110,170,255,.18);padding:12px 2px 0;cursor:pointer;transition:color .3s,border-color .3s}
.cs-phase b{display:block;font:700 11px/1 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;color:#5FD4F0}
.cs-phase.done{color:#A9B6CF;border-top-color:rgba(34,211,238,.45)}
.cs-phase.on{color:#F2F6FF;border-top-color:#22D3EE;box-shadow:0 -10px 24px -14px rgba(34,211,238,.9)}
@media (max-width:720px){.cs-phases{grid-template-columns:1fr}.cs-phase{border-top:0;border-left:3px solid rgba(110,170,255,.18);padding:2px 0 2px 12px}.cs-phase.done{border-left-color:rgba(34,211,238,.45)}.cs-phase.on{border-left-color:#22D3EE;box-shadow:none}}
.bgp-row{display:grid;grid-template-columns:minmax(160px,.8fr) 2fr;gap:16px;padding:16px 18px;font-size:14.5px;line-height:1.55;color:#C6D2E8;border-top:1px solid rgba(110,170,255,.10);align-items:start}
.bgp-row b{color:#EEF3FF;font-weight:700}
@media (max-width:560px){.bgp-row{grid-template-columns:1fr;gap:4px}}
@keyframes csPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@keyframes csGlow{0%,100%{opacity:.75}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.cs-stage-wrap::before,.cs-live i{animation:none}}