/* Explicit surface tokens prevent text colors leaking between light/dark sections. */
:root{--muted:#555b50}
/* Keep the hero at its visible stage height; no empty scroll runway below it. */
.cinema-hero{height:auto}
.cinema-stage{position:relative}
.pos-product img{display:block;width:76px;height:76px;object-fit:contain;margin:0 auto 8px;background:white}.pos-products{align-content:start}.product-panel .pos-product{font-size:12px;line-height:1.5}.pos-product b{margin-top:5px}
@media(max-width:640px){.pos-product img{width:48px;height:48px;margin-bottom:6px}.product-panel .pos-product{font-size:10px}}
.addon-visual{color:#edf1e6!important;background:#2c3027}
.addon-visual .visual-toolbar,.addon-visual .visual-sub,.addon-visual .visual-foot{color:#cad4bb}
.addon-visual .visual-toolbar span,.addon-visual .visual-foot b{color:#f5c88e}
.addon-visual .visual-data-row{color:#edf1e6;border-color:#667257}
.addon-visual .visual-data-row span:first-child{color:#edf1e6}
.addon-visual .visual-data-row span+span{color:#ffe0b5}
.addon-visual .chat-bubble{color:#f4f6ef;background:#414838}
.addon-visual .chat-answer{color:#edf1e6}
.addon-visual .chat-answer>strong,.addon-visual .visual-stat{color:#ffdaa5}
.addon-visual .workflow-box{color:#f1f5e9;background:#343b2d;border-color:#667451}
.addon-visual .workflow-box small{color:#d0ddbd}
.addon-visual .approval-stamp span{color:#fff;background:#50613a}
.addon-visual .approval-stamp span+span{color:#eef5e2;background:#343e2a;border-color:#889c6b}
.preview-top span,.preview-caption,.demo-head p,.demo-kpis span,.chart-title span,.chart-months,.chart-legend,.task-row small,.preview-table th{color:#59614f}
.demo-kpis small{color:#3d6538}.demo-badge{color:#4e5943}.pill{color:#345a2d;background:#e6eee3}.pill.warm{color:#794b10;background:#fcf0da}
.muted{color:#686e60}.tab-number{color:#69725e}.product-tabs [role=tab] small{color:#59614f}
.section-heading .eyebrow,.about-intro .eyebrow,.story-heading .eyebrow{color:#855021}
.story-heading h2 em,.about-intro h2 em{color:#606951}.story-heading>p:not(.eyebrow),.story-timeline p{color:#566149}
.story-timeline article>span{color:#825321}.story-flow>b{color:#4a573c}.intro-strip>div span{color:#616a56}
.selector-heading,.addon-selector [role=tab] span{color:#5a684b}.addon-selector [role=tab]{color:#526043}.addon-selector [aria-selected=true],.addon-selector [aria-selected=true] span{color:#854515}
.sap-section .eyebrow{color:#785022}.sap-section .section-heading>p,#addon-panel .addon-description,#addon-panel .addon-note,.sap-note>span,.sap-note>p{color:#536246}
#addon-panel li{color:#435333}.addon-type{color:#465838;border-color:#a5b391}
.experience>span,.approach-copy>p:not(.large-copy),.approach-steps p,.faq-list details p,.faq-section .eyebrow{color:#566149}
.form-note,.footer-top>p,.footer-bottom,.footer-bottom p,dialog>p{color:#566149}input::placeholder,textarea::placeholder{color:#656e5c}
.contact-copy .eyebrow,.contact-copy>p:not(.eyebrow),.copy-email{color:#53320e}
.cinema-meta{color:#d4ddc5}.cinema-meta>span{color:#c2cdb1}.cinema-scroll{color:#bdcba8}
.hero-product-name{color:#ffc987}.hero-product-name>span{color:#d6dfc9}.cinema-bottom>p{color:#d2ddc1}.cinema-bottom>.text-button{color:#edf4e3}
.floating-note>span{color:#455738}.floating-note>strong{color:#27351e}.note-two>span,.note-two>strong{color:#55310d}.device-top,.device-sidebar small,.device-profile{color:#58634c}
.brand-interlude-copy>p:last-child{color:#d0dcc0}.brand-interlude-copy .eyebrow{color:#efc48f}
.device-dots{color:#667258}.tab-arrow{color:#5d684f}.approach-steps li>span{color:#88501c}
.addon-visual .visual-data-row{font-size:13px;line-height:1.7;gap:15px}.addon-visual .visual-toolbar{font-size:11px}.addon-visual .visual-foot{font-size:11px}.addon-visual .visual-sub{font-size:13px}.addon-visual .chat-bubble,.addon-visual .chat-answer{font-size:14px}.addon-visual .chat-answer>strong{font-size:14px}
@media(max-width:640px){.floating-note{display:none}.cinema-copy{bottom:80px}}
.sap-services{padding-top:70px;padding-bottom:75px;border-bottom:1px solid var(--line)}.services-heading .eyebrow{color:#855021;margin-bottom:25px}.services-heading h2{font-size:46px;line-height:1.18;letter-spacing:-1.8px}.services-heading h2 em{color:#626e54}.services-heading>p:last-child{font-size:16px;line-height:1.85;max-width:660px;color:#566149;margin-top:24px}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px}.service-block{border-top:1px solid #b9c2ad;padding-top:26px}.service-number{font-size:11px;letter-spacing:1.3px;color:#835220}.service-block h3{font-size:27px;line-height:1.3;letter-spacing:-.65px;margin:20px 0}.service-block>p{font-size:15px;line-height:1.85;color:#566149;max-width:530px}.service-block ul{list-style:none;padding:0;margin:24px 0}.service-block li{font-size:14px;color:#4e5c40;padding:10px 0;border-bottom:1px solid #dde2d3;display:flex;gap:11px}.service-block li:before{content:'↗';color:#92501a}.service-block .inline-link{font-size:14px}
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.service-block .inline-link{gap:18px}
@media(max-width:1000px){.services-grid{grid-template-columns:1fr;gap:35px}.service-block>p{max-width:720px}}
@media(max-width:800px){.services-grid{gap:35px}.services-heading h2{font-size:39px}.service-block h3{font-size:25px}}
@media(max-width:640px){.sap-services{padding-top:55px;padding-bottom:55px}.services-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.services-heading .eyebrow{font-size:10px}.services-heading h2{font-size:35px;letter-spacing:-1.4px}.services-heading>p:last-child{font-size:16px}.service-block h3{font-size:26px}}