/* ==========================================================================
   AgendaFlow - Personalizacoes da Landing Page
   Arquivo editavel. Nao altere o CSS compilado styles-CC3Um87G.css.
   Versao: 1.2.7
   ========================================================================== */

html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body.af-menu-open { overflow: hidden; }

/* Official brand lockup using the official AgendaFlow icon. */
.af-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; flex: 0 0 auto; }
.af-brand img { width: 43px; height: 43px; object-fit: contain; }
.af-brand span { font-family: Manrope, Inter, sans-serif; font-size: 1.2rem; font-weight: 800; letter-spacing: -.04em; color: #2469bf; }
.af-brand b { color: #4fab23; font-weight: 800; }

.af-mobile-menu {
  position: fixed; inset: 64px 0 auto 0; z-index: 49; padding: 12px 20px 18px;
  background: color-mix(in oklab, var(--background) 96%, transparent);
  border-bottom: 1px solid var(--border); box-shadow: 0 18px 35px rgb(0 0 0 / .16); backdrop-filter: blur(18px);
}
.af-mobile-menu[hidden] { display: none !important; }
.af-mobile-menu-inner { display: grid; gap: 4px; max-width: 1280px; margin: 0 auto; }
.af-mobile-menu a { display:flex; align-items:center; min-height:44px; padding:0 10px; border-radius:9px; font-size:.92rem; font-weight:600; color:var(--foreground); text-decoration:none; }
.af-mobile-menu a:hover { background: color-mix(in oklab, var(--surface) 85%, white 4%); }
.af-mobile-menu-cta { justify-content:center; margin-top:8px; background:var(--primary); color:var(--primary-foreground)!important; }

/* Shared commercial sections */
.af-section-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.af-section-intro { max-width: 820px; }
.af-kicker { display:inline-flex; align-items:center; gap:10px; color:var(--primary); font-size:.72rem; line-height:1; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.af-kicker::before { content:""; width:26px; height:2px; border-radius:99px; background:linear-gradient(90deg,var(--primary),var(--accent)); }
.af-section-intro h2, .af-product-head h2, .af-beyond-intro h2 { margin-top:16px; font-family:Manrope,Inter,sans-serif; font-size:clamp(2rem,4vw,3.7rem); line-height:1.06; font-weight:800; letter-spacing:-.045em; }
.af-section-intro > p, .af-product-head > p, .af-beyond-intro > p { margin-top:18px; color:var(--muted-foreground); font-size:1.05rem; line-height:1.8; }

/* Reveal motion for the PHP-specific content. */
.af-reveal { opacity:0; transform:translate3d(0,28px,0) scale(.99); filter:blur(5px); transition:opacity .75s cubic-bezier(.22,.8,.32,1), transform .75s cubic-bezier(.22,.8,.32,1), filter .75s ease; transition-delay:var(--af-delay,0ms); }
.af-reveal.af-visible { opacity:1; transform:none; filter:none; }

/* Pain section */
.af-pain-section { padding:50px 0; border-top:1px solid var(--border); background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 72%,transparent),transparent); }
.af-pain-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:44px; }
.af-pain-card { min-height:220px; padding:24px; border:1px solid var(--border); border-radius:18px; background:color-mix(in oklab,var(--surface) 78%,transparent); position:relative; overflow:hidden; transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
.af-pain-card::after { content:""; position:absolute; width:120px; height:120px; right:-60px; bottom:-68px; border-radius:50%; background:radial-gradient(circle,color-mix(in oklab,var(--primary) 18%,transparent),transparent 68%); opacity:.75; }
.af-pain-card:hover { transform:translateY(-4px); border-color:color-mix(in oklab,var(--primary) 45%,var(--border)); box-shadow:0 24px 55px rgb(0 0 0 / .16); }
.af-pain-card > span { color:var(--primary); font-family:Manrope,sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.12em; }
.af-pain-card h3 { margin-top:38px; font-family:Manrope,sans-serif; font-weight:800; font-size:1.05rem; }
.af-pain-card p { margin-top:10px; color:var(--muted-foreground); font-size:.86rem; line-height:1.7; }

/* Before / after */
.af-compare-section { padding:50px 0; border-y:1px solid var(--border); background:color-mix(in oklab,var(--background) 91%,var(--surface)); }
.af-compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:44px; }
.af-compare-card { padding:26px; border:1px solid var(--border); border-radius:20px; background:color-mix(in oklab,var(--surface) 82%,transparent); position:relative; overflow:hidden; }
.af-compare-card.af-after { border-color:color-mix(in oklab,var(--primary) 42%,var(--border)); background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 9%,var(--surface)),color-mix(in oklab,var(--accent) 5%,var(--surface))); }
.af-compare-label { display:inline-flex; padding:7px 10px; border-radius:999px; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; border:1px solid var(--border); color:var(--muted-foreground); }
.af-after .af-compare-label { color:var(--primary); border-color:color-mix(in oklab,var(--primary) 32%,var(--border)); background:color-mix(in oklab,var(--primary) 9%,transparent); }
.af-compare-card ol { list-style:none; display:grid; gap:13px; margin-top:22px; }
.af-compare-card li { display:flex; align-items:center; gap:12px; min-height:48px; padding:10px 12px; border-radius:12px; background:rgb(255 255 255 / .025); color:color-mix(in oklab,var(--foreground) 88%,transparent); font-size:.86rem; }
.af-compare-card li b { flex:0 0 auto; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; border:1px solid var(--border); color:var(--muted-foreground); font-size:.68rem; }
.af-after li b { color:var(--primary); border-color:color-mix(in oklab,var(--primary) 40%,var(--border)); }

/* Product / real screenshots */
.af-product-section { padding:50px 0; }
.af-product-head { display:grid; grid-template-columns:1.05fr .75fr; gap:70px; align-items:end; }
.af-product-head > p { margin:0 0 5px; }
.af-showcase { margin-top:50px; }
.af-showcase-tabs { display:flex; align-items:center; gap:8px; overflow-x:auto; padding:4px 2px 14px; scrollbar-width:none; scroll-snap-type:x proximity; }
.af-showcase-tabs::-webkit-scrollbar { display:none; }
.af-showcase-tabs button { flex:0 0 auto; min-height:39px; padding:0 14px; border:1px solid var(--border); border-radius:10px; background:color-mix(in oklab,var(--surface) 86%,transparent); color:var(--muted-foreground); font:700 .73rem Inter,sans-serif; white-space:nowrap; scroll-snap-align:center; cursor:pointer; transition:all .22s ease; }
.af-showcase-tabs button:hover { color:var(--foreground); border-color:color-mix(in oklab,var(--primary) 38%,var(--border)); transform:translateY(-1px); }
.af-showcase-tabs button.active { color:#06101f; border-color:transparent; background:linear-gradient(110deg,var(--primary),var(--accent)); box-shadow:0 12px 28px color-mix(in oklab,var(--primary) 22%,transparent); }
.af-showcase-media { position:relative; overflow:hidden; width:100%; aspect-ratio:1200/630; border:1px solid var(--border); border-radius:18px; background:var(--surface); box-shadow:0 32px 80px rgb(0 0 0 / .22); }
.af-showcase-media::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit; box-shadow:inset 0 0 0 1px rgb(255 255 255 / .035); }
.af-showcase-media picture, .af-showcase-media img { display:block; width:100%; height:100%; }
.af-showcase-media img { object-fit:cover; opacity:1; transform:scale(1); transition:opacity .28s ease, transform .6s cubic-bezier(.22,.8,.32,1); }
.af-showcase-media img.af-switching { opacity:.08; transform:scale(.992); }
.af-showcase-copy { max-width:900px; padding:21px 4px 5px; }
.af-showcase-copy span { color:var(--primary); font-size:.66rem; font-weight:800; letter-spacing:.14em; }
.af-showcase-copy h3 { margin-top:5px; font-family:Manrope,sans-serif; font-size:1.4rem; font-weight:800; letter-spacing:-.025em; }
.af-showcase-copy p { margin-top:8px; color:var(--muted-foreground); font-size:.95rem; line-height:1.72; }

/* Beyond calendar */
.af-beyond { margin-top:82px; padding:40px; border:1px solid var(--border); border-radius:24px; background:linear-gradient(145deg,color-mix(in oklab,var(--surface) 92%,transparent),color-mix(in oklab,var(--primary) 4%,var(--surface))); }
.af-beyond-intro { max-width:790px; }
.af-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:30px; }
.af-capabilities article { padding:20px; min-height:155px; border:1px solid var(--border); border-radius:15px; background:rgb(255 255 255 / .018); transition:transform .22s ease,border-color .22s ease; }
.af-capabilities article:hover { transform:translateY(-3px); border-color:color-mix(in oklab,var(--accent) 35%,var(--border)); }
.af-capabilities strong { display:block; font-family:Manrope,sans-serif; font-size:.93rem; }
.af-capabilities p { margin-top:9px; color:var(--muted-foreground); font-size:.8rem; line-height:1.65; }

/* Value by stakeholder */
.af-stakeholder-section { padding:50px 0; border-y:1px solid var(--border); background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 54%,transparent),transparent); }
.af-stakeholder-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:44px; }
.af-stakeholder-card { min-height:210px; padding:23px; border:1px solid var(--border); border-radius:17px; background:color-mix(in oklab,var(--surface) 78%,transparent); transition:transform .25s ease,border-color .25s ease; }
.af-stakeholder-card:hover { transform:translateY(-4px); border-color:color-mix(in oklab,var(--primary) 38%,var(--border)); }
.af-stakeholder-card > span { color:var(--primary); font-size:.65rem; font-weight:800; letter-spacing:.13em; }
.af-stakeholder-card h3 { margin-top:34px; font-family:Manrope,sans-serif; font-size:1.08rem; font-weight:800; }
.af-stakeholder-card p { margin-top:9px; color:var(--muted-foreground); font-size:.83rem; line-height:1.68; }

/* Lovable export leaves reveal blocks invisible until React hydrates. */
.af-reveal-ready { will-change: opacity, transform; }

/* FAQ static/PHP behavior. */
#faq [role="region"] { padding:0; }
#faq [data-state="open"] > h3 button svg { transform:rotate(180deg); }
#faq button svg { transition:transform .2s ease; }

@media (max-width: 900px) {
  .af-section-shell { width:min(100% - 32px,1180px); }
  .af-pain-grid, .af-stakeholder-grid { grid-template-columns:1fr 1fr; }
  .af-product-head { grid-template-columns:1fr; gap:20px; }
  .af-product-head > p { margin:0; }
  .af-capabilities { grid-template-columns:1fr 1fr; }
  .af-beyond { padding:28px; }
}

@media (max-width: 620px) {
  html { scroll-padding-top:68px; }
  .af-brand { gap:7px; }
  .af-brand img { width:39px; height:39px; }
  .af-brand span { font-size:1.1rem; }
  .af-pain-section, .af-compare-section, .af-product-section, .af-stakeholder-section { padding:76px 0; }
  .af-section-intro h2, .af-product-head h2, .af-beyond-intro h2 { font-size:clamp(1.9rem,9.5vw,2.7rem); }
  .af-section-intro > p, .af-product-head > p, .af-beyond-intro > p { font-size:.94rem; line-height:1.7; }
  .af-pain-grid, .af-compare-grid, .af-stakeholder-grid, .af-capabilities { grid-template-columns:1fr; }
  .af-pain-card, .af-stakeholder-card { min-height:185px; }
  .af-showcase { margin-top:34px; }
  .af-showcase-tabs { margin-inline:-16px; padding-inline:16px; }
  .af-showcase-tabs button { min-height:38px; font-size:.7rem; padding-inline:13px; }
  .af-showcase-media { border-radius:13px; box-shadow:0 20px 52px rgb(0 0 0 / .18); }
  .af-showcase-copy { padding:15px 2px 0; }
  .af-showcase-copy h3 { font-size:1.18rem; }
  .af-showcase-copy p { font-size:.85rem; line-height:1.65; }
  .af-beyond { margin-top:58px; padding:22px; border-radius:18px; }
  .af-capabilities article { min-height:140px; }
}

@media (min-width: 1024px) { .af-mobile-menu { display:none!important; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .transition-all { transition:none!important; }
  .af-reveal { opacity:1!important; transform:none!important; filter:none!important; transition:none!important; }
  .af-showcase-media img { transition:none!important; }
}

/* ==========================================================================
   VIDEO DO FORNECEDOR
   Responsivo com uma unica regra.

   Para ajustar o tamanho geral, altere SOMENTE esta linha:
   --af-video-width: clamp(240px, 24vw, 340px);

   clamp(MINIMO, RESPONSIVO, MAXIMO)
   - 240px = nunca fica menor que isso, quando houver espaco.
   - 24vw  = cresce/diminui automaticamente com a tela.
   - 340px = nunca passa disso.
   ========================================================================== */
:root {
  --af-video-width: clamp(240px, 24vw, 340px);
}

.af-supplier-video-section {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid hsl(var(--border) / .6);
  background: linear-gradient(180deg, hsl(var(--surface) / .28), transparent 76%);
}

.af-supplier-video-orb {
  position: absolute;
  right: -9rem;
  top: 2rem;
  width: 26rem;
  height: 26rem;
  border-radius: 9999px;
  background: hsl(var(--primary) / .08);
  filter: blur(80px);
  pointer-events: none;
}

.af-supplier-video-card {
  justify-self: center;
  width: min(100%, var(--af-video-width));
  max-width: 100%;
  overflow: hidden;
  border: 1px solid hsl(var(--border));
  border-radius: 1.15rem;
  padding: 0;
  background: #ffffff00;
  box-shadow: 0 22px 65px rgb(0 0 0 / .22);
}

.af-supplier-video-stage {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .4rem;
  background: #06101b;
}

.af-supplier-video {
  display: block;
  width: 70% !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: 970 / 1920;
  object-fit: contain;
  margin: 0 auto;
  background: #fff;
  border-radius: .8rem;
}

.af-video-check {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  background: hsl(var(--primary) / .12);
  color: hsl(var(--primary));
  font-size: .75rem;
  font-weight: 800;
}


/* =========================================================
   DOCUMENTAÇÃO / PRIVACIDADE / LGPD
========================================================= */

.af-legal-section {
    padding: 64px 20px 96px;
}

.af-legal-layout {
    width: min(1180px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.surface-card {
    background: rgba(15, 29, 45, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 14px;
}

.af-legal-company {
    padding: 24px;
    position: sticky;
    top: 90px;
}

.af-legal-company h2 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
}

.af-legal-company dl {
    display: grid;
    gap: 14px;
}

.af-legal-company dt {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.af-legal-company dd {
    margin: 3px 0 0;
    color: #f8fafc;
    line-height: 1.55;
}

.af-legal-company a {
    color: #22d3ee;
    overflow-wrap: anywhere;
}

.af-legal-shell {
    padding: 34px;
}

.af-legal-shell > section {
    padding: 0 0 34px;
    margin: 0 0 34px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.af-legal-shell > section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.af-legal-shell h2 {
    margin: 0 0 18px;
    font-size: clamp(21px, 2vw, 27px);
    line-height: 1.2;
    font-weight: 750;
}

.af-legal-shell h3 {
    margin: 24px 0 10px;
    font-size: 17px;
    font-weight: 700;
}

.af-legal-shell p,
.af-legal-shell li {
    color: #cbd5e1;
    line-height: 1.75;
}

.af-legal-shell p {
    margin: 0 0 16px;
}

.af-legal-shell ul,
.af-legal-shell ol {
    margin: 16px 0;
    padding-left: 22px;
}

.af-legal-shell a {
    color: #22d3ee;
}

@media (max-width: 900px) {
    .af-legal-layout {
        grid-template-columns: 1fr;
    }

    .af-legal-company {
        position: static;
    }
}

@media (max-width: 600px) {
    .af-legal-section {
        padding: 40px 16px 72px;
    }

    .af-legal-company,
    .af-legal-shell {
        padding: 20px;
    }
}

/* ==========================================================================
   HERO - CORRECAO DE OVERFLOW EM TELAS ESTREITAS
   Impede que os beneficios do topo ultrapassem a largura do celular.
   ========================================================================== */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

.hero-glow .grid,
.hero-glow .grid > *,
.hero-glow .relative {
  min-width: 0;
}

.af-hero-benefits {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.af-hero-benefits > span {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 520px) {
  .af-hero-benefits {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem !important;
  }

  .af-hero-benefits > span {
    width: 100%;
    white-space: normal;
    line-height: 1.35;
  }
}


/* ==========================================================================
   CENTRAL DE CONTEUDOS / ARTIGOS SEO + AEO
   ========================================================================== */
.af-content-kicker{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--primary));font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.af-content-hub-hero,.af-content-hero{position:relative;overflow:hidden;border-bottom:1px solid hsl(var(--border)/.6)}
.af-content-hub-hero h1{max-width:900px;margin:1.1rem auto 0;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.02;font-weight:800;letter-spacing:-.04em}
.af-content-hub-hero p{max-width:760px;margin:1.4rem auto 0;color:hsl(var(--muted-foreground));font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}
.af-hub-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:2rem}.af-hub-tags span{border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--surface)/.55);padding:.48rem .85rem;color:hsl(var(--foreground)/.8);font-size:.78rem;font-weight:600}
.af-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.af-content-grid-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.af-content-card{display:flex;min-width:0;flex-direction:column;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--surface)/.58);padding:1.5rem;transition:transform .2s ease,border-color .2s ease,background .2s ease}.af-content-card:hover{transform:translateY(-3px);border-color:hsl(var(--primary)/.45);background:hsl(var(--surface)/.82)}.af-content-card>span{color:hsl(var(--primary));font-size:.68rem;font-weight:800;letter-spacing:.12em}.af-content-card h2,.af-content-card h3{margin-top:.8rem;font-size:1.25rem;line-height:1.25;font-weight:800}.af-content-card p{margin-top:.7rem;flex:1;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.65}.af-content-card strong{margin-top:1rem;color:hsl(var(--foreground));font-size:.85rem}.af-card-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.15rem}.af-card-foot small{color:hsl(var(--muted-foreground))}.af-card-foot strong{margin:0}
.af-breadcrumb{display:flex;min-width:0;flex-wrap:wrap;gap:.55rem;align-items:center;color:hsl(var(--muted-foreground));font-size:.78rem}.af-breadcrumb a:hover{color:hsl(var(--foreground))}.af-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:58ch}
.af-content-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:3.5rem;align-items:center;margin-top:2rem}.af-content-hero h1{margin-top:1rem;font-size:clamp(2.4rem,5.2vw,4.5rem);line-height:1.02;font-weight:800;letter-spacing:-.04em}.af-content-hero p{max-width:740px;margin-top:1.3rem;color:hsl(var(--foreground)/.78);font-size:1.08rem;line-height:1.8}.af-content-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem;color:hsl(var(--muted-foreground));font-size:.78rem}.af-content-hero-media{overflow:hidden;padding:.55rem}.af-content-hero-media img{display:block;width:100%;height:auto;border-radius:.75rem}
.af-article-wrap{padding:4rem 1.25rem 5rem}.af-article{max-width:900px;margin:0 auto;padding:clamp(1.35rem,4vw,3.2rem)}.af-article-lead{margin-bottom:2.2rem;padding-left:1rem;border-left:3px solid hsl(var(--primary));font-size:1.12rem;line-height:1.8;color:hsl(var(--foreground)/.86)}.af-article>section{margin-top:2.6rem}.af-article h2{margin-bottom:1rem;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;font-weight:800;letter-spacing:-.02em}.af-article h3{font-size:1.1rem;font-weight:750}.af-article p{margin:.9rem 0;color:hsl(var(--foreground)/.78);font-size:1rem;line-height:1.82}.af-article strong{color:hsl(var(--foreground))}
.af-inline-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;margin:3rem 0;padding:1.6rem;border:1px solid hsl(var(--primary)/.28);border-radius:1rem;background:linear-gradient(135deg,hsl(var(--primary)/.09),hsl(var(--surface)/.72))}.af-inline-cta span{color:hsl(var(--primary));font-size:.7rem;font-weight:800;letter-spacing:.14em}.af-inline-cta h2{margin:.45rem 0 0;font-size:1.45rem}.af-inline-cta p{margin:.45rem 0 0;font-size:.9rem}.af-inline-cta-actions,.af-final-actions{display:flex;flex-wrap:wrap;gap:.65rem}.af-btn-primary,.af-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:.65rem;padding:.7rem 1rem;font-size:.85rem;font-weight:750;transition:transform .2s ease,opacity .2s ease}.af-btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.af-btn-secondary{border:1px solid hsl(var(--border));background:hsl(var(--surface)/.7);color:hsl(var(--foreground))}.af-btn-primary:hover,.af-btn-secondary:hover{transform:translateY(-1px);opacity:.92}
.af-article-links{display:flex;flex-direction:column;gap:.65rem}.af-article-links a{display:block;border:1px solid hsl(var(--border));border-radius:.75rem;padding:.9rem 1rem;background:hsl(var(--surface)/.45);font-weight:650}.af-article-links a:hover{border-color:hsl(var(--primary)/.4)}
.af-article-faq details{border-top:1px solid hsl(var(--border));padding:1rem 0}.af-article-faq details:last-child{border-bottom:1px solid hsl(var(--border))}.af-article-faq summary{cursor:pointer;list-style:none;font-weight:750;line-height:1.45}.af-article-faq summary::-webkit-details-marker{display:none}.af-article-faq summary::after{content:'+';float:right;color:hsl(var(--primary));font-size:1.2rem}.af-article-faq details[open] summary::after{content:'–'}.af-article-faq details p{margin:.75rem 2rem 0 0}
.af-related-content{border-top:1px solid hsl(var(--border)/.6);background:hsl(var(--surface)/.28)}.af-content-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.af-content-head h2{margin-top:.55rem;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800}.af-content-head>a{color:hsl(var(--primary));font-size:.85rem;font-weight:700;white-space:nowrap}.af-content-final-cta{border-top:1px solid hsl(var(--border)/.6);background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--primary)/.06))}.af-content-final-cta h2{max-width:800px;margin:.8rem auto 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.06;font-weight:800}.af-content-final-cta p{max-width:700px;margin:1rem auto 0;color:hsl(var(--muted-foreground));line-height:1.7}.af-content-final-cta .af-final-actions{justify-content:center;margin-top:1.7rem}
@media(max-width:900px){.af-content-hero-grid{grid-template-columns:1fr;gap:2rem}.af-content-hero-media{max-width:700px}.af-content-grid,.af-content-grid-hub{grid-template-columns:1fr 1fr}.af-inline-cta{grid-template-columns:1fr}.af-inline-cta-actions{justify-content:flex-start}}
@media(max-width:640px){.af-content-grid,.af-content-grid-hub{grid-template-columns:1fr}.af-content-hub-hero .relative{padding-top:4rem;padding-bottom:4rem}.af-content-hero-grid{margin-top:1.5rem}.af-article-wrap{padding:2.5rem .9rem 3.5rem}.af-content-head{align-items:flex-start;flex-direction:column}.af-inline-cta-actions,.af-final-actions{flex-direction:column}.af-btn-primary,.af-btn-secondary{width:100%}.af-breadcrumb span:last-child{white-space:normal;max-width:none}}