.seo-nav { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:1rem; }
.seo-brand { font-family:"Space Grotesk",sans-serif; font-size:1.3rem; font-weight:700; white-space:nowrap; }
.seo-nav nav { display:flex; gap:1.1rem; flex-wrap:wrap; }
.seo-nav a { color:var(--text,#eef7ff); }
.seo-skip { position:fixed; top:-100px; left:1rem; padding:1rem; background:#fff; color:#08171f; z-index:9999; }
.seo-skip:focus { top:1rem; }
.language-switch { display:inline-flex; align-items:center; gap:3px; padding:4px; border:1px solid rgba(118,218,239,.25); border-radius:999px; background:rgba(118,218,239,.07); white-space:nowrap; justify-self:end; }
.language-switch a { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:42px; min-height:36px; padding:0 10px; border-radius:999px; color:#afc0d1; font-size:.75rem; font-weight:700; letter-spacing:.04em; text-decoration:none; transition:background .18s ease,color .18s ease; }
.language-switch a[aria-current="page"] { background:#dff8ff; color:#10202b; box-shadow:0 2px 8px #0003; }
.language-switch a:hover { background:rgba(118,218,239,.2); color:#fff; }
.language-switch a:focus-visible { outline:2px solid #76daef; outline-offset:3px; }
.language-destination { font-size:.65rem; font-weight:500; letter-spacing:0; }
.site-nav a[aria-current="page"] { color:#76daef; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible { outline:2px solid #76daef; outline-offset:4px; }
.service-card:focus-visible,.button:focus-visible { outline:2px solid #76daef; outline-offset:4px; }
.button { min-height:44px; }
.header-inner > .language-switch { grid-column:3; grid-row:1; }
.header-inner > .site-nav { justify-self:end; }
.seo-nav { flex-wrap:wrap; }
@media(max-width:1100px) { .header-inner .brand-tag { font-size:.7rem; letter-spacing:.1em; } .header-inner > .site-nav { gap:1rem; } }
@media(max-width:860px) {
 .header-inner { grid-template-columns:minmax(0,1fr) auto auto; gap:.6rem; }
 .header-inner > .language-switch { grid-column:2; grid-row:1; }
 .header-inner > .menu-toggle { grid-column:3; grid-row:1; }
 .header-inner > .site-nav { justify-self:stretch; }
 .header-inner .brand-text { display:block; }
 .header-inner .brand { gap:.45rem; }
 .header-inner .brand-tag { font-size:.65rem; letter-spacing:.05em; }
 .header-inner .brand-mark { width:44px; height:44px; }
 .seo-nav { display:grid; grid-template-columns:1fr auto; gap:1rem; }
 .seo-nav .language-switch { grid-column:2; grid-row:1; }
 .seo-nav nav { grid-column:1 / -1; grid-row:2; }
}
.header-inner .brand-text { min-width:0; }
.header-inner .brand-tag { display:block; }
@media(max-width:860px) { .header-inner .brand-tag { white-space:normal; line-height:1.4; max-width:140px; } .header-inner .brand-mark { flex-shrink:0; } }
@media(max-width:360px) { .header-inner .brand-text { display:block; } .header-inner .brand-mark { display:none; } }
@media(prefers-reduced-motion:reduce) { .language-switch a { transition:none; } }
.agent-launch-in-intake { visibility:hidden; pointer-events:none; }
.starter-chip { scroll-margin-block:110px; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.hybrid-hero-title span { white-space:normal; }
.footer-inner > * { min-width:0; max-width:100%; }
.footer-inner > p { overflow-wrap:anywhere; white-space:normal; }
.footer-links { flex-wrap:wrap; }
@media(max-width:650px) {
 .ai-receptionist-copy .hybrid-hero-title { font-size:clamp(2rem,9.5vw,3rem); }
 html[lang="es"] .button { max-width:100%; white-space:normal; text-align:center; }
}
.seo-language { margin-block:1rem; font-size:.95rem; }
/* Case-study process cards keep each step together in reading order. */
.subpage-main .delivery-track {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
.subpage-main .delivery-track .delivery-step {
 display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
 gap:.8rem; min-width:0; padding:1.5rem 1.65rem; border-radius:12px;
 border:1px solid #ffffff16; border-top:2px solid #568b9b;
 background:linear-gradient(145deg,#11212bba,#0a1019df); box-shadow:none;
 backdrop-filter:none; -webkit-backdrop-filter:none; text-align:left;
}
.subpage-main .delivery-track .delivery-step .systems-kicker {
 color:#80d5e4; font-size:.72rem; letter-spacing:.12em; margin:0;
}
.subpage-main .delivery-track .delivery-step h3 {
 margin:0; font-size:1.12rem; line-height:1.45; text-align:left; max-width:100%;
}
.subpage-main .delivery-track .delivery-step > p:last-child {
 margin:0; font-size:.94rem; line-height:1.75; color:#adbfce; max-width:60ch;
}
@media(max-width:650px) {
 .subpage-main .delivery-track { grid-template-columns:1fr; }
 .subpage-main .delivery-track .delivery-step { padding:1.25rem; }
}
/* Public action system: controls are rectangular; descriptive labels are plain text. */
.button {
 min-height:50px; max-width:100%; padding:.85rem 1.15rem; gap:.9rem;
 border-radius:10px; font-size:.94rem; line-height:1.45; text-align:center;
 white-space:normal; text-decoration:none; box-shadow:none;
}
a.button::after { content:"↗"; flex-shrink:0; font-size:1.1em; line-height:1; }
.button-primary { background:#8de8f6; color:#08202a; border-color:#aaf1fb; box-shadow:inset 0 1px 0 #ffffff50; }
.button-primary:hover { background:#b4f3fc; box-shadow:0 6px 20px #0003; }
.button-secondary,.button-ghost { background:#14222e; border-color:#405261; color:#eef7ff; }
.button-secondary:hover,.button-ghost:hover { background:#203544; border-color:#88cbd9; }
.pill-list { gap:.45rem 1.15rem; }
.pill-list span {
 min-height:0; padding:0; border:0; border-radius:0; background:none;
 color:#aabfce; font-size:.8rem; line-height:1.65; gap:.55rem;
}
.pill-list span::before { content:""; width:4px; height:4px; background:#62b8ca; flex-shrink:0; }
/* Shared editorial layout for service and public detail pages. */
.subpage-main .subpage-hero { padding-block:3rem 1.5rem; }
.subpage-main .subpage-grid { gap:clamp(1.5rem,4vw,4rem); margin-top:2rem; }
.subpage-main .subpage-copy { gap:1.2rem; }
.subpage-main .subpage-copy h1 { margin:0; font-size:clamp(2rem,3.6vw,3.2rem); line-height:1.13; letter-spacing:-.035em; }
.subpage-main .subpage-copy > p:not(.eyebrow):not(.seo-language) { max-width:65ch; line-height:1.75; color:#adbfce; }
.subpage-main .subpage-copy .hero-buttons,
.subpage-main .subpage-copy .cta-band-actions { margin-top:.6rem; gap:.75rem; }
.subpage-main .panel { border-radius:16px; }
.subpage-main .subpage-proof,.subpage-main .subpage-summary {
 padding:1.6rem; background:linear-gradient(145deg,#14232dcc,#0a111be6);
 border:1px solid #34434d; border-top:2px solid #69bdce; box-shadow:none;
}
.subpage-main .subpage-proof h2,.subpage-main .subpage-proof h3,
.subpage-main .subpage-summary h2 { font-size:1.25rem; line-height:1.4; margin:.5rem 0 1rem; }
.subpage-main .subpage-metrics { margin-top:2.5rem; gap:0; border-block:1px solid #ffffff20; }
.subpage-main .subpage-metrics > article {
 display:flex; flex-direction:column; align-items:flex-start; gap:.65rem;
 padding:1.4rem 1.5rem; min-width:0; border:0; border-radius:0; background:none; box-shadow:none;
 backdrop-filter:none; -webkit-backdrop-filter:none;
}
.subpage-main .subpage-metrics > article + article { border-left:1px solid #ffffff20; }
.subpage-main .subpage-metrics strong { display:block; font-size:1rem; line-height:1.5; }
.subpage-main .subpage-metrics span,.subpage-main .subpage-metrics p { margin:0; line-height:1.65; color:#adbfce; font-size:.9rem; }
.subpage-main .subpage-metrics .systems-kicker { font-size:.7rem; color:#70cadb; }
.subpage-main .section { padding-block:2.5rem; }
.subpage-main .section-heading { max-width:780px; margin-bottom:1.5rem; }
.subpage-main .section-heading h2 { font-size:clamp(1.6rem,2.5vw,2.2rem); line-height:1.25; }
.subpage-main .detail-card,.subpage-main .related-link-card { padding:1.5rem; box-shadow:none; }
.subpage-main .detail-card h2 { font-size:1.2rem; line-height:1.4; margin:0; }
.subpage-main .systems-brief-stack { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.subpage-main .systems-brief-card {
 display:flex; flex-direction:column; gap:.85rem; padding:1.25rem 0 0;
 border:0; border-top:1px solid #54727e; border-radius:0; background:none; box-shadow:none;
}
.subpage-main .systems-brief-index { background:none; border-radius:0; width:auto; height:auto; font-size:.8rem; color:#8de8f6; }
.subpage-main .systems-brief-card strong { display:block; margin-bottom:.5rem; line-height:1.5; }
.subpage-main .systems-brief-card p { line-height:1.7; }
.subpage-main .cta-band-inner { padding:2rem; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2rem; }
.subpage-main .cta-band-inner .cta-band-actions { flex-direction:column; }
@media(max-width:860px) {
 .subpage-main .subpage-grid { grid-template-columns:1fr; }
 .subpage-main .systems-brief-stack { grid-template-columns:1fr; gap:1.25rem; }
 .subpage-main .systems-brief-card { display:grid; grid-template-columns:2rem minmax(0,1fr); }
 .subpage-main .subpage-metrics { grid-template-columns:1fr; }
 .subpage-main .subpage-metrics > article { padding:1.2rem 0; }
 .subpage-main .subpage-metrics > article + article { border-left:0; border-top:1px solid #ffffff20; }
 .subpage-main .cta-band-inner { grid-template-columns:1fr; padding:1.5rem; }
 .subpage-main .cta-band-inner .cta-band-actions { flex-direction:row; }
}
@media(max-width:480px) {
 .subpage-main .subpage-hero { padding-top:1.5rem; }
 .subpage-main .subpage-proof,.subpage-main .subpage-summary,.subpage-main .detail-card,.subpage-main .related-link-card { padding:1.25rem; }
 .subpage-main .hero-buttons,.subpage-main .cta-band-actions { flex-direction:column; align-items:stretch; }
 .subpage-main .detail-grid,.subpage-main .related-links-grid { grid-template-columns:1fr; }
}
.seo-faq { padding-block:2rem; }
.seo-faq .detail-grid { margin-top:1.25rem; }
.case-study-nav { display:flex; flex-wrap:wrap; align-items:center; gap:.7rem; padding-block:1.2rem; scroll-margin-top:100px; }
.case-study-nav > span { color:var(--muted); font-size:.9rem; margin-right:.4rem; }
.case-study-nav a { padding:.7rem 1rem; border:1px solid rgba(87,242,255,.22); border-radius:12px; color:var(--text,#eef7ff); background:rgba(255,255,255,.04); }
.case-study-nav a[aria-current="page"] { color:#08171f; background:#76daef; border-color:#76daef; }
.case-study-nav a:hover,.case-study-nav a:focus-visible { outline:2px solid #76daef; outline-offset:3px; }
html[lang="es"] .subpage-copy h1 { font-size:clamp(2rem,4.5vw,3.5rem); line-height:1.12; overflow-wrap:break-word; }
html[lang="es"] .subpage-proof h2 { font-size:1.35rem; line-height:1.3; }
html[lang="es"] .section { padding-block:2.5rem; }
html[lang="es"] .subpage-hero { padding-top:3rem; }
@media(max-width:650px) { .seo-nav { flex-direction:column; align-items:flex-start; } .seo-nav nav { gap:.65rem 1rem; font-size:.9rem; } html[lang="es"] .subpage-grid { grid-template-columns:1fr; } }
