/* Breakpoints and accessibility modes are kept after the base composition. */
.final-cta h2 {font-size:clamp(42px,5vw,72px)}
@media(min-width:1600px) {.hero-inner {padding-bottom:60px}.hero-art {height:640px;margin-right:-80px}.hero h1 {font-size:94px}}
@media(max-width:1100px) {.shell {width:calc(100% - 64px)}.hero {min-height:740px}.hero h1 {font-size:65px}.hero-art {height:490px;margin-right:-30px}.hero-description {font-size:14px}.nav-links {gap:25px}.nav-actions {gap:12px}.developer-grid,.faq-section {gap:38px}.tool-names {gap:16px}.tools-row {align-items:flex-start}.feature-api {padding:30px}.connection-diagram {font-size:11px}.diagram-port {padding:15px}.diagram-source {gap:5px}.diagram-models {font-size:9px}.diagram-models span {padding:7px}.model-set {gap:65px;padding-right:65px}}
@media(max-width:767px) {.shell {width:calc(100% - 40px)}.section-space {padding-block:72px}.site-header {padding-block:10px}.nav {height:48px;gap:16px}.brand {font-size:22px;gap:8px}.brand img {width:30px;height:30px}.nav-links {display:none}.nav-actions {gap:6px}.nav-console {font-size:12px;gap:7px;padding:9px 12px}.nav-console .icon {width:16px;height:16px}.menu-toggle {display:inline-flex}.theme-toggle {width:34px;height:34px}.hero {min-height:auto;padding-top:128px;display:block}.hero-inner {display:flex;flex-direction:column;align-items:stretch;padding-bottom:22px}.hero-copy {pointer-events:auto}.eyebrow {font-size:10px;margin-bottom:23px}.hero h1 {font-size:clamp(43px,8.5vw,65px);letter-spacing:-.06em}.hero-description {font-size:13px;line-height:1.85;margin-top:22px}.mobile-break {display:block}.hero-actions {margin-top:27px;gap:10px}.button {min-height:48px;font-size:12px;gap:23px;padding:12px 20px}.button .icon {width:18px;height:18px}.hero-art {height:330px;width:100%;margin:8px 0 0}.infinity-fallback {font-size:260px}.art-caption {left:7%;right:7%;font-size:10px;bottom:5px}.art-controls {opacity:1;right:7%;bottom:28px}.fluid-canvas {display:none}.model-section {padding:30px 0 43px}.model-heading {display:block}.model-heading h2 {font-size:26px}.model-heading p {font-size:11px;margin-top:14px}.marquee {margin-top:30px}.model-set {gap:42px;padding-right:42px}.model-set a {font-size:32px}.model-set a:nth-child(2),.model-set a:nth-child(5) {font-size:29px}.section-heading {margin-bottom:32px}.section-heading h2,.developer-copy h2,.faq-heading h2 {font-size:39px}.section-heading p {font-size:12px;margin-top:20px}.capability-grid {grid-template-columns:1fr;gap:14px}.feature {padding:26px;border-radius:24px}.feature-api {grid-row:auto;min-height:440px}.feature h3 {font-size:22px}.feature-api h3 {font-size:30px}.feature p {font-size:12px}.feature-top {margin-bottom:22px}.connection-diagram {padding-block:37px;font-size:10px}.diagram-source {flex-direction:column;gap:6px}.diagram-line {min-width:12px}.diagram-port {padding:14px 13px}.diagram-port img {width:34px;height:34px}.diagram-models {font-size:8px;gap:7px}.diagram-models span {padding:7px}.endpoint-list {gap:6px}.endpoint-list code {font-size:9px;padding:5px 6px}.tools-row {flex-direction:column;gap:24px;padding-top:30px}.tools-row h3 {font-size:16px}.tools-row p {font-size:11px}.tool-names {gap:24px;row-gap:17px}.tool-names span {font-size:12px}.developer-grid,.faq-section {grid-template-columns:1fr;gap:35px}.developer-copy>p:not(.eyebrow) {font-size:13px}.setup-steps {margin-top:29px;gap:20px}.setup-steps p {max-width:none;font-size:11px}.base-url-bar code {font-size:12px}.code-toolbar {padding:12px}.code-tabs {gap:2px}.code-tabs button {font-size:10px;padding:8px 10px}.code-copy span {display:none}.code-copy {min-width:auto;padding:8px}.code-panel pre {padding:22px 18px;min-height:340px}.code-panel pre code {font-size:10px}.code-note {font-size:9px;padding:13px 17px}.integration-footnote {font-size:10px}.faq-heading p {font-size:12px;margin-top:20px;margin-bottom:20px}.faq-list summary {font-size:13px;padding:21px 0}.faq-list details>div {font-size:12px}.final-cta {padding:63px 20px;border-radius:24px}.final-cta .eyebrow {font-size:9px}.final-cta h2 {font-size:43px}.final-cta>p:not(.eyebrow) {font-size:12px}.footer {padding-top:42px;padding-bottom:25px}.footer-top {flex-wrap:wrap;gap:15px;padding-bottom:29px}.footer-top>p {font-size:9px;margin-left:auto}.footer-links {width:100%;margin-left:0;gap:21px;font-size:11px;margin-top:10px}.footer-links button {font-size:11px}.footer-bottom {flex-wrap:wrap;gap:20px;font-size:9px;position:relative;padding-right:40px}.footer-bottom>div {margin-left:0;gap:19px}.back-top {position:absolute;right:0;top:23px}.js .reveal {transform:translateY(14px)}}
@media(max-width:380px) {.shell {width:calc(100% - 32px)}.nav-console {display:none}.hero h1 {font-size:clamp(34px,11vw,42px)}.hero-art {height:290px}.connection-diagram {margin-inline:-8px}.diagram-port {padding:12px 10px}.feature {padding:23px}.code-tabs button {padding:8px}.footer-top>p {font-size:8px}.section-heading h2,.developer-copy h2,.faq-heading h2 {font-size:35px}}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*:before,*:after {animation:none!important;transition:none!important}.js .reveal {opacity:1;transform:none}.fluid-canvas {display:none}.art-controls {opacity:1}.art-hint {display:none}.marquee-track {width:100%;transform:none}.model-set {flex-wrap:wrap;justify-content:center;gap:24px;padding-inline:24px}.model-set[aria-hidden=true] {display:none}.model-set a {font-size:28px}.marquee {mask-image:none}}
@media(prefers-reduced-transparency:reduce) {.site-header.is-scrolled,.art-controls {background:var(--page);backdrop-filter:none}dialog::backdrop {backdrop-filter:none}}