/* Marketing pages use the existing brand tokens and type scale. */
.hero-emphasis{text-decoration:underline;text-decoration-color:var(--verdite);text-decoration-thickness:3px;text-underline-offset:.12em;text-decoration-skip-ink:none}
.purchase-minimum{font-size:var(--text-sm);margin:0}
.sample-sheet{margin:var(--s8) 0 0;border:var(--rule) solid var(--border);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden}
.table-scroll{overflow-x:auto}
.sample-sheet table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}
.sample-sheet th{background:var(--selection);font-weight:500;white-space:nowrap}
.sample-sheet th,.sample-sheet td{padding:var(--s4);border-bottom:var(--rule) solid var(--border)}
.sample-sheet td:first-child{font-weight:500;min-width:180px}
.sample-sheet td:nth-child(2){font-family:var(--font-mono)}
.sample-sheet figcaption{padding:var(--s4);color:var(--muted);font-size:var(--text-sm);max-width:90ch}
.market-selector{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s8)}
.market-button{border:var(--rule) solid var(--border);background:var(--surface);color:var(--carbon);border-radius:var(--radius-control);padding:var(--s2) var(--s4);min-height:48px;font:inherit;cursor:pointer}
.market-button[aria-pressed=true]{background:var(--lime);border-color:var(--carbon);font-weight:500}
.market-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s12);margin-top:var(--s6);align-items:start}
.market-layout .country-grid{margin:0;grid-template-columns:1fr}
.country-card[hidden]{display:none}
.market-explanation{padding-top:var(--s6);--od-gap:var(--s6)}
.coverage-markets{padding-bottom:var(--s12)}
.coverage-markets .country-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--s6)}
.profile-note{margin-top:var(--s6);font-size:var(--text-sm)}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s6);margin-block:var(--s8)}
.guide-card{display:grid;align-content:start;gap:var(--s4);padding:var(--s6);border-top:var(--rule) solid var(--control-rule)}
.guide-card h3{font-size:var(--text-lead);line-height:1.3}
.guide-card p{color:var(--muted)}
.editorial{max-width:760px;margin-inline:auto;padding-block:var(--s12) var(--s16)}
.editorial h1{font-family:var(--font-display);font-size:var(--text-page);line-height:1.16;letter-spacing:-.025em;margin-block:var(--s6)}
.editorial h2{font-family:var(--font-display);font-size:var(--text-section);line-height:1.25;margin-block:var(--s8) var(--s4)}
.editorial p{line-height:1.65;margin-block:var(--s4)}
.editorial ul,.editorial ol{padding-left:var(--s6);line-height:1.65}
.editorial li+li{margin-top:var(--s2)}
.editorial a{text-decoration:underline;text-underline-offset:3px}
.editorial .app-button{text-decoration:none;margin-top:var(--s4)}
.editorial-meta{color:var(--muted);font-size:var(--text-sm)}
.article-sources{border-top:var(--rule) solid var(--border);margin-top:var(--s8);padding-top:var(--s4)}
.article-toc{padding:var(--s4) var(--s6);background:var(--selection);border-radius:var(--radius-panel);margin-block:var(--s8)}
.article-toc ol{margin:var(--s2) 0 0}
.legal-document .article-toc{display:grid;gap:var(--s2)}
.legal-document h2{scroll-margin-top:110px}
.editorial pre{overflow-x:auto;padding:var(--s4);background:var(--selection);border-radius:var(--radius-control);font-size:var(--text-sm)}
.article-cta{margin-top:var(--s8);padding:var(--s6);border:var(--rule) solid var(--border);border-radius:var(--radius-panel)}
.demo-checkout{max-width:720px}
.demo-checkout .purchase-panel{margin-top:var(--s8)}
.demo-checkout .price-terms{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
@media(max-width:767px){
 .market-layout{grid-template-columns:1fr;gap:var(--s6)}
 .market-explanation{padding-top:0}
 .editorial{padding-block:var(--s8) var(--s12)}
 .sample-sheet th,.sample-sheet td{padding:var(--s3)}
 .hero .purchase-button{white-space:normal}
}

/* Editorial archive: a publication has its own page width and hierarchy. */
.blog-index{padding-block:var(--s12) var(--s16)}
.blog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s6);padding-bottom:var(--s8);border-bottom:var(--rule) solid var(--carbon);margin-bottom:var(--s8)}
.blog-heading h1{font:700 var(--text-display)/1.1 var(--font-display);letter-spacing:var(--tracking-display);margin:0}
.blog-heading p{color:var(--muted);max-width:42ch;margin:0}
.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8);margin-block:var(--s6) 0}
.guide-card{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s6) 0;border-top:var(--rule) solid var(--border);min-width:0}
.guide-card h3,.guide-card h2{font-family:var(--font-display);font-weight:700;line-height:1.3;letter-spacing:-.015em;margin:0;overflow-wrap:anywhere}
.guide-card h3{font-size:var(--text-lead)}
.guide-card h3 a,.guide-card h2 a{text-decoration:none;color:var(--carbon)}
.guide-card p{margin:0;line-height:1.6;font-size:var(--text-body)}
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:var(--text-sm);color:var(--muted)}
.post-meta>span{font-weight:500;color:var(--carbon)}
.post-card-footer{margin-top:auto;padding-top:var(--s4);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:var(--text-sm)}
.post-card-footer>span{color:var(--muted)}
.post-card-footer .text-link{font-size:var(--text-sm);min-height:32px;text-decoration:none}
.blog-archive{margin-top:var(--s12)}
.blog-archive>h2{font-size:var(--text-lead);font-weight:500;margin:0}
.blog-section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s6)}
.blog-section-head>.text-link{flex:none}
.editorial-post{max-width:1120px}
.editorial-post>h1{max-width:26ch;font-size:clamp(30px,3.2vw,46px);text-wrap:balance}
.article-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(0,260px);gap:var(--s16);align-items:start;margin-top:var(--s8)}
.article-body{min-width:0}
.article-body blockquote{margin:var(--s6) 0;padding:var(--s4) var(--s6);border-left:3px solid var(--verdite);background:var(--selection);line-height:1.65;overflow-wrap:anywhere}
.article-body code{overflow-wrap:anywhere;font-size:.9em}
.article-body>.article-lead{font-size:var(--text-lead);margin-top:0;color:var(--carbon)}
.article-body h2{font-size:var(--text-section);scroll-margin-top:110px}
.article-sidebar{position:sticky;top:110px}
.article-sidebar .article-toc{background:none;border-left:var(--rule) solid var(--border);border-radius:0;padding:0 0 0 var(--s6);margin:0;font-size:var(--text-sm)}
.article-sidebar .article-toc ol{padding-left:var(--s4);margin:0}
.article-sidebar .article-toc a{text-decoration:none;color:var(--muted)}
.article-sidebar .article-toc li+li{margin-top:var(--s4)}
.author-profile{max-width:1120px}
.editorial .guide-card h3{margin:0}
.editorial .guide-card p{margin:0}
@media(hover:hover){.guide-card h3 a:hover,.guide-card h2 a:hover,.article-toc a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}
@media(max-width:1023px){
 .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .article-layout{grid-template-columns:minmax(0,1fr);gap:var(--s8)}
 .article-sidebar{position:static;grid-row:1}
 .article-sidebar .article-toc{padding:var(--s4) var(--s6);border:var(--rule) solid var(--border)}
}
@media(max-width:767px){
 .blog-index{padding-block:var(--s8) var(--s12)}
 .blog-heading{display:block;padding-bottom:var(--s6);margin-bottom:var(--s6)}
 .blog-heading p{margin-top:var(--s3)}
 .guide-grid{grid-template-columns:1fr;gap:var(--s2)}
 .blog-section-head{align-items:start;flex-direction:column;gap:var(--s2)}
 .article-layout{margin-top:var(--s6)}
 .editorial-post>h1{max-width:none}
}

/* Live headline and introduction, followed by the two ways to start. */
.hero-live{padding-block:var(--s12)}
.hero-live .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}
.hero-live .hero-copy{grid-column:1/-1;max-width:1080px;--od-gap:var(--s4)}
.hero-live h1{font-size:clamp(32px,3.4vw,48px);max-width:30ch;text-wrap:balance}
.hero-live .hero-lead{max-width:88ch;font-size:var(--text-body);line-height:1.6}
.hero-live .purchase-panel{padding:var(--s6);--od-gap:var(--s4)}
.hero-live .purchase-row{flex-direction:row;align-items:stretch;gap:var(--s3)}
.hero-live .select-wrap{flex:1}
.hero-live .purchase-button{width:auto;flex:1;white-space:normal}
.hero-live .purchase-hint{font-size:var(--text-sm)}
.hero-live .buy-controls{--od-gap:var(--s2)}
.hero-portal{display:flex;flex-direction:column;align-items:start;gap:var(--s4);padding:var(--s6);border:var(--rule) solid var(--border);border-radius:var(--radius-control);background:var(--selection)}
.hero-portal h2{font-size:var(--text-section);line-height:1.25}
.hero-portal p{max-width:54ch}
.hero-portal>.text-link{font-size:var(--text-sm);margin-top:auto}
.portal-section{background:var(--surface);border-block:var(--rule) solid var(--border)}
.portal-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s16);align-items:start}
.portal-pitch-copy{--od-gap:var(--s6)}
.portal-pitch-copy h2{font-size:var(--text-page);line-height:1.15;max-width:22ch}
.portal-pitch-copy>.app-button{align-self:start}
.portal-pitch-copy .portal-terms,.portal-pitch-copy .portal-language{font-size:var(--text-sm);color:var(--muted)}
.portal-pitch-copy .portal-language{margin-top:calc(-1 * var(--s3))}
.portal-capabilities{margin:0;display:grid;gap:var(--s6)}
.portal-capabilities>div{border-top:var(--rule) solid var(--border);padding-top:var(--s4)}
.portal-capabilities dt{font-size:var(--text-lead);font-weight:500;margin-bottom:var(--s2)}
.portal-capabilities dd{margin:0;color:var(--muted);line-height:1.6}
/* Remove doubled chapter gaps; use the same 64/48 px rhythm throughout. */
#main>.section{--section-space:var(--s16)}
#main>#sample{padding-top:var(--s8)}
.market-explanation{padding-top:0;--od-gap:var(--s4)}
.coverage-markets>.market-explanation{margin-top:var(--s8);max-width:70ch}
@media(max-width:767px){
 .hero-live{padding-block:var(--s8)}
 .hero-live .hero-grid{grid-template-columns:1fr;gap:var(--s6)}
 .hero-live .hero-copy{display:flex;grid-column:auto}
 .hero-live .purchase-panel{order:1}
 .hero-live .hero-portal{order:2}
 .hero-live .hero-lead{font-size:var(--text-body)}
 .hero-live .purchase-row{flex-direction:column}
 .portal-overview{grid-template-columns:1fr;gap:var(--s8)}
 .portal-pitch-copy h2{font-size:var(--text-section);max-width:none}
 #main>.section{--section-space:var(--s12)}
}

/* The sample is the product: a real workbook with a small field browser. */
.data-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--s8);margin-bottom:var(--s6)}
.data-section-heading h2{font-size:var(--text-page);line-height:1.15;max-width:26ch}
.data-section-heading p{max-width:60ch;margin-top:var(--s4);color:var(--muted)}
.data-section-heading>.app-button{flex:none}
.data-preview{border:var(--rule) solid var(--border);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden}
.data-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s6);border-bottom:var(--rule) solid var(--border)}
.data-country{display:flex;align-items:center;gap:var(--s3)}
.data-country label{font-size:14px;font-weight:500}
.data-country select{font:inherit;min-height:44px;padding:var(--s2) var(--s8) var(--s2) var(--s3);border:var(--rule) solid var(--control-rule);border-radius:var(--radius-control);background:var(--surface);color:var(--carbon)}
#sample-filename{font:13px var(--font-mono);color:var(--muted);overflow-wrap:anywhere}
.data-tabs{display:flex;gap:var(--s6);padding-inline:var(--s6);border-bottom:var(--rule) solid var(--border);overflow-x:auto}
.data-tabs button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;min-height:48px;padding:var(--s2) 0;font:500 14px var(--font-body);color:var(--muted);white-space:nowrap;cursor:pointer}
.data-tabs button[aria-selected=true]{color:var(--carbon);border-bottom-color:var(--carbon)}
.data-tabs button:disabled{opacity:.4;cursor:default}
.data-notes{padding:var(--s4) var(--s6);font-size:14px;line-height:1.5;color:var(--muted);min-height:74px;background:var(--selection)}
.data-notes p{max-width:90ch;margin:0}
.data-scroll{overflow-x:auto;max-width:100%}
.data-scroll table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;table-layout:fixed;min-width:880px}
.data-scroll th,.data-scroll td{padding:var(--s4);border-bottom:var(--rule) solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.data-scroll thead th{font-weight:500;background:var(--selection)}
.data-scroll thead small{display:block;font:11px/1.5 var(--font-mono);color:var(--muted);margin-top:var(--s1)}
.data-scroll th.row-number{width:44px;padding-inline:var(--s2);font-size:12px;text-align:center;font-weight:400;color:var(--muted);background:var(--selection)}
.data-scroll td:nth-child(2){font-weight:500}
.data-scroll tbody tr:last-child>*{border-bottom:0}
.sample-empty{color:var(--muted)}
.sample-file-footer{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s6);border-top:var(--rule) solid var(--border);font-size:12px;color:var(--muted)}
.sample-schema{border-top:var(--rule) solid var(--border);padding:var(--s3) var(--s6);font-size:14px}
.sample-schema summary{cursor:pointer;min-height:24px}
.sample-schema>div{display:flex;gap:var(--s2);flex-wrap:wrap;padding-top:var(--s4)}
.sample-schema code{font-size:12px;overflow-wrap:anywhere;background:var(--selection);padding:var(--s1) var(--s2)}
.sample-disclosure{font-size:13px;line-height:1.6;color:var(--muted);max-width:100ch;margin-top:var(--s4)}
.portal-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:end;margin-bottom:var(--s8)}
.portal-heading h2{font-size:var(--text-page);line-height:1.15;max-width:22ch}
.portal-heading p{color:var(--muted);line-height:1.6;max-width:60ch}
.portal-product{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:var(--s8);align-items:start}
.portal-screen{margin:0;min-width:0}
.portal-screen img{display:block;width:100%;height:auto;border:var(--rule) solid var(--border);border-radius:var(--radius-control)}
.portal-screen figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:var(--s3)}
.portal-product .portal-capabilities{gap:var(--s4)}
.portal-product .portal-capabilities>div{padding-top:var(--s3)}
.portal-product .portal-capabilities dt{font-size:16px}
.portal-product .portal-capabilities dd{font-size:14px;line-height:1.5}
.portal-register{display:flex;justify-content:space-between;align-items:center;gap:var(--s8);margin-top:var(--s8);padding:var(--s6);background:var(--selection);border-left:4px solid var(--lime)}
.portal-register h3{font-size:var(--text-lead);line-height:1.3}
.portal-register p{margin-top:var(--s2);max-width:70ch;font-size:14px;color:var(--muted)}
.portal-register .app-button{flex:none}
.integration-explain{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12)}
.integration-explain article{min-width:0;display:flex;flex-direction:column;align-items:start;gap:var(--s4)}
.integration-path{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;padding:var(--s8) var(--s4);border-block:var(--rule) solid var(--border);font-size:14px}
.integration-path strong{background:var(--selection);padding:var(--s3);font-weight:500;white-space:nowrap}
.integration-explain h3{font-size:var(--text-lead)}
.integration-explain p{color:var(--muted);line-height:1.65;max-width:58ch}
.integration-explain .text-link{margin-top:auto}
.integration-terms{margin-top:var(--s8);font-size:13px;line-height:1.6;color:var(--muted);max-width:100ch}
@media(max-width:900px){
 .data-section-heading,.portal-register{align-items:start;flex-direction:column;gap:var(--s4)}
 .portal-heading,.portal-product{grid-template-columns:1fr;gap:var(--s6)}
 .portal-product .portal-capabilities{grid-template-columns:1fr 1fr;gap:var(--s6)}
 .data-section-heading h2,.portal-heading h2{font-size:var(--text-section)}
}
@media(max-width:600px){
 .data-toolbar{align-items:start;flex-direction:column;padding:var(--s4)}
 .data-tabs{padding-inline:var(--s4);gap:var(--s4)}
 .data-notes,.sample-file-footer,.sample-schema{padding-inline:var(--s4)}
 .data-scroll table{min-width:760px}
 .integration-explain,.portal-product .portal-capabilities{grid-template-columns:1fr;gap:var(--s6)}
 .integration-path{gap:var(--s2);font-size:12px;padding-inline:0}
 .portal-register{padding:var(--s4)}
}

/* Publication layout: one lead story, then a chronological reading list. */
.post-summary{display:flex;flex-direction:column;gap:var(--s4);height:100%;min-width:0}
.post-summary h2,.post-summary h3{margin:0}
.post-summary>p{margin:0}
.post-summary .post-card-footer{margin-top:auto;padding-top:var(--s4)}
.blog-heading{padding-bottom:var(--s6);margin-bottom:var(--s8)}
.blog-heading h1{font-size:clamp(48px,6vw,80px);letter-spacing:-.04em}
/* The lead is an article, with its title and synopsis carrying the hierarchy. */
.blog-featured { display:block; padding:0 0 var(--s8); border:0; border-bottom:var(--rule) solid var(--carbon); }
.blog-featured .post-summary { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--s4) var(--s12); height:auto; align-items:start; }
.blog-featured .post-meta { grid-column:1/-1; }
.blog-featured h2 { grid-column:1; grid-row:2/4; font-size:clamp(30px,3.5vw,48px); line-height:1.12; max-width:27ch; text-wrap:balance; }
.blog-featured .post-summary>p { grid-column:2; grid-row:2; font-size:18px; line-height:1.65; max-width:50ch; }
.blog-featured .post-card-footer { grid-column:2; grid-row:3; padding-top:var(--s3); justify-content:flex-start; gap:var(--s6); }
@media(max-width:767px) {
 .blog-featured { padding-bottom:var(--s8); }
 .blog-featured .post-summary { display:flex; gap:var(--s4); }
 .blog-featured h2 { max-width:none; font-size:30px; }
 .blog-featured .post-summary>p { font-size:16px; }
}
.blog-archive>.guide-grid{display:block;margin-top:0}
.blog-archive .guide-card{padding-block:var(--s6);border-top:0;border-bottom:var(--rule) solid var(--border)}
.blog-archive .post-summary{display:grid;grid-template-columns:180px minmax(0,1fr) 190px;gap:var(--s3) var(--s8);align-items:start}
.blog-archive .post-meta{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:start;gap:var(--s2)}
.blog-archive h3{grid-column:2;grid-row:1;font-size:24px;line-height:1.25;max-width:40ch}
.blog-archive .post-summary>p{grid-column:2;grid-row:2;max-width:70ch;font-size:14px}
.blog-archive .post-card-footer{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:start;gap:var(--s4);margin:0;padding:0}
@media(max-width:900px){
 .blog-archive .post-summary{grid-template-columns:120px minmax(0,1fr);gap:var(--s3) var(--s6)}
 .blog-archive .post-card-footer{grid-column:2;grid-row:3;flex-direction:row;justify-content:space-between}
}
@media(max-width:600px){
 .blog-archive .post-summary{display:flex;gap:var(--s3)}
 .blog-archive .post-meta{flex-direction:row;justify-content:space-between;width:100%}
 .blog-archive h3{font-size:22px}
 .blog-archive .post-card-footer{padding-top:var(--s2)}
}

/* Contact: one reading column for inputs, with help and direct email alongside. */
.contact-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,6vw,96px); align-items:start; }
.contact-intro h1 { margin:0; font-size:clamp(32px,4vw,54px); line-height:1.1; }
.contact-intro > p { max-width:42ch; }
.contact-company { margin-top:32px; font-size:14px; }
.contact-company h2 { font-size:18px; }
.contact-company address { font-style:normal; }
.contact-form { min-width:0; display:grid; gap:20px; }
.contact-demo { font-size:13px; line-height:1.6; background:var(--surface,#f4f5f1); padding:16px; margin:0; border-left:2px solid var(--ink,#181c18); }
.contact-field { display:grid; gap:7px; }
.contact-field label { font-size:14px; font-weight:600; }
.contact-field input,.contact-field textarea { width:100%; box-sizing:border-box; border:1px solid #aeb3ac; border-radius:5px; background:#fff; color:#151915; padding:12px; font:inherit; }
.contact-field textarea { resize:vertical; min-height:140px; }
.contact-field input:focus,.contact-field textarea:focus { outline:2px solid #232b24; outline-offset:2px; }
.contact-field small,.contact-privacy { font-size:13px; color:#586057; }
.contact-privacy { margin:0; }
.contact-form > button { justify-self:start; }
.contact-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-form altcha-widget { max-width:100%; --altcha-max-width:100%; }
@media(max-width:760px) { .contact-layout { grid-template-columns:1fr; } .contact-company { margin-top:8px; } }

/* API examples connect a job to an inspectable request and its cost. */
.integration-page { padding-top:64px; padding-bottom:80px; }
.api-page-head { max-width:850px; margin-bottom:72px; }
.api-page-head h1 { font-size:clamp(36px,4.4vw,62px); line-height:1.08; margin:0 0 24px; letter-spacing:-.035em; }
.api-page-head > p { max-width:65ch; font-size:18px; line-height:1.65; }
.integration-page h2 { font-size:clamp(26px,3vw,36px); line-height:1.2; }
.api-example { display:grid; grid-template-columns: .9fr 1.1fr; gap:40px; border-top:1px solid #d8ddd5; padding:32px 0; align-items:center; }
.api-example-copy h3 { font-size:24px; line-height:1.2; margin:10px 0 12px; }
.api-example-copy p { color:#515a51; line-height:1.7; margin:0; max-width:48ch; }
.api-cost { font-size:12px; font-weight:600; }
.api-code { min-width:0; background:#19251d; color:#eef4ed; border-radius:6px; overflow:hidden; }
.api-code-head { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid #3c493e; font-size:12px; gap:12px; }
.api-code-head button { border:1px solid #778777; border-radius:4px; padding:6px 10px; background:transparent; color:inherit; cursor:pointer; font:inherit; }
.api-code pre { margin:0; padding:22px 16px; overflow:auto; font-size:12px; line-height:1.9; }
.api-code code { font-family:ui-monospace,monospace; }
.api-example-note { max-width:85ch; color:#586057; font-size:14px; line-height:1.7; }
.api-assistant,.api-start { display:grid; grid-template-columns:1fr 1fr; gap:48px; border-top:1px solid #d8ddd5; padding-top:40px; margin-top:56px; }
.api-assistant p,.api-start p { line-height:1.7; }
.api-prompt { background:#eef2e9; padding:28px; align-self:center; border-radius:6px; min-width:0; }
.api-prompt blockquote { margin:0; font-size:19px; line-height:1.6; }
.api-prompt code { font-size:12px; overflow-wrap:anywhere; }
.api-start-links { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:20px; }
@media(max-width:760px) { .integration-page { padding-top:36px; } .api-page-head { margin-bottom:40px; } .api-example,.api-assistant,.api-start { grid-template-columns:1fr; gap:24px; } .api-example-copy h3 { font-size:22px; } }

/* Keep the buying decision alongside the headline, with a quieter account entry. */
.hero-live .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr);grid-template-areas:"copy purchase" "copy account";gap:var(--s6) var(--s16);align-items:start}
.hero-live .hero-copy{grid-area:copy;display:flex;max-width:none;padding-top:var(--s2);--od-gap:var(--s6)}
.hero-live h1{font-size:clamp(34px,3.6vw,52px);max-width:24ch;text-wrap:pretty;line-height:1.12}
.hero-live .hero-lead{max-width:56ch;line-height:1.65;color:var(--muted)}
.hero-live .purchase-panel{grid-area:purchase;margin:0}
.hero-live .purchase-panel h2{font-size:24px}
.hero-live .purchase-row{flex-direction:column}
.hero-live .purchase-button{flex:auto}
.hero-markets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-bottom:var(--s2)}
.hero-markets button{min-width:0;min-height:44px;padding:var(--s2);border:var(--rule) solid var(--control-rule);border-radius:var(--radius-control);background:var(--surface);color:var(--carbon);font:500 14px/1.35 var(--font-body);cursor:pointer;overflow-wrap:anywhere}
.hero-markets button[aria-pressed=true]{background:var(--lime);border-color:var(--carbon)}
.hero-markets button:hover{border-color:var(--carbon)}
.hero-markets button:focus-visible{outline:3px solid var(--verdite);outline-offset:2px}
.hero-markets button:disabled{opacity:.5;cursor:default}
@media(max-width:359px){.hero-markets{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-live .hero-portal{grid-area:account;border:0;border-radius:0;background:none;padding:0 var(--s6);gap:var(--s3)}
.hero-portal h2{font-size:18px;line-height:1.4}
.hero-portal p{font-size:14px;color:var(--muted)}
/* Real sample records, with readable fields instead of a shrunken spreadsheet. */
.data-section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--s12);padding-top:var(--s8);border-top:var(--rule) solid var(--carbon)}
.data-section-heading h2{font-size:clamp(28px,3vw,42px);max-width:20ch;letter-spacing:-.025em}
.data-section-heading p{margin:0;max-width:55ch}
.data-preview{border-radius:var(--radius-panel);overflow:clip}
.data-toolbar{padding:var(--s4) var(--s6)}
.sample-download{display:flex;align-items:center;gap:var(--s6);min-width:0}
.sample-download .app-button{font-size:14px;min-height:44px;padding:var(--s2) var(--s4)}
.data-tabs{gap:var(--s6);overflow:visible;flex-wrap:wrap}
.data-notes{min-height:0;background:none;padding-block:var(--s3);border-bottom:var(--rule) solid var(--border)}
.sample-browser{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);min-height:340px}
.sample-roster{padding:var(--s4);border-right:var(--rule) solid var(--border);background:var(--paper);min-width:0}
.sample-roster>p{font-size:12px;color:var(--muted);padding:var(--s2);margin-bottom:var(--s3)}
.sample-roster button{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:var(--s2);width:100%;min-height:56px;padding:var(--s3);border:1px solid transparent;border-radius:var(--radius-control);background:none;color:var(--carbon);text-align:left;font:500 14px/1.45 var(--font-body);cursor:pointer;overflow-wrap:anywhere}
.sample-roster button+button{margin-top:var(--s1)}
.sample-roster button[aria-pressed=true]{background:var(--surface);border-color:var(--border);box-shadow:inset 3px 0 var(--lime)}
.record-number{font:12px var(--font-mono);color:var(--muted)}
.record-arrow{visibility:hidden}
[aria-pressed=true]>.record-arrow{visibility:visible}
.sample-records{min-width:0;padding:var(--s8)}
.sample-record h3{font:600 24px/1.3 var(--font-display);overflow-wrap:anywhere;margin:0 0 var(--s6)}
.sample-record dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--s8)}
.sample-record dl>div{min-width:0}
.sample-record dt{font-size:13px;color:var(--muted);margin-bottom:var(--s2)}
.sample-record dt small{display:block;font:10px/1.5 var(--font-mono);overflow-wrap:anywhere}
.sample-record dd{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.portal-capabilities .text-link{font-size:14px;margin-top:var(--s2)}
@media(max-width:1100px){.hero-live .hero-grid{gap:var(--s6) var(--s8)}.sample-download #sample-filename{display:none}}
@media(max-width:850px){
 .hero-live .hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "purchase" "account"}
 .hero-live h1{max-width:30ch;font-size:clamp(32px,5.2vw,44px)}
 .hero-live .hero-lead{max-width:70ch}
 .hero-live .purchase-row{flex-direction:row}
 .hero-live .hero-portal{padding:var(--s4) 0 0;border-top:var(--rule) solid var(--border)}
 .data-section-heading{grid-template-columns:1fr;gap:var(--s4)}
 .sample-browser{grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr)}
 .sample-records{padding:var(--s6)}
 .sample-record dl{grid-template-columns:1fr;gap:var(--s4)}
}
@media(max-width:600px){
 .hero-live .purchase-row{flex-direction:column}
 .hero-live .hero-copy{padding:0}
 .hero-live .purchase-panel{padding:var(--s4)}
 .data-toolbar{gap:var(--s3);padding:var(--s4);flex-direction:row;flex-wrap:wrap;align-items:center}
 .data-country{flex:1;flex-wrap:wrap;gap:var(--s2)}
 .data-country select{min-width:0;max-width:100%}
 .data-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s4)}
 .data-tabs button{white-space:normal;text-align:left}
 .sample-browser{grid-template-columns:1fr;min-height:0}
 .sample-roster{border-right:0;border-bottom:var(--rule) solid var(--border);padding:var(--s3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
 .sample-roster>p{grid-column:1/-1;margin:0;padding:0 var(--s2)}
 .sample-roster button{grid-template-columns:1fr;font-size:12px;padding:var(--s2);align-content:center}
 .sample-roster button+button{margin:0}
 .sample-roster .record-number,.sample-roster .record-arrow{display:none}
 .sample-records{padding:var(--s6) var(--s4)}
 .sample-record h3{font-size:20px;margin-bottom:var(--s4)}
 .sample-file-footer{line-height:1.5}
}
/* One portal offer: benefit and terms together, with actions in the same frame. */
.hero-live .hero-grid{grid-template-areas:"copy purchase" "account account"}
.hero-live .hero-portal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s8);align-items:center;padding:var(--s6);margin-top:var(--s2);border:var(--rule) solid var(--border);border-radius:var(--radius-panel);background:var(--selection)}
.hero-portal-copy{display:grid;gap:var(--s2);min-width:0}
.hero-portal-copy h2{font-size:20px;line-height:1.35}
.hero-portal-copy p{margin:0;max-width:92ch;font-size:14px;line-height:1.6}
.hero-portal-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--s2);min-width:200px}
.hero-portal-actions .app-button{white-space:normal}
.hero-portal-actions .text-link{align-self:center;font-size:14px;min-height:44px;margin:0}
@media(max-width:850px){.hero-live .hero-grid{grid-template-areas:"copy" "purchase" "account"}}
@media(max-width:600px){
 .hero-live .hero-portal{grid-template-columns:minmax(0,1fr);gap:var(--s4);padding:var(--s4)}
 .hero-portal-copy h2{font-size:18px}
 .hero-portal-actions{min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4)}
 .hero-portal-actions .text-link{align-self:auto}
}
@media(max-width:374px){.hero-portal-actions{align-items:stretch;flex-direction:column}.hero-portal-actions .text-link{align-self:center}}
.hero-live .hero-copy{min-width:0}
.hero-live h1{overflow-wrap:anywhere;hyphens:auto}
/* English and Estonian hero lines fit at 320 px without breaking words ("compa-nies"). */
.hero-live h1:is(:lang(en),:lang(et)){hyphens:manual;overflow-wrap:normal}
@media(max-width:850px){.hero-live .hero-grid{grid-template-columns:minmax(0,1fr)}}
/* /coverage: the country database pages, as a plain list outside the cards. */
.country-pages h2{font-size:var(--text-section);margin-bottom:var(--s4)}
.country-pages__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s2) var(--s6)}
.country-pages__list a{display:inline-flex;align-items:center;min-height:44px;color:var(--carbon)}