/* Kyon — "A Kyon" (editorial layout on the KyonMed light system) */
.about{background:#fff}

/* ── HERO ── */
.ak-hero{padding:168px 0 96px;background:#F4F5FB}
.ak-hero__inner{max-width:1040px}
.ak-over{margin:0 0 26px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-600)}
.ak-hero__title{margin:0;font-size:clamp(38px,6.2vw,80px);font-weight:600;letter-spacing:-0.042em;line-height:1.02;color:#071838;text-wrap:balance}
.ak-hero__sub{margin:38px 0 0;max-width:780px;font-size:clamp(19px,1.9vw,23px);font-weight:400;line-height:1.58;color:var(--text-muted);text-wrap:pretty}

/* ── editorial section: numbered rule + title left, body right ── */
.ak-sec{padding:0 0 104px}
.ak-sec--tint{padding:104px 0;background:#F4F5FB}
.ak-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:20px 72px;padding-top:30px;border-top:2px solid #111315}
.ak-row__head{align-self:start}
.ak-num{display:block;margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--text-faint)}
.ak-title{margin:0;font-size:clamp(28px,3.6vw,44px);font-weight:600;letter-spacing:-0.032em;line-height:1.12;color:#071838;text-wrap:balance}
.ak-body p{margin:0 0 22px;font-size:19px;line-height:1.7;color:var(--text-muted);text-wrap:pretty}
.ak-body p:last-child{margin-bottom:0}
.ak-body strong{font-weight:500;color:#071838}
.ak-kicker{margin:26px 0 0;padding:22px 26px;background:#F4F5FB;border:1.5px solid var(--border);border-radius:22px;font-size:19px;line-height:1.6;color:#071838;font-weight:500;text-wrap:pretty}
.ak-sec--tint .ak-kicker{background:#fff}

/* ── convictions ── */
.ak-beliefs{margin:44px 0 0;display:grid;gap:0}
.ak-belief{display:grid;grid-template-columns:78px minmax(0,1fr);gap:28px;padding:34px 0;border-bottom:1px solid var(--border)}
.ak-belief:first-child{border-top:1px solid var(--border)}
.ak-belief__n{font-size:clamp(34px,4vw,52px);font-weight:600;letter-spacing:-0.04em;line-height:1;color:var(--primary-200)}
.ak-belief b{display:block;font-size:clamp(21px,2.3vw,27px);font-weight:600;letter-spacing:-0.022em;line-height:1.2;color:#071838;text-wrap:balance}
.ak-belief p{margin:12px 0 0;max-width:720px;font-size:18.5px;line-height:1.65;color:var(--text-muted);text-wrap:pretty}

/* ── two fronts (dark) ── */
.ak-fronts{padding:110px 0;background:#03050c;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.ak-fronts::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(62% 78% at 6% 2%,rgba(0,100,255,.4) 0%,rgba(0,100,255,.14) 44%,transparent 74%)}
.ak-fronts__inner{position:relative;z-index:1}
.ak-fronts .ak-over{color:#8FB0FF}
.ak-fronts__title{margin:0;max-width:860px;font-size:clamp(30px,4vw,50px);font-weight:600;letter-spacing:-0.034em;line-height:1.1;color:#fff;text-wrap:balance}
.ak-cards{margin:56px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.ak-card{display:flex;flex-direction:column;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.14);border-radius:26px;padding:34px 34px 30px}
.ak-card__logo{display:block;height:30px;width:auto;margin:0 0 22px}
.ak-card p{margin:0;font-size:18.5px;line-height:1.65;color:rgba(255,255,255,.74);text-wrap:pretty}
.ak-card__go{margin:26px 0 0;display:inline-flex;align-items:center;gap:9px;font-size:16.5px;font-weight:500;color:#fff}
.ak-card__go svg{width:17px;height:17px;transition:transform .18s}
.ak-card__go:hover svg{transform:translateX(3px)}

/* ── vision statement ── */
.ak-vision{padding:104px 0}
.ak-vision__title{margin:0;max-width:960px;font-size:clamp(30px,4.4vw,54px);font-weight:600;letter-spacing:-0.036em;line-height:1.08;color:#071838;text-wrap:balance}
.ak-vision__body{margin:46px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px 56px}
.ak-vision__body p{margin:0;padding-top:24px;border-top:2px solid #111315;font-size:19px;line-height:1.7;color:var(--text-muted);text-wrap:pretty}
.ak-vision__body p strong{font-weight:500;color:#071838}

/* ── CTA ── */
.ak-cta{padding:0 0 120px}
.ak-cta__card{position:relative;overflow:hidden;isolation:isolate;background:#03050c;border-radius:32px;padding:78px 64px;text-align:center}
.ak-cta__card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(68% 88% at 50% 112%,rgba(0,100,255,.46) 0%,rgba(0,100,255,.16) 42%,transparent 72%)}
.ak-cta__in{position:relative;z-index:1}
.ak-cta h2{margin:0;font-size:clamp(28px,3.8vw,46px);font-weight:600;letter-spacing:-0.032em;line-height:1.1;color:#fff;text-wrap:balance}
.ak-cta__acts{margin:34px 0 0;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.ak-cta__acts .btn--secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}

@media (max-width:900px){
  .ak-row{grid-template-columns:1fr;gap:26px}
  .ak-row__head{position:static}
  .ak-belief{grid-template-columns:56px minmax(0,1fr);gap:18px}
}
@media (max-width:640px){
  .ak-hero{padding:112px 0 60px}
  .ak-hero__sub{margin-top:26px;font-size:18.5px}
  .ak-sec{padding-bottom:60px}
  .ak-sec--tint{padding:60px 0}
  .ak-body p{font-size:17.5px;margin-bottom:18px}
  .ak-kicker{font-size:17.5px;padding:20px 20px;border-radius:18px}
  .ak-belief{padding:26px 0}
  .ak-belief p{font-size:17px}
  .ak-fronts{padding:64px 0}
  .ak-cards{margin-top:34px}
  .ak-card{padding:26px 24px;border-radius:22px}
  .ak-card p{font-size:17px}
  .ak-vision{padding:60px 0}
  .ak-vision__body{margin-top:32px}
  .ak-vision__body p{font-size:17.5px}
  .ak-cta{padding-bottom:64px}
  .ak-cta__card{padding:44px 24px;border-radius:26px}
  .ak-cta__acts{flex-direction:column}
  .ak-cta__acts .btn{width:100%;justify-content:center}
}
/* hero on the light-lavender ground; no rule under it */
.ak-hero + .ak-sec .ak-row{border-top:0;padding-top:0}
/* hero overline matches the subheadline's style, in blue */
.ak-hero .ak-over{font-size:clamp(19px,1.9vw,23px);font-weight:400;letter-spacing:0;line-height:1.58;text-transform:none;color:var(--primary-600)}
/* "Acreditam em nós" — flat logo marquee, marks tinted like the headline */
.ak-trust__label{margin:56px 0 18px;font-size:17px;font-weight:500;color:var(--text-muted)}
/* full-bleed marquee: escapes the wrap padding, centred on the viewport */
.ak-trust{--bleed:100vw;position:relative;left:50%;width:var(--bleed);margin-left:calc(var(--bleed) / -2);margin-bottom:4px;color:#071838}
/* logos tinted to match the "Acreditam em nós" label (#6C7280) */
.ak-trust .logo-marquee__item img{filter:brightness(0) saturate(100%) invert(38%) sepia(10%) saturate(520%) hue-rotate(184deg) brightness(88%) contrast(88%)}
@media (max-width:640px){.ak-trust__label{margin:38px 0 14px;font-size:16px}}
/* short viewports (preview pane not fullscreen): keep the logo marquee in view */
@media (max-height:900px){
  .ak-hero{padding-top:118px;padding-bottom:48px}
  .ak-hero__sub{margin-top:26px}
  .ak-trust__label{margin-top:34px}
}
@media (max-height:760px){
  .ak-hero{padding-top:96px;padding-bottom:36px}
  .ak-hero__title{font-size:clamp(34px,5vw,54px)}
  .ak-hero__sub{margin-top:20px;font-size:19px}
  .ak-trust__label{margin-top:24px;margin-bottom:12px}
}
/* fixed 50px request, but still fluid where the viewport is narrow/short */
.ak-hero__title--50{font-size:min(64px,(100vw - 64px) / 9.6)}
@media (max-height:760px){.ak-hero__title--50{font-size:min(52px,(100vw - 64px) / 9.6)}}
@media (max-width:640px){.ak-hero__title--50{font-size:min(38px,(100vw - 40px) / 9.2)}}
.ak-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.ak-hero__inner{width:100%}
@media (max-height:760px){.ak-hero{min-height:0}}
.ak-trust__label{margin-top:76px}
@media (max-height:900px){.ak-trust__label{margin-top:52px}}
@media (max-height:760px){.ak-trust__label{margin-top:38px}}
@media (max-width:640px){.ak-trust__label{margin-top:48px}}
.ak-trust__label{margin-top:100px}
@media (max-height:900px){.ak-trust__label{margin-top:70px}}
@media (max-height:760px){.ak-trust__label{margin-top:50px}}
@media (max-width:640px){.ak-trust__label{margin-top:60px}}
.ak-trust__label{margin-top:124px}
@media (max-height:900px){.ak-trust__label{margin-top:88px}}
@media (max-height:760px){.ak-trust__label{margin-top:62px}}
@media (max-width:640px){.ak-trust__label{margin-top:72px}}
/* origin section: more air on top, wider title column, image fills the column */
.ak-hero + .ak-sec{padding-top:112px}
.ak-hero + .ak-sec .ak-row{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.ak-hero + .ak-sec .ak-row__head{position:static;display:flex;flex-direction:column;height:100%}
.ak-shot{flex:1;margin-top:28px;min-height:280px}
.ak-shot image-slot{display:block;width:100%;height:100%}
@media (max-width:900px){.ak-hero + .ak-sec{padding-top:72px}.ak-shot{min-height:240px}}
@media (max-width:640px){.ak-hero + .ak-sec{padding-top:48px}.ak-shot{margin-top:22px;min-height:200px}}

/* ── "As duas frentes" on the light lavender ground ── */
.ak-fronts{background:#F4F5FB;color:#071838}
.ak-fronts::before{background:radial-gradient(58% 72% at 6% 2%,rgba(47,84,224,.10) 0%,rgba(47,84,224,.04) 46%,transparent 76%)}
.ak-fronts .ak-over{color:var(--primary-600)}
.ak-fronts__title{color:#071838}
/* logos keep their aspect ratio */
.ak-card__logo{height:46px;width:auto;object-fit:contain;margin-top:10px}
/* Kyon Med — white card, light design system */
.ak-card--med{background:#fff;border:1.5px solid #D3D7DE}
.ak-card--med p{color:var(--text-muted)}
.ak-card--med .ak-card__go{color:var(--primary-600)}
/* Kyon Agents — dark card, mirroring the Agents site */
.ak-card--agents{background:#03050c;border:1.5px solid rgba(120,150,230,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ak-card--agents p{color:#B8CBFF}
.ak-card--agents .ak-card__go{color:#fff}

/* ── "Para onde vamos" — icon tile + title + body, hairline-separated rows ── */
.ak-vrows{margin:52px 0 0;display:grid;gap:0}
.ak-vrow{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1.5fr);gap:0 56px;align-items:start;padding:44px 0;border-top:1px solid var(--border)}
.ak-vrow:last-child{border-bottom:1px solid var(--border)}
.ak-vrow__ico{display:grid;place-items:center;width:96px;height:96px;border-radius:24px;background:var(--primary-900);color:var(--primary-200)}
.ak-vrow__ico svg{width:42px;height:42px}
.ak-vrow__title{margin:0;font-size:clamp(21px,2.2vw,27px);font-weight:600;letter-spacing:-0.022em;line-height:1.22;color:#071838;text-wrap:balance}
.ak-vrow__txt{margin:0;font-size:18.5px;line-height:1.72;color:var(--text-muted);text-wrap:pretty}
.ak-vrow__txt strong{font-weight:500;color:#071838}
@media (max-width:900px){
  .ak-vrow{grid-template-columns:76px minmax(0,1fr);gap:0 28px;padding:34px 0}
  .ak-vrow__ico{width:76px;height:76px;border-radius:20px}
  .ak-vrow__ico svg{width:34px;height:34px}
  .ak-vrow__txt{grid-column:2;margin-top:12px}
}
@media (max-width:640px){
  .ak-vrows{margin-top:32px}
  .ak-vrow{grid-template-columns:64px minmax(0,1fr);gap:0 20px;padding:28px 0}
  .ak-vrow__ico{width:64px;height:64px;border-radius:18px}
  .ak-vrow__ico svg{width:29px;height:29px}
  .ak-vrow__txt{font-size:17px}
}

/* ── "Como pensamos" — sticky copy + scroll-lit numbered convictions ── */
.ak-think{padding:104px 0;background:#F4F5FB}
.ak-think__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}
.ak-think__head{position:sticky;top:132px}
.ak-think__title{margin:0;font-size:clamp(30px,3.9vw,50px);font-weight:600;letter-spacing:-0.034em;line-height:1.08;color:#071838;text-wrap:balance}
.ak-think__lead{margin:24px 0 0;font-size:19px;line-height:1.66;color:var(--text-muted);text-wrap:pretty}
.ak-think__steps{display:grid;gap:0}
.ak-think__step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:start;padding:40px 0 48px;opacity:.34;transition:opacity .5s ease}
.ak-think__step.is-on{opacity:1}
.ak-think__bar{grid-column:1/-1;position:relative;display:block;height:1px;margin:0 0 40px;background:var(--border)}
.ak-think__bar i{position:absolute;inset:0 auto 0 0;display:block;width:0;background:var(--primary-600);transition:width .7s cubic-bezier(.4,0,.2,1)}
.ak-think__step.is-on .ak-think__bar i{width:62%}
.ak-think__label{grid-column:1;display:inline-flex;align-items:center;gap:13px;font-size:19px;font-weight:500;letter-spacing:-0.012em;color:#071838}
.ak-think__label svg{box-sizing:content-box;width:21px;height:21px;flex:none;padding:11px;border-radius:13px;background:var(--primary-50);color:var(--primary-600)}
.ak-think__txt{grid-column:1;margin:16px 0 0;max-width:520px;font-size:17.5px;line-height:1.68;color:var(--text-muted);text-wrap:pretty}
.ak-think__n{grid-column:2;grid-row:2/4;align-self:center;font-size:clamp(72px,8vw,124px);font-weight:400;letter-spacing:-0.05em;line-height:.9;color:#071838}
.ak-think__step:not(.is-on) .ak-think__n{color:var(--text-faint)}
@media (max-width:900px){
  .ak-think__grid{grid-template-columns:1fr;gap:20px}
  .ak-think__head{position:static}
}
@media (max-width:640px){
  .ak-think{padding:60px 0}
  .ak-think__lead{font-size:18px;margin-top:18px}
  .ak-think__step{column-gap:18px;padding:26px 0 32px;opacity:1}
  .ak-think__bar{margin-bottom:26px}
  .ak-think__label{font-size:18px}
  .ak-think__txt{font-size:17px;margin-top:12px}
  .ak-think__n{font-size:clamp(54px,15vw,68px);align-self:start;grid-row:2}
}
/* all section overlines match the beta page's "Do cadastro à consulta" */
.ak-over,.ak-over--lg,.ak-hero .ak-over,.ak-fronts .ak-over{margin:0 0 14px;font-size:22px!important;font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none;color:var(--primary-600)}
/* "As duas frentes" heading block centred in the section */
.ak-fronts .ak-over{text-align:center}
.ak-fronts__title{margin-left:auto;margin-right:auto;text-align:center}
.ak-think{background:#fff}
/* narrower, taller product cards */
.ak-cards{max-width:960px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ak-card{min-height:480px;justify-content:space-between}
@media (max-width:640px){.ak-card{min-height:0}}
.ak-card{border-radius:32px}
@media (max-width:640px){.ak-card{border-radius:24px}}

/* card logos: same float + sheen loop as the medal on the Embaixadores hero */
.ak-card{position:relative}
.ak-card__logo{position:relative;z-index:1}
.ak-card__logo-wrap{position:relative;display:block;width:max-content;margin:10px 0 22px}
.ak-card__logo-wrap::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(104deg,transparent 34%,rgba(255,255,255,.18) 44%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.18) 56%,transparent 66%);background-repeat:no-repeat;background-size:230% 100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:akSheen 5.6s cubic-bezier(.42,0,.58,1) infinite}
.ak-card--med .ak-card__logo-wrap::after{-webkit-mask-image:url("assets/kyonmed-logo.png");mask-image:url("assets/kyonmed-logo.png")}
.ak-card--agents .ak-card__logo-wrap::after{-webkit-mask-image:url("assets/kyon-agents-logo.png");mask-image:url("assets/kyon-agents-logo.png");animation-delay:-1.2s}
.ak-card__logo-wrap .ak-card__logo{margin:0}
@keyframes akFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes akSheen{0%{background-position:160% 50%}38%,100%{background-position:-60% 50%}}
@media (prefers-reduced-motion:reduce){.ak-card__logo,.ak-card__logo-wrap::after{animation:none}}
/* card title/description typography matching the home's .nstep__* cards */
.ak-think__label{font-size:18px;font-weight:500;letter-spacing:-0.01em;line-height:1.25;color:#071838}
.ak-think__txt{font-size:18px;line-height:1.6;color:#5b6066}
@media (min-width:641px){.ak-trust__label{margin-top:150px}}
@media (min-width:641px) and (max-height:900px){.ak-trust__label{margin-top:108px}}
@media (min-width:641px) and (max-height:760px){.ak-trust__label{margin-top:78px}}
@media (max-width:640px){.ak-trust__label{margin-top:88px}}
/* slightly larger logos with more air between them (this page only) */
.ak-trust .logo-marquee__item{width:120px;height:30px;margin-right:110px}
@media (max-width:640px){.ak-trust .logo-marquee__item{width:106px;height:27px;margin-right:72px}}
.ak-card{padding:42px 42px 36px}
@media (max-width:640px){.ak-card{padding:30px 26px 28px}}
.ak-cta__sub{margin:22px auto 0;max-width:790px;font-size:20px;line-height:1.62;color:rgba(255,255,255,.76);text-wrap:pretty}
@media (max-width:640px){.ak-cta__sub{font-size:18px;margin-top:16px}.ak-cta h2 br{display:none}}
/* card links: 1.5px underline on hover instead of the arrow nudge */
.ak-card__go{position:relative;align-self:flex-start}
.ak-card__go>span{position:relative}
.ak-card__go>span::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.ak-card__go:hover>span::after{transform:scaleX(1)}
.ak-card__go:hover svg{transform:none}
/* vision rows: copy vertically centred against the icon tile */
.ak-vrow{align-items:center}
.ak-vrow__ico{align-self:center}
.ak-trust__label{display:flex;align-items:center;justify-content:center;gap:10px}
.ak-trust__ico{display:block;width:1.25em;height:1.25em;background:currentColor;-webkit-mask:url("assets/icon-award.png") center/contain no-repeat;mask:url("assets/icon-award.png") center/contain no-repeat}
@media (min-width:641px){.ak-trust__label{margin-top:186px}}
@media (min-width:641px) and (max-height:900px){.ak-trust__label{margin-top:134px}}
@media (min-width:641px) and (max-height:760px){.ak-trust__label{margin-top:96px}}
@media (max-width:640px){.ak-trust__label{margin-top:106px}}
/* headline + sub nudged down; marquee label compensates so it stays put */
.ak-hero__title{margin-top:40px}
@media (min-width:641px){.ak-trust__label{margin-top:146px}}
@media (min-width:641px) and (max-height:900px){.ak-trust__label{margin-top:94px}}
@media (min-width:641px) and (max-height:760px){.ak-trust__label{margin-top:56px}}
@media (max-width:640px){.ak-hero__title{margin-top:28px}.ak-trust__label{margin-top:78px}}
/* origin kicker: navy icon tile like the vision rows */
.ak-kicker{display:flex;gap:22px;align-items:center}
.ak-kicker>p{margin:0}
.ak-kicker__ico{display:grid;place-items:center;flex:none;width:68px;height:68px;border-radius:20px;background:var(--primary-900);color:var(--primary-300)}
.ak-kicker__ico svg{width:30px;height:30px}
@media (max-width:640px){.ak-kicker{gap:16px}.ak-kicker__ico{width:56px;height:56px;border-radius:16px}.ak-kicker__ico svg{width:26px;height:26px}}
/* glass mark overflows the navy tile like the 3D step badges on Embaixadores */
.ak-kicker__ico{position:relative;overflow:visible}
.ak-kicker__ico img{position:absolute;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 10px 16px rgba(7,24,56,.18));pointer-events:none}
@media (max-width:640px){.ak-kicker__ico img{width:98px;height:98px}}
/* origin photo fills the placeholder box; anchored high so the face is never cut */
.ak-shot{position:relative;border-radius:22px;overflow:hidden}
.ak-shot__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
/* thin diagonal sheen sweeping across the 3D mark, clipped to its shape */
.ak-kicker__ico::after{content:"";position:absolute;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);pointer-events:none;
  background-image:linear-gradient(135deg,transparent 42%,rgba(255,255,255,.22) 46.5%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.22) 53.5%,transparent 58%);
  background-repeat:no-repeat;background-size:300% 300%;background-position:100% 100%;
  -webkit-mask:url("assets/kyon-glass-mark.png") center/contain no-repeat;mask:url("assets/kyon-glass-mark.png") center/contain no-repeat;
  animation:akSheen 5.6s cubic-bezier(.42,0,.58,1) infinite}
@keyframes akSheen{0%{background-position:100% 100%}60%,100%{background-position:0% 0%}}
@media (max-width:640px){.ak-kicker__ico::after{width:98px;height:98px}}
@media (prefers-reduced-motion:reduce){.ak-kicker__ico::after{animation:none}}
/* icon back to its previous visible size (fits the tile width); sheen matches it */
.ak-kicker__ico img,.ak-kicker__ico::after{width:68px;height:68px}
@media (max-width:640px){.ak-kicker__ico img,.ak-kicker__ico::after{width:56px;height:56px}}
/* CTA card on the uploaded blue gradient; primary button in the vision-tile navy */
.ak-cta__card{background:#2F6BF5 url("assets/ak-cta-bg.png") center/cover no-repeat}
.ak-cta__card::before{display:none}
.ak-cta__acts .btn--primary{background:#fff;border-color:#fff;color:var(--primary-900)}
.ak-cta__acts .btn--primary:hover{background:#EEF2FF;border-color:#EEF2FF;color:var(--primary-900)}
.ak-cta__sub{color:rgba(255,255,255,.9)}
.ak-cta__acts .btn--secondary{border:1.5px solid #fff}
/* secondary CTA hover mirrors the primary: white fill, blue label */
.ak-cta__acts .btn--secondary{transition:background .18s,color .18s,border-color .18s}
.ak-cta__acts .btn--secondary:hover{background:#fff;border-color:#fff;color:#005FFC!important}
/* primary CTA hover mirrors the secondary: transparent fill, white outline + label */
.ak-cta__acts .btn--primary{border:1.5px solid #fff;transition:background .18s,color .18s,border-color .18s}
.ak-cta__acts .btn--primary:hover{background:transparent;border-color:#fff;color:#fff!important}
.ak-cta__acts .btn--primary:hover svg{color:#fff!important;stroke:#fff!important}
/* sheen waits until the section scrolls into view */
.ak-kicker__ico::after{animation-play-state:paused;opacity:0;transition:opacity .4s ease}
.ak-kicker__ico.is-live::after{animation-play-state:running;opacity:1}
/* marquee block nudged down; nothing above it moves */
@media (min-width:641px){.ak-trust__label{margin-top:176px}}
@media (min-width:641px) and (max-height:900px){.ak-trust__label{margin-top:116px}}
@media (min-width:641px) and (max-height:760px){.ak-trust__label{margin-top:72px}}
@media (max-width:640px){.ak-trust__label{margin-top:96px}}
@media (min-width:641px){.ak-trust__label{margin-top:204px}}
@media (min-width:641px) and (max-height:900px){.ak-trust__label{margin-top:136px}}
@media (min-width:641px) and (max-height:760px){.ak-trust__label{margin-top:88px}}
@media (max-width:640px){.ak-trust__label{margin-top:114px}}
.ak-vrow:last-child{border-bottom:0}
.ak-vrow:first-child{border-top:0}
.ak-vrow+.ak-vrow{border-top:1.5px solid #D3D7E0}

/* ══ HERO layout (any viewport): header clearance on top, copy centred in the
   space between header and "Acreditam em nós", marquee pinned to the bottom ══ */
.ak-hero{min-height:100svh!important;padding:112px 0 44px!important;display:flex;flex-direction:column;justify-content:stretch}
.ak-hero__inner{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--max);margin-left:auto;margin-right:auto;box-sizing:border-box}
.ak-hero__copy{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1040px;padding:32px 0}
.ak-hero__copy .ak-hero__title{margin-top:0!important}
.ak-hero .ak-trust__label{margin-top:0!important;margin-bottom:18px}
@media (max-width:640px){
  .ak-hero{padding:96px 0 32px!important}
  .ak-hero__copy{padding:24px 0}
}
/* short viewports: shrink hero type so header → copy → marquee all fit in 100svh */
@media (min-width:641px) and (max-height:760px){
  .ak-hero{padding-top:96px!important;padding-bottom:28px!important}
  .ak-hero__copy{padding:12px 0}
  .ak-hero__title--50{font-size:44px!important;line-height:1.1!important}
  .ak-hero__sub{font-size:19px!important;margin-top:16px!important}
  .ak-hero .ak-trust__label{font-size:18px!important;padding-bottom:6px!important;margin-bottom:10px}
  .ak-hero .ak-trust__ico{width:28px!important;height:28px!important}
}
@media (min-width:641px) and (max-height:600px){
  .ak-hero{padding-top:88px!important;padding-bottom:20px!important}
  .ak-hero__copy{padding:6px 0}
  .ak-hero__title--50{font-size:38px!important}
  .ak-hero__sub{font-size:17.5px!important;line-height:1.5!important;margin-top:12px!important}
  .ak-hero .ak-trust__label{font-size:16px!important;margin-bottom:6px}
  .ak-hero .ak-trust__ico{width:24px!important;height:24px!important}
}
.ak-hero__copy{position:relative;top:-24px}
@media (max-height:760px){.ak-hero__copy{top:-12px}}
@media (max-width:640px){.ak-hero__copy{top:-14px}}
.ak-think__bar{height:2px}
.ak-think__bar{height:3px}

/* ══════ MOBILE pass (A Kyon) ══════ */
@media (max-width:880px){
  .about .topbar__cta .btn:not(.topbar__login){display:none!important}
  .about .topbar__login{display:inline-flex!important}
}
@media (max-width:640px){
  .about .wrap{padding-left:20px;padding-right:20px}
  .about .foot__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px 20px}
  .about .foot__brand{grid-column:1/-1;min-width:0}
  .about .foot__col{min-width:0}

  /* hero headline: 4 lines, bigger, sane leading */
  .ak-hero__title{font-size:min(45px,(100vw - 40px) / 7.8)!important;line-height:1.12!important}

  /* Sobre: single column, title → photo → copy */
  .ak-hero + .ak-sec .ak-row{grid-template-columns:1fr!important;gap:26px}
  .ak-hero + .ak-sec .ak-row__head{height:auto}
  .ak-hero + .ak-sec .ak-title{font-size:min(40px,(100vw - 40px) / 8.8)!important;line-height:1.14!important}
  .ak-shot{flex:none;min-height:0;height:auto;aspect-ratio:1130/732;margin-top:22px}
  .ak-body p{font-size:18px}

  /* Três convicções: 4 lines */
  .ak-think__title{font-size:min(50px,(100vw - 40px) / 7)!important;line-height:1.1!important}
  .ak-think__label{font-size:19px!important}
  .ak-think__txt{font-size:19px!important}

  /* Duas frentes: left-aligned, 4 lines */
  .ak-fronts .ak-over{text-align:left}
  .ak-fronts__title{font-size:min(46px,(100vw - 40px) / 7.6)!important;line-height:1.1!important;text-align:left!important;margin-left:0!important}
  /* Agents logo matched to the Kyon Med logo's width */
  .ak-card__logo{height:auto!important;width:216px!important;max-width:100%}

  /* Visão: 4 lines */
  .ak-vision__title{font-size:min(49px,(100vw - 40px) / 7.1)!important;line-height:1.1!important}

  /* CTA: 3 lines, fully inside the card */
  .ak-cta__card{padding:40px 22px!important}
  .ak-cta h2{font-size:min(30px,(100vw - 84px) / 10.2)!important;line-height:1.14!important;text-wrap:wrap}
}

/* ── mobile scroll choreography ── */
@media (max-width:640px) and (prefers-reduced-motion:no-preference){
  .ak-think__step{opacity:0!important;transform:translateY(34px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .ak-think__step.is-seen{opacity:.4!important;transform:none}
  .ak-think__step.is-seen.is-on{opacity:1!important}
  .ak-think__step .ak-think__n{transform:scale(.82);transform-origin:right center;transition:transform .6s cubic-bezier(.2,.7,.2,1),color .4s ease}
  .ak-think__step.is-on .ak-think__n{transform:scale(1)}
  .ak-think__step.is-on .ak-think__bar i{width:100%}
  .ak-think__label svg{transition:transform .5s cubic-bezier(.2,.7,.2,1),background .4s,color .4s}
  .ak-think__step.is-on .ak-think__label svg{transform:scale(1.08);background:var(--primary-600);color:#fff}

  .ak-vrow{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .ak-vrow .ak-vrow__ico{transform:scale(.6) rotate(-8deg);opacity:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1) .1s,opacity .4s ease .1s}
  .ak-vrow .ak-vrow__title,.ak-vrow .ak-vrow__txt{opacity:0;transform:translateX(-14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
  .ak-vrow .ak-vrow__title{transition-delay:.2s}
  .ak-vrow .ak-vrow__txt{transition-delay:.32s}
  .ak-vrow.is-seen,.ak-vrow.is-seen .ak-vrow__ico,.ak-vrow.is-seen .ak-vrow__title,.ak-vrow.is-seen .ak-vrow__txt{opacity:1;transform:none}
}

/* ══════ MOBILE pass 2 (A Kyon) ══════ */
@media (max-width:640px){
  .ak-hero__title{font-size:min(49px,(100vw - 40px) / 7.15)!important}
  .ak-over,.ak-over--lg,.ak-hero .ak-over,.ak-fronts .ak-over{font-size:23px!important}
  .ak-cta__card{padding:40px 18px!important}
  .ak-cta h2{font-size:min(34px,(100vw - 76px) / 9.2)!important;letter-spacing:-0.035em!important}
  /* Sobre: photo first */
  .ak-hero + .ak-sec .ak-row__head{display:contents}
  .ak-hero + .ak-sec .ak-shot{order:-1;margin-top:0}
  .ak-hero + .ak-sec .ak-over{order:0}
  .ak-hero + .ak-sec .ak-title{order:1;margin-top:-8px}
  .ak-hero + .ak-sec .ak-body{order:2}
  .ak-hero + .ak-sec .ak-body p{font-size:20px!important}
  .ak-think__lead{font-size:21px!important}
  /* kicker card */
  .ak-kicker{gap:20px}
  .ak-kicker>p{font-size:20px!important;line-height:1.38!important}
  .ak-kicker__ico{width:70px!important;height:70px!important;border-radius:19px!important}
  .ak-kicker__ico img,.ak-kicker__ico::after{width:72px!important;height:72px!important}
}
/* +1px on everything under the "Três convicções" title */
.ak-think__lead{font-size:21px!important}
.ak-think__label{font-size:19px!important}
.ak-think__txt{font-size:19px!important}
@media (max-width:640px){
  .ak-think__lead{font-size:22px!important}
  .ak-think__label{font-size:20px!important}
  .ak-think__txt{font-size:20px!important}
}
@media (max-width:640px){
  /* same size as "Queremos que inteligência clínica deixe de ser privilégio." */
  .ak-hero + .ak-sec .ak-title,
  .ak-cta h2{font-size:min(49px,(100vw - 40px) / 7.1)!important;line-height:1.1!important;letter-spacing:-0.034em!important}
  .ak-think{padding-top:44px!important}
  .ak-fronts{padding-top:48px!important}
}
.ak-nw{white-space:nowrap}
@media (max-width:640px){
  .ak-hero + .ak-sec .ak-body p{font-size:22px!important}
  .ak-kicker>p{font-size:22px!important}
  /* 01–03 cards sized like the "Para onde vamos" rows */
  .ak-think__step{padding:28px 0!important;column-gap:20px}
  .ak-think__label{font-size:30px!important;line-height:36px!important;font-weight:600!important;letter-spacing:-0.022em!important;align-items:flex-start}
  .ak-think__label svg{width:20px;height:20px;padding:11.5px;margin-top:-4px}
  .ak-think__txt{font-size:22px!important;line-height:34px!important}
}
@media (max-width:640px){
  .ak-hero + .ak-sec{padding-top:20px!important}
  .ak-hero + .ak-sec .ak-over{position:relative;top:8px}
  .ak-think__label svg{margin-top:10px!important}
  .ak-think__step:last-child{padding-bottom:12px!important}
}
@media (max-width:640px){
  .ak-trust .logo-marquee__item{width:120px!important;height:30px!important;margin-right:80px!important}
  /* one vertical rhythm for every section: 2× the 20px side margin */
  .ak-hero + .ak-sec{padding-bottom:40px!important}
  .ak-think{padding-top:40px!important;padding-bottom:40px!important}
  .ak-fronts{padding-top:40px!important;padding-bottom:40px!important}
  .ak-vision{padding-top:40px!important;padding-bottom:40px!important}
  .ak-cta{padding-top:0!important;padding-bottom:40px!important}
}