/* ============================================================
   Dr. IAGO — extensões da landing (sobre o design system Agentico)
   ============================================================ */
.eyebrow--mono{font-family:"JetBrains Mono",monospace;letter-spacing:.12em;font-weight:500;text-transform:none;color:#8fb6ff}

/* HERO ajustes */
.hero--driago{min-height:96vh}
.hero--driago .bg img{object-position:center right;filter:saturate(1.03)}
.hero--driago .bg::after{background:linear-gradient(90deg,#0a0f17 4%,rgba(10,15,23,.80) 44%,rgba(10,15,23,.30) 82%),linear-gradient(0deg,#0a0f17 2%,transparent 48%)}
.hero--driago h1{font-size:clamp(2.7rem,6.6vw,5.2rem)}
.hero .spectrum{background:linear-gradient(100deg,#5fa8ff,#46e0cf 55%,#8fe06a);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ===== DORES ===== */
.pains{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:980px){.pains{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pains{grid-template-columns:1fr}}
.pain{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.pain:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#e7b6ae}
.pain__n{font-family:"JetBrains Mono",monospace;font-size:.78rem;color:#c0473a;font-weight:700}
.pain h4{font-family:var(--font-d);font-weight:700;font-size:1.04rem;margin:10px 0 6px;color:var(--ink)}
.pain p{font-size:.9rem;color:var(--muted)}
.pain-kicker{font-family:var(--font-d);font-weight:600;font-size:clamp(1.2rem,2.5vw,1.75rem);color:var(--ink);max-width:780px;margin-top:36px;line-height:1.28}
.pain-kicker b{color:#c0473a}

/* ===== DEMO WhatsApp ===== */
.demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
@media(max-width:880px){.demo-grid{grid-template-columns:1fr;gap:32px}}
.demo-title{font-family:var(--font-d);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.02em;line-height:1.12;margin:14px 0 14px}
.demo-p{color:var(--ink2);font-size:1.06rem;margin-bottom:22px;max-width:48ch}
.phone{background:#0b1f17;border-radius:28px;padding:10px;box-shadow:var(--shadow-lg);max-width:360px;margin:0 auto;border:1px solid rgba(16,24,40,.12)}
.phone__top{background:#1f9e54;color:#fff;display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:20px 20px 0 0}
.phone__av{width:34px;height:34px;border-radius:50%;background:#0d6b39;display:grid;place-items:center;font-weight:700;font-size:13px;font-family:var(--font-d)}
.phone__nm{font-weight:700;font-size:14px;font-family:var(--font-d);line-height:1.2}
.phone__st{font-size:11px;opacity:.85}
.phone__body{background:#e7ddd3;padding:15px;display:flex;flex-direction:column;gap:9px;border-radius:0 0 20px 20px}
.bub{max-width:85%;font-size:13.5px;line-height:1.5;padding:9px 12px;border-radius:13px;color:#11251c}
.bub.me{align-self:flex-end;background:#d6fbcf;border-top-right-radius:4px}
.bub.dr{align-self:flex-start;background:#fff;border-top-left-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.07)}
.bub.dr b{display:block;font-family:var(--font-d);font-size:12px;color:#2f5fb0;margin-bottom:2px}
.bub .ref{display:inline-block;margin-top:6px;font-family:"JetBrains Mono",monospace;font-size:10.5px;color:#157a55;background:#e3f5ec;padding:2px 8px;border-radius:20px}

/* ===== ESCRIBA ===== */
.escriba{background:linear-gradient(180deg,#eef3fb,#FAF8F5)}
.escriba-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
@media(max-width:880px){.escriba-grid{grid-template-columns:1fr;gap:36px}}
.escriba h2{font-family:var(--font-d);font-weight:800;font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:-.02em;line-height:1.08;margin-top:14px}
.escriba-p{color:var(--ink2);font-size:1.06rem;margin:16px 0 18px;max-width:52ch}
.escriba-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.escriba-list li{display:flex;gap:10px;align-items:center;color:var(--ink2);font-size:.98rem}
.escriba-list li::before{content:"✓";color:#168a66;font-weight:800}
.spectrum--green{background:linear-gradient(100deg,#168a66,#0b9a8d 50%,#6fae16);-webkit-background-clip:text;background-clip:text;color:transparent}
.escriba .pricerow .big{color:var(--ink)}

/* documento empilhado (mock) */
.doc-stack{position:relative;height:440px;display:grid;place-items:center}
.doc{position:absolute;width:282px;height:384px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}
.doc--3{transform:rotate(-8deg) translate(-34px,12px);opacity:.5}
.doc--2{transform:rotate(-3.5deg) translate(-16px,5px);opacity:.8}
.doc--1{position:relative;padding:28px}
.doc__head{width:55%;height:16px;background:#2f5fb0;border-radius:4px;margin-bottom:9px}
.doc__sub{width:82%;height:8px;background:#d4dae1;border-radius:4px;margin-bottom:20px}
.doc__lines{display:flex;flex-direction:column;gap:10px}
.doc__lines i{height:7px;background:#e7ebef;border-radius:3px}
.doc__lines i:nth-child(odd){width:92%}.doc__lines i:nth-child(even){width:76%}
.doc__seal{position:absolute;bottom:58px;right:26px;width:56px;height:56px;border-radius:50%;border:2.5px solid #168a66;display:grid;place-items:center;background:#fff}
.doc__seal svg{width:27px;height:27px}
.doc__tag{position:absolute;bottom:24px;left:28px;font-family:"JetBrains Mono",monospace;font-size:11px;color:#168a66;letter-spacing:.04em}

/* ===== PRICING ===== */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
@media(max-width:880px){.pricing{grid-template-columns:1fr;max-width:440px;margin:0 auto}}
.pricing--5{grid-template-columns:repeat(5,1fr);gap:14px}
.pricing--5 .plan{padding:26px 18px}
.pricing--5 .plan__d{min-height:40px;font-size:.9rem}
.pricing--5 .plan__l{font-size:.86rem}
@media(max-width:1080px){.pricing--5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.pricing--5{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
.plan{position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:32px 28px}
.plan--feat{background:rgba(47,95,176,.18);border-color:rgba(120,170,255,.45);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.plan__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#2f5fb0;color:#fff;font-family:var(--font-d);font-weight:700;font-size:.7rem;letter-spacing:.05em;padding:5px 14px;border-radius:999px;white-space:nowrap}
.plan__k{font-family:var(--font-d);font-weight:700;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#9fb0c4;margin-bottom:8px}
.plan .pricerow{margin:2px 0 8px}
.plan .pricerow .per{color:#9fb0c4}
.plan__d{color:#c3ccd6;font-size:.93rem;margin-bottom:16px}
.plan__l{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:16px;flex:1}
.plan__l li{display:flex;gap:9px;color:#cdd6e0;font-size:.9rem}
.plan__l li::before{content:"✓";color:#46e0cf;font-weight:800;flex:none}
.plan .btn{width:100%;justify-content:center}

/* ===== ISCA ===== */
.isca{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:48px;box-shadow:var(--shadow-lg)}
@media(max-width:820px){.isca{grid-template-columns:1fr;gap:26px;padding:32px}}
.isca__txt h2{font-family:var(--font-d);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.02em;margin:12px 0 12px}
.isca__txt p{color:var(--ink2)}
.isca__form{display:flex;flex-direction:column;gap:11px}
.isca__form input{border:1px solid var(--line2);border-radius:12px;padding:14px 16px;font-family:var(--font-b);font-size:1rem;color:var(--ink);background:var(--card2);transition:border-color .2s,box-shadow .2s}
.isca__form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.isca__form .btn{justify-content:center;margin-top:4px}
.isca__fine{font-size:.8rem;color:var(--muted);text-align:center}

/* ===== FAQ ===== */
.faq{max-width:840px}
.faq__i{border-bottom:1px solid var(--line);padding:20px 0}
.faq__i summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--font-d);font-weight:600;font-size:1.12rem;color:var(--ink);cursor:pointer;list-style:none}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary i{font-style:normal;color:var(--accent);font-size:1.5rem;line-height:1;transition:transform .25s;flex:none}
.faq__i[open] summary i{transform:rotate(45deg)}
.faq__i p{color:var(--ink2);font-size:1rem;margin-top:12px;max-width:740px}

/* logo (Codex) no nav e footer */
.brand--logo{gap:0}
.brand--logo img{height:34px;width:auto;border-radius:0;box-shadow:none}
.nav.on-dark:not(.scrolled) .brand--logo img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
footer .brand--logo img{height:38px}

/* ── O QUE O DR. IAGO FAZ — cards de capacidades (Rafa 2026-06-22) ── */
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
@media(max-width:980px){.caps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.caps{grid-template-columns:1fr}}
.cap{background:#fff;border:1px solid rgba(16,31,56,.08);border-radius:18px;padding:24px 22px;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease;display:flex;flex-direction:column}
.cap:hover{transform:translateY(-3px);border-color:rgba(30,158,91,.35);box-shadow:0 16px 36px -22px rgba(16,31,56,.25)}
.cap__h{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.cap__ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#eaf1ff,#d8e6fb);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(47,95,176,.22)}
.cap__ic svg{width:24px;height:24px;color:#2f5fb0;stroke:#2f5fb0}
.cap h4{font-family:'Sora',sans-serif;font-weight:700;font-size:1.15rem;color:#101F38;line-height:1.2;margin:0;letter-spacing:-.01em}
.cap > p{color:#586A78;font-size:.95rem;line-height:1.6;margin:0 0 14px}
.cap__l{list-style:none;padding:0;margin:auto 0 0;border-top:1px solid rgba(16,31,56,.07);padding-top:12px}
.cap__l li{font-size:.875rem;color:#16222E;padding:5px 0 5px 18px;position:relative;line-height:1.45}
.cap__l li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:#1E9E5B;box-shadow:0 0 0 3px rgba(30,158,91,.15)}

/* ── BRAND DR. IAGO — mark 3D + nome em Fraunces (Rafa 2026-06-22) ── */
.brand.brand--driago{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand.brand--driago .brand__mark{height:38px;width:auto;display:block;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.35))}
.brand.brand--driago .brand__wm{display:flex;flex-direction:column;line-height:1;gap:2px}
.brand.brand--driago .brand__name{font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;color:#fff;letter-spacing:.005em}
.brand.brand--driago .brand__sub{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:.68rem;color:#9fb5ca;text-transform:uppercase;letter-spacing:.16em}
@media(max-width:520px){
  .brand.brand--driago .brand__mark{height:32px}
  .brand.brand--driago .brand__name{font-size:.95rem}
  .brand.brand--driago .brand__sub{font-size:.6rem;letter-spacing:.12em}
}

footer .brand.brand--driago .brand__name{color:#ECF2F8}
footer .brand.brand--driago .brand__sub{color:#7E92A6}

/* Override genérico .brand img que tava forçando 38x38 quadrado */
.brand.brand--driago img.brand__mark{
  width:auto !important;
  height:48px !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
@media(max-width:520px){
  .brand.brand--driago img.brand__mark{height:40px !important}
}

/* ── O QUE É O DR. IAGO — apresentação + foto com órbita do WhatsApp ── */
.iago-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
@media(max-width:880px){.iago-intro{grid-template-columns:1fr;gap:36px}.iago-stage{order:-1}}
.iago-intro h2{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:-.02em;line-height:1.08;margin:14px 0 14px;color:var(--ink)}
.iago-intro .lead{color:var(--ink2);font-size:1.08rem;line-height:1.55;max-width:52ch}
.iago-list{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:22px}
.iago-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ink2);font-size:1.02rem;line-height:1.5}
.iago-list li svg{flex:none;width:23px;height:23px;color:#2f5fb0;stroke:#2f5fb0;margin-top:2px}
.iago-list li b{color:var(--ink)}
.iago-pocket{display:inline-flex;align-items:center;gap:9px;margin-top:24px;background:#0f1b2e;color:#dce6f4;font-family:'Sora',sans-serif;font-weight:600;font-size:.96rem;padding:11px 18px;border-radius:12px}
.iago-pocket b{color:#5fd3a0}
/* palco da foto + órbita */
.iago-stage{position:relative;display:grid;place-items:center;min-height:470px}
.iago-photo{width:290px;height:290px;border-radius:50%;object-fit:cover;object-position:center top;border:6px solid #fff;box-shadow:0 30px 70px rgba(16,24,40,.28);position:relative;z-index:2;background:#0b0e13}
.iago-ring{position:absolute;width:372px;height:372px;border-radius:50%;border:1.5px dashed rgba(47,95,176,.28);z-index:1}
.iago-ring--2{width:332px;height:332px;border-style:solid;border-color:rgba(47,95,176,.10)}
.iago-orbit{position:absolute;width:var(--r,372px);height:var(--r,372px);z-index:3;animation:iago-orbit var(--dur,19s) linear infinite;animation-delay:var(--d,0s)}
.iago-orbit .sat{position:absolute;top:-6px;left:50%;width:var(--sat,60px);height:var(--sat,60px);margin-left:calc(var(--sat,60px)/-2);animation:iago-orbit-rev var(--dur,19s) linear infinite;animation-delay:var(--d,0s)}
.iago-orbit .sat img{width:100%;height:100%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.30))}
.o-a{--r:372px;--d:0s;--sat:66px;--dur:19s}
.o-b{--r:420px;--d:-4s;--sat:54px;--dur:24s}
.o-c{--r:346px;--d:-7s;--sat:50px;--dur:16s}
.o-d{--r:402px;--d:-11s;--sat:46px;--dur:27s}
.o-e{--r:360px;--d:-14s;--sat:40px;--dur:21s}
@keyframes iago-orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes iago-orbit-rev{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.iago-orbit,.iago-orbit .sat{animation:none}}
@media(max-width:520px){.iago-photo{width:230px;height:230px}.iago-ring{width:300px;height:300px}.iago-ring--2{width:268px;height:268px}.o-a{--r:300px;--sat:52px}.o-b{--r:338px;--sat:44px}.o-c{--r:280px;--sat:40px}.o-d{--r:322px;--sat:38px}.o-e{--r:292px;--sat:34px}}

/* ── O QUE É O ESCRIBA — intro ── */
.escriba-list li svg{flex:none;width:20px;height:20px;color:#2B4C7E;stroke:#2B4C7E}
.escriba-list li{display:flex;gap:10px;align-items:flex-start;color:var(--ink2);font-size:.98rem;line-height:1.5}
.escriba-list li::before{content:none}

/* ── JUNTOS — duas colunas (agente + ferramenta) ── */
.juntos-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:6px}
@media(max-width:760px){.juntos-cols{grid-template-columns:1fr}}
.jcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 26px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.jcard--iago{border-top:4px solid #2f5fb0}
.jcard--escriba{border-top:4px solid #168a66}
.jcard .k{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.jcard h3{font-family:'Sora',sans-serif;font-weight:700;font-size:1.3rem;color:var(--ink);margin:6px 0 4px;letter-spacing:-.01em}
.jcard p{color:var(--ink2);font-size:.96rem;margin-bottom:14px}
.jcard ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.jcard li{display:flex;gap:10px;align-items:flex-start;color:var(--ink2);font-size:.96rem;line-height:1.45}
.jcard li svg{flex:none;width:20px;height:20px;margin-top:2px}
.jcard--iago li svg{color:#2f5fb0;stroke:#2f5fb0}
.jcard--escriba li svg{color:#168a66;stroke:#168a66}
.juntos-foot{text-align:center;margin-top:30px}
.juntos-foot .pricerow{justify-content:center;margin-bottom:14px}
.juntos-foot .pricerow .big{color:var(--ink)}

/* ── Escriba na própria identidade (azul navy + pena + docs 3D) ── */
.escriba-brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:8px}
.escriba-brand img{height:46px;width:auto;display:block}
.escriba-brand span{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.7rem;color:#1A1A2E;letter-spacing:.01em}
.escriba-title{font-family:'Playfair Display',Georgia,serif !important;font-weight:700 !important}
.spectrum--escriba{background:linear-gradient(100deg,#2B4C7E,#3a6bb0 55%,#5b8ad0);-webkit-background-clip:text;background-clip:text;color:transparent}
.escriba-art{position:relative;display:grid;place-items:center;min-height:440px}
.escriba-art img{width:100%;max-width:460px;filter:drop-shadow(0 32px 60px rgba(43,76,126,.22));animation:escriba-float 5.5s ease-in-out infinite}
@keyframes escriba-float{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-16px) rotate(1.2deg)}}
@media(prefers-reduced-motion:reduce){.escriba-art img{animation:none}}
