/* ═══ Atreonova V5 — Competitivo (cool cyan, comparison-led) ═══ */
:root{
  --brand-300:#67e8f9;--brand-400:#22d3ee;--brand-500:#06b6d4;--brand-600:#0891b2;--brand-700:#0e7490;
  --brand2-500:#0ea5e9;--brand2-600:#0284c7;--brand-rgb:6 182 212;--brand2-rgb:14 165 233;
  --accent:#06b6d4;--accent-strong:#0e7490;--accent-rgb:6 182 212;
  --yes:#10b981;--yes-rgb:16 185 129;--no:#f43f5e;--no-rgb:244 63 94;--warn:#f59e0b;
  --radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);--dur:220ms;
  --font-display:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
  --fg-1:rgba(13,22,31,0.92);--fg-2:rgba(13,22,31,0.58);--fg-3:rgba(13,22,31,0.40);
  --page-bg:#eef3f7;
  --surface:rgba(255,255,255,0.72);--surface-2:rgba(255,255,255,0.86);--surface-solid:rgba(255,255,255,0.96);
  --surface-border:rgba(255,255,255,0.9);--hairline:rgba(13,22,31,0.09);
  --shadow-card:0 1px 2px rgba(20,50,70,0.05),0 12px 30px rgba(20,50,70,0.09),inset 0 1px 0 rgba(255,255,255,0.9);
  --shadow-pop:0 2px 6px rgba(20,50,70,0.07),0 28px 64px rgba(20,50,70,0.16),inset 0 1px 0 rgba(255,255,255,0.95);
}
:root[data-accent="cyan"]{--accent:#06b6d4;--accent-strong:#0e7490;--accent-rgb:6 182 212;}
:root[data-accent="indigo"]{--accent:#6366f1;--accent-strong:#4338ca;--accent-rgb:99 102 241;}
:root[data-accent="emerald"]{--accent:#10b981;--accent-strong:#047857;--accent-rgb:16 185 129;}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-display);color:var(--fg-1);background:var(--page-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;letter-spacing:-0.011em;}
.bg-field{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--page-bg);}
.bg-field span{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.85;will-change:transform;}
.bg-field span:nth-child(1){width:50vw;height:50vw;left:-8vw;top:-14vw;background:radial-gradient(circle,rgb(var(--brand-rgb)/0.20),transparent 66%);animation:d1 26s var(--ease) infinite alternate;}
.bg-field span:nth-child(2){width:46vw;height:46vw;right:-8vw;top:6vw;background:radial-gradient(circle,rgb(var(--brand2-rgb)/0.18),transparent 64%);animation:d2 30s var(--ease) infinite alternate;}
.bg-field span:nth-child(3){width:40vw;height:40vw;left:26vw;bottom:-20vw;background:radial-gradient(circle,rgb(var(--accent-rgb)/0.14),transparent 68%);animation:d3 34s var(--ease) infinite alternate;}
@keyframes d1{to{transform:translate3d(5vw,5vw,0) scale(1.12);}}
@keyframes d2{to{transform:translate3d(-5vw,6vw,0) scale(1.08);}}
@keyframes d3{to{transform:translate3d(4vw,-6vw,0) scale(1.14);}}

h1,h2,h3,h4{margin:0;font-family:var(--font-display);}
.mono{font-family:var(--font-mono);}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:0.13em;text-transform:uppercase;color:var(--accent-strong);}
.eyebrow::before{content:"";width:20px;height:1.5px;background:currentColor;opacity:0.7;}
.eyebrow.center{justify-content:center;}
.display{font-weight:700;line-height:1.04;letter-spacing:-0.035em;font-size:clamp(2.5rem,5.6vw,4.3rem);}
.h2{font-weight:700;line-height:1.1;letter-spacing:-0.03em;font-size:clamp(1.9rem,3.6vw,2.75rem);}
.h3{font-weight:600;line-height:1.22;letter-spacing:-0.02em;font-size:1.25rem;}
.lead{font-size:clamp(1.075rem,1.5vw,1.3rem);line-height:1.55;color:var(--fg-2);font-weight:400;}
.body{font-size:1rem;line-height:1.62;color:var(--fg-2);}
.grad{background:linear-gradient(115deg,var(--brand-700),var(--brand-500) 40%,var(--brand2-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}

.glass{background:var(--surface);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);}
.glass-pop{background:var(--surface-2);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border:1px solid var(--surface-border);box-shadow:var(--shadow-pop);border-radius:var(--radius-xl);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:600;font-size:0.95rem;line-height:1;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;padding:0 22px;height:52px;text-decoration:none;white-space:nowrap;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur);}
.btn:active{transform:scale(0.975);}
.btn-primary{background:linear-gradient(to bottom right,var(--brand-500),var(--brand2-600));border-color:rgba(34,211,238,0.45);color:#fff;box-shadow:0 6px 22px rgb(var(--brand-rgb)/0.4),inset 0 1px 0 rgba(255,255,255,0.3);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgb(var(--brand-rgb)/0.52);}
.btn-ghost{background:var(--surface-2);color:var(--fg-1);border-color:var(--surface-border);box-shadow:var(--shadow-card);backdrop-filter:blur(10px);}
.btn-ghost:hover{transform:translateY(-2px);}
.btn-sm{height:44px;padding:0 16px;font-size:0.9rem;}
.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-pill);font-size:0.84rem;font-weight:500;color:var(--fg-2);background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--radius-pill);font-size:0.72rem;font-weight:600;}
.tag-brand{background:rgb(var(--brand-rgb)/0.14);color:var(--brand-700);border:1px solid rgb(var(--brand-rgb)/0.28);}
.tag-yes{background:rgb(var(--yes-rgb)/0.16);color:#047857;border:1px solid rgb(var(--yes-rgb)/0.3);}
.tag-warn{background:rgba(245,158,11,0.18);color:#b45309;border:1px solid rgba(245,158,11,0.32);}

.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
.section{padding:clamp(56px,8vw,108px) 0;position:relative;}
.icon-tile{width:48px;height:48px;flex:none;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--brand-700);background:rgb(var(--brand-rgb)/0.13);border:1px solid rgb(var(--brand-rgb)/0.24);}
.icon-tile svg{width:25px;height:25px;stroke-width:1.6;}

.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(238,243,247,0.78);border-bottom:1px solid var(--hairline);}
.nav-link{padding:9px 13px;border-radius:var(--radius-sm);font-size:0.92rem;font-weight:500;color:var(--fg-2);text-decoration:none;transition:color var(--dur),background var(--dur);}
.nav-link:hover{color:var(--fg-1);background:var(--surface);}
.logo-mark{width:38px;height:38px;border-radius:11px;flex:none;background:linear-gradient(135deg,var(--brand-500),var(--brand2-600));border:1px solid rgba(34,211,238,0.45);box-shadow:0 6px 18px rgb(var(--brand-rgb)/0.42),inset 0 1px 0 rgba(255,255,255,0.4);display:grid;place-items:center;}
.logo-word{font-weight:700;font-size:1.32rem;letter-spacing:-0.04em;}

/* hero dashboard mock */
.mini-row{display:flex;align-items:center;gap:11px;}
.mini-dot{width:9px;height:9px;border-radius:50%;flex:none;}
.float-a{animation:floaty 7s ease-in-out infinite;}
.float-b{animation:floaty 9s ease-in-out infinite;animation-delay:-2.5s;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
:root[data-motion="off"] .float-a,:root[data-motion="off"] .float-b{animation:none!important;}
@media (prefers-reduced-motion:reduce){.float-a,.float-b{animation:none!important;}}

/* comparison table */
.cmp{width:100%;border-collapse:separate;border-spacing:0;}
.cmp th,.cmp td{padding:16px 18px;text-align:left;vertical-align:middle;}
.cmp thead th{font-size:0.82rem;font-weight:600;color:var(--fg-2);border-bottom:1px solid var(--hairline);}
.cmp thead th.col-us{color:var(--brand-700);}
.cmp tbody td{border-bottom:1px solid var(--hairline);font-size:0.92rem;}
.cmp tbody tr:last-child td{border-bottom:0;}
.cmp .row-feat{font-weight:600;color:var(--fg-1);}
.cmp col.c-us,.cmp th.col-us,.cmp td.cell-us{background:rgb(var(--brand-rgb)/0.07);}
.cmp thead th.col-us{border-top-left-radius:14px;border-top-right-radius:14px;}
.cmp tbody tr:last-child td.cell-us{border-bottom-left-radius:14px;border-bottom-right-radius:14px;}
.ck{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;}
.ck.yes{background:rgb(var(--yes-rgb)/0.16);color:var(--yes);}
.ck.no{background:rgb(var(--no-rgb)/0.12);color:var(--no);}
.ck.partial{background:rgba(245,158,11,0.18);color:#b45309;}
.ck svg{width:15px;height:15px;stroke-width:2.6;}
.cell-note{font-size:0.8rem;color:var(--fg-3);margin-top:3px;}

/* outcome rows (forças) */
.outcome{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;}
.outcome.flip .o-media{order:-1;}
.o-media{padding:24px;border-radius:var(--radius-xl);}
.win{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 15px;border-radius:var(--radius-pill);background:rgb(var(--yes-rgb)/0.12);border:1px solid rgb(var(--yes-rgb)/0.26);color:#047857;font-size:0.86rem;font-weight:600;}
.win svg{width:16px;height:16px;stroke-width:2.4;flex:none;}

/* gap cards */
.gap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.gap-card{padding:24px;}
.gap-card .nope{font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--no);display:inline-flex;align-items:center;gap:6px;}
.gap-card .nope svg{width:13px;height:13px;stroke-width:2.4;}

/* trust strip */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.trust-card{padding:22px;text-align:center;}
.trust-card .icon-tile{margin:0 auto;}

.faq-item{border-bottom:1px solid var(--hairline);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;background:transparent;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:1.08rem;color:var(--fg-1);text-align:left;}
.faq-q .chev{flex:none;transition:transform var(--dur) var(--ease);color:var(--brand-600);}
.faq-item.open .chev{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height var(--dur) var(--ease);}
.faq-a .inner{padding:0 4px 22px;color:var(--fg-2);line-height:1.62;max-width:64ch;}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px;}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal[data-d="1"]{transition-delay:.07s;}.reveal[data-d="2"]{transition-delay:.14s;}.reveal[data-d="3"]{transition-delay:.21s;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.reveal{opacity:1;transform:none;transition:none;}.bg-field span{animation:none!important;}}

/* tweaks */
:root[data-bg="quente"]{--page-bg:#f7f2ea;--fg-1:rgba(34,26,18,0.92);--fg-2:rgba(34,26,18,0.58);--fg-3:rgba(34,26,18,0.40);--hairline:rgba(34,26,18,0.09);}
:root[data-bg="quente"] .bg-field span:nth-child(1){background:radial-gradient(circle,rgb(var(--accent-rgb)/0.18),transparent 66%);}
:root[data-bg="quente"] .nav{background:rgba(247,242,234,0.78);}
:root[data-density="compacto"] .section{padding:clamp(40px,5.5vw,76px) 0;}
:root[data-motion="off"] .bg-field span{animation:none!important;}
:root[data-motion="off"] .reveal{opacity:1!important;transform:none!important;transition:none!important;}

.tw-fab{position:fixed;right:20px;bottom:20px;z-index:80;height:50px;padding:0 18px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-family:inherit;font-weight:600;font-size:0.9rem;color:var(--fg-1);background:var(--surface-2);border:1px solid var(--surface-border);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform var(--dur) var(--ease);}
.tw-fab:hover{transform:translateY(-2px);}
.tw-panel{position:fixed;right:20px;bottom:82px;z-index:81;width:316px;max-width:calc(100vw - 40px);padding:20px;border-radius:var(--radius-xl);background:var(--surface-solid);border:1px solid var(--surface-border);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);opacity:0;transform:translateY(10px) scale(0.98);pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);}
.tw-panel.open{opacity:1;transform:none;pointer-events:auto;}
.tw-group{margin-top:16px;}.tw-group:first-child{margin-top:0;}
.tw-label{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--fg-3);margin-bottom:9px;}
.tw-seg{display:flex;gap:6px;background:var(--surface);padding:4px;border-radius:var(--radius-md);border:1px solid var(--hairline);}
.tw-seg button{flex:1;height:34px;border:0;border-radius:9px;cursor:pointer;font-family:inherit;font-size:0.8rem;font-weight:600;color:var(--fg-2);background:transparent;transition:all var(--dur) var(--ease);}
.tw-seg button[aria-pressed="true"]{background:var(--surface-solid);color:var(--fg-1);box-shadow:var(--shadow-card);}
.tw-swatches{display:flex;gap:10px;}
.tw-sw{width:38px;height:38px;border-radius:11px;cursor:pointer;border:2px solid transparent;padding:0;transition:transform var(--dur);}
.tw-sw:hover{transform:scale(1.08);}
.tw-sw[aria-pressed="true"]{border-color:var(--fg-1);box-shadow:0 0 0 2px var(--page-bg) inset;}

.ver{position:fixed;left:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:var(--radius-pill);background:var(--surface-solid);border:1px solid var(--surface-border);box-shadow:var(--shadow-pop);backdrop-filter:blur(20px);}
.ver b{font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--fg-3);font-weight:500;margin-right:2px;}
.ver a{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;text-decoration:none;color:var(--fg-2);font-weight:600;font-family:var(--font-mono);font-size:0.8rem;transition:all var(--dur);}
.ver a:hover{background:var(--surface);color:var(--fg-1);}
.ver a.on{background:linear-gradient(135deg,var(--brand-500),var(--brand2-600));color:#fff;}

.nav-desktop{display:flex;}
@media(max-width:900px){.nav-desktop{display:none!important;}.outcome{grid-template-columns:1fr;}.outcome.flip .o-media{order:0;}.gap-grid{grid-template-columns:1fr 1fr;}.trust-grid{grid-template-columns:1fr 1fr;}.rg-split{grid-template-columns:1fr!important;}}
@media(max-width:760px){.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}.cmp{min-width:620px;}.rg-3{grid-template-columns:1fr!important;}.rg-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}}
@media(max-width:560px){.wrap{padding:0 18px;}.gap-grid{grid-template-columns:1fr;}.ver{left:12px;bottom:12px;}.tw-fab{right:12px;bottom:12px;}.trust-grid{grid-template-columns:1fr!important;}}

/* ── Subpages (Sobre / Contato) ───────────────────────────── */
.subpage-hero{padding:clamp(72px,10vw,120px) 0 clamp(20px,4vw,36px);}
.prose{max-width:680px;}
.prose p{margin:0 0 1.05rem;}
.prose p:last-child{margin-bottom:0;}
.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
@media(max-width:640px){.value-grid{grid-template-columns:1fr;}}
.value-card{padding:26px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-card);}
.value-card h3{margin:14px 0 8px;font-size:1.08rem;font-weight:700;letter-spacing:-0.02em;}
.ic-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgb(var(--brand-rgb)/0.12);color:var(--brand-700);border:1px solid rgb(var(--brand-rgb)/0.22);}
.contact-line{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--hairline);}
.contact-line:last-child{border-bottom:none;}

/* Footer links: ghost padding so the hover highlight has breathing room
   while the text stays aligned with its column heading (negative left margin). */
.foot-link{align-self:flex-start;margin-left:-11px;padding:6px 11px;border-radius:var(--radius-sm);font-size:0.92rem;font-weight:500;color:var(--fg-2);text-decoration:none;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;transition:color var(--dur),background var(--dur);}
.foot-link:hover{color:var(--fg-1);background:var(--surface);}