@font-face{font-family:'Inter';src:url('fonts/inter-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/inter-500.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/inter-700.woff2') format('woff2');font-weight:700 800;font-style:normal;font-display:swap}
/* PayStar — единая production-тема публичного сайта.
   Источник дизайна: Website_Redesign/new Index v2.dc.html + PayStar UI Guidelines.
   Технология: чистые HTML + CSS, без JavaScript.
   Мобильное меню и раскрывающиеся блоки используют только нативный HTML и CSS. */

:root{
  --navy:#030F3F;
  --blue:#0040E3;
  --blue-dark:#2563EB;
  --ink:#1E293B;
  --muted:#64748B;
  --body-text:#475569;
  --line:#E2E8F0;
  --line-soft:#F1F5F9;
  --hairline:#E6EDFA;
  --bg:#F8FAFC;
  --surface:#FFFFFF;
  --nested:#F4F6FA;
  --icon-bg:#E6EDFA;
  --on-navy-secondary:#99ABC6;
  --on-navy-primary:#F8FAFC;
  --ease:cubic-bezier(.22,1,.36,1);
  --shell:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--navy);font-family:'Inter',"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty;overflow-x:clip}
a{color:var(--blue);text-decoration:none}
::selection{background:var(--blue);color:#fff}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.shell{max-width:var(--shell);margin:0 auto;padding:0 40px}

@keyframes riseIn{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
@keyframes runLine{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
@media (prefers-reduced-motion:reduce){
  .heroTitle span,.dotPulse,.progressLine i{animation:none!important;opacity:1!important;transform:none!important}
}

/* ---------- Header ---------- */
/* Хлебные крошки — PayStar UI Guidelines v1.1, раздел 10. Служебная mono-строка,
   только на страницах второго уровня и глубже; внутри navy-блока не размещается —
   если раздел открывается тёмным героем, строка ставится над ним на фоне --bg. */
.crumbsBar{background:var(--bg);padding:32px 40px 28px}
.breadcrumbs{max-width:var(--shell);margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.breadcrumbs a{color:var(--muted);text-decoration:none;transition:color .25s}
.breadcrumbs a:hover{color:var(--blue)}
.breadcrumbs a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.breadcrumbs .sep{color:#CBD5E1}
.breadcrumbs [aria-current="page"]{color:var(--navy)}

.siteHeader{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 40px;background:rgba(248,250,252,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}
.siteHeader .logo{display:block;width:124px;height:30px}
.headerNav{display:flex;align-items:center;gap:4px}
.headerNav a{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--navy);transition:background .2s}
.headerNav a:hover{background:var(--hairline)}
.headerCta{display:flex;align-items:center;gap:8px;height:38px;padding:0 20px;background:var(--navy);border-radius:8px;font-size:13px;font-weight:600;color:#fff;transition:background .2s}
.headerCta:hover{background:var(--blue)}

/* Мобильное меню (бургер) — чистый CSS, без JS: checkbox внутри .navBurger
   управляет панелью через :has(). Активно только на ≤1100px, см. медиа-блок ниже. */
.headerRight{display:flex;align-items:center;gap:14px}
.navBurger{position:relative;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex-shrink:0}
.navBurger:hover{background:var(--hairline)}
.navBurger input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.navBurgerIcon{position:relative;display:block;width:20px;height:14px;pointer-events:none}
.navBurgerIcon i{position:absolute;left:0;right:0;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.navBurgerIcon i:nth-child(1){top:0}
.navBurgerIcon i:nth-child(2){top:6px}
.navBurgerIcon i:nth-child(3){top:12px}
.navBurger:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.navScrim{display:none}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:600;transition:background .25s,opacity .25s,color .25s,border-color .25s}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--navy)}
.btn-underline{height:52px;padding:0 8px;gap:6px;color:var(--navy);border-radius:0;border-bottom:1px solid var(--navy)}
.btn-underline:hover{color:var(--blue);border-bottom-color:var(--blue)}
.btn-onnavy{height:50px;padding:0 20px;border-radius:12px;background:var(--blue-dark);color:#fff}
.btn-onnavy:hover{background:var(--blue)}
.btn-white-onnavy{height:50px;padding:0 20px;border-radius:12px;background:#fff;color:#0A0E2A}
.btn-white-onnavy:hover{opacity:.85}
.btn-textlink-onnavy{height:40px;padding:0 8px;gap:6px;font-size:14px;color:var(--blue-dark)}
.btn-textlink-onnavy:hover{color:#fff}
.btn-white{height:52px;padding:0 28px;border-radius:12px;background:#fff;color:var(--navy)}
.btn-white:hover{opacity:.88}

/* ---------- Hero ---------- */
.hero{position:relative;padding:96px 40px 0;overflow:hidden}
.heroGrid{position:relative;max-width:var(--shell);margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.heroCopy{display:flex;flex-direction:column;gap:0;padding-bottom:24px}
.kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.dotPulse{display:block;width:7px;height:7px;border-radius:50%;background:var(--blue);animation:pulseDot 2.4s ease-in-out infinite;flex:none}
.heroTitle{margin:0;font-weight:800;font-size:84px;line-height:.94;letter-spacing:-.045em;text-transform:uppercase;color:var(--navy)}
.heroTitle span{display:block;opacity:0;animation:riseIn .9s var(--ease) forwards}
.heroTitle .d1{animation-delay:.05s}
.heroTitle .d2{animation-delay:.17s}
.heroTitle .d3{animation-delay:.29s;color:var(--blue)}
.heroLead{margin:24px 0 0;max-width:620px;font-size:20px;line-height:1.5;color:var(--body-text)}
.heroActions{display:flex;align-items:center;gap:20px;margin-top:36px}

.heroPanel{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.heroPanelHead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--hairline);background:var(--bg)}
.trafficDots{display:flex;align-items:center;gap:7px}
.trafficDots i{display:block;width:9px;height:9px;border-radius:5px;background:var(--line)}
.trafficDots i:last-child{background:var(--blue)}
.heroPanelHead .mono{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-secondary)}
.progressLine{position:relative;height:2px;background:var(--hairline);overflow:hidden}
.progressLine i{position:absolute;top:0;left:0;width:33%;height:2px;background:var(--blue);animation:runLine 3.6s linear infinite}
.panelRow{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:16px;padding:20px 18px;border-bottom:1px solid var(--line-soft)}
.panelRow:last-child{border-bottom:0}
.iconTile{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:var(--icon-bg);border-radius:11px;flex:none}
.panelRow .rowLabel{display:flex;flex-direction:column;gap:3px}
.panelRow .rowLabel .mono{font-size:10.5px;letter-spacing:.1em;color:var(--on-navy-secondary)}
.panelRow .rowLabel b{font-size:16px;font-weight:600;color:var(--navy)}

/* ---------- Section heads ---------- */
section{padding:120px 40px 0}
.sectionInner{max-width:var(--shell);margin:0 auto;display:flex;flex-direction:column;gap:56px}
.sectionHead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:end}
.sectionHead>*{min-width:0}
.sectionHead--tight{gap:20px}
.sectionHead--center{align-items:center}
/* Блок «надзаголовок + заголовок»: фиксированный зазор 20px вместо схлопнутого margin у <p> */
.headBlock{display:flex;flex-direction:column;gap:20px}
.sectionHead .eyebrow,.headBlock .eyebrow,.kicker{margin:0}
.sectionHead .eyebrow,.headBlock .eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--on-navy-secondary)}
.sectionHead .eyebrow b,.headBlock .eyebrow b{color:var(--blue);font-weight:500}
.sectionHead h2{margin:0;font-weight:700;font-size:48px;line-height:1.02;letter-spacing:-.035em;text-transform:uppercase;color:var(--navy)}
.sectionHead h2.size-lg{font-size:52px}
.sectionHead h2.size-sm{font-size:44px;line-height:1.04}
.sectionHead p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.sectionHead p.lead-lg{font-size:19px}
.sectionHead--onnavy .eyebrow b{color:var(--blue-dark)}
.sectionHead--onnavy h2{color:var(--on-navy-primary)}
.sectionHead--onnavy p{color:var(--on-navy-secondary)}

/* ---------- 01 Flow: feature cards ---------- */
.flowGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.featureCard{display:flex;flex-direction:column;gap:24px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color .3s}
.featureCard:hover{border-color:var(--blue)}
.featureCard .cardTop{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-navy-secondary)}
.featureCard h3{margin:0;font-weight:600;font-size:26px;line-height:1.15;letter-spacing:-.02em;color:var(--navy)}
.featureCard>p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.checklist{display:flex;flex-direction:column;gap:12px;padding-top:20px;margin:0;list-style:none}
.checklist li{display:flex;align-items:flex-start;gap:12px}
.checklist .tick{display:flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;background:var(--icon-bg);border-radius:10px}
.checklist span{flex:1 1 0;font-weight:500;font-size:14px;line-height:1.45;color:var(--ink)}

/* ---------- Navy blocks ---------- */
.navyBlock{max-width:var(--shell);margin:0 auto;padding:88px 64px;background:var(--navy);border-radius:28px;display:flex;flex-direction:column;gap:56px}
.navyBlock--tight{gap:48px}

/* ---------- 02 Discovery ---------- */
.discoveryBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.discoveryCard{display:flex;flex-direction:column;gap:28px;padding:32px;background:var(--nested);border-radius:18px}
.discoveryCardTop{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.discoveryCardTop .accent{color:var(--blue)}
.discoveryCardTop .muted{color:var(--on-navy-secondary)}
.discoveryList{display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:14px;overflow:hidden}
.discoveryRow{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:18px;padding:18px 20px;background:var(--surface)}
.discoveryRow .rowLabel{display:flex;flex-direction:column;gap:5px}
.discoveryRow .rowLabel b{font-weight:600;font-size:16px;color:var(--navy)}
.discoveryRow .rowLabel span{font-size:13.5px;line-height:1.45;color:var(--muted)}
.discoveryBanner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 22px;height:56px;background:var(--hairline);border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.discoveryBanner .accent{color:var(--blue)}
.discoveryBanner .muted{max-width:250px;text-align:right;color:var(--on-navy-secondary)}

.contactCard{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:32px;background:rgba(255,255,255,.04);border:1px solid var(--blue-dark);border-radius:18px}
.contactCardTop{display:flex;align-items:center;justify-content:space-between;gap:16px}
.contactCardTop .name{font-weight:700;font-size:18px;color:#fff}
.contactCardTop .role{font-size:14px;color:var(--on-navy-secondary)}
.contactCardTop .dotPulse{background:var(--blue-dark)}
.contactQuote{font-weight:500;font-size:22px;line-height:1.35;letter-spacing:-.01em;color:#fff}
.contactActions{display:flex;flex-direction:column;gap:18px}
.contactButtons{display:flex;flex-direction:column;gap:12px}
.contactNote{font-size:13px;line-height:1.5;text-align:center;color:#8b96ad}

/* ---------- 03 Solutions / route readiness ---------- */
.solutionsGrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:flex-end;width:100%;max-width:var(--shell);margin:0 auto}
.solutionsIntro{display:flex;flex-direction:column;gap:22px;position:sticky;top:110px}
.solutionsIntro h2{margin:0;font-weight:700;font-size:44px;line-height:1.04;letter-spacing:-.035em;text-transform:uppercase;color:var(--navy)}
.solutionsIntro>p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.noteBox{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--surface);border-radius:12px}
.noteBox b{font-weight:600;font-size:16px;line-height:1.35;color:var(--navy)}
.noteBox span{font-size:12.5px;line-height:1.7;color:var(--muted)}

.readinessCard{display:flex;flex-direction:column;gap:32px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.readinessTop{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.readinessTop .muted{color:var(--on-navy-secondary)}
.readinessTop .status{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--blue)}
.readinessTop .status i{display:block;width:8px;height:8px;border-radius:4px;background:var(--blue);animation:pulseDot 2.4s ease-in-out infinite}

.readinessRail{position:relative;height:26px}
.readinessRail .track{position:absolute;left:13px;right:13px;top:12px;height:2px;background:var(--hairline)}
.readinessRail .fill{position:absolute;left:13px;top:12px;height:2px;background:var(--blue)}
.readinessRail .dots{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center}
.readinessRail .dots i{display:block;width:26px;height:26px;border-radius:13px;padding:6px;background-clip:content-box}

.readinessStages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.readinessStages article{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:2px solid var(--line)}
.readinessStages article.is-active,.readinessStages article.is-done{border-color:var(--blue)}
.readinessStages .idx{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--on-navy-secondary)}
.readinessStages article.is-active .idx{color:var(--blue)}
.readinessStages h3{margin:0;font-weight:600;font-size:18px;line-height:1.2;color:var(--navy)}
.readinessStages p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}

.readinessStatus{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--nested);border-radius:12px}
.readinessStatus .label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-secondary)}
.readinessStatus b{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}

/* ---------- 04 PayOps ---------- */
.payopsGrid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.darkCard{display:flex;flex-direction:column;gap:12px;padding:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:16px;transition:background .3s,border-color .3s}
.darkCard:hover{background:rgba(37,99,235,.14);border-color:var(--blue-dark)}
.darkCard .idx{font-weight:500;font-size:11px;letter-spacing:.1em;color:var(--blue-dark)}
.darkCard h3{margin:0;font-weight:600;font-size:19px;color:#fff}
.darkCard p{margin:0;font-size:14px;line-height:1.5;color:var(--on-navy-secondary)}

.payopsGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.payopsRule{display:flex;flex-direction:column;gap:8px;padding:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:16px}
.payopsRule .label{font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-dark)}
.payopsRule b{font-weight:600;font-size:22px;line-height:1.25;color:#fff}
.payopsRule p{margin:0;font-size:13px;line-height:1.7;color:var(--on-navy-secondary)}

/* ---------- 05 Developers ---------- */
.bigCard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.bigCard .label{font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.bigCard h3{margin:0;font-weight:600;font-size:30px;line-height:1.15;letter-spacing:-.025em;color:var(--navy)}
.bigCard p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.logList{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.logRow{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:16px;margin:0;padding:16px 20px;background:var(--surface)}
.logRow small{font-size:12px;color:var(--on-navy-secondary)}
.logRow b{font-weight:600;font-size:14px;color:var(--navy)}
.logRow em{font-style:normal;font-size:13px;color:var(--ink)}
.logRow em.success{font-weight:600;color:var(--blue)}

.devGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.devCard{display:flex;flex-direction:column;gap:14px;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.devCard .label{font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.devCard h3{margin:0;font-weight:600;font-size:30px;line-height:1.15;letter-spacing:-.025em;color:var(--navy)}
.devCard p{margin:0;font-size:16px;line-height:1.55;color:var(--muted)}
.miniBars{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px}
.miniBars i{display:block;flex:1 1 0;height:6px;border-radius:3px}
.miniBars i:nth-child(1){background:var(--blue)}
.miniBars i:nth-child(2){background:var(--blue-dark)}
.miniBars i:nth-child(3){background:var(--on-navy-secondary)}
.miniBars i:nth-child(4){background:var(--hairline)}
.statPlate{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:22px;background:var(--nested);border-radius:12px}
.statPlate small{font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-secondary)}
.statPlate b{font-weight:700;font-size:30px;letter-spacing:-.03em;color:var(--navy)}
.statPlate span{font-size:13px;color:var(--on-navy-secondary)}

/* ---------- 06 Integrations ---------- */
.trustGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.trustCard{display:flex;flex-direction:column;gap:12px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:18px;transition:border-color .3s}
.trustCard:hover{border-color:var(--blue)}
.trustCard .label{font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.trustCard h3{margin:0;font-weight:600;font-size:23px;line-height:1.2;color:var(--navy)}
.trustCard p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}

.assuranceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.assuranceRow{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:16px;padding:24px;background:var(--surface)}
.assuranceRow div:last-child{font-weight:600;font-size:16px;line-height:1.35;color:var(--navy)}

/* ---------- 07 Teams ---------- */
.teamsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.teamsGrid article{display:flex;flex-direction:column;gap:12px;padding-top:28px;border-top:2px solid var(--navy)}
.teamsGrid span{font-weight:600;font-size:19px;color:var(--navy)}
.teamsGrid p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}

/* ---------- 08 Contact CTA ---------- */
.ctaBlock{max-width:var(--shell);margin:0 auto;padding:88px 64px;background:var(--blue);border-radius:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px}
.ctaBlock .eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ctaBlock h2{margin:0;font-weight:700;font-size:56px;line-height:1;letter-spacing:-.04em;text-transform:uppercase;color:#fff}
.ctaBlock .copy{display:flex;flex-direction:column;gap:20px}
.ctaRight{display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:480px;padding-top:20px}
.ctaRight p{margin:0;font-size:18px;line-height:1.6;color:rgba(255,255,255,.82)}

/* ---------- 11 Блог: карточка статьи + фильтр тем (PayStar UI Guidelines, раздел 11) ---------- */
/* Карточка целиком — одна ссылка <a>, чтобы клик мимо заголовка и мимо
   «Read article» всё равно открывал статью. Визуально состояние не меняется
   по сравнению с прежним вариантом (заголовок+ссылка отдельно) — те же цвета,
   тот же единственный hover на границе. */
.blogCard{display:flex;flex-direction:column;gap:16px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color .25s;color:inherit;text-decoration:none}
.blogCard:hover{border-color:var(--blue)}
.blogCard:hover h2{color:var(--blue)}
.blogCard:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.blogCard .cat{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.blogCard h2{margin:0;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-.015em;color:var(--navy)}
.blogCard p{margin:0;font-size:15px;line-height:1.6;color:var(--muted);flex:1 1 0}
.blogCard .readLink{align-self:flex-start;padding-top:8px;font-size:15px;font-weight:600;color:var(--blue)}

.blogFilter{display:flex;flex-wrap:wrap;gap:8px}
.filterRadio{position:absolute;width:1px;height:1px;opacity:0}
.filterPill{display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500;white-space:nowrap;color:var(--navy);cursor:pointer;transition:border-color .25s,color .25s}
.filterPill .count{font-family:'JetBrains Mono',monospace;font-size:11px;opacity:.6;margin-left:8px}
.filterPill:hover{border-color:var(--blue);color:var(--blue)}
.filterRadio:checked+.filterPill{background:var(--navy);border-color:var(--navy);color:#fff}
.filterRadio:focus-visible+.filterPill{outline:2px solid var(--blue);outline-offset:3px}

/* Переключение ленты — чистый CSS (:has на body), без JS, как и весь сайт. Ровно одна активная тема.
   :has() проверяется от body, а не от соседа, потому что фильтр и сетка карточек лежат
   в разных секциях и не являются соседними элементами в разметке. */
.blogGrid .blogCard{display:flex}
body:has(#f-strategy:checked) .blogCard:not([data-theme="strategy"]),
body:has(#f-platform:checked) .blogCard:not([data-theme="platform"]),
body:has(#f-routing:checked) .blogCard:not([data-theme="routing"]),
body:has(#f-security:checked) .blogCard:not([data-theme="security"]),
body:has(#f-ai:checked) .blogCard:not([data-theme="ai"]){display:none}

/* ---------- Article (secondary page) ---------- */
.articleHero{padding:56px 40px 0}
.articleHero .sectionInner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.articleTitle{margin:0;font-weight:700;font-size:38px;line-height:1.18;letter-spacing:-.02em;text-transform:uppercase;color:var(--navy)}
.articleLead{margin:0;font-size:19px;line-height:1.6;color:var(--body-text)}
.articleMeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.articleMeta .dot{color:#CBD5E1}

.articleBody{max-width:720px;margin:0 auto;padding:8px 40px 0;display:flex;flex-direction:column;gap:24px}
.articleBody .intro{margin:0;font-size:19px;line-height:1.65;color:var(--ink);font-weight:500}
.articleBody h2{margin:12px 0 0;font-weight:700;font-size:26px;line-height:1.3;letter-spacing:-.015em;color:var(--navy)}
.articleBody p{margin:0;font-size:16px;line-height:1.75;color:var(--body-text)}
.articleBody blockquote{margin:8px 0;padding:24px 28px;border-left:3px solid var(--blue);background:var(--nested);border-radius:0 12px 12px 0;font-size:18px;line-height:1.55;color:var(--navy);font-weight:500;font-style:normal}
.articleCta{margin-top:16px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:16px}
.articleCta h3{margin:0;font-weight:700;font-size:24px;line-height:1.3;letter-spacing:-.01em;color:var(--navy)}
.articleCta p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.articleCta .btn{align-self:flex-start;height:48px;padding:0 22px}

/* ---------- Product / vertical page (contentMain + sideCta) ---------- */
/* Общий шаблон одиннадцати страниц продукта/вертикалей (Discovery, Payments,
   iGaming, Forex, Routing, PayOps, Analytics, Reconciliation, Developers,
   Security, Company): герой в полный рост системы (как у Blog), затем
   двухколоночная сетка «текст + липкий блок связи», без navy-блока —
   в исходных страницах его не было. */
.pageGrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:64px;align-items:start}

.pageBody{display:flex;flex-direction:column;gap:24px}
.pageBody .intro{margin:0;font-size:19px;line-height:1.65;color:var(--ink);font-weight:500}
/* Надзаголовок [NN] перед каждым H2 — тот же приём, что и в пронумерованных
   секциях главной (id="flow" [01], id="discovery" [02], id="solutions" [03]…). */
.pageBody .headBlock{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.pageBody .headBlock .eyebrow{margin:0}
.pageBody h2{margin:0;font-weight:700;font-size:32px;line-height:1.15;letter-spacing:-.02em;text-transform:uppercase;color:var(--navy)}
.pageBody p{margin:0;font-size:16px;line-height:1.75;color:var(--body-text)}

.numberedList{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.numberedRow{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}
.numberedRow .idx{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;color:var(--blue);padding-top:2px}
.numberedRow h3{margin:0 0 8px;font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:var(--navy)}
.numberedRow p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}

/* Карточка связи справа — та же .contactCard, что и в тёмном блоке [02] на
   главной (и на Contact). Вне navyBlock фон карточки берём сплошным navy,
   иначе полупрозрачная подложка карточки не читается на светлой странице. */
.pageSideCta{position:sticky;top:110px}
.pageSideCta .contactCard{background:var(--navy)}
.pageSideCta .contactCard h2{margin:0 0 10px;font-weight:700;font-size:24px;line-height:1.28;letter-spacing:-.015em;color:#fff}
.pageSideCta .contactCard p{margin:0;font-size:15px;line-height:1.6;color:var(--on-navy-secondary)}

/* ---------- Footer ---------- */
.siteFooter{margin:120px 40px 40px;padding:72px 64px 40px;background:var(--navy);border-radius:28px;display:flex;flex-direction:column;gap:56px}
.footerGrid{max-width:var(--shell);margin:0 auto;width:100%;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px}
.footerBrand{display:flex;flex-direction:column;gap:20px}
.footerBrand img{width:148px;display:block}
.footerBrand>p{margin:0;font-size:15px;line-height:1.55;color:var(--on-navy-secondary)}
.footerContacts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-weight:500;font-size:14px}
.footerContacts a{color:var(--on-navy-primary)}
.footerContacts a:hover{color:var(--blue-dark)}
.footerNav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footerNav h2{margin:0 0 4px;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-dark)}
.footerNav a{font-size:14px;color:var(--on-navy-secondary)}
.footerNav a:hover{color:#fff}
.footerBottom{max-width:var(--shell);margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:var(--on-navy-secondary)}
.footerBottom a{color:var(--on-navy-secondary)}
.footerBottom a:hover{color:#fff}

/* ---------- Responsive (adapted from 1024/360 references; 1280 remains the primary target) ---------- */
@media (max-width:1100px){
  .heroGrid,.solutionsGrid,.pageGrid{grid-template-columns:1fr}
  .solutionsIntro{position:static}
  .flowGrid,.trustGrid,.teamsGrid,.devGrid2,.discoveryBody,.payopsGrid2,.bigCard{grid-template-columns:1fr}
  .payopsGrid5{grid-template-columns:repeat(2,1fr)}
  .assuranceGrid{grid-template-columns:1fr 1fr}
  .footerGrid{grid-template-columns:1fr 1fr 1fr}
  .heroTitle{font-size:56px}
  .pageSideCta{position:static}

  .navBurger{display:flex}
  .headerNav{
    display:flex;flex-direction:column;align-items:stretch;gap:2px;
    position:fixed;top:0;right:0;height:100dvh;width:min(300px,82vw);
    margin:0;padding:96px 24px 32px;background:var(--navy);
    box-shadow:none;
    transform:translateX(100%);visibility:hidden;
    transition:transform .32s cubic-bezier(.4,0,.2,1),visibility 0s linear .32s;
    z-index:70;overflow-y:auto;
  }
  .headerNav a{padding:16px 6px;border-radius:0;font-size:16px;font-weight:500;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
  .headerNav a:hover{background:rgba(255,255,255,.06)}
  .navScrim{display:block;position:fixed;top:0;left:0;width:100vw;height:100dvh;background:rgba(4,12,26,.5);z-index:65;opacity:0;pointer-events:none;transition:opacity .25s ease}

  .siteHeader:has(#navToggle:checked) .headerNav{transform:translateX(0);visibility:visible;transition:transform .32s cubic-bezier(.4,0,.2,1)}
  .siteHeader:has(#navToggle:checked) .navScrim{opacity:1;pointer-events:auto}
  .siteHeader:has(#navToggle:checked) .navBurgerIcon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .siteHeader:has(#navToggle:checked) .navBurgerIcon i:nth-child(2){opacity:0}
  .siteHeader:has(#navToggle:checked) .navBurgerIcon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
body:has(#navToggle:checked){overflow:hidden}
@media (max-width:640px){
  .siteHeader,.hero,section{padding-left:20px;padding-right:20px}
  .shell{padding:0 20px}
  .crumbsBar{padding:24px 20px 20px}
  .navyBlock,.ctaBlock{padding:48px 28px}
  .heroTitle{font-size:clamp(32px,9vw,40px);overflow-wrap:anywhere}
  .sectionHead{grid-template-columns:1fr}
  .sectionHead h2{font-size:32px}
  .sectionHead h2.size-lg,.sectionHead h2.size-sm,.teamsTitle{font-size:32px}
  .payopsGrid5,.assuranceGrid,.footerGrid{grid-template-columns:1fr}
  .ctaBlock h2{font-size:36px}
  .articleHero{padding-left:20px;padding-right:20px}
  .articleTitle{font-size:30px;overflow-wrap:anywhere}
  .articleBody,.articleHero .sectionInner{padding-left:0;padding-right:0}
  .pageBody h2{font-size:26px}
  .readinessCard{gap:24px;padding:24px 20px}
  .readinessTop,.readinessStatus{align-items:flex-start;flex-direction:column}
  .readinessTop{gap:8px}
  .readinessRail{display:none}
  .readinessStages{grid-template-columns:1fr;gap:14px}
  .readinessStages article{min-width:0}
  .bigCard{gap:28px;padding:24px 20px}
  .logRow{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px}
  .logRow small{grid-column:1;grid-row:1}
  .logRow b{grid-column:1;grid-row:2;min-width:0}
  .logRow em{grid-column:2;grid-row:1/3;align-self:center}
}

/* Human-readable API documentation */
.nav nav a.active{color:var(--ink);font-weight:600}.nav nav a.active:after{right:0}
.apiBody code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.apiHero{padding:48px 0 90px;background:var(--bg);border-bottom:1px solid var(--line);overflow:hidden}
.apiHeroGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:86px;align-items:center}
.apiHero h1{max-width:790px;margin:24px 0 24px;font-size:62px;line-height:1.04;letter-spacing:-3.8px}
.apiHero .lead{max-width:770px;margin:0;color:var(--muted)}
.apiHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.apiContractCard{background:var(--night);color:#fff;border:1px solid #183550;box-shadow:none;padding:28px}
.apiContractTop{display:flex;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid #28445d;font-size:12px;letter-spacing:.12em;color:#7f9bb4}
.apiContractTop b{font-size:12px;color:#8ee2c4;white-space:nowrap}.apiContractTop i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#2ac593;box-shadow:none}
.apiContractCard>strong{display:block;margin-top:27px;font-size:34px;letter-spacing:-1px}.apiContractCard>p{margin:7px 0 25px;color:#9db4c8;font-size:13px}
.apiContractCard dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid #29455f}.apiContractCard dl div{padding:15px}.apiContractCard dl div:nth-child(even){border-left:1px solid #29455f}.apiContractCard dl div:nth-child(n+3){border-top:1px solid #29455f}.apiContractCard dt{font-size:12px;color:#8aa4bc}.apiContractCard dd{margin:6px 0 0;font-size:17px;font-weight:700;color:#fff}.apiContractCard>a{display:block;margin-top:22px;color:var(--cyan);font-size:14px;font-weight:600}
.apiLayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:80px;padding-top:78px;padding-bottom:120px}
.apiToc{position:sticky;top:104px;height:max-content}.apiToc>span{display:block;margin-bottom:18px;color:#72879a;font-size:12px;font-weight:700;letter-spacing:.16em}.apiToc>nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}.apiToc>nav a{padding:11px 0;border-bottom:1px solid var(--line);color:#4e6478;font-size:14px}.apiToc>nav a:hover{padding-left:5px;color:var(--blue)}
.apiToc>div{margin-top:30px;padding:20px;background:var(--ice);border:1px solid var(--line)}.apiToc>div b{font-size:15px}.apiToc>div p{margin:9px 0 14px;color:var(--muted);font-size:13px;line-height:1.55}.apiToc>div a{color:var(--blue);font-size:13px;font-weight:700}
.apiContent{min-width:0;max-width:890px}.apiSection{padding:4px 0 76px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.apiSection+.apiSection{padding-top:76px}.apiSection:last-child{border-bottom:0;padding-bottom:0}.apiEyebrow{margin:0 0 18px!important;color:var(--blue)!important;font-size:12px!important;font-weight:700;letter-spacing:.17em}.apiSection>h2{max-width:750px;margin:0 0 20px;font-size:40px;line-height:1.15;letter-spacing:-1.8px}.apiSection>p:not(.apiEyebrow){max-width:760px;margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.75}.apiSection code:not(pre code){padding:2px 5px;background:#edf4fa;border-radius:2px;color:#153d65;font-size:.88em}
.apiTaskGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 0}.apiTaskGrid a{display:grid;grid-template-columns:38px 1fr auto;column-gap:13px;min-height:120px;padding:22px;border:1px solid var(--line);background:#fff;transition:.2s}.apiTaskGrid a:hover{border-color:#9dc5ff;box-shadow:none;transform:translateY(-2px)}.apiTaskGrid span{grid-row:1/3;color:var(--blue);font-size:12px;font-weight:700}.apiTaskGrid strong{font-size:18px}.apiTaskGrid small{grid-column:2;color:var(--muted);font-size:13px}.apiTaskGrid b{grid-column:3;grid-row:1/3;align-self:center;color:var(--blue)}
.apiNote{display:grid;grid-template-columns:190px 1fr;gap:22px;margin-top:30px;padding:23px 25px;border-left:3px solid var(--blue);background:#f0f7ff}.apiNote b{font-size:15px}.apiNote p{margin:0;color:#50677c;font-size:14px;line-height:1.65}.apiNote.warning{border-color:#f1a82d;background:#fff8e8}.apiNote.warning p{color:#695b3e}
.apiSteps{border-top:1px solid var(--line);margin:32px 0}.apiSteps article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.apiSteps article>span{color:var(--blue);font-size:12px;font-weight:700}.apiSteps h3{margin:0 0 7px;font-size:18px}.apiSteps p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.apiCodeBlock{margin-top:34px;background:#071b30;color:#d9e8f5;border:1px solid #1d3c57;box-shadow:none;overflow:hidden}.apiCodeBlock header{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid #23415c;color:#7cdfff;font-size:12px;letter-spacing:.12em}.apiCodeBlock header small{color:#839eb7;letter-spacing:0}.apiCodeBlock pre{margin:0;padding:23px 25px;overflow:auto;font-size:13px;line-height:1.7}.apiCodeBlock code{font:inherit;white-space:pre}
.apiInlineCode{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;margin:28px 0;padding:17px 20px;background:#071b30;color:#fff}.apiInlineCode span{color:var(--cyan);font-size:12px;letter-spacing:.12em}.apiInlineCode code{overflow:auto;color:#e2edf7;white-space:nowrap;font-size:13px}
.apiRuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.apiRuleGrid article{padding:22px;border:1px solid var(--line);background:var(--ice)}.apiRuleGrid b{font-size:15px}.apiRuleGrid p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.apiFlowGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.apiFlowGrid article{min-width:0;padding:23px;border:1px solid var(--line);background:#fff}.apiFlowGrid article>div{display:flex;justify-content:space-between;gap:8px;color:#75899c;font-size:12px;letter-spacing:.07em}.apiFlowGrid article>div span{font-weight:700}.apiFlowGrid article.verified>div span{color:#198462}.apiFlowGrid article.partial>div span{color:#b57200}.apiFlowGrid article.declared>div span{color:#647a8e}.apiFlowGrid h3{margin:28px 0 10px;font-size:18px;letter-spacing:-.4px;overflow-wrap:anywhere}.apiFlowGrid p{min-height:88px;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.65}.apiFlowGrid code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apiHostHierarchy{display:grid;gap:12px;margin-top:34px}.apiHostCore{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:30px;padding:27px;background:var(--night);border:1px solid #24415b;color:#fff}.apiHostCore header>div{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ca7bf;font-size:11px;letter-spacing:.1em}.apiHostCore header>div span{color:#61d9ff;font-weight:700}.apiHostCore h3{margin:25px 0 10px;font-size:25px;letter-spacing:-.6px}.apiHostCore p{max-width:570px;margin:0;color:#a9bfd2;font-size:14px;line-height:1.7}.apiHostCore p code{padding:0!important;background:none!important;color:#d8ebfa!important}.apiHostCapabilities{display:grid;grid-template-columns:1fr 1fr;align-self:stretch;border:1px solid #294861}.apiHostCapabilities span{display:flex;align-items:center;min-height:54px;padding:12px 15px;border-top:1px solid #294861;color:#dce9f4;font-size:12px}.apiHostCapabilities span:nth-child(-n+2){border-top:0}.apiHostCapabilities span:nth-child(odd){border-right:1px solid #294861}.apiHostCapabilities span:before{content:"✓";margin-right:9px;color:#50d7ae;font-weight:700}.apiHostCapabilities span:last-child{grid-column:1/-1;border-right:0}.apiSpecialHosts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.apiSpecialHosts article{min-width:0;padding:23px;border:1px solid var(--line);background:#fff}.apiSpecialHosts article>div{display:flex;justify-content:space-between;gap:12px;color:#71869a;font-size:11px;letter-spacing:.07em}.apiSpecialHosts article>div span{font-weight:700}.apiSpecialHosts article.partial>div span{color:#b57200}.apiSpecialHosts h3{margin:27px 0 10px;font-size:19px;letter-spacing:-.4px}.apiSpecialHosts p{min-height:72px;margin:0 0 17px;color:var(--muted);font-size:13px;line-height:1.65}.apiSpecialHosts>article>code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apiLifecycle{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin:36px 0;padding:28px;background:var(--night);color:#fff}.apiLifecycle article{min-width:0}.apiLifecycle article span,.apiLifecycle article b,.apiLifecycle article small{display:block}.apiLifecycle article span{color:var(--cyan);font-size:12px}.apiLifecycle article b{margin:18px 0 6px;font-size:16px}.apiLifecycle article small{color:#96aec4;font-size:12px;line-height:1.45}.apiLifecycle>i{padding:0 11px;color:#4f708d;font-style:normal}
.apiRules{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.apiRules li{padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.65}.apiRules li b{color:var(--ink)}
.apiDeveloperValue{position:relative}.apiValuePath{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.apiValuePath article{min-height:250px;padding:25px;border:1px solid var(--line);background:var(--surface)}.apiValuePath span{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.12em}.apiValuePath h3{margin:42px 0 12px;font-size:21px;line-height:1.2;letter-spacing:-.5px}.apiValuePath p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.apiValueOutcome{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:12px;padding:25px 27px;background:var(--night);color:#fff}.apiValueOutcome div span,.apiValueOutcome div b{display:block}.apiValueOutcome div span{margin-bottom:8px;color:var(--cyan);font-size:11px;letter-spacing:.13em}.apiValueOutcome div b{font-size:18px}.apiValueOutcome a{flex:0 0 auto;color:#fff;font-size:13px;font-weight:700}
.apiEndpointGroup{margin-top:42px}.apiEndpointGroup>h3{margin:0 0 13px;color:#5e7489;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.apiEndpoint{margin-bottom:12px;border:1px solid var(--line);background:#fff;overflow:hidden;scroll-margin-top:110px}.apiEndpointHead{display:flex;align-items:center;gap:12px;padding:15px 17px;background:#f6f9fc;border-bottom:1px solid var(--line)}.apiEndpointHead>code{min-width:0;padding:0!important;background:none!important;overflow-wrap:anywhere;color:#253e57!important;font-size:12px!important}.method{flex:0 0 auto;min-width:50px;padding:5px 7px;border-radius:2px;text-align:center;color:#fff;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.method.get{background:#176bff}.method.post{background:#0f9a78}.verify{margin-left:auto;flex:0 0 auto;padding:6px 8px;border-radius:2px;font-size:10px;letter-spacing:.06em}.verify.good{background:#dff8ef;color:#117257}.verify.defect{background:#fff0dc;color:#9a5b00}.verify.mixed,.verify.partial{background:#e8eef4;color:#4b6378}
.apiEndpoint h4{margin:22px 20px 8px;font-size:19px}.apiEndpoint>p{margin:0 20px 18px;color:var(--muted);font-size:14px;line-height:1.65}.apiEndpoint footer{display:flex;justify-content:space-between;gap:22px;padding:13px 18px;background:#fbfdff;border-top:1px solid #e6edf3}.apiEndpoint footer code{padding:0!important;background:none!important;color:#4f6982!important;font-size:11px!important}.apiEndpoint footer span{max-width:52%;color:#718397;font-size:12px;line-height:1.45;text-align:right}
.apiCoverage{display:grid;gap:10px;margin-top:32px}.apiCoverage article{display:grid;grid-template-columns:18px 1fr;gap:13px;padding:20px;border:1px solid var(--line)}.coverageDot{width:9px;height:9px;margin-top:5px;border-radius:50%}.coverageDot.good{background:#2ac593;box-shadow:none}.coverageDot.partial{background:#f3b13d;box-shadow:none}.coverageDot.blocked{background:#91a3b4;box-shadow:none}.apiCoverage b{font-size:15px}.apiCoverage p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.apiReferenceLinks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.apiReferenceLinks a{display:flex;flex-direction:column;min-height:180px;padding:23px;border:1px solid var(--line);background:var(--ice)}.apiReferenceLinks b{font-size:18px}.apiReferenceLinks span{margin:13px 0;color:var(--muted);font-size:13px;line-height:1.6}.apiReferenceLinks small{margin-top:auto;color:var(--blue);font-size:13px;font-weight:700}
.apiDownloads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.apiDownloads>a{display:grid;grid-template-columns:52px 1fr auto;gap:15px;align-items:center;min-height:105px;padding:18px;border:1px solid var(--line);background:#fff;transition:.2s}.apiDownloads>a:hover{border-color:#93beff;box-shadow:none;transform:translateY(-2px)}.apiDownloads>a>span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#eaf3ff;color:var(--blue);font-size:11px;font-weight:700}.apiDownloads b,.apiDownloads small{display:block}.apiDownloads b{font-size:16px}.apiDownloads small{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.apiDownloads i{color:var(--blue);font-size:18px;font-style:normal}
.apiPackageMeta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;padding:16px 18px;background:var(--ice);color:#718397;font-size:12px}.apiPackageMeta a{margin-left:auto;color:var(--blue);font-weight:700}
.apiContact{padding:88px 0;background:var(--blue);color:#fff}.apiContact>.shell{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.apiContact .apiEyebrow{color:#bfe3ff!important}.apiContact h2{max-width:580px;margin:0;font-size:45px;line-height:1.12;letter-spacing:-2px}.apiContact p:not(.apiEyebrow){max-width:500px;margin:0 0 24px;color:#dbe8ff;font-size:16px;line-height:1.7}
@media(max-width:1000px){.apiHeroGrid{grid-template-columns:1fr;gap:45px}.apiContractCard{max-width:600px}.apiLayout{grid-template-columns:1fr;gap:45px}.apiToc{position:static}.apiToc>nav{display:grid;grid-template-columns:1fr 1fr}.apiToc>nav a:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.apiToc>div{display:none}.apiContent{max-width:none}}
@media(max-width:760px){.apiHero{padding:58px 0 68px}.apiHero h1{font-size:clamp(40px,10.5vw,54px);letter-spacing:-2.5px}.apiHeroActions{align-items:stretch;flex-direction:column}.apiHeroActions .button{width:100%}.apiLayout{padding-top:55px;padding-bottom:80px}.apiSection{padding-bottom:58px}.apiSection+.apiSection{padding-top:58px}.apiSection>h2{font-size:34px}.apiTaskGrid,.apiRuleGrid,.apiFlowGrid,.apiValuePath,.apiReferenceLinks,.apiDownloads,.apiContact>.shell{grid-template-columns:1fr}.apiValuePath article{min-height:0}.apiValuePath h3{margin-top:24px}.apiValueOutcome{align-items:flex-start;flex-direction:column}.apiHostCore{grid-template-columns:1fr}.apiSpecialHosts{grid-template-columns:1fr}.apiNote{grid-template-columns:1fr;gap:8px}.apiInlineCode{grid-template-columns:1fr;gap:10px}.apiLifecycle{grid-template-columns:1fr;gap:12px}.apiLifecycle article{padding:6px 0 13px;border-bottom:1px solid #29455f}.apiLifecycle article:last-child{border-bottom:0}.apiLifecycle>i{display:none}.apiEndpointHead{align-items:flex-start;flex-wrap:wrap}.apiEndpointHead>code{width:calc(100% - 66px)}.verify{margin-left:62px}.apiEndpoint footer{flex-direction:column}.apiEndpoint footer span{max-width:none;text-align:left}.apiContact>.shell{gap:30px}.apiContact h2{font-size:38px}}
@media(max-width:480px){.apiContractCard{padding:21px}.apiContractTop{align-items:flex-start;flex-direction:column}.apiContractCard dl{grid-template-columns:1fr}.apiContractCard dl div:nth-child(even){border-left:0}.apiContractCard dl div+div{border-top:1px solid #29455f}.apiToc>nav{grid-template-columns:1fr}.apiToc>nav a:nth-child(even){padding-left:0;border-left:0}.apiTaskGrid a{grid-template-columns:32px 1fr auto;padding:18px}.apiCodeBlock pre{padding:18px;font-size:12px}.apiCodeBlock header{flex-direction:column;gap:5px}.apiFlowGrid article p{min-height:0}.apiEndpointHead>code{width:100%;order:3}.verify{margin-left:auto}.apiDownloads>a{grid-template-columns:44px 1fr auto;padding:14px}.apiDownloads>a>span{width:44px;height:44px}.apiPackageMeta{flex-direction:column}.apiPackageMeta a{margin-left:0}}

/* Native HTML contract accordions: static, accessible and script-free. */
.apiContractDetails{margin:0 20px 20px;border:1px solid #d7e3ed;background:#fbfdff}
.apiContractDetails>summary{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none;color:#173d62;font-size:13px;font-weight:700}
.apiContractDetails>summary::-webkit-details-marker{display:none}
.apiContractDetails>summary small{color:#71879b;font-size:12px;font-weight:500}
.apiContractDetails>summary:after{content:"+";display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #b9cbd9;border-radius:50%;color:var(--blue);font-size:18px;font-weight:400;line-height:1}
.apiContractDetails[open]>summary{background:#f1f7fc;border-bottom:1px solid #d7e3ed}
.apiContractDetails[open]>summary:after{content:"−"}
.apiContractDetails>summary:hover,.apiContractDetails>summary:focus-visible{background:#f1f7fc}
.apiContractPanel{padding:0 18px 18px}
.apiContractPart{padding:21px 0 0}
.apiContractPart+.apiContractPart{margin-top:21px;border-top:1px solid #dce7ef}
.apiContractTitle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.apiContractPart h5{margin:0 0 13px;font-size:14px;letter-spacing:.01em}
.apiContractTitle h5{margin:0}
.apiContractTitle>code{padding:3px 6px!important;background:#eaf2f8!important;color:#577089!important;font-size:10px!important}
.apiFieldList{margin:0;border:1px solid #dce7ef;background:#fff}
.apiFieldList>div{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1fr);border-top:1px solid #e4edf4}
.apiFieldList>div:first-child{border-top:0}
.apiFieldList dt,.apiFieldList dd{margin:0;padding:12px 14px;font-size:12px;line-height:1.55}
.apiFieldList dt{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;border-right:1px solid #e4edf4}
.apiFieldList dt code{padding:0!important;background:none!important;color:#163f67!important;font-size:11px!important;overflow-wrap:anywhere}
.apiFieldList dt b{height:max-content;padding:2px 5px;border-radius:2px;background:#e8f1fa;color:#5b7185;font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.apiFieldList dd{color:#60768a}
.apiFieldList dd span{display:block;margin-bottom:3px;color:#213e59;font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.apiSchemaVariants{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}
.apiSchemaVariants article{min-width:0;padding:13px;border:1px solid #dce7ef;background:#fff}
.apiSchemaVariants span,.apiSchemaVariants b,.apiSchemaVariants small{display:block}
.apiSchemaVariants span{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere}
.apiSchemaVariants b{margin:8px 0 6px;font-size:12px;overflow-wrap:anywhere}
.apiSchemaVariants small{color:#64798c;font-size:11px;line-height:1.55}
.apiSchemaVariants small code,.apiSchemaVariants b code{padding:0!important;background:none!important;font-size:inherit!important}
.apiSchemaVariants.response b{font-size:11px;line-height:1.65}
.apiStatusList{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border:1px solid #dce7ef;background:#fff}
.apiStatusList>div{display:grid;grid-template-columns:48px 1fr;min-width:0;border-top:1px solid #e4edf4}
.apiStatusList>div:nth-child(-n+2){border-top:0}
.apiStatusList>div:nth-child(odd){border-right:1px solid #e4edf4}
.apiStatusList dt,.apiStatusList dd{margin:0;padding:11px 12px;font-size:11px;line-height:1.55}
.apiStatusList dt{color:#a26100;font:700 11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.apiStatusList dt.ok{color:#118060}
.apiStatusList dd{padding-left:0;color:#60768a}
.apiStatusList dd code{padding:0!important;background:none!important;color:#22496f!important;font-size:10px!important}
@media(max-width:760px){.apiContractDetails{margin:0 14px 16px}.apiContractDetails>summary{grid-template-columns:1fr auto;gap:6px 12px}.apiContractDetails>summary small{grid-row:2;grid-column:1}.apiContractDetails>summary:after{grid-column:2;grid-row:1/3}.apiSchemaVariants,.apiStatusList{grid-template-columns:1fr}.apiStatusList>div,.apiStatusList>div:nth-child(odd){border-right:0;border-top:1px solid #e4edf4}.apiStatusList>div:first-child{border-top:0}.apiFieldList>div{grid-template-columns:1fr}.apiFieldList dt{border-right:0;border-bottom:1px solid #edf2f6}.apiFieldList dt,.apiFieldList dd{padding:10px 12px}}

/* Product updates: a long-form, script-free release feed. */
.updatesHero{padding:88px 0 78px;border-bottom:1px solid var(--line);background:var(--bg)}
.updatesHeroGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:90px;align-items:end}
.updatesHero h1{margin:24px 0 20px;font-size:68px;line-height:1;letter-spacing:-4px}
.updatesHero>div>div:first-child>p:last-child{max-width:690px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}
.updatesPromise{padding:25px 27px;border-left:3px solid var(--blue);background:#fff;box-shadow:none}
.updatesPromise span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.16em}
.updatesPromise p{margin:16px 0 0;font-size:17px;line-height:1.55}
.updatesLayout{display:grid;grid-template-columns:250px minmax(0,820px);gap:85px;justify-content:center;padding-top:78px;padding-bottom:125px}
.updatesIndex{position:sticky;top:28px;height:max-content}
.updatesIndex>span{display:block;margin-bottom:17px;color:#72879a;font-size:12px;font-weight:700;letter-spacing:.16em}
.updatesIndex nav{border-top:1px solid var(--line)}
.updatesIndex nav a{display:block;padding:18px 0 20px;border-bottom:1px solid var(--line)}
.updatesIndex time{display:block;margin-bottom:9px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em}
.updatesIndex b{display:block;font-size:15px;line-height:1.45}
.updatesIndex>p{margin:22px 0 0;color:#74889a;font-size:12px;line-height:1.6}
.updateArticle{min-width:0;scroll-margin-top:25px}
.updateArticleHead{padding-bottom:55px;border-bottom:1px solid var(--line)}
.updateMeta{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#6c8296;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.updateMeta span{color:var(--blue);font-weight:700}
.updateArticleHead h2{margin:30px 0 24px;font-size:64px;line-height:1.02;letter-spacing:-3.6px}
.updateLead{max-width:750px;margin:0;color:#354d64;font-size:20px;line-height:1.65}
.updateSummary{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:38px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}
.updateSummary li{min-height:116px;padding:23px 23px 20px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.6}
.updateSummary li:nth-child(odd){border-right:1px solid var(--line)}
.updateSummary li:nth-child(even){padding-left:23px}
.updateSummary b{display:block;margin-bottom:5px;color:var(--ink);font-size:16px}
.filterDemo{margin:48px 0 12px;border:1px solid #24415b;background:var(--night);color:#fff;box-shadow:none;overflow:hidden}
.filterDemoTop{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 19px;border-bottom:1px solid #29455f;color:#8da9c0;font-size:12px;letter-spacing:.11em}
.demoLive{color:#8ee2c4}.demoLive i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#2ac593;box-shadow:none}
.filterDemoTabs{display:flex;gap:25px;padding:21px 22px 0;color:#7893ab;font-size:13px;overflow:auto}
.filterDemoTabs b{padding-bottom:12px;border-bottom:2px solid var(--cyan);color:#fff;white-space:nowrap}.filterDemoTabs span{white-space:nowrap}
.filterDemoBar{display:flex;flex-wrap:wrap;gap:8px;padding:19px 22px;background:#0a2137;border-top:1px solid #1f3b53}
.demoControl,.demoMore{padding:11px 12px;border:1px solid #34516a;background:#0d2840;color:#9fb4c7;font-size:12px}
.demoControl b{margin-left:14px;color:#fff}.demoMore{color:#6edcff;border-color:#2d6b83;background:#0b2b42}
.filterDemoActive{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:18px 22px}
.filterDemoActive>strong{margin-right:4px;color:#7bdfff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.filterDemoActive>span{padding:7px 9px;background:#18344c;color:#dbe8f3;font-size:12px}.filterDemoActive>span b{margin-left:6px;color:#7f9bb2}
.filterDemoActive>a{margin-left:auto;color:#66d9ff;font-size:12px;font-weight:700}.filterDemoActive>a+a{margin-left:5px;color:#9bb1c4}
.filterDemo figcaption{padding:14px 22px;border-top:1px solid #29455f;color:#89a3b9;font-size:12px;line-height:1.55}
.updateSection{display:grid;grid-template-columns:56px minmax(0,1fr);gap:25px;padding:72px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}
.updateSectionNumber{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#eaf3ff;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.07em}
.updateJtbd{margin:0 0 27px;padding:21px 23px;border-left:3px solid var(--blue);background:#f1f7fd;color:#526a80;font-size:15px;line-height:1.75}
.updateJtbd span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em}
.updateSection h3{margin:0 0 17px;font-size:35px;line-height:1.14;letter-spacing:-1.4px}
.updateSectionBody>p:not(.updateJtbd){margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.updateOutcome{display:grid;grid-template-columns:100px 1fr;gap:18px;margin-top:26px;padding:20px 22px;background:var(--night);color:#fff}
.updateOutcome span{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.13em}.updateOutcome b{font-size:15px;line-height:1.55}
.updateSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:29px}
.updateSteps>div{min-height:155px;padding:19px;border:1px solid var(--line);background:var(--ice)}
.updateSteps span,.updateSteps b,.updateSteps small{display:block}.updateSteps span{color:var(--blue);font-size:12px;font-weight:700}.updateSteps b{margin:27px 0 7px;font-size:15px}.updateSteps small{color:var(--muted);font-size:12px;line-height:1.55}
.presetDemo{display:grid;grid-template-columns:1fr 1fr auto;gap:0;align-items:stretch;margin-top:28px;border:1px solid var(--line)}
.presetDemo>div{padding:18px}.presetDemo>div+div{border-left:1px solid var(--line)}.presetDemo span,.presetDemo b{display:block}.presetDemo span{color:#71879a;font-size:12px;letter-spacing:.1em}.presetDemo b{margin-top:9px;font-size:14px}
.presetDemo>strong{display:flex;align-items:center;padding:0 21px;background:#e5f8f1;color:#167455;font-size:13px}
.presetList{margin-top:28px;border:1px solid var(--line);background:#fff;box-shadow:none}
.presetList>span{display:block;padding:14px 18px;border-bottom:1px solid var(--line);color:#71879a;font-size:12px;letter-spacing:.12em}
.presetList>b{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:center;padding:14px 18px;border-bottom:1px solid #e7eef4;font-size:14px}.presetList>b:last-child{border-bottom:0}
.presetList i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:none}.presetList em{color:#7b8fa1;font-size:12px;font-style:normal;font-weight:400}
.settingsDemo{margin-top:28px;border:1px solid var(--line)}
.settingsDemo>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;min-height:55px;padding:0 17px;border-bottom:1px solid var(--line)}.settingsDemo>div:last-child{border-bottom:0}
.settingsDemo .drag{color:#91a3b4;font-size:14px;letter-spacing:-3px}.settingsDemo b{font-size:14px}.settingsDemo em{color:#1b7c60;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.07em}.settingsDemo>div:last-child em{color:#8092a3}
.updateClosing{margin-top:72px;padding:42px;background:var(--navy);color:#fff}
.updateClosing>p:first-child{margin:0;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.15em}.updateClosing h3{margin:24px 0 14px;font-size:36px;letter-spacing:-1.4px}.updateClosing>p:not(:first-child){max-width:630px;margin:0 0 27px;color:#a9bfd2;font-size:15px;line-height:1.7}
.updateByline{display:flex;justify-content:space-between;gap:25px;padding:24px 0;color:#71879a;font-size:12px;letter-spacing:.08em}
@media(max-width:1000px){.updatesHeroGrid{grid-template-columns:1fr;gap:38px}.updatesPromise{max-width:620px}.updatesLayout{grid-template-columns:1fr;gap:46px}.updatesIndex{position:static}.updatesIndex nav a{display:grid;grid-template-columns:130px 1fr;align-items:start;gap:16px}.updatesIndex time{margin:2px 0 0}}
@media(max-width:700px){.updatesHero{padding:58px 0 60px}.updatesHero h1{font-size:clamp(43px,13vw,58px);letter-spacing:-2.7px}.updatesHero>div>div:first-child>p:last-child{font-size:16px}.updatesLayout{padding-top:50px;padding-bottom:85px}.updatesIndex nav a{grid-template-columns:1fr;gap:0}.updateArticleHead h2{font-size:clamp(43px,12vw,55px);letter-spacing:-2.6px}.updateLead{font-size:17px}.updateSummary{grid-template-columns:1fr}.updateSummary li,.updateSummary li:nth-child(odd),.updateSummary li:nth-child(even){min-height:0;padding:18px 0;border-right:0}.filterDemoTop{align-items:flex-start;flex-direction:column;gap:8px}.filterDemoBar{flex-direction:column}.demoControl,.demoMore{display:flex;justify-content:space-between}.filterDemoActive{align-items:stretch;flex-direction:column}.filterDemoActive>a,.filterDemoActive>a+a{margin:4px 0 0}.updateSection{grid-template-columns:1fr;gap:17px;padding:55px 0}.updateSectionNumber{width:44px;height:35px}.updateJtbd{padding:18px}.updateSection h3{font-size:30px}.updateOutcome{grid-template-columns:1fr;gap:8px}.updateSteps{grid-template-columns:1fr}.updateSteps>div{min-height:0}.updateSteps b{margin-top:16px}.presetDemo{grid-template-columns:1fr}.presetDemo>div+div{border-left:0;border-top:1px solid var(--line)}.presetDemo>strong{min-height:54px}.presetList>b{grid-template-columns:10px 1fr}.presetList em{grid-column:2}.updateClosing{margin-top:55px;padding:29px}.updateClosing h3{font-size:31px}.updateByline{align-items:flex-start;flex-direction:column;gap:8px}}

/* Client-facing product update layout with screenshots and bilingual pages. */
.clientUpdatesHero{padding:64px 0 58px;border-bottom:1px solid var(--line);background:#f7fbff}
.clientUpdatesHeroTop{display:flex;align-items:center;justify-content:space-between;gap:24px}
.clientUpdatesHero .kicker{margin:0}
.clientUpdatesHero h1{margin:22px 0 14px;font-size:52px;line-height:1.08;letter-spacing:-2.4px}
.clientUpdatesHero>div>p{max-width:680px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.updateLanguages{display:flex;padding:3px;border:1px solid var(--line);background:#fff}
.updateLanguages a{min-width:42px;padding:7px 10px;text-align:center;color:#6b7f92;font-size:12px;font-weight:700}
.updateLanguages a[aria-current="page"]{background:var(--blue);color:#fff}
.clientUpdatesLayout{display:grid;grid-template-columns:220px minmax(0,820px);gap:72px;justify-content:center;padding-top:66px;padding-bottom:110px}
.clientUpdatesIndex{position:sticky;top:28px;height:max-content}
.clientUpdatesIndex>span{display:block;margin-bottom:14px;color:#74889a;font-size:12px;font-weight:700;letter-spacing:.13em}
.clientUpdatesIndex>a{display:block;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.clientUpdatesIndex time{display:block;margin-bottom:7px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.06em}
.clientUpdatesIndex b{display:block;font-size:15px;line-height:1.45}
.clientUpdate{min-width:0;scroll-margin-top:24px}
.clientUpdateHead{padding-bottom:44px;border-bottom:1px solid var(--line)}
.clientUpdateHead>div{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6c8194;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.clientUpdateHead>div span{color:var(--blue);font-weight:700}
.clientUpdateHead h2{max-width:760px;margin:25px 0 20px;font-size:48px;line-height:1.1;letter-spacing:-2px}
.clientUpdateHead>p{margin:0;color:#455d72;font-size:17px;line-height:1.75}
.clientUpdateHead blockquote{margin:28px 0 0;padding:20px 22px;border-left:3px solid var(--blue);background:#eef6ff;color:#405b74;font-size:15px;line-height:1.7}
.clientUpdateHead blockquote b{display:block;margin-bottom:4px;color:var(--ink)}
.filterLogic{padding:48px 0;border-bottom:1px solid var(--line)}
.filterLogic h3{margin:0 0 22px;font-size:27px;line-height:1.2;letter-spacing:-.7px}
.filterLogic>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.filterLogic article{padding:22px;border:1px solid var(--line);background:#fff}
.filterLogic article span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.1em}
.filterLogic article+article span{color:#60768a}
.filterLogic ul{margin:17px 0 0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.75}
.filterStep{padding:58px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.filterStepText>span{display:block;margin-bottom:14px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em}
.filterStepText h3{margin:0 0 13px;font-size:31px;line-height:1.18;letter-spacing:-1px}
.filterStepText p{max-width:730px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.updateScreenshot{margin:27px 0 0;border:1px solid #d7e2eb;background:#fff;box-shadow:none;overflow:hidden}
.updateScreenshot img{display:block;width:100%;height:auto;background:#fff}
.updateScreenshot figcaption{padding:12px 15px;border-top:1px solid #e2eaf1;background:#f8fbfd;color:#6b8092;font-size:12px;line-height:1.55}
.updateScreenshot.large{max-width:100%}
.clientUpdateNote{margin-top:52px;padding:27px 29px;background:var(--night);color:#fff}
.clientUpdateNote h3{margin:0 0 9px;font-size:21px}
.clientUpdateNote p{margin:0;color:#b2c6d7;font-size:15px;line-height:1.7}
.clientUpdateByline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:#718699;font-size:12px}
@media(max-width:900px){.clientUpdatesLayout{grid-template-columns:1fr;gap:40px}.clientUpdatesIndex{position:static}.clientUpdatesIndex>a{display:grid;grid-template-columns:120px 1fr;gap:14px}.clientUpdatesIndex time{margin:2px 0 0}}
@media(max-width:600px){.clientUpdatesHero{padding:48px 0}.clientUpdatesHeroTop{align-items:flex-start}.clientUpdatesHero h1{font-size:clamp(38px,11vw,48px);letter-spacing:-1.8px}.clientUpdatesHero>div>p{font-size:15px}.clientUpdatesLayout{padding-top:44px;padding-bottom:78px}.clientUpdatesIndex>a{grid-template-columns:1fr;gap:0}.clientUpdateHead h2{font-size:36px;letter-spacing:-1.3px}.clientUpdateHead>p{font-size:16px}.filterLogic>div{grid-template-columns:1fr}.filterStep{padding:46px 0}.filterStepText h3{font-size:27px}.updateScreenshot{margin-top:23px;overflow-x:auto}.updateScreenshot img{min-width:640px}.updateScreenshot.large img{min-width:720px}.clientUpdateNote{margin-top:44px;padding:23px}.clientUpdateByline{align-items:flex-start;flex-direction:column;gap:7px}}

/* Updates journal and catalogue. */
.releaseNav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.releaseNav nav{display:flex;align-items:center;gap:28px;color:#52687c;font-size:14px}
.releaseNav nav a[aria-current="page"],.releaseNav nav a:hover{color:var(--blue)}
.releaseCatalogHero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:78px;padding-bottom:58px}
.releaseCatalogHero p{margin:0;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.15em}
.releaseCatalogHero h1{margin:17px 0 12px;font-size:56px;line-height:1;letter-spacing:-2.6px}
.releaseCatalogHero>div>span{display:block;max-width:620px;color:var(--muted);font-size:17px;line-height:1.65}
.releaseLanguage{display:flex;flex:0 0 auto;padding:3px;border:1px solid var(--line);background:#fff}
.releaseLanguage a{min-width:42px;padding:7px 10px;text-align:center;color:#6b7f92;font-size:12px;font-weight:700}
.releaseLanguage a[aria-current="page"]{background:var(--ink);color:#fff}
.releaseCatalog{padding-bottom:110px}
.releaseCatalogBar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.releaseCatalogBar h2{margin:0;font-size:16px}.releaseCatalogBar span{color:#74889a;font-size:12px}
.releaseCard{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);margin-top:28px;border:1px solid var(--line);background:#fff;transition:.2s}
.releaseCard:hover{border-color:#b6cde1;box-shadow:none;transform:translateY(-2px)}
.releaseCardImage{display:block;min-height:390px;overflow:hidden;background:#f2f6fa}
.releaseCardImage img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.releaseCardCopy{display:flex;flex-direction:column;padding:38px 42px}
.releaseCardCopy>p:first-child{display:flex;gap:15px;margin:0;color:#76899b;font-size:12px;font-weight:700;letter-spacing:.08em}
.releaseCardCopy>p:first-child span{color:var(--blue)}
.releaseCardCopy h2{margin:28px 0 14px;font-size:34px;line-height:1.14;letter-spacing:-1.2px}
.releaseCardCopy>p:not(:first-child){margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.releaseCardCopy ul{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 0;padding:0;list-style:none}
.releaseCardCopy li{padding:7px 10px;background:#edf5fc;color:#526b81;font-size:12px}
.releaseRead{margin-top:auto;padding-top:30px;color:var(--blue);font-size:14px;font-weight:700}.releaseRead span{margin-left:7px}
.releaseFooter{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:#718599;font-size:12px}
.releaseFooter nav{display:flex;gap:22px}.releaseFooter a:hover{color:var(--blue)}
.releaseArticle{max-width:940px;padding-top:34px;padding-bottom:95px}
.releaseBreadcrumb{display:flex;align-items:center;gap:10px;color:#71869a;font-size:13px}.releaseBreadcrumb a{color:var(--blue)}
.releaseArticleHead{max-width:820px;margin:76px auto 45px}
.releaseArticleMeta{display:flex;align-items:center;justify-content:space-between;gap:30px}
.releaseArticleMeta>p{display:flex;gap:16px;margin:0;color:#718599;font-size:12px;font-weight:700;letter-spacing:.09em}
.releaseArticleMeta>p span{color:var(--blue)}
.releaseArticleHead h1{margin:27px 0 20px;font-size:58px;line-height:1.05;letter-spacing:-3px}
.releaseArticleHead>p{max-width:760px;margin:0;color:#52697e;font-size:19px;line-height:1.65}
.releaseCover{margin:0;border:1px solid var(--line);background:#f4f7fa;overflow:hidden}
.releaseCover img{display:block;width:100%;height:auto}
.releaseCover figcaption,.releaseStep figcaption{padding:12px 15px;border-top:1px solid var(--line);background:#f8fafc;color:#718599;font-size:12px;line-height:1.55}
.releaseIntro{max-width:760px;margin:70px auto 0}
.releaseIntro h2{margin:0 0 16px;font-size:32px;letter-spacing:-1px}
.releaseIntro>p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.releaseJob{margin-top:25px!important;padding:18px 20px;border-left:2px solid var(--blue);background:#f1f7fd;color:#456078!important;font-size:15px!important}
.releaseStep{display:grid;grid-template-columns:260px minmax(0,1fr);gap:38px;align-items:start;margin-top:70px;padding-top:70px;border-top:1px solid var(--line)}
.releaseStep>div>span{display:block;margin-bottom:22px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em}
.releaseStep h2{margin:0 0 13px;font-size:28px;line-height:1.2;letter-spacing:-.7px}
.releaseStep>div>p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.releaseStep figure{margin:0;border:1px solid var(--line);background:#fff;box-shadow:none;overflow:hidden}
.releaseStep img{display:block;width:100%;height:auto}
.releaseArticleFooter{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:75px;padding-top:24px;border-top:1px solid var(--ink);color:#718599;font-size:13px}.releaseArticleFooter a{color:var(--blue);font-weight:700}
@media(max-width:800px){.releaseCard{grid-template-columns:1fr}.releaseCardImage{min-height:310px}.releaseStep{grid-template-columns:1fr;gap:24px}.releaseStep>div{max-width:620px}.releaseArticleHead h1{font-size:48px}}
@media(max-width:600px){.releaseNav{height:68px}.releaseNav nav{gap:16px}.releaseNav nav a:first-child{display:none}.releaseCatalogHero{align-items:flex-start;flex-direction:column;padding-top:52px;padding-bottom:42px}.releaseCatalogHero h1{font-size:46px}.releaseCardImage{min-height:260px}.releaseCardCopy{padding:27px 24px}.releaseCardCopy h2{font-size:29px}.releaseCatalog{padding-bottom:75px}.releaseFooter{padding:22px 0;align-items:flex-start;flex-direction:column;gap:14px}.releaseArticle{padding-top:24px;padding-bottom:70px}.releaseArticleHead{margin:50px auto 32px}.releaseArticleMeta{align-items:flex-start}.releaseArticleMeta>p{flex-direction:column;gap:5px}.releaseArticleHead h1{font-size:39px;letter-spacing:-1.8px}.releaseArticleHead>p{font-size:17px}.releaseCover{overflow-x:auto}.releaseCover img{min-width:680px}.releaseIntro{margin-top:50px}.releaseStep{margin-top:52px;padding-top:52px}.releaseStep figure{overflow-x:auto}.releaseStep img{min-width:620px}.releaseStep:last-of-type img{min-width:700px}.releaseArticleFooter{align-items:flex-start;flex-direction:column}}

/* Chronological updates feed. */
.newsFeedHero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:70px;padding-bottom:48px}
.newsFeedHero p{margin:0;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.15em}
.newsFeedHero h1{margin:16px 0 11px;font-size:52px;line-height:1;letter-spacing:-2.4px}
.newsFeedHero>div>span{display:block;max-width:650px;color:var(--muted);font-size:16px;line-height:1.65}
.newsFeed{padding-bottom:105px}
.newsFeedHeader{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.newsFeedHeader h2{margin:0;font-size:15px}.newsFeedHeader span{color:#74889a;font-size:12px}
.newsItem{display:grid;grid-template-columns:105px minmax(0,820px);gap:42px;justify-content:center;padding:55px 0 70px;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.newsItem>aside time{display:block;color:#6d8295}
.newsItem>aside b,.newsItem>aside span{display:block}.newsItem>aside b{color:var(--ink);font-size:38px;line-height:1}.newsItem>aside span{margin-top:7px;font-size:12px;font-weight:700;letter-spacing:.08em}
.newsDateLink{display:block;position:sticky;top:104px;border-radius:4px}.newsDateLink:hover time,.newsDateLink:focus-visible time{color:var(--blue)}.newsDateLink:hover b,.newsDateLink:focus-visible b{color:var(--blue)}.newsDateLink:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.newsItemTag{margin:0;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.11em}
.newsItemBody>h2{margin:19px 0 15px;font-size:41px;line-height:1.1;letter-spacing:-1.7px}
.newsItemLead{margin:0;color:#52697e;font-size:17px;line-height:1.7}
.newsItemPreview{margin:30px 0 0;border:1px solid var(--line);overflow:hidden}
.newsItemPreview img{display:block;width:100%;height:355px;object-fit:cover;object-position:center top}
.newsItemPreview figcaption{padding:11px 14px;border-top:1px solid var(--line);background:#f8fafc;color:#718599;font-size:12px;line-height:1.5}
.newsItemSummary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;margin-top:34px}
.newsItemSummary h3{margin:2px 0 0;font-size:18px}
.newsItemSummary ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.newsItemSummary li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.6}.newsItemSummary li b{color:var(--ink)}
.newsItemDetails{margin-top:30px;border:1px solid var(--line);background:#fff}
.newsItemDetails>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;cursor:pointer;list-style:none;color:var(--blue);font-size:14px;font-weight:700}
.newsItemDetails>summary::-webkit-details-marker{display:none}.newsItemDetails>summary:after{content:"+";color:#718599;font-size:20px;font-weight:400}.newsItemDetails[open]>summary{border-bottom:1px solid var(--line)}.newsItemDetails[open]>summary:after{content:"−"}
.newsSteps{padding:8px 20px 22px}
.newsSteps>section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.newsSteps>section:last-child{border-bottom:0}
.newsSteps span{color:var(--blue);font-size:12px;font-weight:700}.newsSteps h3{margin:8px 0 7px;font-size:17px}.newsSteps p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.newsSteps figure{margin:0;border:1px solid #e1e8ef;overflow:hidden}.newsSteps img{display:block;width:100%;height:auto}
.newsItemBody>footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;color:#718599;font-size:12px}.newsItemBody>footer a{color:var(--blue);font-weight:700}
@media(max-width:760px){.newsFeedHero{align-items:flex-start;flex-direction:column;padding-top:52px;padding-bottom:40px}.newsFeedHero h1{font-size:45px}.newsItem{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;padding-top:42px}.newsItem>*{min-width:0}.newsDateLink{position:static}.newsItem>aside time{display:flex;align-items:baseline;gap:8px}.newsItem>aside b{font-size:23px}.newsItem>aside span{margin:0}.newsItemBody>h2{font-size:34px}.newsItemPreview img{height:300px}.newsItemSummary{grid-template-columns:1fr;gap:14px}.newsSteps>section{grid-template-columns:1fr}.newsItemBody>footer{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:480px){.newsItemPreview{overflow-x:auto}.newsItemPreview img{width:680px;max-width:none;height:auto}.newsSteps{padding:5px 14px 16px}.newsSteps figure{overflow-x:auto}.newsSteps img{min-width:600px}.newsSteps>section:last-child img{min-width:680px}}

/* Compact utility notification for embedding in the admin interface. */
.adminNoticePage{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f3f6fa}
.adminNotice{width:min(720px,100%);border:1px solid #d9e4ee;background:#fff;box-shadow:none}
.adminNotice>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 18px;border-bottom:1px solid var(--line)}
.adminNoticeBrand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700}
.adminNoticeLanguage{display:flex;gap:4px}.adminNoticeLanguage a{min-width:34px;padding:6px 8px;text-align:center;color:#718599;font-size:12px;font-weight:700}.adminNoticeLanguage a[aria-current="page"]{background:var(--ink);color:#fff}
.adminNotice>article{padding:25px 28px 22px}
.adminNoticeMeta{display:flex;align-items:center;gap:11px;margin:0;color:#718599;font-size:12px;font-weight:700;letter-spacing:.07em}.adminNoticeMeta span{padding:4px 7px;background:#e7f1ff;color:var(--blue)}
.adminNotice h1{margin:17px 0 11px;font-size:29px;line-height:1.15;letter-spacing:-.9px}
.adminNotice article>p:not(.adminNoticeMeta){margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.adminNotice figure{margin:21px 0 18px;border:1px solid var(--line);overflow:hidden}.adminNotice figure img{display:block;width:100%;height:auto}
.adminNotice ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.adminNotice li{padding:11px;background:#f4f8fb;color:#52697e;font-size:12px;line-height:1.5}
.adminNotice>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-top:1px solid var(--line);background:#fbfdff}.adminNotice>footer a{color:var(--blue);font-size:13px;font-weight:700}.adminNotice>footer small{color:#718599;font-size:12px}
@media(max-width:600px){.adminNoticePage{padding:10px}.adminNotice>article{padding:22px 18px 18px}.adminNotice h1{font-size:25px}.adminNotice ul{grid-template-columns:1fr}.adminNotice>footer{align-items:flex-start;flex-direction:column;gap:7px}}

.newsItemPreviewGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;align-items:start;margin-top:30px}
.newsItemPreviewGrid figure{margin:0;border:1px solid var(--line);background:#fff;overflow:hidden}
.newsItemPreviewGrid img{display:block;width:100%;height:auto}
.newsItemPreviewGrid figure:last-child img{height:315px;object-fit:cover;object-position:center top}
.newsItemPreviewGrid figcaption{padding:10px 12px;border-top:1px solid var(--line);background:#f8fafc;color:#718599;font-size:12px;line-height:1.45}
.newsStepGallery{display:grid;gap:9px}
.newsStepGallery figure{margin:0}
.adminNoticeVisuals{display:grid;grid-template-columns:.9fr 1.1fr;gap:8px;margin:21px 0 18px}
.adminNotice .adminNoticeVisuals figure{display:grid;min-height:145px;place-items:center;margin:0;background:#fff}
.adminNotice .adminNoticeVisuals img{width:100%;height:auto}
.adminNotice .adminNoticeVisuals figure:last-child img{height:145px;object-fit:cover;object-position:center top}
.adminNotice li b{display:block;margin-bottom:4px;color:var(--ink);font-size:12px}
@media(max-width:600px){.newsItemPreviewGrid{grid-template-columns:1fr}.newsItemPreviewGrid figure:last-child img{height:280px}.adminNoticeVisuals{grid-template-columns:1fr}.adminNotice .adminNoticeVisuals figure{min-height:0}.adminNotice .adminNoticeVisuals figure:last-child img{height:190px}}

.newsItemPoints{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0 0;padding:0;list-style:none}
.newsItemPoints li{padding:13px 14px;background:#f2f7fb;color:#60768a;font-size:12px;line-height:1.5}
.newsItemPoints b,.newsItemPoints span{display:block}.newsItemPoints b{margin-bottom:4px;color:var(--ink);font-size:13px}
.adminNotice>article>figure img{height:190px;object-fit:cover;object-position:center top}
@media(max-width:600px){.newsItemPoints{grid-template-columns:1fr}.adminNotice>article>figure img{height:170px}}

.newsItemPreview.compact img,.adminNotice>article>figure img{height:auto;object-fit:contain}
.newsItemPreview.narrow{display:grid;place-items:center;background:#f3f6fa}
.newsItemPreview.narrow img{width:auto;max-width:100%;height:auto;object-fit:contain}
.newsSteps.textOnly>section{grid-template-columns:190px minmax(0,1fr)}
.newsSteps.textOnly>section>p{padding-top:24px}
.adminNotice figure.adminNoticePortrait{display:grid;place-items:center;background:#f3f6fa}
.adminNotice figure.adminNoticePortrait img{width:auto;max-width:100%;height:auto;object-fit:contain}
@media(max-width:600px){.newsSteps.textOnly>section{grid-template-columns:1fr}.newsSteps.textOnly>section>p{padding-top:0}.newsItemPreview.narrow img{width:100%;min-width:0;max-width:1510px;height:auto}}

/* Referral programme */
.referralHero{padding:0 0 94px;background:var(--bg);border-bottom:1px solid var(--line);overflow:hidden}
.referralHeroGrid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.68fr);gap:86px;align-items:center;padding-top:62px}
.referralHeroCopy h1{max-width:750px;margin:24px 0 25px;font-size:64px;line-height:1.02;letter-spacing:-4px}
.referralHeroCopy h1 em{display:block;color:var(--blue);font-style:normal}.referralHeroCopy .lead{max-width:690px}.referralHeroCopy .actions{margin-top:36px}.referralHeroCopy .actions>a:last-child{font-size:13px}
.referralOffer{background:var(--night);color:#fff;border:1px solid #183650;box-shadow:none;padding:30px}
.referralOfferTop{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #29455e;color:#7f9bb3;font-size:11px;letter-spacing:.13em}.referralOfferTop b{color:#8ee2c4;font-size:10px;white-space:nowrap}.referralOfferTop i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#2ac593;box-shadow:none}
.referralOffer>strong{display:block;margin:28px 0 0;font-size:100px;line-height:.95;letter-spacing:-7px}.referralOffer>strong span{font-size:.45em;color:var(--cyan);letter-spacing:-2px}.referralOffer>p{max-width:260px;margin:13px 0 27px;color:#aec1d2;font-size:15px;line-height:1.55}.referralOffer dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid #29455f}.referralOffer dl div{padding:16px}.referralOffer dl div+div{border-left:1px solid #29455f}.referralOffer dt{color:#819db5;font-size:11px}.referralOffer dd{margin:7px 0 0;font-size:16px;font-weight:700}.referralOffer>small{display:block;margin-top:21px;color:#7893aa;font-size:11px;line-height:1.55}
.referralPrinciples{border-bottom:1px solid var(--line);background:#fff}.referralPrinciples>.shell{display:grid;grid-template-columns:repeat(3,1fr)}.referralPrinciples div{display:grid;grid-template-columns:42px 1fr;padding:29px 34px;border-left:1px solid var(--line)}.referralPrinciples div:last-child{border-right:1px solid var(--line)}.referralPrinciples span{grid-row:1/3;color:var(--blue);font-size:11px;font-weight:700}.referralPrinciples b{font-size:14px}.referralPrinciples small{margin-top:4px;color:var(--muted);font-size:12px}
.referralSection{padding-top:112px;padding-bottom:120px}.referralSectionHead{display:grid;grid-template-columns:1.05fr .75fr;gap:100px;align-items:end}.referralSectionHead h2,.referralExample h2,.referralFit h2,.referralFaq h2{margin:22px 0 0;font-size:46px;line-height:1.12;letter-spacing:-2px}.referralSectionHead>p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.referralSteps{display:grid;grid-template-columns:1fr 1fr;margin-top:64px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.referralSteps article{display:grid;grid-template-columns:52px 1fr;gap:16px;min-height:245px;padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.referralSteps article>span{color:var(--blue);font-size:12px;font-weight:700}.referralSteps small{color:#718599;font-size:10px;font-weight:700;letter-spacing:.13em}.referralSteps h3{margin:37px 0 11px;font-size:21px;line-height:1.25;letter-spacing:-.4px}.referralSteps p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.referralExample{padding:105px 0;background:var(--night);color:#fff}.referralExampleGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.referralExample h2{max-width:520px}.referralExampleGrid>div:first-child>p:last-child{max-width:510px;margin:23px 0 0;color:#a5b9cb;font-size:15px;line-height:1.75}.referralExample .kicker{color:#a7bdd1}.referralExample .kicker i{background:var(--cyan);box-shadow:none}
.referralMath{border:1px solid #29475f;background:#0a2037}.referralMath header{display:flex;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #29475f;color:#7f9bb4;font-size:11px;letter-spacing:.12em}.referralMath header small{color:#66849e;letter-spacing:0}.referralMath>div,.referralMath footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 24px;border-bottom:1px solid #29475f}.referralMath>div span{color:#9fb4c6;font-size:13px}.referralMath>div b{font-size:18px}.referralMath footer{border:0;background:#0d2943}.referralMath footer span{font-size:14px}.referralMath footer strong{color:var(--cyan);font-size:34px;letter-spacing:-1px}
.referralFit{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;padding-top:115px;padding-bottom:115px}.referralFitCopy>p:not(.kicker){margin:22px 0 25px;color:var(--muted);font-size:15px;line-height:1.75}.referralFitCopy .textLink{display:inline-block;margin-top:0}.referralFitList{border-top:1px solid var(--line)}.referralFitList article{display:grid;grid-template-columns:48px 1fr;gap:19px;padding:27px 0;border-bottom:1px solid var(--line)}.referralFitList article>span{color:var(--blue);font-size:11px;font-weight:700}.referralFitList h3{margin:0 0 8px;font-size:19px}.referralFitList p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.referralFaq{padding:105px 0;background:#edf5fb}.referralFaqGrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px}.referralFaq h2{max-width:390px}.referralFaqList{border-top:1px solid #cadbe7}.referralFaqList details{border-bottom:1px solid #cadbe7}.referralFaqList summary{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:600}.referralFaqList summary::-webkit-details-marker{display:none}.referralFaqList summary:after{content:"+";display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #aabfce;border-radius:50%;color:var(--blue);font-size:20px;font-weight:400}.referralFaqList details[open] summary:after{content:"−"}.referralFaqList details p{max-width:680px;margin:-6px 50px 24px 0;color:var(--muted);font-size:14px;line-height:1.72}
.referralCta{padding:86px 0;background:var(--blue);color:#fff}.referralCta>.shell{display:grid;grid-template-columns:1.05fr .75fr;gap:100px;align-items:end}.referralCta span{color:#c4e2ff;font-size:11px;font-weight:700;letter-spacing:.15em}.referralCta h2{max-width:650px;margin:20px 0 0;font-size:43px;line-height:1.14;letter-spacing:-1.8px}.referralCta p{margin:0 0 24px;color:#dce9ff;font-size:15px;line-height:1.7}.referralCta>div>div:last-child>div{display:flex;align-items:center;gap:25px}.referralCta>div>div:last-child>div>a:last-child{font-size:13px;font-weight:700}.referralWhiteButton{background:#fff;color:var(--blue)}.referralWhiteButton:hover{transform:translateY(-1px);box-shadow:none}
.referralLegal{margin-top:0;margin-bottom:0;padding-top:21px;padding-bottom:21px;color:#718397;font-size:11px;line-height:1.55}.referralPage+.siteFooter{padding-top:82px}
@media(max-width:1000px){.referralHeroGrid{grid-template-columns:1fr;gap:48px}.referralOffer{max-width:580px}.referralSectionHead,.referralCta>.shell{gap:55px}.referralExampleGrid,.referralFit,.referralFaqGrid{gap:60px}.referralPrinciples div{padding:25px 20px}}
@media(max-width:760px){.referralHero{padding-top:0;padding-bottom:65px}.referralHeroGrid{padding-top:45px}.referralHeroCopy h1{font-size:clamp(42px,11vw,56px);letter-spacing:-2.8px}.referralHeroCopy .actions{align-items:stretch;flex-direction:column;gap:14px}.referralHeroCopy .actions .btn{width:100%}.referralOffer>strong{font-size:86px}.referralPrinciples>.shell,.referralSectionHead,.referralExampleGrid,.referralFit,.referralFaqGrid,.referralCta>.shell{grid-template-columns:1fr}.referralPrinciples div,.referralPrinciples div:last-child{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.referralPrinciples div:last-child{border-bottom:0}.referralSection{padding-top:80px;padding-bottom:85px}.referralSectionHead{gap:24px}.referralSectionHead h2,.referralExample h2,.referralFit h2,.referralFaq h2{font-size:38px}.referralSteps{grid-template-columns:1fr;margin-top:45px}.referralSteps article{min-height:0}.referralExample{padding:78px 0}.referralExampleGrid,.referralFit,.referralFaqGrid{gap:50px}.referralFit{padding-top:80px;padding-bottom:80px}.referralFaq{padding:78px 0}.referralCta{padding:70px 0}.referralCta>.shell{gap:32px}.referralCta h2{font-size:36px}.referralLegal{padding-top:17px;padding-bottom:17px}}
@media(max-width:480px){.referralOffer{padding:22px}.referralOfferTop{align-items:flex-start;flex-direction:column}.referralOffer dl{grid-template-columns:1fr}.referralOffer dl div+div{border-top:1px solid #29455f;border-left:0}.referralSteps article{grid-template-columns:35px 1fr;padding:23px 19px}.referralMath>div,.referralMath footer{align-items:flex-start;flex-direction:column;gap:9px}.referralMath footer strong{font-size:30px}.referralCta>div>div:last-child>div{align-items:stretch;flex-direction:column}.referralWhiteButton{width:100%}}
/* DEV route extensions aligned to the redesign tokens. */
:root{--night:var(--navy);--ice:var(--nested);--cyan:var(--blue-dark)}
.skipLink{position:fixed;left:18px;top:14px;z-index:1000;padding:11px 15px;background:#fff;color:var(--navy);border:2px solid var(--blue);border-radius:8px;font-size:13px;font-weight:700;transform:translateY(-180%);transition:transform .15s}
.skipLink:focus{transform:translateY(0)}
.siteLogo{display:block;flex:0 0 auto}
.headerNav a[aria-current="page"]{background:var(--hairline);color:var(--blue)}
.footerGrid{grid-template-columns:1.4fr repeat(3,1fr)}
.footerNav a[aria-current="page"]{color:#fff;font-weight:600}
.textLink{color:var(--blue);font-weight:600}
.secondaryHero{padding-top:40px}
.secondaryHero>.sectionInner{max-width:var(--shell)}
.heroTitle--secondary{font-size:72px}
.sectionInner--flush{gap:0}
.blogSectionInner{gap:32px}
.articleHero--spaced{padding-top:56px}
.articleSection{padding-top:60px}
.contactPage{padding-top:40px}
.contactKicker{color:var(--blue-dark)}
.contactTitle{font-size:56px;color:var(--on-navy-primary)}
.contactTitle .d3{color:var(--blue-dark)}
.contactLead{color:var(--on-navy-secondary)}
.readinessRail .fill.is-complete{width:100%}
.readinessRail .dots .is-done{background:var(--blue-dark)}
.readinessRail .dots .is-active{background:var(--blue)}
.accentText{color:var(--blue)}
.sectionHead--ruled{padding-bottom:28px;border-bottom:1px solid var(--line)}
.teamsTitle{margin:0;font-weight:700;font-size:44px;line-height:1.04;letter-spacing:-.035em;text-transform:uppercase}
.ctaEyebrow{color:rgba(255,255,255,.7)}
.legalHero{padding-top:56px}
.legalSection{padding-top:60px}
.legalBody ul{margin:0 0 28px;padding-left:24px;color:var(--muted)}
.legalBody li{margin:8px 0;line-height:1.7}
.legalBody strong{color:var(--navy)}
.apiBody{background:var(--bg)}
.apiBody code{font-family:'JetBrains Mono',ui-monospace,Consolas,monospace}
.apiHero,.referralHero{background:var(--bg)}
.apiContractCard,.referralOffer,.apiCodeBlock,.adminNotice{box-shadow:none;border-radius:18px}
.apiTaskGrid a,.apiRuleGrid article,.apiFlowGrid article,.apiSpecialHosts article,.apiReferenceLinks a,.apiDownloads>a,.apiEndpoint,.apiCoverage article,.apiValuePath article,.newsItemDetails,.newsItemPreview,.referralSteps article{border-radius:16px;box-shadow:none}
.apiHostCore,.apiLifecycle,.apiValueOutcome,.referralMath{border-radius:18px}
.apiTaskGrid a:hover,.apiDownloads>a:hover{box-shadow:none}
.apiValuePath article{background:var(--surface)}
.method,.verify{border-radius:6px}
.newsFeedHero{padding-top:56px}
.newsFeedHero h1,.referralHeroCopy h1,.apiHero h1{text-transform:uppercase;color:var(--navy)}
.newsItemBody>h2,.referralSectionHead h2,.referralExample h2,.referralFit h2,.referralFaq h2,.referralCta h2,.apiSection>h2{text-transform:uppercase;color:inherit}
.newsItemPreview,.newsItemPreviewGrid figure,.adminNotice figure{border-radius:12px}
.referralExample{border-radius:28px;margin:0 40px;padding-left:40px;padding-right:40px}
.referralFaq{background:var(--nested)}
.referralCta{margin:0 40px;border-radius:28px;background:var(--blue)}
.adminNoticeBrand img{width:28px;height:28px}
.adminNoticeLanguage a[aria-current="page"]{background:var(--navy)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue-dark);outline-offset:4px}
@media(max-width:1100px){.footerGrid{grid-template-columns:1fr 1fr}.footerBrand{grid-column:1/-1}}
@media(max-width:760px){.apiHeroActions .btn,.referralHeroCopy .actions .btn{width:100%}}
@media(max-width:640px){.siteHeader .logo{width:99px;height:24px}.footerGrid{grid-template-columns:1fr}.footerBrand{grid-column:auto}.referralExample,.referralCta{margin-left:20px;margin-right:20px;padding-left:8px;padding-right:8px}.newsFeedHero{padding-top:56px}}
@media(max-width:430px){.siteHeader .logo{width:28px;height:28px}}

/* Branded error page served by the static host for unknown routes. */
.notFoundHero{padding-top:72px;padding-bottom:120px}
.notFoundInner{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:72px;align-items:center}
.notFoundCode{font-size:clamp(120px,16vw,230px);font-weight:700;line-height:.8;letter-spacing:-.1em;color:var(--hairline)}
.notFoundCopy{max-width:690px}
.notFoundCopy h1{margin:22px 0 20px;font-size:64px;line-height:1.02;letter-spacing:-3.5px;text-transform:uppercase}
.notFoundCopy>p:not(.kicker){max-width:590px;margin:0 0 32px;color:var(--muted);font-size:18px;line-height:1.65}
@media(max-width:760px){.notFoundHero{padding-top:52px;padding-bottom:84px}.notFoundInner{grid-template-columns:1fr;gap:34px}.notFoundCode{font-size:110px}.notFoundCopy h1{font-size:42px;letter-spacing:-2px}}