/* Original layout and wording: align each level on one shared two-column grid. */
#current-layout .toda-scene:first-child{align-items:start}
#current-layout .toda-scene-art{aspect-ratio:1.5}
#current-layout .toda-scene-art img{object-fit:contain;object-position:center}
#current-layout .toda-scene-num{margin:0 0 12px}
#current-layout .toda-scene-copy h3{margin:0 0 16px}
#current-layout .toda-scene-copy p{margin:0;max-width:510px}
@media(min-width:601px){
  #current-layout .toda-scenes{row-gap:16px}
  #current-layout .toda-scene:nth-child(n+2){display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:16px;margin-top:24px;align-items:start}
  #current-layout .toda-scene:nth-child(n+2) .toda-scene-copy{display:contents}
  #current-layout .toda-scene:nth-child(n+2) .toda-scene-num,
  #current-layout .toda-scene:nth-child(n+2) h3{margin:0}
}
/* Restore the original continuous dark belt, including all six labels and separators. */
.site-shell .toda-marquee{background:var(--stone-900);border-top:1px solid var(--on-dark-line);padding:20px 0;box-shadow:0 14px 34px -22px #25231c66}
.site-shell .toda-marquee-track{width:max-content!important;justify-content:flex-start;animation:restored-belt 38s linear infinite!important;transform:none!important}
@keyframes restored-belt{to{translate:-50% 0}}
.site-shell .toda-marquee .grp,.site-shell .toda-marquee .grp[aria-hidden=true]{display:flex;flex-wrap:nowrap;gap:34px;padding:0 34px 0 0}
.site-shell .toda-marquee .grp span{font-size:13px!important;font-weight:600;letter-spacing:.12em!important;color:rgba(250,248,243,.92)!important;white-space:nowrap}
.site-shell .toda-marquee .grp i{display:inline;font-style:normal;color:rgba(250,248,243,.42)!important}
.site-shell .toda-marquee:hover .toda-marquee-track,.site-shell .toda-marquee:focus-within .toda-marquee-track,.site-shell .toda-marquee[data-motion-paused=true] .toda-marquee-track{animation-play-state:paused!important}

/* The requested application belt remains active in both OS modes. */

/* Hero and section titles share the viewport-width scale. Prices and diagram labels keep their own roles. */
:root{--section-title-size:clamp(32px,3.15vw,46px);--story-title-size:clamp(24px,1.95vw,28px);--section-copy-size:clamp(16px,1.25vw,18px);--card-title-size:20px;--spec-copy-size:16px;--detail-copy-size:14px;--label-size:12px;--note-size:12px}
@media(max-width:900px){:root{--section-title-size:34px}}
@media(max-width:600px){:root{--section-title-size:30px}}
@media(max-width:360px){:root{--section-title-size:27px}}
#main-content{--editorial-accent:var(--green-700);--editorial-muted:#55524b}
#main-content :is(#avatars,#how){--editorial-accent:var(--action-on-dark);--editorial-muted:rgba(250,248,243,.74)}
#main-content :is(.toda-section-kicker,.avatar-gallery-kicker,#interaction .toda-proof-grid>div:first-child>span){font:700 var(--label-size)/1.5 Archivo,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase;color:var(--editorial-accent)!important}
#main-content .avatar-gallery-kicker{margin-bottom:0}
#main-content .toda-scene-num{font:700 var(--label-size)/1.5 Archivo,sans-serif!important;letter-spacing:.13em!important;color:var(--editorial-muted)!important}
#main-content h2,#main-content #pricing h2{font-family:Archivo,sans-serif!important;font-size:var(--section-title-size)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.03em!important;margin:0!important}
#main-content h2 em{font-family:inherit!important;font-size:1em!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;font-style:normal!important;color:var(--editorial-accent)!important}
#main-content #why h2{margin-top:16px!important}
#main-content #why .why-matrix{margin-top:28px}
#main-content #current-layout .toda-scenes{margin-top:28px}
#main-content :is(.toda-scene-copy h3,.why-row h3,.toda-pricing-lane h4,.toda-pricing-standard-heading,.pv-route-intro h3,.pv-contact-expanded h3){font-family:Archivo,sans-serif!important;font-size:var(--story-title-size)!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.02em!important}
#main-content :is(.toda-system-card h3,.toda-pricing-lane h3,.toda-pricing-option h3){font-family:Archivo,sans-serif!important;font-size:var(--card-title-size)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:normal!important}
#main-content :is(.avatar-gallery-copy p,.how-intro,#interaction .toda-proof-grid>div:first-child>p,.toda-scene-copy p,.why-row .row-benefit,.toda-system-intro>p,.toda-system-card>p,.toda-pricing-head>p,.toda-pricing-lane-description,.pv-header>p,.pv-route-intro>p,.pv-contact-expanded>div>p,#closing>div>p){font-family:Archivo,sans-serif!important;font-size:var(--section-copy-size)!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;color:var(--editorial-muted)!important}
#main-content :is(#interaction .toda-proof-grid>div:first-child>p,.toda-system-intro>p,#closing>div>p){margin-top:20px}
#main-content .toda-pricing-lane-description{margin-top:16px}
#main-content .pv-header .toda-section-kicker{margin-bottom:16px}
#main-content .pv-header>p{margin-top:20px}
@media(max-width:600px){#main-content #why .why-matrix,#main-content #current-layout .toda-scenes{margin-top:24px}}

/* Compact content uses a smaller, stable scale rather than per-section values. */
#main-content :is(.toda-pricing-list li,.pv-deployment-nav strong){font-family:Archivo,sans-serif!important;font-size:var(--spec-copy-size)!important;line-height:1.5!important}
#main-content :is(.toda-pricing-list-label,.pv-deployment-nav small,.toda-pricing-status,.toda-pricing-enterprise-note,.how-voice){font-family:Archivo,sans-serif!important;font-size:var(--detail-copy-size)!important;line-height:1.5!important;color:var(--editorial-muted)!important}
#main-content :is(.why-scope,.how-scope,.concept-disclosure,.toda-pricing-notes,.pv-boundary){font-family:Archivo,sans-serif!important;font-size:var(--note-size)!important;line-height:1.6!important;color:var(--editorial-muted)!important}
#main-content #why :is(.why-head>div,.answer){font-size:var(--detail-copy-size)!important;line-height:1.5!important}
#main-content :is(.avatar-gallery-cta,.toda-pricing-cta,.toda-pricing-lane-cta){font:600 var(--detail-copy-size)/1.5 Archivo,sans-serif!important}
#main-content :is(.toda-inline-cta,#closing .toda-btn,#closing .toda-btn-ghost){font:600 var(--spec-copy-size)/1.5 Archivo,sans-serif!important}
/* Closing emphasis follows Hero's blue gradient without changing its typography. */
#main-content #closing>div>p{max-width:100%!important}
@supports(background-clip:text){
  #main-content #closing h2 em{background:linear-gradient(110deg,var(--green-700) 10%,var(--action) 50%,#5c83d4 100%);background-clip:text;-webkit-background-clip:text;color:transparent!important}
}
@media(forced-colors:active){#main-content h2 em,#main-content #closing h2 em{background:none!important;color:CanvasText!important}}