/* ===========================================================
   GoDoc — folha de estilo compartilhada
   Marca: navy + ciano (Figma). Tipografia: Playfair Display + Inter.
   Usada por: index.html, servicos/*, blog/*
   =========================================================== */
:root{
  --navy:#002F43; --navy-d:#001a26; --navy-2:#00263a; --navy-l:#073d54; --navy-p:#0a4258;
  --cyan:#10C5CC; --cyan-d:#0ea6ad; --cyan-soft:rgba(16,197,204,.12);
  --blue:#1072CC; --white:#ffffff;
  --ink:#eaf7f8; --mut:#9db9bf; --line:rgba(255,255,255,.10); --line-s:rgba(255,255,255,.06);
  --r:18px; --r-lg:26px; --maxw:1180px;
  --sh:0 18px 50px -22px rgba(0,0,0,.55);
  --sh-lg:0 40px 90px -34px rgba(0,0,0,.7);
  --glow:0 0 0 1px rgba(16,197,204,.25),0 14px 40px -14px rgba(16,197,204,.35);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--navy);line-height:1.62;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.12;font-weight:600;letter-spacing:-.01em;color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
section{padding:96px 0;position:relative}
.center{text-align:center}
::selection{background:var(--cyan);color:var(--navy)}

/* botões */
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--cyan);color:#012c33;font-weight:700;padding:15px 27px;border-radius:999px;font-size:15px;transition:transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease);border:0;cursor:pointer;box-shadow:0 12px 30px -12px rgba(16,197,204,.6);position:relative;overflow:hidden;will-change:transform}
.btn::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.55) 50%,transparent 68%);transform:translateX(-130%);transition:transform .65s var(--ease)}
.btn:hover::before{transform:translateX(130%)}
.btn>*{position:relative;z-index:3}
.btn:hover{background:var(--cyan-d);transform:translateY(-2px);box-shadow:0 18px 38px -12px rgba(16,197,204,.75)}
.btn .ar{transition:transform .25s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn-ghost{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.22);color:#fff;font-weight:600;box-shadow:none}
.btn-ghost::before{display:none}
.btn-ghost:hover{background:rgba(255,255,255,.12);box-shadow:none;transform:translateY(-2px)}

.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Inter';font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--cyan)}
.eyebrow:before{content:"";width:22px;height:1.5px;background:var(--cyan)}
.eyebrow.c:before{display:none}
h2.title{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.02em}
.lead{color:var(--mut);font-size:18px;max-width:56ch}
.alt{background:var(--navy-2)}
.deep{background:var(--navy-d)}

/* reveal on scroll */
.rev{opacity:0;transform:translateY(28px);filter:blur(7px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}
.rev.in{opacity:1;transform:none;filter:blur(0)}
.rev.d1{transition-delay:.08s}.rev.d2{transition-delay:.16s}.rev.d3{transition-delay:.24s}.rev.d4{transition-delay:.32s}

/* camada premium */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--cyan),#7fe6ea,var(--blue));z-index:200;will-change:transform}
body::after{content:"";position:fixed;inset:0;z-index:140;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}
.spot{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.9;transition:background .25s var(--ease);
  background:radial-gradient(480px circle at var(--mx,78%) var(--my,12%),rgba(16,197,204,.18),transparent 62%)}
.reveal-words .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.reveal-words .w i{display:inline-block;font-style:inherit;transform:translateY(112%);transition:transform .85s var(--ease)}
.reveal-words.in .w i{transform:none}

/* HEADER + NAV com dropdown */
header{position:sticky;top:0;z-index:60;transition:.3s var(--ease)}
header.scrolled{background:rgba(0,26,38,.82);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo img{height:34px;width:auto}
.menu{display:flex;gap:30px;align-items:center;font-size:14.5px;font-weight:600}
.menu>.item{position:relative}
.menu>.item>a{display:inline-flex;align-items:center;gap:5px;opacity:.85;color:#fff;cursor:pointer;padding:6px 0}
.menu>.item>a:hover{opacity:1}
.menu .caret{font-size:10px;opacity:.7;transition:transform .2s var(--ease)}
.menu .item:hover .caret{transform:rotate(180deg)}
.menu .item:hover>a{opacity:1}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:240px;background:var(--navy-l);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);padding:10px;opacity:0;visibility:hidden;transition:.22s var(--ease)}
.menu .item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(6px)}
.dropdown a{display:block;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;color:#cfe6e9;opacity:1}
.dropdown a small{display:block;font-weight:500;color:var(--mut);font-size:12px;margin-top:2px}
.dropdown a:hover{background:var(--cyan-soft);color:#fff}
.nav-cta{display:flex;gap:12px;align-items:center}
.hamb{display:none;font-size:25px;background:none;border:0;cursor:pointer;color:#fff}

/* HERO */
.hero{background:
   radial-gradient(900px 500px at 82% -5%,rgba(16,197,204,.16),transparent 60%),
   radial-gradient(700px 500px at 5% 100%,rgba(16,114,204,.18),transparent 60%),
   linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);
   color:#fff;position:relative;overflow:hidden;margin-top:-76px;padding-top:76px}
.hero:before{content:"";position:absolute;right:-10%;top:-30%;width:780px;height:780px;border-radius:50%;
   background:repeating-radial-gradient(circle at center,transparent 0 38px,rgba(16,197,204,.07) 38px 39px);
   mask:radial-gradient(circle at center,#000 60%,transparent 72%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:72px 0 92px;position:relative;z-index:2}
.hero h1{font-size:clamp(35px,5.2vw,58px);color:#fff;max-width:15ch;font-weight:500}
.hero h1 em{font-style:italic;color:var(--cyan);font-weight:400}
.hero p.sub{font-size:19px;color:#cfe6e9;margin:24px 0 10px;max-width:50ch}
.hero .tag{font-size:16px;color:var(--cyan);font-style:italic;font-family:'Playfair Display'}
.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.trustbar{display:flex;gap:40px;flex-wrap:wrap;margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}
.trustbar div{display:flex;flex-direction:column}
.trustbar b{font-family:'Playfair Display';font-size:30px;font-weight:600;color:#fff}
.trustbar span{font-size:13px;color:var(--mut);max-width:18ch}
.hero-visual{position:relative;z-index:2;transition:transform .35s var(--ease);will-change:transform}
.card-float{background:linear-gradient(165deg,var(--navy-p),var(--navy-l));color:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh-lg);transform:rotate(-1.4deg);position:relative}
.card-float .ttl{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.card-float .ttl b{font-family:'Playfair Display';font-size:18px}
.card-float .ttl .pill{font-size:11px;font-weight:700;background:var(--cyan-soft);color:var(--cyan);padding:4px 10px;border-radius:99px}
.card-float .who{font-size:12.5px;color:var(--mut);margin-bottom:18px}
.bar{margin:14px 0}
.bar .lab{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:6px;font-weight:600}
.bar .lab b{color:var(--cyan)}
.bar .track2{height:8px;background:rgba(255,255,255,.10);border-radius:99px;overflow:hidden}
.bar .fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--cyan),#7fe6ea);transition:width 1.1s var(--ease)}
.in .bar .fill{width:var(--w)}
.card-float .ftr{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center}
.card-float .ftr .risk{font-size:13px;color:var(--mut)}.card-float .ftr .risk b{color:#ff8f63}
.card-float .ftr .opp{font-size:13px;font-weight:700;color:var(--cyan)}
.chip{position:absolute;background:var(--navy-l);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:12px 15px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:9px;color:#fff}
.chip i{font-style:normal;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--cyan-soft);font-size:15px}
.chip.c1{top:-26px;right:6%;animation:floaty 5s ease-in-out infinite}
.chip.c2{bottom:-22px;left:-18px;animation:floaty 5s ease-in-out infinite .8s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* faixa de autoridade */
.authority{background:var(--navy-d);padding:32px 0;border-top:1px solid var(--line-s);border-bottom:1px solid var(--line-s)}
.authority .wrap{display:flex;align-items:center;gap:34px;flex-wrap:wrap;justify-content:center}
.authority span.lab{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:700}
.authority .names{display:flex;gap:30px;flex-wrap:wrap;font-family:'Playfair Display';font-size:19px;color:#5e818a}

/* cards de perguntas/dores */
.q-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.q-card{background:var(--navy-l);border:1px solid var(--line);border-radius:var(--r);padding:30px;transition:.3s var(--ease)}
.q-card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:rgba(16,197,204,.4)}
.q-card .who{font-size:12px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.07em}
.q-card h3{font-size:21px;margin-top:12px;font-weight:500;color:#fff}

/* 4 PILARES */
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:46px}
.pcard{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;background:linear-gradient(170deg,var(--navy-l),var(--navy-2));transition:.3s var(--ease);overflow:hidden}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:rgba(16,197,204,.4)}
.pcard .ic{font-size:24px;width:56px;height:56px;border-radius:15px;background:linear-gradient(140deg,var(--cyan),var(--blue));color:#012c33;display:grid;place-items:center;margin-bottom:18px}
.pcard .kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.pcard h3{font-size:24px;margin:6px 0 6px;color:#fff;font-weight:600}
.pcard p.k{color:var(--mut);font-size:14.5px;margin-bottom:18px}
.pcard ul{list-style:none;font-size:14.5px}
.pcard li{padding:7px 0 7px 26px;position:relative;color:#cfe0e3}
.pcard li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}
.pcard .more{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--cyan);font-weight:700;font-size:14px}
.pcard .more .ar{transition:transform .25s var(--ease)}
.pcard:hover .more .ar{transform:translateX(4px)}

/* benefícios / why */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.why-item{background:var(--navy-l);border:1px solid var(--line);border-radius:var(--r);padding:30px;transition:.3s var(--ease)}
.why-item:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.why-item .big{width:54px;height:54px;border-radius:14px;background:linear-gradient(140deg,var(--cyan),var(--blue));color:#012c33;display:grid;place-items:center;font-family:'Playfair Display';font-size:26px;margin-bottom:18px;font-weight:700}
.why-item h3{font-size:19px;margin:0 0 8px;font-weight:600;color:#fff}
.why-item p{font-size:14.5px;color:var(--mut)}

/* stats do problema (estilo Earned) */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px}
.stat{border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;background:var(--navy-2)}
.stat .num{font-family:'Playfair Display';font-size:52px;font-weight:600;color:var(--cyan);line-height:1}
.stat p{margin-top:14px;color:#cfe0e3;font-size:15px}
.stat .src{display:block;margin-top:10px;font-size:11.5px;color:#5e818a}

/* silos */
.silos{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:stretch;margin-top:46px}
.silo-box{border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}
.silo-box.bad{background:var(--navy-2)}
.silo-box.good{background:linear-gradient(155deg,var(--cyan),var(--blue));color:#012c33;border:0;box-shadow:var(--glow)}
.silo-box h4{font-family:'Inter';font-weight:800;margin-bottom:16px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.silo-box.bad h4{color:var(--mut)}
.silo-box ul{list-style:none;font-size:15px}
.silo-box li{padding:9px 0 9px 28px;position:relative}
.silo-box.bad li{color:#cfe0e3}.silo-box.bad li:before{content:"✕";position:absolute;left:0;color:#ff8f63;font-weight:800}
.silo-box.good li:before{content:"✓";position:absolute;left:0;color:#012c33;font-weight:800}
.arrow{display:grid;place-items:center;font-size:26px;color:var(--cyan)}

/* faixa de métricas */
.metrics{background:radial-gradient(120% 160% at 50% 0%,rgba(16,197,204,.14),transparent 60%),var(--navy-d);text-align:center}
.metrics h2{font-size:clamp(26px,3.4vw,38px);max-width:22ch;margin:0 auto}
.metrics .row{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;margin-top:44px}
.metrics .m b{font-family:'Playfair Display';font-size:54px;font-weight:600;color:var(--cyan);display:block;line-height:1}
.metrics .m span{font-size:14px;color:var(--mut)}

/* RAIO-X */
.raiox{background:radial-gradient(700px 420px at 88% 8%,rgba(16,197,204,.14),transparent 62%),var(--navy-d);overflow:hidden}
.rx-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;position:relative;z-index:2}
.rx-grid h2{color:#fff;font-size:clamp(28px,3.9vw,42px)}
.rx-grid .lead{color:#cfe6e9;margin:20px 0}
.rx-list{list-style:none;margin:20px 0}
.rx-list li{padding:9px 0 9px 32px;position:relative;color:#cfe6e9;font-size:15.5px}
.rx-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}
.score{background:linear-gradient(165deg,var(--navy-p),var(--navy-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:var(--sh-lg)}
.score h4{font-family:'Inter';font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:20px}
.score .bar .lab{color:#fff}.score .bar .lab b{color:var(--cyan)}
.score .risk{margin-top:22px;display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:16px;color:#cfe6e9}
.score .risk b{color:#ff8f63}
.score .risk.o b{color:var(--cyan)}

/* passos */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:46px}
.step{padding:32px;border-radius:var(--r);background:var(--navy-l);border:1px solid var(--line);transition:.3s var(--ease)}
.step:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.step .n{width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,var(--cyan),var(--blue));color:#012c33;display:grid;place-items:center;font-weight:700;font-family:'Playfair Display';font-size:20px;margin-bottom:18px}
.step h3{font-size:20px;margin-bottom:8px;font-weight:600;color:#fff}.step p{color:var(--mut);font-size:14.5px}

/* tabela comparativa */
.tbl-wrap{margin-top:40px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line)}
table.compare{width:100%;border-collapse:collapse;background:var(--navy-2)}
table.compare th,table.compare td{padding:17px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line-s);color:#cfe0e3}
table.compare thead th{background:var(--navy-l);color:#fff;font-family:'Inter';font-weight:700;font-size:13px}
table.compare thead th.godoc{background:linear-gradient(160deg,var(--cyan),var(--blue));color:#012c33}
table.compare tbody tr:last-child td{border-bottom:0}
table.compare .yes{color:var(--cyan);font-weight:800}
table.compare .no{color:#ff8f63;opacity:.8}
table.compare .par{color:var(--mut)}
table.compare td:first-child{font-weight:700;color:#fff}
table.compare td.godoc{background:rgba(16,197,204,.08);font-weight:800;color:#fff}

/* depoimentos */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.quote{background:var(--navy-l);border:1px solid var(--line);border-radius:var(--r);padding:30px;transition:.3s var(--ease)}
.quote:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.quote .stars{color:var(--cyan);letter-spacing:2px;margin-bottom:14px}
.quote p{font-size:15.5px;font-style:italic;font-family:'Playfair Display';color:#eaf7f8}
.quote .by{margin-top:18px;font-size:13px;color:var(--mut);font-weight:700;font-style:normal}

/* cards de blog/insights */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}
.post{display:flex;flex-direction:column;background:var(--navy-l);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.3s var(--ease)}
.post:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:rgba(16,197,204,.35)}
.post .thumb{aspect-ratio:16/9;background:linear-gradient(140deg,var(--navy-p),var(--navy-l));display:grid;place-items:center;font-size:40px}
.post .body{padding:24px;display:flex;flex-direction:column;flex:1}
.post .cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.post h3{font-size:18px;font-weight:600;color:#fff;line-height:1.3}
.post .meta{margin-top:auto;padding-top:16px;font-size:12.5px;color:var(--mut)}

/* FAQ */
.faq{max-width:840px;margin:40px auto 0}
.fitem{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:var(--navy-l);overflow:hidden;transition:.25s}
.fitem.open{border-color:rgba(16,197,204,.45);box-shadow:var(--sh)}
.fq{width:100%;text-align:left;background:none;border:0;padding:22px 24px;font-size:16.5px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:20px;color:#fff;font-family:'Inter'}
.fq span{color:var(--cyan);transition:.25s var(--ease);flex-shrink:0;font-size:22px;line-height:1}
.fa{max-height:0;overflow:hidden;transition:max-height .32s var(--ease);color:var(--mut);font-size:15px}
.fa div{padding:0 24px 22px}
.fitem.open .fa{max-height:320px}
.fitem.open .fq span{transform:rotate(45deg)}

/* CTA final */
.final{background:radial-gradient(120% 140% at 50% 0%,rgba(16,197,204,.16),transparent 60%),linear-gradient(180deg,var(--navy-2),var(--navy));text-align:center;overflow:hidden}
.final h2{color:#fff;font-size:clamp(30px,4.1vw,46px);max-width:18ch;margin:0 auto}
.final p{color:#cfe6e9;margin:20px auto 30px;max-width:52ch;font-size:18px}

/* FOOTER */
footer{background:var(--navy-d);color:#9db9bf;padding:66px 0 36px;font-size:14px;border-top:1px solid var(--line-s)}
.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:38px;margin-bottom:40px}
footer .logo img{height:38px;margin-bottom:16px}
footer h5{color:#fff;font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:15px;font-family:'Inter'}
footer a{display:block;padding:5px 0;opacity:.8;transition:.2s}footer a:hover{opacity:1;color:var(--cyan)}
.legal{border-top:1px solid var(--line-s);padding-top:24px;font-size:12px;color:#5e818a;line-height:1.8;max-width:96ch}

/* ícones SVG (substituem emojis) */
.ic svg{width:28px;height:28px;display:block}
.chip i{color:var(--cyan)}
.chip i svg{width:16px;height:16px;display:block}
.post .thumb svg{width:38px;height:38px;color:var(--cyan)}
footer a.social{display:flex;align-items:center;gap:10px}
footer a.social svg{width:18px;height:18px;flex-shrink:0;color:var(--cyan)}
.dropdown a .di{display:inline-flex;width:18px;height:18px;margin-right:8px;vertical-align:-3px;color:var(--cyan)}
.dropdown a .di svg{width:18px;height:18px}

/* breadcrumb (páginas internas) */
.crumb{font-size:13px;color:var(--mut);padding:24px 0 0}
.crumb a{color:var(--cyan)}
.crumb span{opacity:.6;margin:0 8px}

/* artigo / conteúdo longo (blog + serviços) */
.article{padding:60px 0 40px}
.article .head{max-width:760px;margin:0 auto;text-align:center}
.article .head .cat{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.article .head h1{font-size:clamp(30px,4.4vw,48px);margin:14px 0 16px;color:#fff}
.article .head .meta{font-size:14px;color:var(--mut)}
.prose{max-width:760px;margin:40px auto 0;font-size:17px;color:#dceff1;line-height:1.78}
.prose h2{font-size:clamp(24px,2.8vw,32px);margin:44px 0 14px;color:#fff}
.prose h3{font-size:21px;margin:30px 0 10px;color:#fff;font-weight:600}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 18px 22px}
.prose li{margin:8px 0}
.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:#fff}
.prose blockquote{border-left:3px solid var(--cyan);padding:6px 0 6px 22px;margin:22px 0;font-family:'Playfair Display';font-style:italic;font-size:20px;color:#fff}
.prose .callout{background:var(--navy-l);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;margin:28px 0}
.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.prose th,.prose td{border:1px solid var(--line);padding:12px 14px;text-align:left}
.prose th{background:var(--navy-l);color:#fff}

@media(max-width:880px){
  .menu,.nav-cta .btn-ghost{display:none}.hamb{display:block}
  .menu.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:var(--navy-d);padding:20px 26px;box-shadow:var(--sh);gap:8px;border-bottom:1px solid var(--line);align-items:stretch}
  .menu.open .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 12px;min-width:0}
  .menu.open .caret{display:none}
  .hero-grid,.pillars,.rx-grid,.silos{grid-template-columns:1fr;gap:36px}
  .hero h1{font-size:36px}.hero p.sub{font-size:17px}
  .hero-visual{order:2;max-width:420px;margin:0 auto;width:100%}
  .chip.c1{right:0}.chip.c2{left:0}
  .q-grid,.why,.stats,.steps,.quotes,.posts,.fcols{grid-template-columns:1fr}
  .metrics .row{gap:32px}
  .silos .arrow{transform:rotate(90deg)}
  section{padding:64px 0}
  .tbl-wrap{overflow-x:auto}table.compare{min-width:620px}
}
@media(prefers-reduced-motion:reduce){
  .rev{transition:none;opacity:1;transform:none;filter:none}.chip{animation:none}
  .reveal-words .w i{transform:none;transition:none}
  .hero-visual{transform:none!important}.spot,.btn::before{display:none}
}