/* Willian Rosa — tema global "Planos da marca" (2026-11). Carregar após o CSS da página e antes de components.css. */
:root{--navy:#08111F;--navy-2:#0C1729;--navy-3:#13223B;--cobalt:#2857EC;--cobalt-d:#1D45C9;--sky:#7EA0FF;--coral:#F06647;--coral-d:#C9472A;--paper:#F6F3EC;--cream:#F3EFE6;--ink:#1C1E25;--muted:#5E6577;--line:#E4DED2;--line-d:rgba(243,239,230,.12);--blue:#2857EC;--lime:#7EA0FF;--dark:#08111F;--soft:#F6F3EC;--bg:#FBFAF7;--max:1200px;--ease:cubic-bezier(.2,.8,.2,1);--display:'Plus Jakarta Sans',Manrope,system-ui,sans-serif;--wplanes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='10 16 45 39'%3E%3Cpath d='M12 18h9l12 25-6 10z' fill='%23F3EFE6'/%3E%3Cpath d='M25 18h10l12 25-7 10z' fill='%232857EC'/%3E%3Cpath d='M44 18h9l-2 10h-10z' fill='%23F06647'/%3E%3C/svg%3E")}
body{background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--coral);color:var(--navy)}
.shell{width:min(var(--max),calc(100% - 48px))}

/* Cabeçalho */
.top{width:min(var(--max),calc(100% - 28px));background:rgba(8,17,31,.78);border:1px solid rgba(243,239,230,.14);border-radius:20px;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px rgba(3,8,20,.22)}
.top .brand b{font:800 14px var(--display)}
.top .brand small{letter-spacing:.14em}
.top .mark{background:none;overflow:hidden;box-shadow:0 0 0 1px rgba(243,239,230,.14)}
.top nav{gap:26px;font-size:13px;font-weight:600}
.top nav a:not(.cta){position:relative}
@media(min-width:901px){.top nav a:not(.cta):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.top nav a:not(.cta):hover:after{transform:scaleX(1)}}
.top .cta{background:var(--cobalt);color:#fff!important;padding:12px 18px;border-radius:12px;box-shadow:0 8px 22px rgba(40,87,236,.4)}
.top .cta:hover{background:var(--cobalt-d)}

/* Hero das páginas internas */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 18%,rgba(40,87,236,.5),transparent 38%),radial-gradient(circle at 8% 100%,rgba(240,102,71,.2),transparent 34%),linear-gradient(rgba(243,239,230,.045) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(243,239,230,.045) 1px,transparent 1px) 0 0/64px 64px}
.hero:after{content:"";position:absolute;z-index:-1;right:-60px;bottom:-70px;width:420px;height:364px;background:var(--wplanes) center/contain no-repeat;opacity:.16;transform:rotate(-6deg)}
.hero h1{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance}
.hero h1 em{color:transparent;background:linear-gradient(100deg,var(--sky) 10%,#B9CBFF 45%,var(--cream) 90%);-webkit-background-clip:text;background-clip:text}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--sky);letter-spacing:.16em}
.kicker:before,.eyebrow:before{content:"";flex:0 0 auto;width:18px;height:9px;background:var(--coral);transform:skewX(-24deg);border-radius:2px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em;color:var(--cobalt)}
.dark .eyebrow,.cta-box .eyebrow{color:var(--sky)}
.hero .btn-light{background:var(--coral);color:var(--navy);box-shadow:0 14px 34px rgba(240,102,71,.35)}
.hero .btn-light:hover{background:#F57A5E;color:var(--navy)}
.hero .btn-ghost:hover{background:rgba(243,239,230,.1);border-color:rgba(243,239,230,.45)}
.hero-card{border-radius:26px;background:var(--cream);box-shadow:0 40px 90px rgba(0,0,0,.4);border-top:5px solid var(--coral)}
.hero-card strong{font-family:var(--display)}
.chips span{border-color:#DCD5C7;background:#fff;color:#1C1E25}
.breadcrumb{color:#9AA5BF}

/* Seções */
.section.soft,.soft{background:var(--paper)}
.head h2{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance}
.head p{font-size:16px}
.card,.value-card,.deliver-grid article,.process-grid article,.related a,.policy-grid div,.faq details,.diagnostic-form{background:#FFFEFB;border-color:var(--line)}
.card,.value-card,.related a,.deliver-grid article{position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.card:before,.value-card:before,.related a:before,.deliver-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--cobalt),var(--coral));transform:scaleX(.14);transform-origin:left;transition:transform .6s var(--ease)}
.card:hover,.value-card:hover,.related a:hover,.deliver-grid article:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(28,30,37,.1);border-color:#D6CFC0}
.card:hover:before,.value-card:hover:before,.related a:hover:before,.deliver-grid article:hover:before{transform:scaleX(1)}
.card h3,.value-card h3,.related strong{font-family:var(--display);letter-spacing:-.03em}
.card a,.related small{color:var(--cobalt)}
.card a:hover{color:var(--coral-d)}
.num{display:block;font:800 56px/1 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.4px var(--cobalt);transition:color .4s,-webkit-text-stroke-color .4s}
.card:hover .num{color:var(--coral);-webkit-text-stroke-color:var(--coral)}
.soft .card,.soft .related a,.soft .policy-grid div{background:#FFFEFB}
.dark{position:relative;isolation:isolate;overflow:hidden;background:var(--navy)}
.dark:before{content:"";position:absolute;z-index:-1;width:900px;height:900px;left:50%;top:-460px;transform:translateX(-50%);background:radial-gradient(circle,rgba(40,87,236,.26),transparent 62%)}
.dark .card{background:rgba(243,239,230,.04);border-color:var(--line-d);color:#fff}
.dark .card p{color:#AEB8CF}
.case-copy{background:linear-gradient(160deg,var(--navy-3),var(--navy-2));border-color:var(--line-d)}
.case-copy h3{font-family:var(--display)}
.metrics b,.proof-metrics b{color:var(--coral)}
.case-shot{background:linear-gradient(150deg,var(--cobalt),#3F6BF5 55%,#6F93FF);position:relative}
.list b,.diagnostic-benefits b{color:#B83F24}
.quote{background:var(--cream);border-left:4px solid var(--coral)}
.callout{border-left-color:var(--coral);background:var(--cream)}
.article h2,.article h3{font-family:var(--display);letter-spacing:-.03em}
.article a{color:var(--cobalt);text-decoration:underline;text-decoration-color:rgba(240,102,71,.6);text-underline-offset:3px}
.faq details[open]{border-color:rgba(40,87,236,.35)}
.btn-dark,.diagnostic-submit{background:var(--navy);color:#fff}
.btn-dark:hover,.diagnostic-submit:hover{background:var(--cobalt)}

/* CTA final */
.cta-box{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,var(--cobalt),#2149D0 50%,#173AAE);border-radius:32px;padding:48px;box-shadow:0 34px 80px rgba(40,87,236,.3)}
.cta-box:after{content:"";position:absolute;z-index:-1;right:-50px;top:-60px;width:340px;height:295px;background:var(--wplanes) center/contain no-repeat;opacity:.22;transform:rotate(-6deg)}
.cta-box .kicker{color:#DCE4FF}
.cta-box h2{font-family:var(--display);letter-spacing:-.045em}
.cta-box p{color:#DCE4FF}
.cta-box .btn-light{background:#fff;color:var(--navy)}
.cta-box .btn-light:hover{background:var(--coral);color:var(--navy)}

/* Rodapé */
.footer{color:#6D7383;font-size:12px}
.footer a{color:var(--ink);font-weight:600}
.footer a:hover{color:var(--cobalt)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--coral)}

@media(max-width:720px){.shell{width:calc(100% - 32px)}.hero:after{width:260px;height:225px;right:-70px;bottom:-40px}.cta-box{padding:34px 22px;border-radius:26px}.num{font-size:46px}}
@media(prefers-reduced-motion:reduce){.card,.value-card,.related a,.deliver-grid article,.card:before,.num{transition:none}.card:hover,.value-card:hover,.related a:hover{transform:none}}