/* NW1Cloud — direção híbrida: base clara + palco Orbit.
   Base clara (#F5F7FB) com os momentos de impacto em blocos escuros ou royal arredondados.
   Paleta da marca: royal #245BFF, navy #102B3C, branco. Palco escuro #0B2233. Sem amarelo/dourado.
   Tipos locais: Space Grotesk (títulos), Manrope (texto); rótulos em monoespaçada do sistema. */

@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:Space;src:url('/assets/fonts/space-grotesk-latin-500-normal.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --royal:#245bff;--royal-ink:#1846d6;--royal-2:#4f7bff;--sky:#9db8ff;--navy:#102b3c;--stage:#0b2233;
  --bg:#f5f7fb;--surface:#fff;--surface-2:#eef2f7;--tint:#eaf0ff;
  --ink:#102b3c;--muted:#4a5f70;--soft:#5e7182;
  --line:#e3e8f0;--line-2:#d6dfec;
  --accent:#245bff;
  --grid:rgba(79,123,255,.14);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --header-h:76px;
  --radius-block:32px;
}
/* Escopo escuro: palco do hero, blocos navy e cartões de cena */
.hero-surface,.comparison-section,.product-identity,.panel-badge,.about-hero .infrastructure-core,.plan.is-featured{
  color-scheme:dark;
  --bg:#0b2233;--surface:#10283a;--surface-2:#14304a;--tint:rgba(157,184,255,.1);
  --ink:#f4f8ff;--muted:#b3c4d4;--soft:#9fb2c4;
  --line:#1f3a50;--line-2:#2b4a62;
  --accent:#9db8ff;
  color:var(--ink);
}

/* Base */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img,svg{max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:Space,Manrope,Arial,sans-serif;font-weight:500;text-wrap:balance}
h1{font-size:clamp(2.6rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.05em}
h2{font-size:clamp(2.1rem,3.6vw,3.35rem);line-height:1.06;letter-spacing:-.045em}
h3{font-size:1.6rem;line-height:1.15;letter-spacing:-.035em}
p{color:var(--muted);text-wrap:pretty}
em{font-style:normal;color:var(--accent)}
::selection{background:var(--royal);color:#fff}
:focus-visible{outline:2px solid var(--royal);outline-offset:4px;border-radius:4px}
.hero-surface :focus-visible,.comparison-section :focus-visible,.launch-card :focus-visible{outline-color:#dbe5ff}
.container{width:min(1240px,100% - 96px);margin-inline:auto}
.skip{position:fixed;left:20px;top:-100px;z-index:99;background:var(--navy);color:#fff;padding:14px 20px;border-radius:8px}
.skip:focus{top:14px}
main{overflow-x:clip}

/* Pequenas peças */
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font:500 .8125rem/1.5 var(--mono);letter-spacing:0;margin-bottom:20px}
.eyebrow:before{content:'·••';letter-spacing:.08em;opacity:.9;flex:none}
.eyebrow.pill:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--royal-2);box-shadow:0 0 0 4px rgba(79,123,255,.18),0 0 14px rgba(79,123,255,.8)}
.status-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--royal-2);box-shadow:0 0 0 3px rgba(79,123,255,.2);vertical-align:.08em;flex:none}
.icon{width:30px;height:30px;flex-shrink:0;color:var(--accent)}
.glyph{flex-shrink:0}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.tags span{font-size:.75rem;line-height:1.5;padding:3px 10px;border:1px solid var(--line-2);border-radius:99px;color:var(--muted)}
.card-status{display:inline-flex;align-items:center;font-size:.75rem;color:var(--soft)}
.card-action,.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:var(--royal-ink)}
.hero-surface .text-link,.comparison-section .text-link{color:var(--ink)}
.card-action span,.text-link span{font-size:1.05rem;transition:transform .25s var(--ease)}
.text-link{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .3s var(--ease),color .2s}
.text-link:hover{background-size:100% 1px}
.text-link:hover span,a:hover>.card-action span,a:focus-visible>.card-action span,a:hover .card-action span{transform:translate(3px,-3px)}

/* Botões */
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:14px 20px 14px 22px;border:1px solid transparent;border-radius:12px;background:var(--royal);color:#fff;font-size:.9rem;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 30px -14px rgba(36,91,255,.75);transition:background .2s,box-shadow .25s,border-color .2s,transform .25s var(--ease)}
.button>span{font-size:1.05rem;transition:transform .25s var(--ease)}
.button:hover{background:#3469ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 36px -14px rgba(36,91,255,.9)}
.button:hover>span{transform:translate(2px,-2px)}
.button[href^="#"]:hover>span{transform:translateY(3px)}
.button.secondary{background:var(--surface);border-color:var(--line-2);color:var(--ink);box-shadow:0 1px 2px rgba(16,43,60,.06)}
.button.secondary:hover{border-color:#b7c6d8;background:var(--surface)}
.hero-surface .button.secondary,.comparison-section .button.secondary{background:rgba(157,184,255,.05);border-color:rgba(255,255,255,.22);box-shadow:none}
.hero-surface .button.secondary:hover{background:rgba(157,184,255,.1);border-color:rgba(255,255,255,.36)}
.button.light{background:#fff;color:var(--royal-ink);box-shadow:0 12px 30px -16px rgba(5,20,60,.5)}
.button.light:hover{background:#f2f6ff}
.button.disabled,.button.disabled:hover{background:var(--surface-2);border:1px dashed #8fa9e0;color:var(--muted);box-shadow:none;cursor:not-allowed;transform:none}

/* Aviso e cabeçalho */
.announcement{position:relative;z-index:31;background:var(--tint);font-size:.8125rem;line-height:1.6}
.announcement .container{display:flex;justify-content:space-between;gap:20px;padding-block:8px}
.announcement span{color:var(--muted)}
.announcement b{font-weight:700;color:var(--ink)}
.announcement a{white-space:nowrap;color:var(--royal-ink);font-weight:600}
.announcement a:hover{text-decoration:underline;text-underline-offset:3px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(245,247,251,.82);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.site-header.is-scrolled{background:rgba(255,255,255,.9);border-bottom-color:var(--line);box-shadow:0 10px 30px -24px rgba(16,43,60,.5)}
html:not(.js) .site-header{background:rgba(245,247,251,.97)}
.navigation{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header-h)}
.brand{display:block;flex-shrink:0}
.logo{display:block;width:188px;height:auto}
.main-menu{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:600;flex-shrink:0}
.main-menu>a{position:relative;padding:10px 14px;color:var(--muted);white-space:nowrap;border-radius:10px;transition:color .2s,background .2s}
.main-menu>a:not(.nav-launch):hover,.main-menu>a[aria-current]:not(.nav-launch){color:var(--ink);background:rgba(16,43,60,.05)}
.main-menu .nav-launch{display:inline-flex;align-items:center;margin-left:14px;padding:9px 16px;border:1px solid var(--line-2);border-radius:99px;background:var(--surface);color:var(--ink);font-size:.8125rem}
.main-menu .nav-launch:hover,.main-menu .nav-launch[aria-current]{border-color:#9db8ff;background:var(--tint)}
.menu-toggle{display:none}

/* Hero da home: palco Orbit em bloco arredondado */
.hero-block{padding:8px 16px 0}
.hero-surface{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-block);background:radial-gradient(ellipse 52% 62% at 76% 52%,rgba(36,91,255,.34),transparent 70%),radial-gradient(ellipse 40% 40% at 6% 4%,rgba(79,123,255,.08),transparent 70%),linear-gradient(180deg,#0a1f2f 0%,#0b2233 70%,#0a1d2c 100%)}
.stage-floor{position:absolute;left:-15%;right:-15%;bottom:0;height:52%;z-index:-2;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:76px 76px;background-position:50% 100%;transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 0,rgba(0,0,0,.5) 40%,transparent 88%);mask-image:linear-gradient(to top,#000 0,rgba(0,0,0,.5) 40%,transparent 88%)}
.orbit-field{position:absolute;left:62%;top:50%;width:1720px;max-width:none;height:auto;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}
.hero{position:relative}
.hero-copy{position:relative;z-index:3}
.hero p{font-size:1.125rem;line-height:1.75;max-width:34em;margin:26px 0 36px}
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:16px;min-height:700px;padding-block:48px 72px}
.home-hero h1{font-size:clamp(3rem,5.2vw,5rem);max-width:10.6ch}
.home-hero h1 em{display:block;margin-top:.06em}
.home-hero .hero-copy>p{max-width:30em;color:#c3d1de}
.home-hero .hero-copy>p br{display:none}
.hero-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px}
.hero-chips small{font:500 .75rem/1.4 var(--mono);color:#a9bccd;margin-right:4px}
.hero-chips span{padding:5px 12px;border-radius:99px;font-size:.8125rem;color:#dbe5f0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.hero-visual{position:relative;z-index:1;min-width:0}
.motion-toggle{position:absolute;right:28px;bottom:24px;z-index:8;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:8px 16px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(7,21,31,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c6d3df;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .2s,color .2s}
.motion-toggle:hover{color:#fff;border-color:rgba(255,255,255,.4)}
html:not(.js) .motion-toggle{display:none}


/* Faixa de capacidades */
.capabilities{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:center;gap:24px;padding:30px 4px 8px;font:500 1.0625rem/1.4 Space,sans-serif;color:var(--muted)}
.capabilities small{font:500 .75rem/1.4 var(--mono);color:var(--soft);padding-right:16px}
.capabilities span{display:flex;align-items:center;gap:10px}
.capabilities span:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--royal-2);flex:none}

/* Núcleo orbital (sobre, cenas compactas) */
.infrastructure-core{position:relative;width:100%;height:580px;isolation:isolate;perspective:1100px}
.core-halo{position:absolute;left:50%;top:46%;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;background:radial-gradient(circle,rgba(36,91,255,.34) 0%,rgba(36,91,255,.1) 38%,transparent 66%);z-index:0}
.core-floor{position:absolute;left:50%;top:69%;width:560px;height:130px;margin-left:-280px;border-radius:50%;background:radial-gradient(ellipse,rgba(1,6,12,.7),transparent 70%);z-index:0}
.core-reflection{position:absolute;left:50%;top:73%;width:320px;height:44px;margin-left:-160px;border-radius:50%;background:radial-gradient(ellipse,rgba(79,123,255,.6),rgba(36,91,255,.14) 45%,transparent 72%);filter:blur(8px);z-index:1}
.core-plane{position:absolute;border-radius:26px;background:linear-gradient(150deg,rgba(169,191,254,.18),rgba(36,91,255,.06) 45%,rgba(7,21,31,.25));border:1px solid rgba(169,191,254,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 40px 60px -30px rgba(0,0,0,.85);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:rotateX(58deg) rotateZ(-34deg)}
.core-plane:before{content:'';position:absolute;inset:14px;border-radius:15px;border:1px dashed rgba(169,191,254,.2)}
.plane-back{width:230px;height:185px;left:0;top:9%;opacity:.85;z-index:0}
.plane-mid{display:none}
.plane-front{width:176px;height:144px;right:5%;bottom:17%;z-index:6;background:linear-gradient(150deg,rgba(79,123,255,.5),rgba(36,91,255,.16) 50%,rgba(16,43,60,.35));border-color:rgba(169,191,254,.4)}
.core-ring{position:absolute;left:50%;top:48%;width:540px;height:540px;margin:-270px 0 0 -270px;border-radius:50%;transform:rotateX(68deg) rotateZ(-24deg)}
.ring-back{z-index:1;border:10px solid #1c3850;box-shadow:inset 0 2px 1px rgba(169,191,254,.25),0 6px 0 #0a1b29,0 7px 0 #2c4a62}
.ring-front{z-index:4;border:10px solid #58799a;clip-path:inset(50% -20% -20% -20%);box-shadow:inset 0 2px 1px rgba(220,232,255,.6),0 6px 0 #15304a,0 7px 0 #6f90b1,0 22px 30px rgba(0,0,0,.45);pointer-events:none}
.ring-cross{width:470px;height:470px;margin:-235px 0 0 -235px;border:1.5px solid rgba(79,123,255,.55);transform:rotateX(64deg) rotateY(38deg) rotateZ(30deg);z-index:0}
.core-emblem{position:absolute;left:50%;top:46%;width:256px;height:256px;margin:-128px 0 0 -128px;z-index:3}
.core-face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff 0,#e8effc 30%,#bccde6 62%,#8ea9c7 100%);box-shadow:inset 0 0 0 10px rgba(216,228,246,.9),inset 0 0 0 11px rgba(120,150,190,.5),inset 0 -20px 34px rgba(36,91,255,.2),0 6px 0 #7491b1,0 13px 0 #2b4867,0 14px 0 #7294bb,0 34px 60px rgba(0,0,0,.6),0 0 90px rgba(36,91,255,.38)}
.core-face:after{content:'';position:absolute;inset:7%;border-radius:50%;background:radial-gradient(ellipse at 34% 18%,rgba(255,255,255,.75),transparent 44%);pointer-events:none}
.core-symbol{position:absolute;inset:0;margin:auto;width:78%;height:auto;max-width:100%}
.core-orbit{position:absolute;left:50%;top:48%;width:540px;height:540px;margin:-270px 0 0 -270px;transform:rotateX(68deg) rotateZ(-24deg);z-index:5;pointer-events:none}
.core-traveler{position:absolute;inset:0;transform:rotate(40deg);animation:orbit-travel 32s linear infinite}
.core-traveler span{position:absolute;top:-8px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e6edff,#6b8fff 30%,#245bff 60%,#0d2866 90%);box-shadow:0 0 20px rgba(79,123,255,.95),0 4px 8px rgba(0,0,0,.5)}
@keyframes orbit-travel{to{transform:rotate(400deg)}}
.motion-paused .core-traveler,.scene-suspended .core-traveler{animation-play-state:paused}
html:not(.js) .core-traveler,.compact .core-traveler{animation:none}
.infrastructure-core.compact{height:360px}
.compact .core-halo{width:440px;height:440px;margin:-220px 0 0 -220px}
.compact .core-floor{width:360px;height:90px;margin-left:-180px}
.compact .core-reflection{width:210px;height:30px;margin-left:-105px}
.compact .core-ring,.compact .core-orbit{width:340px;height:340px;margin:-170px 0 0 -170px}
.compact .core-ring{border-width:7px}
.compact .ring-cross{width:300px;height:300px;margin:-150px 0 0 -150px;border-width:1.5px}
.compact .core-emblem{width:164px;height:164px;margin:-82px 0 0 -82px}
.compact .core-face{box-shadow:inset 0 0 0 7px rgba(216,228,246,.9),inset 0 0 0 8px rgba(120,150,190,.5),inset 0 -14px 24px rgba(36,91,255,.2),0 4px 0 #7491b1,0 9px 0 #2b4867,0 10px 0 #7294bb,0 24px 40px rgba(0,0,0,.6),0 0 60px rgba(36,91,255,.35)}
.compact .core-plane{border-radius:18px}
.compact .core-plane:before{inset:10px;border-radius:10px}
.compact .plane-back{width:130px;height:108px;left:2%;top:6%}
.compact .plane-front{width:116px;height:96px;right:3%;bottom:14%}

/* Seções */
.section{padding-block:112px}
.section-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:48px;align-items:end;margin-bottom:52px}
.section-heading>p{justify-self:end;max-width:34ch;font-size:1rem}
.section-heading.centered{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}
.section-heading.centered .eyebrow{justify-content:center}
.section-heading.centered>p{justify-self:auto;margin-top:18px;max-width:48ch}
.services{padding-top:96px}

/* Bento de soluções */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bento-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:340px;padding:28px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px rgba(16,43,60,.04);transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
a.bento-card:hover{transform:translateY(-3px);border-color:#c5d3ff;box-shadow:0 30px 60px -36px rgba(36,91,255,.45)}
.bento-wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}
.bento-copy{display:flex;flex-direction:column;gap:12px}
.bento-head{display:flex;align-items:center;justify-content:space-between}
.bento-head i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--tint);color:var(--royal)}
.bento-head span{font:500 .75rem/1 var(--mono);color:var(--soft)}
.bento-card h3{font-size:1.65rem}
.bento-card p{font-size:.9375rem;line-height:1.6}
.bento-card .tags{margin-top:4px}
.bento-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}
.bento-art{display:grid;place-items:center;border-radius:16px;background:var(--bg);overflow:hidden}
.bento-art svg{width:100%;height:auto;max-width:420px}
.bento-art.small{background:none;flex:1;min-height:120px}
.bento-art.small svg{max-width:210px}
.bento-links{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.bento-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 16px;border-radius:14px;background:var(--bg);font-weight:700;transition:background .2s}
.bento-links a:hover{background:var(--tint)}
.bento-links small{font-size:.75rem;font-weight:500;color:var(--soft)}
.bento-royal{background:var(--royal);border-color:var(--royal);color:#fff}
.bento-royal .eyebrow{color:#dbe5ff;margin-bottom:0}
.bento-royal h3{font-size:1.85rem;line-height:1.15}
.bento-royal p{color:#e6edff}
.bento-royal .button{margin-top:auto;align-self:flex-start}
a.bento-royal:hover{border-color:var(--royal);box-shadow:0 30px 60px -30px rgba(36,91,255,.7)}

/* Três caminhos */
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.path-card{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.path-label{font:500 .75rem/1.4 var(--mono);color:var(--soft)}
.path-card h3{font-size:1.6rem}
.path-card p{font-size:.9375rem}
.path-card dl{margin:auto 0 0;padding-top:14px;display:flex;flex-direction:column;gap:6px;font-size:.8125rem}
.path-card dl div{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--line)}
.path-card dt{color:var(--soft)}
.path-card dd{margin:0;font-weight:600;text-align:right}
.path-card .text-link{margin-top:14px;align-self:flex-start}
.path-connector{display:block;width:100%;height:56px}
.path-band{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:40px 48px;border-radius:22px;background:var(--royal);color:#fff}
.path-band .eyebrow{color:#dbe5ff;margin-bottom:10px}
.path-band p{max-width:40ch;font:400 1.5rem/1.35 Space,sans-serif;letter-spacing:-.02em;color:#fff}
.path-band .button{flex:none}

/* Blocos escuros (home: painéis; internas: fichas e editoriais) */
.comparison-section{position:relative;isolation:isolate;margin-inline:16px;border-radius:var(--radius-block);background:radial-gradient(ellipse 50% 60% at 50% 0,rgba(36,91,255,.3),transparent 70%),linear-gradient(180deg,#102b3c,#0c2333)}
.comparison-section:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(rgba(157,184,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(157,184,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 55% 65% at 88% 0,#000,transparent 72%);mask-image:radial-gradient(ellipse 55% 65% at 88% 0,#000,transparent 72%);pointer-events:none}
.comparison-section .tags span{border-color:var(--line-2);color:var(--muted)}

/* Abas de painéis */
.tabs{max-width:1120px;margin-inline:auto;border-radius:22px;overflow:hidden;background:#fff;color:#102b3c;box-shadow:0 44px 90px -30px rgba(2,10,20,.6)}
.tab-list{display:flex;gap:6px;padding:10px;background:#f5f7fb;border-bottom:1px solid #e3e8f0}
.tab-list button{min-height:44px;padding:0 20px;border:0;border-radius:10px;background:transparent;color:#4a5f70;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.tab-list button:hover{color:#102b3c;background:#eaf0ff}
.tab-list button[aria-selected="true"]{background:#245bff;color:#fff}
.tab-list button:focus-visible{outline-color:#245bff}
.tab-pane{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.js .tab-pane[hidden]{display:none}
html:not(.js) .tab-pane+.tab-pane{border-top:1px solid #e3e8f0}
.tab-copy{display:flex;flex-direction:column;gap:14px;padding:40px;border-right:1px solid #e3e8f0;--accent:#245bff;--ink:#102b3c;--muted:#4a5f70;--soft:#5e7182;color:#102b3c}
.tab-copy .eyebrow{margin-bottom:0}
.tab-copy h3{font-size:1.75rem}
.tab-copy .text-link{align-self:flex-start;color:#1846d6;margin-top:6px}
.tab-copy small{margin-top:auto;font-size:.75rem;color:#5e7182}
.tick-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:.9375rem;color:#102b3c}
.tick-list li{display:flex;align-items:center;gap:10px}
.tick-list .glyph{color:#245bff}
.tab-window{margin:0;display:flex;flex-direction:column;gap:16px;padding:32px;background:#f8fafd}
.tw-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tw-head b{font:500 1.2rem/1.2 Space,sans-serif;letter-spacing:-.02em}
.tw-head code,.tw-row code{font:500 .75rem/1.4 var(--mono);color:#5e7182}
.tw-head code{padding:4px 10px;border-radius:8px;background:#eef2f7}
.tw-table{border-radius:14px;background:#fff;border:1px solid #e3e8f0;overflow:hidden;font-size:.875rem}
.tw-row{display:grid;grid-template-columns:1.3fr 1fr .8fr;align-items:center;padding:13px 18px;border-top:1px solid #eef2f7}
.tw-row span:first-child{display:flex;align-items:center;gap:10px;font-weight:600}
.tw-row span:first-child .glyph{color:#8fa3b8}
.tw-row span:nth-child(2){color:#4a5f70}
.tw-th{border-top:0;font-size:.75rem;color:#5e7182}
.tw-th span:first-child{font-weight:500}
.tw-row.is-active{background:#eaf0ff}
.tw-row.is-active span:first-child{color:#1846d6}
.tw-row.is-active .glyph{color:#245bff!important}
.tw-actions{display:flex;align-items:center;gap:10px}
.tw-btn{padding:7px 14px;border-radius:10px;font-size:.8125rem;font-weight:600;background:#fff;border:1px solid #e3e8f0}
.tw-btn.dark{background:#102b3c;border-color:#102b3c;color:#fff}
.tw-actions small{margin-left:auto;font-size:.75rem;color:#5e7182}
.tw-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tw-group{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:#fff;border:1px solid #e3e8f0}
.tw-group span{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-weight:700;font-size:.875rem}
.tw-group span .glyph{color:#245bff}
.tw-group small{font-size:.8125rem;color:#4a5f70}

/* Recursos */
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.resource{display:flex;flex-direction:column;gap:10px;min-height:180px;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.resource i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:6px;border-radius:12px;background:var(--tint);color:var(--royal)}
.resource h3{font:700 1.0625rem/1.3 Manrope,sans-serif;letter-spacing:0}
.resource p{font-size:.875rem;line-height:1.55}
.resource.is-accent{background:var(--tint);border-color:#c9d7ff}
.resource.is-accent i{background:var(--royal);color:#fff}

/* Planos */
.plans-section{padding-top:120px}
.plan-cycle{display:flex;align-items:center;gap:4px;width:fit-content;margin:-12px auto 40px;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:.875rem;font-weight:600;color:var(--soft)}
.plan-cycle span{padding:8px 18px;border-radius:10px}
.plan-cycle .is-on{background:var(--navy);color:#fff}
.plan-cycle em{margin:0 8px 0 6px;padding:3px 10px;border-radius:99px;background:var(--tint);color:var(--royal-ink);font:500 .75rem/1.4 var(--mono)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:18px;padding:32px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.plan.is-featured{background:linear-gradient(170deg,#12304a,#0e2638);border-color:#12304a;box-shadow:0 36px 70px -36px rgba(16,43,60,.6)}
.plan-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:99px;background:var(--royal);color:#fff;font:500 .75rem/1.5 var(--mono);white-space:nowrap}
.plan-name{font:500 .8125rem/1.4 var(--mono);color:var(--accent)}
.plan>p{font-size:.9375rem;line-height:1.55;min-height:3.1em}
.plan-price b{display:block;font:500 2rem/1.1 Space,sans-serif;letter-spacing:-.03em}
.plan-price small{display:block;margin-top:6px;font-size:.8125rem;color:var(--soft)}
.plan .button.disabled{width:100%;justify-content:center}
.plan.is-featured .button.disabled{background:rgba(255,255,255,.06);border-color:rgba(157,184,255,.6);color:#dbe5f0}
.plan dl{margin:0;display:flex;flex-direction:column;font-size:.875rem}
.plan dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.plan dt{color:var(--muted)}
.plan dd{margin:0;font-weight:600;text-align:right}
.plan .text-link{margin-top:auto;align-self:flex-start}
.plan.is-featured .text-link{color:#fff}
.plan-note{margin-top:28px;text-align:center;font-size:.8125rem;color:var(--soft)}

/* FAQ */
.faq-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}
.faq-section>div:first-child{position:sticky;top:120px}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-list details{border-radius:18px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.faq-list details[open]{border-color:#c9d7ff;box-shadow:0 20px 40px -30px rgba(36,91,255,.45)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:44px;padding:20px 24px;cursor:pointer;list-style:none;font-size:1.0625rem;font-weight:700;line-height:1.5;border-radius:18px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--royal);font-size:1.1rem;transition:transform .3s var(--ease),background .3s,color .3s}
.faq-list details[open] summary span{transform:rotate(45deg);background:var(--royal);color:#fff}
.faq-list p{padding:0 72px 22px 24px;max-width:66ch;font-size:.9375rem;line-height:1.75}

/* Chamada final royal */
.launch-section{padding:32px 16px 112px}
.launch-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;width:auto;max-width:1368px;padding:88px 48px 72px;border-radius:var(--radius-block);text-align:center;color:#fff;background:radial-gradient(ellipse 55% 70% at 50% 115%,#7b9cff,rgba(36,91,255,0) 70%),var(--royal);box-shadow:0 50px 90px -60px rgba(36,91,255,.9);--ink:#fff;--muted:#e6edff;--accent:#dbe5ff}
.launch-card .eyebrow{justify-content:center;color:#dbe5ff}
.launch-card h2{font-size:clamp(2.2rem,4vw,3.6rem);max-width:16ch}
.launch-card h2 em{color:#d6e1ff}
.launch-card>p{max-width:46ch;margin-top:18px;color:#e6edff}
.launch-action{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.launch-action .button.disabled,.launch-action .button.disabled:hover{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.launch-note{margin-top:14px;font-size:.8125rem;color:#dbe5ff}
.cta-seal{display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 10px rgba(255,255,255,.12)}
.cta-seal img{width:40px}
.cta-tile{position:absolute;z-index:-1;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);color:#fff}
.t1{left:8%;top:18%;width:72px;height:72px;transform:rotate(-10deg)}
.t2{left:15%;bottom:16%;width:56px;height:56px;transform:rotate(8deg)}
.t3{right:10%;top:20%;width:64px;height:64px;transform:rotate(12deg)}
.t4{right:17%;bottom:18%;width:52px;height:52px;transform:rotate(-6deg)}

.launch-section .launch-card{width:auto;margin-inline:auto}


/* Megamenu */
.nav-item{display:flex}
.nav-trigger{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s,background .2s}
.nav-trigger .chev{transition:transform .25s var(--ease)}
.nav-trigger:hover,.nav-item.is-open>.nav-trigger,.nav-trigger.is-current{color:var(--ink);background:rgba(16,43,60,.05)}
.nav-item.is-open>.nav-trigger .chev{transform:rotate(180deg)}
.mega{display:none;position:absolute;left:50%;top:calc(100% - 8px);z-index:40;width:min(980px,calc(100vw - 48px));transform:translateX(-50%);border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px -24px rgba(16,43,60,.35),0 2px 6px rgba(16,43,60,.06);overflow:hidden;color:var(--ink)}
.mega:before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px}
.nav-item.is-open>.mega{display:block;animation:mega-in .22s var(--ease)}
html:not(.js) .nav-item:hover>.mega,html:not(.js) .nav-item:focus-within>.mega{display:block}
@keyframes mega-in{from{opacity:0;transform:translate(-50%,-6px)}}
.mega-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;padding:20px}
.mega-col{display:flex;flex-direction:column;gap:4px}
.mega-title{display:block;margin:0 0 8px 12px;font:500 .75rem/1.4 var(--mono);color:var(--soft)}
.mega-link{display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:14px;transition:background .2s}
.mega-link:hover,.mega-link:focus-visible,.mega-link[aria-current]{background:var(--bg)}
.mega-link i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--tint);color:var(--royal)}
.mega-link b{display:block;font-size:.9375rem;font-weight:700;color:var(--ink)}
.mega-link small{display:block;margin-top:2px;font-size:.8125rem;line-height:1.45;color:var(--muted);font-weight:500}
.mega-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:16px;background:linear-gradient(170deg,#12304a,#0b2233);color:#fff;transition:transform .25s var(--ease)}
.mega-card:hover{transform:translateY(-2px)}
.mega-card .mega-title{margin:0;color:#9db8ff}
.mega-card b{font:500 1.35rem/1.25 Space,sans-serif;letter-spacing:-.02em}
.mega-cta{margin-top:auto;padding-top:8px;display:inline-flex;gap:8px;font-size:.875rem;font-weight:600;color:#dbe5ff}
.mega-mock{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.mega-mock i{height:14px;border-radius:6px;background:rgba(157,184,255,.16);border:1px solid rgba(157,184,255,.22)}
.mega-mock i.on{background:rgba(36,91,255,.55);border-color:#6f93ff;width:86%}
.mega-foot{display:flex;align-items:center;gap:24px;padding:14px 24px;background:var(--bg);border-top:1px solid var(--line);font-size:.8125rem;font-weight:600}
.mega-foot a{color:var(--royal-ink)}
.mega-foot a:hover{text-decoration:underline;text-underline-offset:3px}
.mega-foot>span{margin-left:auto;display:inline-flex;align-items:center;color:var(--muted);font-weight:500}

/* Janelas de aplicativo (ilustrações de painel) */
.app-window{margin:0;min-width:0;border-radius:20px;overflow:hidden;background:#fff;color:#102b3c;border:1px solid #e3e8f0;box-shadow:0 40px 80px -40px rgba(16,43,60,.55)}
.comparison-section .app-window{border-color:transparent;box-shadow:0 44px 90px -30px rgba(2,10,20,.7)}
.app-window.shot img{display:block;width:100%;height:auto}
.tw-bar{display:flex;align-items:center;gap:16px;height:42px;padding:0 16px;border-bottom:1px solid #e3e8f0;background:#f8fafd}
.pw-dots{display:flex;gap:6px}
.pw-dots i{width:10px;height:10px;border-radius:50%;background:#d5dce6}
.tw-url{margin:0 auto;padding:3px 14px;border-radius:8px;background:#eef2f7;font:500 .75rem/1.6 var(--mono);color:#5e7182;transform:translateX(-24px)}
.aw-body{display:grid;grid-template-columns:1fr}
.with-side .aw-body{grid-template-columns:150px minmax(0,1fr)}
.aw-side{display:flex;flex-direction:column;gap:2px;padding:16px 10px;background:#f5f7fb;border-right:1px solid #e3e8f0;font-size:.8125rem;color:#4a5f70}
.aw-side span{padding:7px 10px;border-radius:8px;white-space:nowrap}
.aw-side .on{background:#eaf0ff;color:#1846d6;font-weight:600}
.tw-ok{display:inline-flex;align-items:center;gap:6px;color:#1b7a4c;font-weight:600}
.tw-ok:before{content:'';width:6px;height:6px;border-radius:50%;background:#1faa6b}
.pw-status{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#eaf0ff;color:#1846d6;font-size:.75rem;font-weight:600}
.pw-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#245bff}
.reseller-window{align-self:center}
.rw-body{display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px}
.rw-head{display:flex;align-items:center;gap:12px}
.rw-head b{display:block;font:500 1.1rem/1.2 Space,sans-serif}
.rw-head small{font-size:.75rem;color:#5e7182}
.rw-head .pw-status{margin-left:auto}
.rw-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf0ff;color:#245bff}
.rw-tabs{display:flex;gap:18px;border-bottom:1px solid #e3e8f0;font-size:.8125rem;color:#5e7182}
.rw-tabs span{padding:6px 0 9px}
.rw-tabs .on{color:#102b3c;font-weight:700;box-shadow:inset 0 -2px 0 #245bff}
.rw-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.rw-title small{display:block;font:500 .75rem/1.4 var(--mono);color:#5e7182;text-transform:uppercase;letter-spacing:.06em}
.rw-title b{font-size:.9375rem}
.rw-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;background:#245bff;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}
.rw-pack{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid #e3e8f0}
.rw-pack>i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#f1f4f9;color:#5e7182}
.rw-pack.on{border-color:#c9d7ff;background:#f6f9ff}
.rw-pack.on>i{background:#245bff;color:#fff}
.rw-pack b{display:block;font-size:.875rem}
.rw-pack em{margin-left:6px;font-style:normal;font-size:.75rem;font-weight:600;color:#1846d6}
.rw-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.rw-chips u{text-decoration:none;padding:2px 8px;border-radius:6px;background:#f1f4f9;font:500 .75rem/1.5 var(--mono);color:#4a5f70}
.hero .rw-note,.rw-note{margin:0;max-width:none;font-size:.75rem;line-height:1.5;color:#5e7182}

/* Seções lado a lado com ilustração */
.split-show{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.split-show.reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.split-copy>p{margin:20px 0 24px;max-width:40ch}
.split-copy .tick-list{color:var(--ink)}
.comparison-section .tick-list .glyph{color:#9db8ff}
.hero-ticks{margin:-12px 0 32px;color:var(--ink)}
.promo-band{display:flex;align-items:center;gap:24px;padding:28px 32px;border-radius:22px;background:var(--royal);color:#fff;transition:transform .25s var(--ease),box-shadow .25s}
.promo-band:hover{transform:translateY(-2px);box-shadow:0 30px 60px -30px rgba(36,91,255,.7)}
.promo-ico{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26)}
.promo-band b{display:block;font:500 1.5rem/1.2 Space,sans-serif;letter-spacing:-.02em}
.promo-band small{display:block;margin-top:4px;font-size:.9375rem;color:#e6edff}
.promo-band .eyebrow{color:#dbe5ff;margin-bottom:6px}
.promo-band .button{margin-left:auto;flex:none}
.spec-action{margin-top:18px}
.spec-action .button{width:100%;justify-content:center}
.spec-sheet .button.disabled,.spec-sheet .button.disabled:hover{background:#f5f7fb;border-color:#8fa9e0;color:#4a5f70}
.compare-hint{display:none;margin:0 0 12px;font-size:.8125rem;color:var(--soft)}

/* Tabela de comparação */
.compare-wrap{overflow-x:auto;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.compare-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9375rem;text-align:left}
.compare-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.compare-table th,.compare-table td{padding:18px 22px;border-bottom:1px solid var(--line);vertical-align:top}
.compare-table tr:last-child>*{border-bottom:0}
.compare-table thead th{background:var(--bg);font:500 1.15rem/1.2 Space,sans-serif;letter-spacing:-.02em}
.compare-table thead th:first-child{font:500 .75rem/1.4 var(--mono);color:var(--soft)}
.compare-table thead th.is-here{box-shadow:inset 0 3px 0 var(--royal)}
.compare-table th[scope="row"]{width:28%;font-weight:600;font-size:.875rem;color:var(--ink)}
.compare-table td{color:var(--muted)}
.compare-table a{color:var(--royal-ink);font-weight:600}


/* Prévia do megamenu: muda conforme o link sob o cursor/foco */
.mega-preview{position:relative;display:grid;border-radius:16px;background:linear-gradient(170deg,#f6f9ff,#eef3fb);border:1px solid var(--line);overflow:hidden}
.mega-pane{grid-area:1/1;display:flex;flex-direction:column;gap:14px;padding:22px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;color:var(--ink)}
.mega-pane.is-active{opacity:1;visibility:visible;transform:none}
.mp-art{display:grid;place-items:center;height:140px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.mp-art svg{max-width:100%;height:auto}
.mp-seal{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff,#dfe8f7 60%,#b9cbe3);box-shadow:0 0 0 10px rgba(36,91,255,.08),0 14px 30px -10px rgba(16,43,60,.4)}
.mp-seal img{width:52px}
.mp-copy{display:flex;flex-direction:column;gap:10px;flex:1}
.mp-copy .mega-title{margin:0}
.mp-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600}
.mp-copy li{display:flex;align-items:center;gap:8px}
.mp-copy li .glyph{color:var(--royal)}
.mp-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between}
.mega-pane .mega-cta{padding:0;color:var(--royal-ink)}
.mega-link.is-previewed{background:var(--bg)}

/* Vitrine com abas automáticas */
.vitrine{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.vitrine-tabs{display:flex;flex-direction:column;gap:8px}
.vitrine-tabs button{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .2s}
.vitrine-tabs button:hover{border-color:#c5d3ff}
.vitrine-tabs button[aria-selected="true"]{border-color:#9db8ff;box-shadow:0 20px 40px -30px rgba(36,91,255,.6)}
.vitrine-tabs i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--tint);color:var(--royal)}
.vitrine-tabs button[aria-selected="true"] i{background:var(--royal);color:#fff}
.vitrine-tabs b{display:block;font-size:1rem;color:var(--ink)}
.vitrine-tabs small{display:block;font-size:.8125rem;color:var(--muted)}
.vt-progress{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--royal);text-decoration:none}
.vitrine.is-playing [aria-selected="true"] .vt-progress{animation:vt-fill var(--vt-dur,7s) linear forwards}
.vitrine.is-held [aria-selected="true"] .vt-progress{animation-play-state:paused}
@keyframes vt-fill{to{width:100%}}
.vitrine-pane{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;padding:32px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.js .vitrine-pane[hidden]{display:none}
html:not(.js) .vitrine-pane+.vitrine-pane{margin-top:16px}
.vitrine-pane:not([hidden]){animation:pane-in .35s var(--ease)}
@keyframes pane-in{from{opacity:0;transform:translateY(8px)}}
.vp-copy h3{font-size:1.6rem;margin-bottom:12px}
.vp-copy p{margin-bottom:18px;font-size:.9375rem}
.vp-copy .tick-list{color:var(--ink)}

/* Detalhes dos mockups */
.tw-row.two{grid-template-columns:1.6fr 1fr}
.tw-bar-use{display:block;height:6px;border-radius:4px;background:#eef2f7;overflow:hidden}
.tw-bar-use i{display:block;height:100%;border-radius:4px;background:#9db8ff}
.tw-bar-use .u0{width:62%}.tw-bar-use .u1{width:38%}.tw-bar-use .u2{width:21%}
.tw-link{color:#1846d6;font-weight:600;font-size:.8125rem}
.tw-muted{color:#5e7182;font-size:.8125rem}
.term{background:#0b1a26;border-color:#1f3a50}
.term .tw-bar{background:#0f2231;border-color:#1f3a50}
.term .tw-url{background:#16304a;color:#9fb2c4}
.term-body{margin:0;padding:22px;font:500 .8125rem/1.9 var(--mono);color:#dbe5f0;white-space:pre-wrap}
.t-p{color:#6f93ff}.t-ok{color:#4fd18b}.t-dim{color:#7f94a8}
.t-cur{display:inline-block;width:8px;height:15px;vertical-align:-2px;background:#dbe5f0;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.steps-mini{display:flex;flex-direction:column;gap:10px}
.sm{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid #e3e8f0;background:#fff}
.sm i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#eef2f7;color:#5e7182;font-style:normal;font-weight:700;font-size:.8125rem}
.sm.done i{background:#245bff;color:#fff}
.sm b{display:block;font-size:.875rem}.sm small{font-size:.75rem;color:#5e7182}
.meters{display:flex;flex-direction:column;gap:14px;padding:6px 2px}
.meter{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px;font-size:.8125rem;font-weight:600}
.meter i{display:block;height:10px;border-radius:6px;background:#eef2f7;position:relative;overflow:hidden}
.meter i:after{content:'';position:absolute;inset:0 auto 0 0;border-radius:6px;background:linear-gradient(90deg,#245bff,#6f93ff)}
.meter .m1:after{width:34%}.meter .m2:after{width:57%}.meter .m3:after{width:42%}.meter .m4:after{width:18%}

/* Ferramentas, casos de uso e passos */
.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tool{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s var(--ease)}
.tool:hover{border-color:#c5d3ff;transform:translateY(-2px)}
.tool i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--tint);color:var(--royal)}
.tool b{display:block;font-size:.9375rem}
.tool small{display:block;font-size:.8125rem;color:var(--muted);line-height:1.45}
.uses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.use{padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.use i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:13px;background:var(--tint);color:var(--royal)}
.use h3{font:700 1.0625rem/1.3 Manrope,sans-serif;letter-spacing:0;margin-bottom:6px}
.use p{font-size:.875rem}
.stepper{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:st}
.stepper li{position:relative;padding:28px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.stepper li:not(:last-child):after{content:'';position:absolute;right:-21px;top:56px;width:22px;height:2px;background:repeating-linear-gradient(90deg,#9db8ff 0 4px,transparent 4px 8px)}
.st-n{position:absolute;right:24px;top:24px;font:500 .8125rem/1 var(--mono);color:var(--soft)}
.stepper i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;background:var(--royal);color:#fff}
.stepper h3{font-size:1.35rem;margin-bottom:8px}
.stepper p{font-size:.9375rem}
.plan-cycle button{padding:8px 18px;border:0;border-radius:10px;background:transparent;color:var(--soft);font-weight:600;cursor:pointer}
.plan-cycle button.is-on{background:var(--navy);color:#fff}
.plan{transition:transform .3s var(--ease),box-shadow .3s}
.plan:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(16,43,60,.45)}

/* Atalho de ajuda */
.helper{position:fixed;left:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;align-items:flex-start;gap:10px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.helper.is-shown{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
@media (prefers-reduced-motion:reduce){.helper,.helper.is-shown{transition:none;transform:none}}
.helper-toggle{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 6px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font-size:.8125rem;font-weight:700;box-shadow:0 18px 40px -18px rgba(16,43,60,.5);cursor:pointer}
.helper-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--royal);color:#fff}
.helper-panel{order:-1;width:min(340px,calc(100vw - 40px));padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 70px -24px rgba(16,43,60,.45)}
.helper-panel[hidden]{display:none}
.helper-head{display:flex;align-items:center;justify-content:space-between}
.helper-head b{font:500 1.15rem/1.2 Space,sans-serif}
.helper-close{width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);font-size:1.3rem;line-height:1;cursor:pointer;color:var(--ink)}
.helper-panel p{margin:6px 0 12px;font-size:.875rem}
.helper-opts{display:flex;flex-direction:column;gap:6px}
.helper-opts a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:var(--bg);font-size:.875rem;font-weight:600;transition:background .2s}
.helper-opts a:hover{background:var(--tint)}
.helper-opts .glyph{color:var(--royal)}
.helper-panel>small{display:block;margin-top:12px;font-size:.75rem;color:var(--soft)}

/* Rodapé claro */
.site-footer{position:relative;padding-top:72px;background:var(--surface);border-top:1px solid var(--line)}
.footer-lead{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:end;padding-bottom:48px;border-bottom:1px solid var(--line)}
.footer-lead .logo{width:196px}
.footer-domain{display:block;margin-top:16px;color:var(--soft);font:500 .8125rem/1.4 var(--mono)}
.footer-statement{font:400 1rem/1.65 Manrope,Arial,sans-serif;color:var(--muted);max-width:340px;justify-self:end;text-align:right}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:48px 0}
.footer-grid h2{font:500 .8125rem/1.5 var(--mono);letter-spacing:0;margin-bottom:12px;color:var(--soft)}
.footer-grid a{display:flex;align-items:center;width:fit-content;min-height:38px;color:var(--ink);font-size:.9375rem;transition:color .2s}
.footer-grid a:hover{color:var(--royal-ink)}
.footer-state p{display:flex;align-items:center;font-size:.875rem;color:var(--muted);margin-bottom:10px}
.footer-bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center;padding:22px 0 30px;border-top:1px solid var(--line)}
.footer-bottom p{font-size:.75rem;color:var(--soft)}
.trademark{max-width:74ch}
.footer-bottom a{display:inline-flex;align-items:center;min-height:38px;color:var(--muted);font-size:.75rem}
.footer-bottom a:hover{color:var(--ink)}

/* Páginas internas */
.breadcrumb{display:flex;gap:12px;padding-top:28px;font-size:.8125rem;color:var(--soft)}
.breadcrumb a:hover{color:var(--ink)}
.product-hero,.about-hero,.panel-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;padding-block:56px 96px}
.product-hero h1{font-size:clamp(2.8rem,4.6vw,4.4rem);max-width:12ch}
.panel-hero h1,.about-hero h1{font-size:clamp(2.8rem,4.8vw,4.6rem)}
.product-identity{position:relative;isolation:isolate;padding:24px 26px;border-radius:26px;background:radial-gradient(ellipse 70% 60% at 50% 42%,rgba(36,91,255,.3),transparent 70%),linear-gradient(170deg,#0f2a3d,#0b2233);box-shadow:0 50px 90px -46px rgba(16,43,60,.75);overflow:hidden}
.product-identity:before{content:'';position:absolute;left:-30%;right:-30%;bottom:0;height:62%;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;background-position:50% 100%;transform:perspective(420px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000,transparent 85%);mask-image:linear-gradient(to top,#000,transparent 85%)}
.product-identity:after{content:'';position:absolute;inset:12px;border-radius:16px;pointer-events:none;opacity:.55;background:linear-gradient(var(--sky),var(--sky)) 0 0/12px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 0 0/1px 12px no-repeat,linear-gradient(var(--sky),var(--sky)) 100% 0/12px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 100% 0/1px 12px no-repeat,linear-gradient(var(--sky),var(--sky)) 0 100%/12px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 0 100%/1px 12px no-repeat,linear-gradient(var(--sky),var(--sky)) 100% 100%/12px 1px no-repeat,linear-gradient(var(--sky),var(--sky)) 100% 100%/1px 12px no-repeat}
.product-code{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:var(--sky);font:500 .75rem/1.4 var(--mono)}
.identity-label{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line-2)}
.identity-label h2{font-size:1.75rem}
.identity-label>span{font-size:.75rem;color:var(--soft)}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature-grid article{position:relative;padding:28px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.comparison-section .feature-grid article{background:rgba(255,255,255,.04);border-color:var(--line-2)}
.feature-index{display:block;font:500 .8125rem/1 var(--mono);color:var(--accent);margin-bottom:36px}
.feature-grid h3{font-size:1.45rem;margin-bottom:12px;max-width:16ch}
.feature-grid p{font-size:.9375rem}
.product-specs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.product-specs>div>p{max-width:40ch;margin-top:24px}
.use-cases{margin-top:40px}
.use-cases h3{font-size:1.125rem;margin-bottom:12px}
.use-cases span{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--muted);padding:6px 0}
.use-cases span:before{content:'';width:14px;height:1px;background:var(--sky)}
.spec-sheet{position:relative;background:#fff;color:#102b3c;border-radius:20px;padding:32px;box-shadow:0 30px 70px -36px rgba(0,0,0,.6);--accent:#245bff}
.spec-sheet dl{margin:0}
.spec-sheet dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #e3eaf1}
.spec-sheet dl>div:last-child{border-bottom:0}
.spec-sheet dt{font-weight:600;font-size:.875rem;color:#102b3c}
.spec-sheet dd{margin:0;font-size:.875rem;color:#4a5f70}
.product-specs .spec-sheet>p{max-width:none;font-size:.75rem;color:#5e7182;margin-top:18px;padding-top:16px;border-top:1px solid #e3eaf1}
.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.panel-card,.service-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:30px;border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.panel-card:before,.service-card:before{content:'';position:absolute;right:0;top:0;z-index:-1;width:150px;height:150px;background-image:radial-gradient(rgba(36,91,255,.22) 1px,transparent 1.6px);background-size:12px 12px;-webkit-mask-image:linear-gradient(225deg,#000,transparent 65%);mask-image:linear-gradient(225deg,#000,transparent 65%)}
.panel-card:hover,.service-card:hover{transform:translateY(-3px);border-color:#c5d3ff;box-shadow:0 30px 60px -36px rgba(36,91,255,.45)}
.panel-card{min-height:300px}
.panel-card h3{margin-top:auto;padding-top:40px;font-size:2.2rem;letter-spacing:-.045em}
.panel-card p{margin:10px 0 24px;font-size:.9375rem}
.panel-card .text-link{align-self:flex-start}
.service-card{min-height:340px}
.service-card.highlight{background:linear-gradient(170deg,#12304a,#0e2638);border-color:#12304a;color:#f4f8ff;--ink:#f4f8ff;--muted:#b3c4d4;--soft:#9fb2c4;--line-2:#2b4a62;--accent:#9db8ff;--royal-ink:#fff}
.card-top{display:flex;align-items:center}
.service-card h3{margin-top:36px;font-size:1.75rem}
.service-card p{margin-top:12px;max-width:40ch;font-size:.9375rem}
.service-card .card-action{margin-top:auto;padding-top:22px;border-top:1px solid var(--line-2);justify-content:space-between}
.service-card .tags{margin-bottom:28px}
.service-card .card-status{margin-top:12px}
.related{padding-top:32px}

/* Páginas de painel: placa de produto em órbita, sobre um palco escuro */
.panel-badge{position:relative;height:440px;display:grid;place-items:center;perspective:1000px;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(36,91,255,.32),transparent 70%),linear-gradient(170deg,#0f2a3d,#0b2233);box-shadow:0 50px 90px -46px rgba(16,43,60,.75)}
.badge-orbit{position:absolute;left:50%;top:62%;width:470px;height:470px;margin:-235px 0 0 -235px;border-radius:50%;border:8px solid #1f3d55;transform:rotateX(72deg) rotateZ(-18deg);box-shadow:inset 0 2px 1px rgba(169,191,254,.28),0 6px 0 #0a1b29,0 7px 0 #2c4a62,0 30px 40px rgba(0,0,0,.4)}
.badge-orbit:after{content:'';position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e6edff,#6b8fff 30%,#245bff 60%,#0d2866 90%);box-shadow:0 0 18px rgba(79,123,255,.95)}
.badge-plate{position:relative;z-index:2;width:260px;padding:28px 26px 24px;border-radius:24px;background:linear-gradient(160deg,#17354d,#0c2131 70%);border:1px solid #35566e;box-shadow:inset 0 1px 0 rgba(214,227,255,.26),0 8px 0 #081723,0 9px 0 #2b4a62,0 44px 60px -20px rgba(0,0,0,.85),0 0 90px rgba(36,91,255,.28);transform:rotateX(8deg) rotateY(-16deg) translateY(-18px)}
.badge-tile{display:grid;place-items:center;width:64px;height:64px;margin-bottom:30px;border-radius:17px;background:linear-gradient(145deg,#3a6dff,#1640c9);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 14px 26px -8px rgba(36,91,255,.85)}
.badge-tile .icon{color:#fff;width:30px;height:30px}
.badge-name{display:block;font:500 2.5rem/1 Space,sans-serif;letter-spacing:-.045em;color:#fff}
.badge-plate small{display:block;margin-top:10px;font-size:.8125rem;color:#b4c4d4}
.badge-plate .card-status{display:flex;margin-top:22px;padding-top:16px;border-top:1px solid var(--line-2)}
.editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start}
.editorial p{font-size:1.0625rem}
.editorial p+p{margin-top:20px}
.editorial .text-link{margin-top:28px}
.about-hero .infrastructure-core.compact{height:420px;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse 60% 60% at 50% 46%,rgba(36,91,255,.3),transparent 70%),linear-gradient(170deg,#0f2a3d,#0b2233);box-shadow:0 50px 90px -46px rgba(16,43,60,.75)}

/* Lançamento e 404 */
.launch-hero,.error-page{text-align:center;padding-block:88px 96px}
.launch-hero .eyebrow,.error-page .eyebrow{justify-content:center}
.launch-hero h1,.error-page h1{font-size:clamp(2.8rem,5.4vw,5rem)}
.launch-hero p,.error-page p{margin-inline:auto}
.launch-hero .actions,.error-page .actions{justify-content:center}
.launch-hero .small-note{font-size:.8125rem;color:var(--soft);margin-top:20px}
.launch-progress{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:96px}
.launch-progress ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.launch-progress li{position:relative;display:flex;gap:24px;padding:24px 28px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.launch-progress li:first-child{border-color:#c9d7ff;background:linear-gradient(0deg,var(--surface),var(--surface)) padding-box}
.launch-progress li>span{font:500 .8125rem/1.8 var(--mono);color:var(--accent)}
.launch-progress h3{font-size:1.4rem;margin-bottom:8px}
.launch-progress p{font-size:.9375rem}
.launch-progress b{display:inline-flex;margin-top:12px;padding:3px 10px;border-radius:99px;background:var(--tint);font-size:.75rem;font-weight:600;color:var(--royal-ink)}
.error-page{min-height:60vh;padding-block:120px}

/* Cenas de produto: placas da pilha, um objeto por produto */
.stack-plate{position:absolute;left:0;right:0;height:var(--ph);perspective:1100px}
.stack-axis{position:absolute;border-left:1px dashed rgba(169,191,254,.28);z-index:0}
.stack-plate i{position:absolute;left:50%;top:0;width:var(--pw);height:var(--ph);margin-left:calc(var(--pw) / -2);border-radius:22px;transform:rotateX(60deg) rotateZ(-38deg)}
.plate-hospedagem i{background:linear-gradient(150deg,rgba(169,191,254,.2),rgba(36,91,255,.06) 55%,rgba(7,21,31,.3));border:1px solid rgba(169,191,254,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 50px -30px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.plate-hospedagem i:before{content:'';position:absolute;inset:16px;border-radius:12px;border:1px dashed rgba(169,191,254,.3)}
.plate-vps i{background:repeating-linear-gradient(90deg,transparent 0 calc(33.33% - 1px),rgba(169,191,254,.28) calc(33.33% - 1px) 33.33%),linear-gradient(150deg,rgba(79,123,255,.48),rgba(36,91,255,.16) 55%,rgba(16,43,60,.4));border:1px solid rgba(169,191,254,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 0 rgba(20,50,110,.8),0 5px 0 rgba(120,150,230,.4),0 30px 50px -26px rgba(0,0,0,.9)}
.plate-dedicados i{background:linear-gradient(150deg,#1e3a58,#132a41 55%,#0c1e2f);border:1px solid #466788}
.plate-dedicados i:before{content:'';position:absolute;inset:18px;border-radius:12px;border:1px solid rgba(169,191,254,.16)}
.product-scene{--pw:290px;--ph:224px;position:relative;height:360px;margin:6px -8px 0}
.scene-glow{position:absolute;left:50%;top:58%;width:380px;height:150px;margin:-75px 0 0 -190px;border-radius:50%;background:radial-gradient(ellipse,rgba(36,91,255,.4),transparent 70%);filter:blur(6px)}
.product-scene .stack-axis{left:50%;top:112px;bottom:64px}
.scene-seal{position:absolute;left:50%;top:10px;z-index:6;width:58px;height:58px;margin-left:-29px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(150deg,#f3f7ff,#c3d4ec 60%,#8fabc8);box-shadow:inset 0 0 0 4px rgba(216,228,246,.9),inset 0 0 0 5px rgba(120,150,190,.5),0 3px 0 #6f8cad,0 5px 0 #2b4867,0 16px 26px rgba(0,0,0,.55),0 0 34px rgba(36,91,255,.35)}
.scene-seal img{width:38px;height:auto}
.scene-seal:after{content:'';position:absolute;left:50%;top:100%;height:66px;margin-top:6px;border-left:1px dashed rgba(169,191,254,.45)}
.product-scene .stack-plate{animation:scene-in .9s var(--ease) both}
@keyframes scene-in{from{opacity:0;transform:translateY(14px)}}
.scene-hospedagem .plate-hospedagem{top:108px}
.scene-hospedagem .plate-hospedagem i{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;transform-style:preserve-3d}
.scene-hospedagem .plate-hospedagem i:before{inset:14px}
.scene-hospedagem u{position:relative;border-radius:9px;border:1px solid rgba(169,191,254,.42);background:linear-gradient(rgba(169,191,254,.22),rgba(169,191,254,.22)) 12px 26px/55% 3px no-repeat,linear-gradient(rgba(169,191,254,.14),rgba(169,191,254,.14)) 12px 36px/38% 3px no-repeat,linear-gradient(160deg,#16334c,#0c2132);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 18px -8px rgba(0,0,0,.8);transform:translateZ(14px);animation:site-in .8s var(--ease) both}
.scene-hospedagem u:before{content:'';position:absolute;left:0;right:0;top:0;height:12px;border-bottom:1px solid rgba(169,191,254,.28);border-radius:9px 9px 0 0;background:radial-gradient(circle at 10px 6px,var(--royal-2) 2.5px,transparent 3px)}
.scene-hospedagem u:nth-child(2){animation-delay:.08s}
.scene-hospedagem u:nth-child(3){animation-delay:.16s;border-color:rgba(79,123,255,.75);background:linear-gradient(rgba(169,191,254,.3),rgba(169,191,254,.3)) 12px 26px/55% 3px no-repeat,linear-gradient(rgba(169,191,254,.2),rgba(169,191,254,.2)) 12px 36px/38% 3px no-repeat,linear-gradient(160deg,#1d4591,#12305e)}
.scene-hospedagem u:nth-child(4){animation-delay:.24s}
@keyframes site-in{from{opacity:0;transform:translateZ(0)}}
.scene-vps{--pw:246px;--ph:188px}
.scene-vps .layer-1{top:80px;z-index:3}
.scene-vps .layer-2{top:128px;z-index:2;animation-delay:.1s}
.scene-vps .layer-3{top:176px;z-index:1;animation-delay:.2s}
.scene-vps .layer-2 i{opacity:.72}
.scene-vps .layer-3 i{opacity:.48}
/* Dedicados: uma máquina pesada — lateral mais espessa que a das camadas de VPS */
.scene-dedicados{--pw:300px;--ph:232px}
.scene-dedicados .plate-dedicados{top:92px}
.scene-dedicados .plate-dedicados i{display:grid;align-content:center;gap:14px;padding:34px 40px;background:linear-gradient(150deg,#244468,#152f4a 55%,#0d2034);border-color:#5a7ea4;box-shadow:inset 0 1px 0 rgba(214,227,255,.4),0 5px 0 #1d3b5a,0 10px 0 #1a3654,0 15px 0 #17314d,0 20px 0 #152d46,0 25px 0 #13283f,0 30px 0 #112438,0 35px 0 #0f2033,0 40px 0 #0d1c2d,0 44px 0 #0b1826,0 45px 0 #5a7ea4,0 80px 70px -12px rgba(0,0,0,.9)}
.scene-dedicados u{position:relative;height:18px;border-radius:5px;border:1px solid rgba(169,191,254,.26);background:linear-gradient(90deg,rgba(169,191,254,.12),rgba(169,191,254,.03))}
.scene-dedicados u:after{content:'';position:absolute;right:10px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--royal-2);box-shadow:0 0 8px var(--royal-2)}

/* ≤1100px */
@media(max-width:1100px){
  .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vitrine{grid-template-columns:240px minmax(0,1fr)}
  .vitrine-pane{grid-template-columns:1fr}
  .nav-trigger{padding-inline:10px}
  .split-show,.split-show.reverse{gap:40px}
  .container{width:calc(100% - 64px)}
  .logo{width:172px}
  .main-menu>a{padding-inline:10px}
  .main-menu .nav-launch{margin-left:8px;padding-inline:12px}
  .home-hero{gap:24px;min-height:0}
  .home-hero h1{font-size:3.5rem}
  .home-hero .button{padding-inline:16px;gap:18px;font-size:.84rem}
  .infrastructure-core{height:500px}
  .core-ring,.core-orbit{width:440px;height:440px;margin:-220px 0 0 -220px}
  .ring-cross{width:390px;height:390px;margin:-195px 0 0 -195px}
  .core-emblem{width:210px;height:210px;margin:-105px 0 0 -105px}
  .plane-back{width:170px;height:140px}
  .plane-front{width:140px;height:116px}
  .capabilities{grid-template-columns:repeat(4,minmax(0,1fr));font-size:.9375rem}
  .capabilities small{display:none}
  .bento-card h3{font-size:1.45rem}
  .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-section,.product-specs,.editorial,.launch-progress{gap:56px}
  .product-hero,.about-hero,.panel-hero{gap:40px}
  .tab-copy{padding:32px}
  .tab-window{padding:24px}
}

/* ≤850px */
@media(max-width:850px){
  :root{--header-h:68px;--radius-block:26px}
  .announcement .container{display:block;text-align:center}
  .announcement a{display:none}
  .navigation{flex-wrap:wrap;gap:0}
  .menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer}
  .menu-toggle span{width:18px;height:1.5px;background:currentColor;transition:transform .25s var(--ease)}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .main-menu{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding:8px 0 22px;border-top:1px solid var(--line)}
  .main-menu.is-open{display:flex}
  .site-header:has(.main-menu.is-open){background:rgba(255,255,255,.98)}
  .main-menu>a{font-size:1rem;padding:12px 8px;color:var(--ink)}
  .main-menu .nav-launch{justify-content:center;margin:10px 0 0;padding:12px;font-size:.9375rem}
  .nav-item{flex-direction:column}
  .mega-preview{display:none}
  .vitrine{grid-template-columns:1fr}
  .vitrine-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .vitrine-tabs button{flex:none;width:auto}
  .vitrine-tabs small{display:none}
  .uses-grid,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stepper{grid-template-columns:1fr}
  .stepper li:after{display:none}
  .nav-trigger{justify-content:space-between;width:100%;padding:13px 8px;font-size:1rem;color:var(--ink)}
  .mega{position:static;transform:none;width:auto;border:0;border-radius:14px;box-shadow:none;background:var(--bg);margin:2px 0 8px}
  .mega:before{display:none}
  .nav-item.is-open>.mega{animation:none}
  .mega-body{grid-template-columns:1fr;padding:8px;gap:8px}
  .mega-title{display:none}
  .mega-group .mega-title{display:block;margin:8px 0 2px 12px}
  .mega-card{display:none}
  .mega-foot{display:none}
  .main-menu{max-height:calc(100svh - var(--header-h) - 40px);overflow-y:auto}
  .split-show,.split-show.reverse{grid-template-columns:1fr;gap:32px}
  .split-show.reverse>.app-window{order:2}
  .promo-band{flex-wrap:wrap}
  .promo-band .button{margin-left:0}
  html:not(.js) .main-menu{display:flex}
  html:not(.js) .menu-toggle{display:none}
  .section{padding-block:80px}
  .section-heading{display:block;margin-bottom:36px}
  .section-heading>p{margin-top:18px;max-width:46ch;justify-self:start}
  .home-hero{grid-template-columns:1fr;padding-block:48px 72px;gap:12px}
  .home-hero h1{font-size:clamp(3rem,8vw,4rem);max-width:11ch}
  .hero-visual{max-width:600px;width:100%;margin-inline:auto}
  .infrastructure-core{height:460px}
  .orbit-field{left:50%;top:62%;width:1300px}
  .motion-toggle{right:50%;transform:translateX(50%);bottom:18px}
  .capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento-wide{grid-column:1/-1}
  .bento-royal{grid-column:1/-1;min-height:0}
  .path-grid{grid-template-columns:1fr}
  .path-connector{display:none}
  .path-band{margin-top:20px;flex-direction:column;align-items:flex-start;gap:24px;padding:32px}
  .tab-pane{grid-template-columns:1fr}
  .tab-copy{border-right:0;border-bottom:1px solid #e3e8f0}
  .plan-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;gap:28px}
  .faq-section{grid-template-columns:1fr;gap:36px}
  .faq-section>div:first-child{position:static}
  .product-hero,.about-hero,.panel-hero{grid-template-columns:1fr;padding-block:40px 72px}
  .product-identity{max-width:600px;width:100%}
  .panel-badge{height:400px}
  .product-specs,.editorial,.launch-progress{grid-template-columns:1fr;gap:40px}
  .feature-grid{grid-template-columns:1fr}
  .launch-card{padding:72px 32px 56px}
  .t2,.t4{display:none}
  .t1{left:4%;top:6%;width:56px;height:56px}
  .t3{right:4%;top:8%;width:50px;height:50px}
  .footer-lead{grid-template-columns:1fr;gap:28px}.footer-statement{justify-self:start;text-align:left}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .footer-bottom{grid-template-columns:1fr auto;gap:12px 24px}
  .footer-bottom .trademark{grid-column:1/-1;grid-row:2}
}

/* ≤620px: composição própria para o celular */
@media(max-width:620px){
  :root{--header-h:64px;--radius-block:24px}
  .container{width:calc(100% - 40px)}
  .announcement{font-size:.75rem}
  .announcement span,.announcement b{display:block}
  .logo{width:160px}
  .navigation>.brand{max-width:calc(100% - 54px)}
  h1{font-size:2.6rem}
  h2{font-size:2.15rem}
  h3{font-size:1.4rem}
  .eyebrow{margin-bottom:16px}
  .hero p{font-size:1rem;margin:22px 0 28px}
  .hero p br{display:none}
  .button{min-height:52px;font-size:.875rem;padding:14px 18px}
  .actions{gap:10px}
  .hero .actions{display:grid;grid-template-columns:1fr;width:100%}
  .launch-hero .actions,.error-page .actions{justify-items:stretch}
  .section{padding-block:68px}
  .hero-block{padding:6px 10px 0}
  .home-hero{padding-block:40px 64px}
  .home-hero h1{font-size:clamp(2.5rem,11.4vw,3.2rem);line-height:1.04}
  .hero-chips{margin-top:26px}
  .hero-visual{margin-inline:-20px;width:auto;max-width:none;padding-bottom:40px}
  .infrastructure-core{height:380px}
  .core-halo{width:420px;height:420px;margin:-210px 0 0 -210px}
  .core-ring,.core-orbit{width:330px;height:330px;margin:-165px 0 0 -165px}
  .core-ring{border-width:7px}
  .ring-cross{width:290px;height:290px;margin:-145px 0 0 -145px}
  .core-emblem{width:164px;height:164px;margin:-82px 0 0 -82px}
  .core-face{box-shadow:inset 0 0 0 7px rgba(216,228,246,.9),inset 0 0 0 8px rgba(120,150,190,.5),inset 0 -14px 24px rgba(36,91,255,.2),0 4px 0 #7491b1,0 9px 0 #2b4867,0 10px 0 #7294bb,0 24px 40px rgba(0,0,0,.6),0 0 60px rgba(36,91,255,.35)}
  .core-floor{width:340px;margin-left:-170px}
  .core-reflection{width:200px;margin-left:-100px}
  .core-plane{border-radius:16px}
  .core-plane:before{inset:9px;border-radius:9px}
  .plane-back{width:112px;height:94px;left:4%;top:8%}
  .plane-front{width:98px;height:82px;right:6%;bottom:16%}
  .core-traveler span{width:18px;height:18px;margin-left:-9px;top:-6px}
  .motion-toggle{bottom:16px}
  .stage-floor{height:40%;background-size:52px 52px}
  .capabilities{grid-template-columns:1fr 1fr;font-size:.875rem;padding-top:22px}
  .bento{grid-template-columns:1fr;gap:14px}
  .bento-card{min-height:0;padding:22px}
  .bento-wide{display:flex}
  .bento-art{padding:8px}
  .bento-art.small{min-height:110px}
  .bento-meta{flex-wrap:wrap}
  .path-card{padding:22px}
  .path-band{padding:26px 22px}
  .path-band p{font-size:1.2rem}
  .path-band .button{width:100%}
  .comparison-section{margin-inline:10px}
  .tab-list button{flex:1}
  .tab-copy{padding:24px 20px}
  .tab-copy h3{font-size:1.4rem}
  .tab-window{padding:18px 14px}
  .tw-head{flex-wrap:wrap}
  .tw-row{grid-template-columns:1.4fr 1fr;padding:12px 14px}
  .tw-row>:nth-child(3){display:none}
  .tw-groups{grid-template-columns:1fr}
  .tw-actions{flex-wrap:wrap}
  .resource-grid{grid-template-columns:1fr 1fr;gap:10px}
  .resource{min-height:0;padding:16px;border-radius:16px}
  .resource i{width:36px;height:36px}
  .resource h3{font-size:.9375rem}
  .resource p{display:none}
  .plan{padding:26px 22px}
  .plan-cycle{margin-bottom:32px}
  .plan-cycle span{padding:8px 12px}
  .faq-list summary{font-size:1rem;padding:18px}
  .faq-list p{padding:0 18px 18px}
  .launch-section{padding:16px 10px 72px}
  .launch-card{padding:56px 22px 44px}
  .launch-card h2{font-size:2.1rem}
  .launch-card .eyebrow{text-align:center}
  .launch-card .eyebrow:before{display:none}
  .launch-action{flex-direction:column;align-items:stretch;width:100%}
  .launch-action .button{justify-content:center}
  .t1,.t3{display:none}
  .site-footer{padding-top:56px}
  .footer-lead{padding-bottom:36px}
  .footer-lead .logo{width:168px}
  .footer-grid{gap:24px 16px;padding:36px 0}
  .footer-state{grid-column:1/-1}
  .footer-bottom{grid-template-columns:1fr;gap:6px}
  .footer-bottom .trademark{grid-row:auto}
  .breadcrumb{padding-top:22px}
  .product-hero,.about-hero,.panel-hero{padding-block:32px 60px;gap:32px}
  .product-hero h1,.panel-hero h1,.about-hero h1{font-size:clamp(2.4rem,10.6vw,3rem)}
  .product-identity{padding:20px;border-radius:20px}
  .infrastructure-core.compact,.about-hero .infrastructure-core.compact{height:280px}
  .compact .core-ring,.compact .core-orbit{width:270px;height:270px;margin:-135px 0 0 -135px}
  .compact .ring-cross{width:236px;height:236px;margin:-118px 0 0 -118px}
  .compact .core-emblem{width:132px;height:132px;margin:-66px 0 0 -66px}
  .compact .core-halo{width:340px;height:340px;margin:-170px 0 0 -170px}
  .compact .plane-back{width:96px;height:80px}
  .compact .plane-front{width:88px;height:72px}
  .identity-label h2{font-size:1.6rem}
  .panel-badge{height:360px;border-radius:20px}
  .badge-orbit{width:330px;height:330px;margin:-165px 0 0 -165px}
  .badge-plate{width:230px;padding:24px 22px 20px}
  .badge-name{font-size:2.2rem}
  .feature-grid article{padding:24px}
  .feature-index{margin-bottom:22px}
  .spec-sheet{padding:24px}
  .spec-sheet dl>div{grid-template-columns:1fr;gap:4px}
  .two-grid{grid-template-columns:1fr;gap:14px}
  .service-card{min-height:0;padding:26px}
  .panel-card{min-height:240px;padding:26px}
  .panel-card h3{font-size:2rem}
  .launch-hero,.error-page{padding-block:56px 64px}
  .launch-progress li{gap:16px;padding:20px}
  .with-side .aw-body{grid-template-columns:1fr}
  .vitrine-pane{padding:18px;gap:20px}
  .tools-grid{grid-template-columns:1fr}
  .uses-grid{grid-template-columns:1fr 1fr;gap:10px}
  .use{padding:16px}
  .use p{display:none}
  .helper{left:12px;bottom:12px}
  .helper-label{display:none}
  .helper-toggle{padding:6px}
  .term-body{padding:16px;font-size:.75rem}
  .aw-side{display:none}
  .tw-url{transform:none;margin-left:0}
  .rw-body{padding:16px}
  .rw-title{flex-direction:column;align-items:flex-start}
  .promo-band{padding:24px 20px}
  .promo-band .button{width:100%;justify-content:center}
  .compare-table th,.compare-table td{padding:14px}
  .compare-hint{display:block}
  .product-scene{--pw:210px;--ph:162px;height:300px;margin-inline:0}
  .scene-glow{width:280px;height:120px;margin:-60px 0 0 -140px}
  .scene-seal{width:48px;height:48px;margin-left:-24px;top:6px}
  .scene-seal img{width:31px}
  .scene-seal:after{height:50px}
  .product-scene .stack-axis{top:92px;bottom:52px}
  .scene-hospedagem .plate-hospedagem{top:96px}
  .scene-hospedagem .plate-hospedagem i{gap:11px;padding:22px}
  .scene-hospedagem u{transform:translateZ(10px)}
  .scene-vps{--pw:190px;--ph:146px}
  .scene-vps .layer-1{top:74px}.scene-vps .layer-2{top:110px}.scene-vps .layer-3{top:146px}
  .scene-dedicados{--pw:214px;--ph:166px}
  .scene-dedicados .plate-dedicados{top:78px}
  .scene-dedicados .plate-dedicados i{gap:10px;padding:24px 28px}
  .scene-dedicados u{height:13px}
}


/* Seção 3D: infraestrutura em camadas */
.scene3d-block{padding:32px 16px 0}
.scene3d-surface{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-block);background:radial-gradient(ellipse 45% 60% at 70% 45%,rgba(36,91,255,.32),transparent 70%),linear-gradient(180deg,#0a1f2f,#0b2233 60%,#081a28);color-scheme:dark;--ink:#f4f8ff;--muted:#b3c4d4;--soft:#9fb2c4;--line:#1f3a50;--line-2:#2b4a62;--accent:#9db8ff;color:var(--ink)}
.scene3d-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;padding-block:88px}
.scene3d-copy>p{margin:22px 0 32px;max-width:38ch}
.layer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.layer-list a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;column-gap:14px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.layer-list a:hover,.layer-list a:focus-visible{background:rgba(36,91,255,.16);border-color:#4f7bff;transform:translateX(4px)}
.layer-list span{grid-row:span 2;font:500 .8125rem/1 var(--mono);color:var(--accent)}
.layer-list b{font:500 1.25rem/1.2 Space,sans-serif;letter-spacing:-.02em}
.layer-list small{grid-column:2;font-size:.875rem;color:var(--muted)}
.layer-list i{grid-row:1/span 2;grid-column:3;font-style:normal;color:var(--accent)}
.scene3d-stage{-webkit-user-select:none;user-select:none;position:relative;height:620px;min-width:0;touch-action:pan-y}
.scene3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;opacity:0;transition:opacity .8s var(--ease)}
.scene3d-stage.is-dragging .scene3d-canvas{cursor:grabbing}
.scene3d-fallback{pointer-events:none;position:absolute;left:50%;top:50%;width:min(520px,100%);height:auto;transform:translate(-50%,-50%);transition:opacity .6s}
.scene3d-stage.is-ready .scene3d-canvas{opacity:1}
.scene3d-stage.is-ready .scene3d-fallback{opacity:0}
.scene3d-hint{-webkit-user-select:none;user-select:none;position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:6px 12px;border-radius:99px;background:rgba(7,21,31,.55);border:1px solid rgba(255,255,255,.14);font:500 .75rem/1.4 var(--mono);color:#c6d3df;opacity:0;transition:opacity .4s;pointer-events:none}
.scene3d-stage.is-ready .scene3d-hint{opacity:1}
.scene3d-toggle{position:absolute;right:12px;bottom:12px;min-height:40px;padding:8px 16px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(7,21,31,.55);color:#c6d3df;font-size:.75rem;font-weight:600;cursor:pointer}
.scene3d-toggle:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.scene3d-surface :focus-visible{outline-color:#dbe5ff}
@media(max-width:1100px){.scene3d-stage{height:540px}}
@media(max-width:850px){.scene3d-layout{grid-template-columns:1fr;padding-block:64px 24px;gap:8px}.scene3d-stage{height:480px;margin-inline:-16px}}
@media(max-width:620px){.scene3d-block{padding:24px 10px 0}.scene3d-layout{padding-block:52px 12px}.scene3d-stage{height:420px}.layer-list a{padding:14px}.layer-list b{font-size:1.1rem}.scene3d-hint{bottom:60px}}
@media(prefers-reduced-motion:reduce){.scene3d-hint{display:none}}
@media print{.scene3d-canvas,.scene3d-toggle,.scene3d-hint{display:none}.scene3d-fallback{opacity:1!important}}

/* Movimento reduzido: tudo estático, conteúdo intacto */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .motion-toggle{display:none}
  .vt-progress{display:none}
  .button:hover,.service-card:hover,.panel-card:hover,a.bento-card:hover{transform:none}
}

@media print{
  .site-header{position:static;background:none}
  .motion-toggle,.menu-toggle,.stage-floor,.orbit-field,.cta-tile{display:none}
  .core-traveler{animation:none}
  .comparison-section,.hero-surface,.launch-card{border-radius:0;box-shadow:none}
  .js .tab-pane[hidden]{display:grid}
  a{break-inside:avoid}
  .service-card,.panel-card,.bento-card,.plan,.resource{break-inside:avoid}
  body{print-color-adjust:exact}
}

/* ---------- Capturas reais dos painéis (demonstrações oficiais) ---------- */
.shot-img{display:block;background:#fff;aspect-ratio:16/10;overflow:hidden}
a.shot-img{cursor:zoom-in}
a.shot-img:focus-visible{outline:3px solid var(--royal);outline-offset:-3px}
.shot-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.pg-section .section-heading{margin-bottom:28px}
.pg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.pg-tabs button{position:relative;overflow:hidden;min-height:44px;padding:10px 18px;border:1px solid var(--line-2);border-radius:99px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pg-tabs button:hover{border-color:#9db8ff}
.pg-tabs button[aria-selected="true"]{background:var(--royal);border-color:var(--royal);color:#fff}
.pg-tabs .vt-progress{background:rgba(255,255,255,.75)}
.pg.is-playing [aria-selected="true"] .vt-progress{animation:vt-fill var(--vt-dur,7s) linear forwards}
.pg.is-held [aria-selected="true"] .vt-progress{animation-play-state:paused}
.pg-pane{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:36px;align-items:center}
.js .pg-pane[hidden]{display:none}
html:not(.js) .pg-pane+.pg-pane{margin-top:28px}
.pg-pane:not([hidden]){animation:pane-in .35s var(--ease)}
.pg-copy{display:flex;flex-direction:column;gap:12px}
.pg-copy h3{margin:0;font:500 clamp(1.4rem,2.2vw,1.9rem)/1.2 Space,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.pg-copy p{margin:0;color:var(--muted)}
.pg-count{font:500 .75rem/1.4 var(--mono);color:var(--royal-ink)}
.pg-credit{display:flex;gap:10px;align-items:flex-start;margin:24px 0 0;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:.8125rem;line-height:1.55;color:var(--muted)}
.pg-credit .glyph{flex:none;margin-top:2px;color:var(--royal)}
.pg-credit a{color:var(--royal-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.comparison-section .pg-credit a{color:#9db8ff}
/* Catálogo de ferramentas */
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.cat-group{padding:22px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.cat-group h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:1rem}
.cat-group h3 i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--tint);color:var(--royal)}
.cat-group h3 small{margin-left:auto;padding:2px 8px;border-radius:99px;background:var(--bg);font:500 .75rem/1.4 var(--mono);color:var(--soft)}
.cat-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:.875rem;color:var(--muted)}
.cat-group li{padding-left:14px;position:relative}
.cat-group li:before{content:'';position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:#9db8ff}
/* Revendedor × cliente */
.dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dual-col{padding:30px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.dual-col:first-child{background:linear-gradient(170deg,#12304a,#0b2233);border-color:transparent;color:#fff}
.dual-col:first-child h3,.dual-col:first-child b{color:#fff}
.dual-col:first-child .eyebrow{color:#9db8ff}
.dual-col:first-child li{color:#c9d6e6}
.dual-col h3{margin:6px 0 20px;font:500 1.5rem/1.2 Space,sans-serif;letter-spacing:-.02em}
.dual-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dual-list b{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9375rem;color:var(--ink)}
.dual-list b i{display:grid;place-items:center;color:var(--royal)}
.dual-col:first-child .dual-list b i{color:#9db8ff}
.dual-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--muted)}
.dual-list li{display:flex;gap:8px;align-items:flex-start}
.dual-list li .glyph{flex:none;margin-top:3px;color:var(--royal)}
.dual-col:first-child .dual-list li .glyph{color:#9db8ff}
/* Localização */
.hero-loc{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:.8125rem;font-weight:600;color:var(--muted)}
.loc-switch{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.loc-switch button{min-height:40px;padding:8px 16px;border:0;border-radius:10px;background:none;color:var(--muted);font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;cursor:pointer}
.loc-switch button.is-on{background:var(--navy);color:#fff}
.plan-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:-12px auto 40px}
.plan-controls .plan-cycle{margin:0}
.plan-loc{align-self:flex-start;padding:3px 10px;border-radius:99px;background:var(--tint);color:var(--royal-ink);font:500 .75rem/1.4 var(--mono)}
.plan.is-featured .plan-loc{background:rgba(157,184,255,.16);color:#c9d7ff}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.loc-card{padding:30px;border-radius:22px;background:var(--surface);border:1px solid var(--line);transition:border-color .25s,box-shadow .25s}
.loc-card.is-selected{border-color:#9db8ff;box-shadow:0 24px 50px -34px rgba(36,91,255,.7)}
.loc-card h3{margin:14px 0 6px;font:500 1.4rem/1.25 Space,sans-serif;letter-spacing:-.02em}
.loc-card p{margin:0 0 16px;color:var(--muted)}
.loc-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:var(--tint);color:var(--royal-ink);font-size:.8125rem;font-weight:700}
.loc-tag .glyph{color:var(--royal)}
/* Megamenu agrupado por painel, com capturas na prévia */
.mega-col.is-grouped{gap:10px}
.mega-group{display:flex;flex-direction:column;gap:2px}
.mega-group+.mega-group{padding-top:8px;border-top:1px solid var(--line)}
.mp-art.is-shot{display:block;height:150px;padding:0;overflow:hidden;background:#fff}
.mp-art.is-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
@media(max-width:1100px){
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-pane{grid-template-columns:1fr;gap:20px}
  .dual{grid-template-columns:1fr}
}
@media(max-width:850px){
  .pg-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .pg-tabs button{flex:none}
  .loc-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .cat-grid{grid-template-columns:1fr}
  .dual-col{padding:22px}
  .dual-list{grid-template-columns:1fr}
  .loc-card{padding:22px}
  .plan-controls{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.pg-pane:not([hidden]){animation:none}}
.comparison-section .pg-count,.plan.is-featured .pg-count{color:#9db8ff}
.comparison-section .pg-tabs button[aria-selected="true"]{background:#245bff;border-color:#245bff}

.shot-credit{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:10px;font-size:.75rem;line-height:1.5;color:var(--soft)}
.shot-credit a{color:var(--royal-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.comparison-section .shot-credit a{color:#9db8ff}
.shot-wrap{margin:0;min-width:0}
/* Captura na aba da home: crédito como faixa clara dentro do cartão */
.tab-pane .shot-wrap{display:flex;flex-direction:column;min-width:0;background:#fff}
.tab-pane .shot-wrap .app-window{flex:1}
.tab-pane .shot-credit{margin:0;padding:10px 18px;background:#f8fafd;border-top:1px solid #e3e8f0;color:#5e7182}
.tab-pane .shot-credit a{color:#1846d6}
@media(max-width:620px){.shot-credit{justify-content:flex-end;text-align:right}.tab-pane .shot-credit{padding-left:64px}}

/* ---------- Hospedagem cPanel: planos completos ---------- */
.plan-cycle button{font-family:inherit}
.plan-cycle-6{flex-wrap:wrap;justify-content:center}
.hplan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(min-width:1101px){.hplan-grid.n1{grid-template-columns:minmax(0,340px);justify-content:center}.hplan-grid.n2{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center}.hplan-grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.hplan-grid.n5,.hplan-grid.n6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:621px) and (max-width:1100px){.hplan-grid.n1{grid-template-columns:minmax(0,380px);justify-content:center}}
.hplan{gap:14px;padding:28px 24px}
.hplan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hplan .plan-name{font:500 1.5rem/1.1 Space,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.hplan-panel{padding:3px 10px;border-radius:99px;background:var(--tint);color:var(--royal-ink);font:500 .75rem/1.4 var(--mono)}
.plan.is-featured .hplan-panel{background:rgba(157,184,255,.16);color:#c9d7ff}
.hplan-tag{margin:0;font-size:.875rem;color:var(--muted)}
.hplan-chips{display:flex;flex-wrap:wrap;gap:6px}
.hplan-chips>span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;border:1px solid var(--line-2);font-size:.75rem;font-weight:600;color:var(--muted)}
.hplan-chips .glyph{color:var(--royal)}
.plan.is-featured .hplan-chips .glyph{color:#9db8ff}
.hplan-list{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--muted);flex:1}
.hplan-list:empty{border:0;padding:0}
/* Linhas nome/valor: só o que muda entre os planos; o que é igual fica na faixa "Em todos os planos" */
.hplan-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;border-radius:10px;background:var(--surface-2)}
.plan.is-featured .hplan-list li{background:rgba(255,255,255,.07)}
.hplan-list li>span{min-width:0}
.hplan-list .glyph{flex:none;color:var(--royal);vertical-align:-3px}
.plan.is-featured .hplan-list .glyph{color:#9db8ff}
.hplan-list b{flex:none;max-width:60%;text-align:right;color:var(--ink);font-weight:700}
/* Faixa "Em todos os planos", acima dos cartões (chips no estilo de .hero-badges) */
.plan-common{max-width:980px;margin:0 auto 28px;text-align:center}
.plan-common-title{margin:0;font:500 .75rem/1.4 var(--mono);letter-spacing:.04em;color:var(--soft)}
.plan-common .hero-badges{margin:10px 0 0;justify-content:center}
/* Economia do ciclo no botão (só com preço publicado) */
.cycle-save{font:600 .6875rem/1.2 var(--mono);color:var(--royal-ink)}
.plan-cycle button.is-on .cycle-save{color:#c9d7ff}
.hplan .button.disabled{margin-top:4px}
.plan-compare{margin-top:28px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.plan-compare summary{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;cursor:pointer;font-weight:700;color:var(--ink);list-style:none}
.plan-compare summary::-webkit-details-marker{display:none}
.plan-compare summary .glyph{color:var(--royal);transition:transform .25s var(--ease)}
.plan-compare[open] summary .glyph{transform:rotate(45deg)}
.plan-compare .compare-wrap{margin:0 16px 16px}
.plan-compare .compare-table th{white-space:nowrap}
.plan-compare .compare-table td{min-width:120px}
.hero-badges{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero-badges li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:.8125rem;font-weight:600;color:var(--ink)}
.hero-badges .glyph{color:var(--royal)}
/* Destaques com captura real */
.hl-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center}
.hl-block.reverse .hl-copy{order:2}
.hl-copy h2{margin:0 0 16px}
.hl-copy>p{margin:0 0 24px;color:var(--muted)}
.hl-points{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hl-points>div{display:flex;gap:12px;align-items:flex-start}
.hl-points i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--tint);color:var(--royal)}
.hl-points b{display:block;font-size:.9375rem;color:var(--ink)}
.hl-points small{display:block;margin-top:2px;font-size:.8125rem;line-height:1.5;color:var(--muted)}
/* Recursos inclusos */
.inc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.inc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.inc:hover{border-color:#c5d3ff;transform:translateY(-3px);box-shadow:0 22px 40px -30px rgba(36,91,255,.55)}
.inc i{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:16px;background:linear-gradient(160deg,#eaf0ff,#dfe8ff);color:var(--royal)}
.inc h3{margin:0;font-size:1rem}
.inc p{margin:0;font-size:.8125rem;line-height:1.5;color:var(--muted)}
@media(max-width:1100px){
  .hplan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hl-block{grid-template-columns:1fr;gap:28px}
  .hl-block.reverse .hl-copy{order:0}
  .inc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .inc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Seletor de ciclo sem rolagem lateral: acima de 480 px quebra linha (como no desktop); até 480 px, grade de 3 colunas */
@media(max-width:480px){
  .plan-cycle-6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .plan-cycle-6 button{padding:8px 4px;line-height:1.3}
  .plan-cycle-6 .cycle-save:not([hidden]){display:block;margin-top:2px}
  /* Faixa "Em todos os planos": lista de duas colunas à esquerda, ícone e texto, sem a borda de chip */
  .plan-common{text-align:left}
  .plan-common .hero-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
  .plan-common .hero-badges li{display:flex;align-items:flex-start;min-width:0;padding:0;border:0;border-radius:0;background:none}
  .plan-common .hero-badges .glyph{flex:none;margin-top:3px}
}
@media(max-width:620px){
  .hplan-grid{grid-template-columns:1fr}
  .hl-points{grid-template-columns:1fr}
  .inc{padding:22px 14px}
  .inc-grid{gap:10px}
}
@media(prefers-reduced-motion:reduce){.inc:hover{transform:none}}

.hero-badges+.actions{margin-top:26px}