/* AdsSaude page layout: hero, steps, lists, proof grid, faq, closing band, floating bar. Tokens live in site.css. */
/* a soft stage that carries a phone demo on a light section */
    .panel{position:relative; background:var(--soft); border:1px solid var(--soft-line); border-radius:28px; padding:32px 16px; overflow:hidden;}
    .panel .stage{position:relative;}
    @media(min-width:900px){ .panel{padding:48px 24px;} }

    /* hero: dark first screen, blue glow, vertical-light texture (CSS only) */
    .hero{position:relative; isolation:isolate; overflow:hidden; background:var(--d0); color:#fff; padding:120px 0 64px;}
    @media(min-width:900px){ .hero{padding:152px 0 96px;} }
    .hero::before{content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(70% 46% at 50% -4%,rgba(0,85,254,.62),rgba(0,85,254,.18) 50%,transparent 74%), radial-gradient(40% 30% at 50% 58%,rgba(0,85,254,.16),transparent 70%);}
    .hero::after{content:""; position:absolute; inset:0; z-index:-1; background:repeating-linear-gradient(90deg,rgba(0,85,254,0) 0,rgba(0,85,254,0) 14px,rgba(20,90,255,.34) 44px,rgba(120,170,255,.2) 49px,rgba(0,85,254,.06) 78px,rgba(0,85,254,0) 96px); -webkit-mask:linear-gradient(180deg,#000 0,rgba(0,0,0,.65) 30%,transparent 58%); mask:linear-gradient(180deg,#000 0,rgba(0,0,0,.65) 30%,transparent 58%); pointer-events:none;}
    .hero .copy{max-width:900px; margin:0 auto; text-align:center;}
    .hero h1{font-size:clamp(30px,7.8vw,58px); line-height:1.08; letter-spacing:-.03em; font-weight:800; color:#fff; text-wrap:balance;}
    .hero h1 .br{display:none;}
    @media(min-width:900px){ .hero h1 .br{display:inline;} }
    .hero h1 .ob{white-space:nowrap;}
    .hero .lead{margin:24px auto 0; max-width:58ch; font-size:17px; line-height:1.6; color:var(--dtext2);}
    @media(min-width:900px){ .hero .lead{font-size:19px;} }
    /* keyword chips in the sub-headline */
    .kw{display:inline-block; font-weight:600; line-height:1.25; padding:1px 8px 2px; margin:0 1px; border-radius:7px; border:1px solid transparent;}
    .kw-b{color:#9cc0ff; background:rgba(59,130,246,.2); border-color:rgba(139,180,255,.3);}
    .kw-g{color:#5fe0a1; background:rgba(18,183,106,.18); border-color:rgba(95,224,161,.3);}
    .kw-v{color:#c4b2ff; background:rgba(139,92,246,.22); border-color:rgba(196,178,255,.32);}
    .actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:32px;}
    .hero .actions,.final .actions{justify-content:center;}
    @media(max-width:520px){ .actions .btn{width:100%;} }

    /* inline objects in the headline, set at cap height */
    .ob{display:inline-block; vertical-align:baseline; position:relative;}
    .ob-chat{width:1.02em; height:1.02em; vertical-align:-.17em; margin:0 .06em 0 .12em; position:relative;}
    .ob-chat svg.ic{width:100%; height:100%; filter:drop-shadow(0 .06em .18em rgba(0,0,0,.45));}
    .ob-chat .bd{position:absolute; top:-.85em; right:-1.5em; min-width:2.3em; height:1.55em; padding:0 .45em; display:flex; align-items:center; justify-content:center; border-radius:99px; background:#d92d20; color:#fff; font-family:var(--display); font-weight:800; font-size:.34em; line-height:1; letter-spacing:0; box-shadow:0 0 0 .22em var(--d0), 0 .3em 1em rgba(217,45,32,.55); transform-origin:0% 100%;}
    .ob-toggle{width:1.52em; height:.8em; vertical-align:-.04em; margin:0 .12em; border-radius:99px; background:linear-gradient(180deg,#2f7bff,#0055fe); box-shadow:0 0 .9em rgba(0,85,254,.75), inset 0 .04em .06em rgba(255,255,255,.35), 0 0 0 .03em rgba(139,180,255,.4);}
    .ob-toggle::after{content:""; position:absolute; top:.08em; left:calc(100% - .72em); width:.64em; height:.64em; border-radius:50%; background:#fff; box-shadow:0 .05em .12em rgba(0,0,0,.35);}
    @media(prefers-reduced-motion:no-preference){
      .ob-toggle{animation:tgTrack .45s .7s var(--ease) both;}
      .ob-toggle::after{animation:tgKnob .45s .7s var(--ease) both;}
      .ob-chat .bd{animation:bdPop .5s 1.25s cubic-bezier(.3,1.6,.5,1) both;}
      @keyframes tgTrack{from{background:#2a3142; box-shadow:0 0 0 rgba(0,85,254,0), inset 0 .04em .06em rgba(255,255,255,.12), 0 0 0 .03em rgba(255,255,255,.14);}}
      @keyframes tgKnob{from{left:.08em;}}
      @keyframes bdPop{0%{transform:scale(0);} 100%{transform:scale(1);}}
    }

    /* the product demo in a large rounded frame with a blue rim light */
    .hframe{position:relative; margin:64px auto 0; max-width:1040px; border-radius:30px; padding:10px; background:linear-gradient(160deg,rgba(150,190,255,.5),rgba(59,130,246,.22) 40%,rgba(0,85,254,.1)); box-shadow:0 0 0 1px rgba(139,180,255,.18), 0 40px 140px -30px rgba(0,85,254,.65), 0 0 90px -10px rgba(0,85,254,.35);}
    .hframe-in{border-radius:22px; overflow:hidden; background:linear-gradient(180deg,#121a2c,#0c111e); border:1px solid rgba(255,255,255,.08);}
    .hframe-bar{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; border-bottom:1px solid var(--dline); text-align:left;}
    .hframe-bar .pill{min-height:30px; padding:0 12px; font-size:12px; font-family:var(--mono); letter-spacing:.08em; text-transform:uppercase; color:#fff;}
    .hframe-bar .caption{font-size:12.5px; color:rgba(255,255,255,.66);}
    .hframe-body{display:grid; gap:24px; padding:28px 16px 32px; justify-items:center;}
    .peek{display:none;}
    @media(max-width:560px){ .hframe{padding:6px; border-radius:24px; margin-top:48px;} .hframe-in{border-radius:19px;} .hframe-body{padding:16px 4px 18px;} .hframe-bar{padding:12px 14px;} }
    @media(min-width:900px){
      .hframe-body{grid-template-columns:minmax(0,1fr) auto; gap:36px; padding:36px 40px 36px 36px; align-items:center; justify-items:stretch;}
      .peek{display:block; background:#fff; color:var(--ink); border:1px solid rgba(255,255,255,.12); border-radius:16px; overflow:hidden; text-align:left; box-shadow:0 20px 60px -20px rgba(0,0,0,.6);}
      .peek .app-stat{grid-template-columns:repeat(2,1fr);}
      .peek .prow{display:flex; align-items:center; gap:12px; padding:12px 16px; border-top:1px solid var(--line);}
      .peek .prow .pp{flex:1 1 auto; min-width:0;}
      .peek .prow .bdg{margin-left:auto;}
    }

    /* two-column section with a sticky demo */
    .cols{display:grid; gap:48px; align-items:start;}
    @media(min-width:900px){ .cols{grid-template-columns:1fr 1fr; gap:80px;} .cols .panel{position:sticky; top:112px;} }

    /* the steps: icon tile, mono pill, display heading, one or two lines */
    .steps{margin-top:40px;}
    .steps li{position:relative; display:grid; grid-template-columns:48px 1fr; gap:0 20px; padding:0 0 36px;}
    .steps li:last-child{padding-bottom:0;}
    .steps li:not(:last-child)::after{content:""; position:absolute; left:23px; top:56px; bottom:8px; width:2px; background:linear-gradient(var(--soft-line),var(--line));}
    .st-ico{display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:14px; background:var(--soft); border:1px solid var(--soft-line); color:var(--accent);}
    .st-ico svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
    .st-pill{display:inline-block; font-family:var(--mono); font-size:11.5px; line-height:1; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-dk); background:var(--soft); border:1px solid var(--soft-line); border-radius:999px; padding:6px 10px; margin-top:4px;}
    .steps h3{font-size:22px; line-height:1.2; letter-spacing:-.025em; font-weight:800; margin-top:12px;}
    .steps p{margin-top:6px; color:var(--muted); max-width:46ch;}

    /* does / does not */
    .two{display:grid; gap:20px;}
    @media(min-width:900px){ .two{grid-template-columns:1fr 1fr; gap:24px;} }
    .cmp{background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:32px 24px;}
    @media(min-width:640px){ .cmp{padding:40px 40px 32px;} }
    .cmp h3{display:flex; align-items:center; gap:12px; font-size:26px; line-height:1.2; letter-spacing:-.03em; font-weight:800; margin-bottom:16px;}
    .cmp h3 .badge-ico{display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:11px; background:var(--accent); color:#fff;}
    .cmp.no h3 .badge-ico{background:var(--ink);}
    .cmp h3 .badge-ico .ico{width:18px; height:18px;}
    .list li{display:flex; align-items:flex-start; gap:12px; padding:16px 0; border-top:1px solid var(--line); color:var(--body);}
    .list li:first-child{border-top:0;}
    .list li .ico{margin-top:2px; color:var(--accent);}
    .aic-side .list li{font-size:18px; font-weight:500; color:var(--ink);}
    .cmp.no li .ico{color:var(--muted);}

    
/* proof: a bordered grid of facts with one line icon each */
    .proof-h{margin-bottom:32px;}
    .grid{display:grid; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:22px; overflow:hidden;}
    .grid + .fit-h{margin-top:64px;}
    @media(min-width:760px){ .grid{grid-template-columns:repeat(6,1fr);} .grid .c{grid-column:span 2;} .grid.g5 .c:nth-child(n+4){grid-column:span 3;} }
    .grid .c{background:var(--surface); padding:24px; display:flex; flex-direction:column; gap:8px;}
    @media(min-width:900px){ .grid .c{padding:32px;} }
    .grid .c .pi{display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:13px; background:var(--soft); border:1px solid var(--soft-line); color:var(--accent); margin-bottom:8px;}
    .grid .c .pi svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
    .grid .c b{font-family:var(--display); font-weight:700; font-size:18px; letter-spacing:-.02em; line-height:1.3;}
    .grid .c span.t{color:var(--muted); font-size:15px; line-height:1.55;}
    .fit-h{font-size:clamp(24px,3vw,32px); line-height:1.15; letter-spacing:-.025em; margin-bottom:24px; max-width:24ch;}

    
/* faq */
    .faq-grid{display:grid; gap:40px;}
    @media(min-width:900px){ .faq-grid{grid-template-columns:1fr 1.6fr; gap:80px;} .faq-grid .head{position:sticky; top:112px; align-self:start; margin-bottom:0;} }
    .faq{display:grid; gap:12px;}
    .faq details{background:var(--surface); border:1px solid var(--line); border-radius:18px;}
    .faq details[open]{border-color:var(--soft-line); background:var(--tint);}
    .faq summary{list-style:none; cursor:pointer; min-height:64px; padding:16px 20px; font-family:var(--display); font-size:17px; font-weight:700; line-height:1.35; letter-spacing:-.015em; display:flex; justify-content:space-between; gap:16px; align-items:center; border-radius:18px;}
    .faq summary:hover{color:var(--accent);}
    .faq summary::-webkit-details-marker{display:none;}
    .faq .pm{flex:none; width:30px; height:30px; border:1.5px solid currentColor; border-radius:10px; position:relative;}
    .faq .pm::before,.faq .pm::after{content:""; position:absolute; left:7px; right:7px; top:50%; height:2px; margin-top:-1px; background:currentColor;}
    .faq .pm::after{transform:rotate(90deg); transition:transform .2s var(--ease);}
    .faq details[open] .pm::after{transform:rotate(0);}
    .faq details[open] .pm{background:var(--accent); border-color:var(--accent); color:#fff;}
    .faq .ans{padding:0 20px 20px; max-width:64ch; color:var(--body);}

    /* final cta */
    .final{text-align:center; padding:96px 0;}
    @media(min-width:900px){ .final{padding:136px 0;} }
    .final::before{content:""; position:absolute; left:50%; bottom:-40%; width:1000px; height:700px; transform:translateX(-50%); background:radial-gradient(closest-side,rgba(0,85,254,.34),transparent); pointer-events:none;}
    .final .wrap{position:relative; z-index:1;}
    .final h2{font-size:clamp(34px,5.4vw,56px); line-height:1.06; letter-spacing:-.035em; font-weight:800; max-width:16ch; margin:0 auto; text-wrap:balance;}
    .final p{margin:20px auto 0; max-width:46ch; font-size:18px; color:var(--dtext2);}
    .final .actions{margin-top:32px;}
    .final-mark{position:absolute; left:50%; top:50%; width:460px; height:460px; transform:translate(-50%,-50%); color:rgba(59,130,246,.06); pointer-events:none;}
    .final-mark svg{width:100%; height:100%; fill:currentColor;}
    @media(max-width:760px){ .final-mark{width:320px; height:320px;} }


    /* floating action bar: appears after the hero, hides near the closing band, dismissible */
    .mbar{position:fixed; left:50%; bottom:max(16px,env(safe-area-inset-bottom)); z-index:60; display:flex; align-items:center; gap:14px; width:max-content; max-width:calc(100% - 24px); padding:8px 8px 8px 20px; border-radius:20px; background:rgba(14,18,28,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.14); box-shadow:0 18px 50px -12px rgba(0,0,0,.65); color:#fff; transform:translate(-50%,24px); opacity:0; visibility:hidden; transition:opacity .25s ease,transform .25s var(--ease),visibility 0s .25s;}
    .mbar.on{transform:translate(-50%,0); opacity:1; visibility:visible; transition:opacity .25s ease,transform .25s var(--ease),visibility 0s;}
    .mbar .mtxt{font-size:14px; line-height:1.35; color:rgba(255,255,255,.82);}
    .mbar .btn{min-height:44px; padding:0 18px; font-size:15px; border-radius:14px;}
    .mbar .mx{flex:none; width:44px; height:44px; margin:0 -2px 0 0; border:0; background:transparent; color:rgba(255,255,255,.7); border-radius:12px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
    .mbar .mx:hover{background:rgba(255,255,255,.1); color:#fff;}
    .mbar .mx svg{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round;}
    @media(max-width:560px){ .mbar{padding:6px 6px 6px 14px; gap:8px; left:12px; right:12px; width:auto; max-width:none; transform:translate(0,24px);} .mbar.on{transform:none;} .mbar .mtxt{display:none;} .mbar .btn{flex:1;} }
    body:has(.ads-cc:not([hidden])) .mbar{display:none;}


    
/* ===== AdsSaude additions ===== */
body.home .nav{position:fixed; left:0; right:0; top:12px;}
.hero .label{background:rgba(59,130,246,.12); color:var(--accent-on-dark); border-color:rgba(139,180,255,.28);}
.hero .label::before{background:var(--live); box-shadow:0 0 0 3px rgba(18,183,106,.2);}
.hero h1 .ob-ad,.hero h1 .ob-toggle{white-space:nowrap;}
/* inline ad card in the h1 */
.ob-ad{width:2.35em; height:.92em; vertical-align:-.14em; margin:0 .1em; border-radius:.2em; background:#fff; box-shadow:0 .1em .5em rgba(0,0,0,.45), 0 0 0 .04em rgba(139,180,255,.5), 0 0 1em rgba(0,85,254,.45); overflow:hidden;}
.ob-ad .ad-tag{position:absolute; left:.2em; top:.14em; font-family:var(--display); font-weight:800; font-size:.2em; line-height:1; letter-spacing:0; color:#0a0d14; background:#e6e9ef; border-radius:.5em; padding:.2em .5em;}
.ob-ad .ad-l1,.ob-ad .ad-l2{position:absolute; left:.2em; height:.1em; border-radius:.1em; background:#0055fe;}
.ob-ad .ad-l1{top:.46em; width:1.5em; opacity:.9;}
.ob-ad .ad-l2{top:.64em; width:1em; background:#c3cad8;}
@media(prefers-reduced-motion:no-preference){ .ob-ad{animation:adIn .5s .5s var(--ease) both;} @keyframes adIn{from{transform:translateY(.25em) scale(.9); opacity:0;}} }

/* hero illustration */
.illus{display:grid; gap:14px; align-content:center; text-align:left;}
.adcard,.postcard{background:#fff; color:var(--ink); border-radius:14px; padding:16px 18px; box-shadow:0 20px 50px -24px rgba(0,0,0,.7);}
.adlab{font-size:12.5px; color:var(--muted); margin:0 0 6px;}
.adlab b{display:inline-block; font-family:var(--display); color:var(--ink); border:1px solid var(--line-strong); border-radius:6px; padding:1px 6px; margin-right:6px; font-size:12px;}
.adtitle{font-family:var(--display); font-weight:700; font-size:18px; line-height:1.25; color:#0043cc; letter-spacing:-.01em; margin:0;}
.adtext{margin:6px 0 0; font-size:14px; line-height:1.5; color:var(--body);}
.adbtn{display:inline-block; margin:12px 0 0; font-size:13.5px; font-weight:600; color:#085c3a; background:#e8f8f0; border:1px solid #a9e3c6; border-radius:8px; padding:8px 12px;}
.postcard .adtitle{color:var(--ink);}
.review{padding:20px; min-width:0;}
@media(min-width:900px){ .review{width:320px;} }
.rv-h{margin:0 0 12px; font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--accent-dk);}
.review ul{display:grid; gap:10px;}
.review li{display:flex; gap:10px; align-items:flex-start; font-size:14px; line-height:1.45; color:var(--body);}
.review .ico{color:var(--accent); width:18px; height:18px; margin-top:2px;}
.hframe-body{padding:20px 14px;}
@media(min-width:900px){ .hframe-body{grid-template-columns:minmax(0,1fr) auto;} .peek.review{display:block;} }
.peek.review{display:block;}
@media(max-width:899px){ .peek.review{background:#fff; color:var(--ink); border-radius:14px;} }

/* problem grid */
.grid.g4{grid-template-columns:1fr;}
@media(min-width:640px){ .grid.g4{grid-template-columns:repeat(2,1fr);} .grid.g4 .c{grid-column:auto;} }
@media(min-width:1000px){ .grid.g4{grid-template-columns:repeat(4,1fr);} }
.grid.g3{grid-template-columns:1fr;}
@media(min-width:760px){ .grid.g3{grid-template-columns:repeat(3,1fr);} .grid.g3 .c{grid-column:auto;} }
.grid.inpage{margin:8px 0 8px; border-radius:18px;}

/* scopes */
.scopes{display:grid; gap:16px; grid-template-columns:1fr;}
@media(min-width:760px){ .scopes{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1100px){ .scopes{grid-template-columns:repeat(3,1fr);} }
.scope{background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:24px;}
.scope .pi{display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:13px; background:var(--soft); border:1px solid var(--soft-line); color:var(--accent); margin-bottom:14px;}
.scope .pi svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.scope h3{font-size:21px; letter-spacing:-.025em; font-weight:800; margin-bottom:12px;}
.scope h3 a:hover{color:var(--accent);}
.scope dt{font-family:var(--mono); font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--accent-dk); margin-top:14px;}
.scope dd{margin:4px 0 0; font-size:15px; line-height:1.55; color:var(--body);}

/* compliance band */
.dark .two.dk .cmp{background:var(--d1); border-color:var(--dline); color:#fff;}
.dark .two.dk .cmp h3{color:#fff;}
.dark .two.dk .list li{color:var(--dtext2); border-color:var(--dline);}
.dark .two.dk .list li .ico{color:var(--accent-on-dark);}
.dark .two.dk .cmp.no li .ico{color:rgba(255,255,255,.55);}
.dark .cmp.no h3 .badge-ico{background:#2a3142;}
.disc-dk{margin-top:24px; max-width:78ch; font-size:14px; line-height:1.55; color:rgba(255,255,255,.72);}
.dk-h{margin-top:56px; color:#fff;}
.on-dark .cardlink{background:var(--d1); border-color:var(--dline); color:#fff;}
.on-dark .cardlink p{color:var(--dtext2);}
.on-dark .cardlink .tag{background:rgba(59,130,246,.12); color:var(--accent-on-dark); border-color:rgba(139,180,255,.28);}
.on-dark .cardlink .go{color:var(--accent-on-dark);}
.on-dark .cardlink:hover{border-color:rgba(139,180,255,.4); box-shadow:0 18px 44px -26px rgba(0,85,254,.8);}
.dark .cardgrid{margin-top:8px;}

/* packages (no prices) */
.plans3{display:grid; gap:16px; grid-template-columns:1fr;}
@media(min-width:900px){ .plans3{grid-template-columns:repeat(3,1fr);} }
.pk{position:relative; padding:32px 24px 24px; background:var(--surface); border:1px solid var(--line); border-radius:22px; overflow:hidden;}
.pk::before{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,var(--accent),var(--accent-lt));}
.pk.hl{border-color:var(--soft-line); background:var(--soft);}
.pk h3{font-size:24px; letter-spacing:-.03em; font-weight:800;}
.pk-for{margin-top:8px; color:var(--muted); font-size:15px;}
.pk ul{margin-top:20px; display:grid; gap:10px; font-size:15px; color:var(--body);}
.pk li{position:relative; padding-left:26px;}
.pk li::before{content:""; position:absolute; left:0; top:3px; width:17px; height:17px; background:var(--accent); -webkit-mask:var(--i) center/contain no-repeat; mask:var(--i) center/contain no-repeat; --i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");}
.pricing-foot{margin-top:28px; display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; max-width:none; color:var(--body); font-size:15px;}

/* comparison table */
.ctable{overflow-x:auto; border:1px solid var(--line); border-radius:18px; background:var(--surface);}
.ctable table{border-collapse:collapse; width:100%; min-width:760px; font-size:14.5px; line-height:1.5;}
.ctable th,.ctable td{text-align:left; padding:14px 16px; border-bottom:1px solid var(--line); vertical-align:top;}
.ctable thead th{background:var(--tint); font-family:var(--display); font-size:13.5px; color:var(--ink);}
.ctable thead th:last-child,.ctable td:last-child{background:var(--soft); color:var(--ink); font-weight:600;}
.ctable tbody th{font-weight:600; color:var(--ink);}
.ctable tr:last-child th,.ctable tr:last-child td{border-bottom:0;}
.ctable:focus-visible{outline:3px solid var(--accent); outline-offset:2px;}

/* calculator on the home page and rules lists */
.ex-note{margin:0 0 20px; padding:12px 16px; background:var(--warn-bg); border:1px solid var(--warn-line); border-radius:12px; color:var(--warn-ink)!important;}
.rd ul.rules{list-style:none; padding:0; display:grid; gap:10px;}
.rd ul.rules li{padding:14px 16px 14px 18px; background:var(--tint); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:12px; margin:0;}
.rd .ref{display:block; margin-top:4px; font-family:var(--mono); font-size:12.5px; color:var(--muted);}
.pg .body .faq{max-width:760px;}
.pg .body .faq-wrap{margin-top:0;}
.cols .rd{max-width:56ch;}
.cols .title{max-width:16ch;}
.cols .steps{margin-top:0;}
.hframe-bar .pill{background:rgba(59,130,246,.2);}
.head.split .sub{max-width:52ch;}
.sec .faq-grid .head .title{max-width:14ch;}
@media(max-width:899px){ .cols{gap:32px;} }
.cardgrid.c3{margin-top:0;}

/* review fixes 2026-10-05 */
.ob-ad .ad-tag::before{content:"Anúncio";}
.cardlink .tag.keep-case{text-transform:none;}
.phd-note{margin-top:14px; max-width:62ch; font-size:14px; line-height:1.5; color:var(--dtext2);}
.crumb a{display:inline-flex; align-items:center; min-height:24px;}
.crumb a::after{inset:-10px -8px;}
.scroll-hint{display:none; margin:0 0 8px; font-size:13px; color:var(--muted);}
@media(max-width:820px){ .scroll-hint{display:block;} .ctable{box-shadow:inset -14px 0 12px -12px rgba(10,13,20,.28);} }
/* phones: a tighter first screen so the consent strip, when shown, does not sit on the hero buttons */
@media(max-width:560px){ .hero{padding:96px 0 48px;} .hero .copy>.label{display:none;} .hero .lead{font-size:16px; line-height:1.55;} }