/* Shared brand palette. Original photography keeps its natural colors. */
:root{--brand:#6DA3D8;--brand-deep:#285B8A;--brand-ink:#12304E;--brand-soft:#EAF3FB;--brand-pale:#F5F9FE;--brand-line:#C9DCEE;--paper:#F5F9FE;--ink:#12304E;--blue:#6DA3D8;--yellow:#DCEBFA;--muted:#667E96;--line:#C9DCEE}
body{background:var(--brand-pale);color:var(--brand-ink)}::selection{background:#BCD8F1;color:#12304E}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--brand)}
.reading-progress{background:var(--brand)}.header.scrolled{background:#f5f9fef2;color:var(--brand-ink)}.header.scrolled .header-contact{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.mobile-menu{background:var(--brand-pale);color:var(--brand-ink)}.header.scrolled .brand-symbol>span{color:var(--brand-deep)}
body .pill-link,body .pill-link.dark,body .consult .guide-next>a,body .consult #consult-form>button,body .footer-top{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}body .pill-link:hover,body .pill-link.dark:hover,body .header.scrolled .header-contact:hover{background:#91BAE2;color:#12304E}
body .photo-hero .hero-primary{background:#6da3d82b;border-color:#bcd8f1b3;color:white}body .photo-hero .hero-primary:hover{background:#6da3d854;color:white}body .photo-hero .shape-word:after{background:var(--brand)}
body .works{background:var(--brand-pale)}.works .section-kicker,.works-heading>p,.gallery-toolbar p,.gallery-caption>span,.gallery-footer>span{color:#667E96}.works-heading .display-title{color:var(--brand-ink)}body .works-heading .title-outline{color:#7494B3!important}.gallery-toolbar,.gallery-caption,.gallery-footer,.works-intro-layout{border-color:var(--brand-line)}.gallery-expand{background:#EAF3FB;color:#285B8A}.gallery-row:focus-visible{outline-color:var(--brand)}
body .works-intro-layout .graphic-pricing{color:var(--brand-ink)}body .works-intro-layout .graphic-pricing h2,body .works-intro-layout .graphic-price-list dd{color:var(--brand-deep)}body .works-intro-layout .graphic-price-list>div{border-color:var(--brand-line)}body .works-intro-layout .graphic-price-note{color:#667E96}body .works-intro-layout .graphic-price-cta{border-color:var(--brand);color:var(--brand-deep)}.works-intro-copy .gallery-toolbar p{color:#71899F}
body .visual-intro{background:var(--brand-deep);color:#F5F9FE}body .consult{background:var(--brand-pale)}body .consult h2>span{color:var(--brand-deep)}body .consult-chat{background:white;border-color:var(--brand-line)}body .consult .chat-heading{background:#F5F9FE;color:var(--brand-ink);border-color:var(--brand-line)}body .consult .chat-history{background:#EAF3FB}body .consult .guide-message{background:#fff;color:var(--brand-ink);border-color:var(--brand-line)}body .consult .user-message{background:#D9EAF9;color:var(--brand-ink)}body .consult .consult-choices button{background:#F5F9FE;color:var(--brand-deep);border-color:var(--brand-line)}body .consult .guide-badge{background:#EAF3FB;color:var(--brand-deep)}body .consult .guide-note,body .consult small{color:#667E96}body .consult #copy-consult{color:var(--brand-deep);border-color:var(--brand-line)}
body .visual-services,body .visual-services[data-active],body .visual-services .services-sticky{background:var(--brand-soft)}body .visual-services .service-tabs{border-color:#B4D0E9}body .visual-services .service-tabs button{color:#70879D}body .visual-services .service-tabs button.active{color:var(--brand-deep)}body .visual-services .service-tabs i{background:var(--brand)}body .visual-services .service-label,body .visual-services .visual-floating-word{color:var(--brand-deep)}body .visual-services .service-copy h3{color:var(--brand-ink)}body .visual-services .service-copy h3+p,body .visual-services .visual-caption,body .web-sample-grid figcaption,body .sns-group figcaption{color:#54708B}body .web-sample-grid{scrollbar-color:var(--brand) transparent}
body .interactive-solutions{background:var(--brand-pale)}.interactive-solutions .solution-heading>p>span,.experience-index,.experience-copy>p,.experience-steps,.experience-link{color:#617D98}.experience,.experience-link{border-color:var(--brand-line)}.experience-steps i{color:var(--brand)}.chat-simulator,.spreadsheet-simulator,.order-simulator{background:#fff;border-color:var(--brand-line);box-shadow:0 18px 50px #285b8a08}.sim-chat-header{background:#F4F8FD;border-color:#D9E7F3}.sim-avatar{background:var(--brand);color:#12304E}.sim-label,.sim-chat-header small,.sim-chat-date,.sim-chat-tools p,.sim-replay,.sim-footnote{color:#637F99}.sim-chat-header small i{background:var(--brand)}.sim-chat-log,.order-line-log{background:#EAF3FB}.sim-message{background:white;color:#12304E}.sim-message.from-user{background:#CFE3F6;color:#12304E}.sim-message.from-staff{border-color:var(--brand)}.sim-message small{color:#617D98}.typing-indicator i{background:var(--brand)}.sim-chat-tools button[data-question]{background:#F5F9FE;color:#285B8A;border-color:#BBD4EA}.sim-chat-tools button:hover{background:#DCEBFA}
.sheet-titlebar{background:var(--brand);color:#12304E}.sheet-titlebar .sim-label{color:#285B8A}.sheet-ribbon,.sheet-bottom{background:#F5F9FE;border-color:#D6E5F2;color:#54718D}.sheet-active-tab,.sheet-bottom>span:first-child{border-color:var(--brand);color:#285B8A}.sheet-ribbon small,.sheet-bottom small{color:#617D98}.formula-bar{border-color:var(--brand-line);color:#285B8A}.formula-bar>span{border-color:var(--brand-line)}.formula-bar>i{color:var(--brand-deep)}.live-sheet th,.live-sheet td{border-color:#D9E7F3}.live-sheet th{background:#EAF3FB;color:#456683}.sheet-column-letters th{background:#F5F9FE}.live-sheet td{color:#12304E}.live-sheet input{background:#EAF3FB;color:#285B8A}.live-sheet .computed-cell{background:#F9FCFF;color:#285B8A}.live-sheet .calculating-cell{background:#CFE3F6;box-shadow:inset 0 0 0 1px #6DA3D8}.live-sheet .active-formula{background:#DCEBFA;box-shadow:inset 0 0 0 2px #6DA3D8}.sheet-summary{background:#EAF3FB;border-color:#C9DCEE}.sheet-summary span,.store-totals{color:#617D98}.sheet-summary output,.sheet-grand-total output{color:#285B8A}.sheet-actions button:first-child{background:var(--brand);color:#12304E}.sheet-actions button:last-child{color:#617D98}
.order-avatar{background:var(--brand);color:#12304E}.order-form-heading>span,.order-product small,.order-form-footer,.order-confirm-label,.order-empty{color:#617D98}.order-product,.order-form-footer{border-color:#D6E5F2}.order-quantity button{border-color:#C9DCEE;background:#EAF3FB;color:#285B8A}.order-quantity input{border-color:#BBD4EA;color:#12304E}.order-form-footer output{color:#285B8A}.order-submit{background:var(--brand);color:#12304E}.order-confirm{border-color:#BBD4EA;background:#F5F9FE}.order-confirm button{border-color:#BBD4EA;color:#285B8A}.order-confirm #order-send{background:var(--brand);color:#12304E}.order-progress li{border-color:#D6E5F2;color:#7891A9}.order-progress li.active{border-color:var(--brand);color:#285B8A}.receipt-card{border-color:#C9DCEE;color:#12304E}.receipt-card>small,.receipt-note{color:#617D98}.receipt-card ul{border-color:#D6E5F2}
body .capabilities,body .system-pricing,body .pricing,body .about{background:var(--brand-pale)}body .capability,body .system-price-grid>article{border-color:var(--brand-line);background:#EAF3FB}body .capability>span,body .bridge-copy,body .cost-label,body .system-price-note,body .price-note,body .company-info dt{color:#617D98}body .big-statement{color:#6DA3D8;background:#F5F9FE}body .ticker-blue,body .ticker-yellow,body .ticker-ink{background:var(--brand);color:#12304E}body .cross-tickers{background:var(--brand-pale)}body .draft-price{background:#EAF3FB;color:#285B8A;border-color:var(--brand-line)}body .price-value,body .blue-dot{color:#285B8A}body .about-copy h2>span{color:#285B8A}body .about-seal{border-color:var(--brand);color:#285B8A}body .company-info>div,body .price-list details{border-color:var(--brand-line)}
body .contact{background:var(--brand);color:#12304E}body .contact-cta{background:#F5F9FE;color:#12304E}body .contact-spark{color:#CFE3F6}body .contact-period{color:#EAF3FB}body .footer{background:#F5F9FE;color:#12304E;border-color:var(--brand-line)}body .footer-brand>span{color:#6DA3D8}
.water-journey{background:#0A2138}.dive-vignette{background:linear-gradient(transparent,#0A2138)}.dive-caption{color:#EAF3FB}

.sheet-titlebar .sim-label{color:#12304E}
body .visual-services .service-copy .pill-link{background:#6DA3D8;color:#12304E;border-color:#6DA3D8}body .visual-services .service-copy .pill-link:hover{background:#91BAE2;color:#12304E}body .about{color:#12304E}body .about .section-kicker,body .about-copy>p{color:#54708B}
/* White lettering on the concept blue. Light-blue surfaces retain dark text. */
body .header.scrolled .header-contact,
body .pill-link,body .pill-link.dark,
body .visual-services .service-copy .pill-link,
body .consult .guide-next>a,
body .consult #consult-form>button,
body .footer-top,
body .sheet-titlebar,body .sheet-titlebar .sim-label,
body .sim-avatar,body .order-avatar,
body .sheet-actions button:first-child,
body .order-submit,body .order-confirm #order-send,
body .ticker-blue,body .ticker-yellow,body .ticker-ink,
body .contact{color:#fff}
body .header.scrolled .header-contact:hover,
body .pill-link:hover,body .pill-link.dark:hover,
body .visual-services .service-copy .pill-link:hover{color:#fff}
body .contact .contact-top,body .contact .contact-title,
body .contact .contact-bottom>p,body .contact .contact-other a{color:#fff}
body .contact .contact-cta{background:#F5F9FE;color:#12304E}
body .contact .contact-arrow{background:#6DA3D8;color:#fff}
/* Editorial introductions: readable copy paired with a clear three-step journey. */
body .interactive-solutions .solution-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:42px 0 48px}
body .interactive-solutions .solution-heading h2{font-size:clamp(38px,4.6vw,64px);line-height:1.4;letter-spacing:-.045em}
body .interactive-solutions .solution-heading>p{font-size:21px;line-height:1.8;justify-self:end}
body .interactive-solutions .solution-heading>p>span{display:inline-block;font-size:14px;margin-top:12px;color:#54718D}
body .experience{grid-template-columns:minmax(0,1fr);gap:32px;padding:48px 0 56px}
body .experience-copy{display:grid;grid-template-columns:1fr 1.12fr;column-gap:7%;align-items:start}
body .experience-index{grid-column:1 / -1;font-size:12px;letter-spacing:2px;margin-bottom:24px;color:#285B8A}
body .experience-copy h3{grid-column:1;grid-row:2 / 5;margin:0;font-size:clamp(32px,3.5vw,48px);line-height:1.5;letter-spacing:-.045em}
body .experience-copy>p{grid-column:2;margin:0;font-size:17px;line-height:1.9;color:#345875}
body .experience-steps{grid-column:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:24px;counter-reset:journey}
body .experience-steps i{display:none}
body .experience-steps span{counter-increment:journey;display:block;border-top:2px solid #6DA3D8;padding:12px 0 0;font-size:14px;line-height:1.5;color:#12304E}
body .experience-steps span:before{content:'0' counter(journey);display:block;font:500 23px/1.4 var(--latin);color:#6DA3D8;margin-bottom:8px}
body .experience-link{grid-column:2;justify-self:start;font-size:15px;margin-top:22px;padding:8px 0;color:#285B8A}
body .chat-simulator,body .spreadsheet-simulator,body .order-simulator{width:100%;max-width:1000px;justify-self:center}
@media(max-width:600px){
body .interactive-solutions .solution-heading{grid-template-columns:1fr;gap:18px;margin:30px 0}
body .interactive-solutions .solution-heading h2{font-size:38px}
body .interactive-solutions .solution-heading>p{justify-self:start;font-size:18px;margin:0}
body .interactive-solutions .solution-heading>p>span{font-size:13px;margin-top:8px}
body .experience{padding:32px 0 40px;gap:24px}
body .experience-copy{grid-template-columns:1fr;gap:0}
body .experience-index{font-size:11px;margin-bottom:16px}
body .experience-copy h3{grid-column:1;grid-row:auto;font-size:33px;line-height:1.45;margin:0 0 20px}
body .experience-copy>p{grid-column:1;font-size:16px;line-height:1.9}
body .experience-copy>p br{display:none}
body .experience-steps{grid-column:1;margin-top:22px;gap:12px}
body .experience-steps span{font-size:13px}
body .experience-steps span:before{font-size:22px}
body .experience-link{grid-column:1;font-size:14px;margin-top:20px}
}
/* Match the service panels: a gentle upward reveal with a soft blur. */
.scroll-choreography{opacity:0;filter:blur(4px);transform:translateY(24px);transition:opacity .6s ease,transform .85s cubic-bezier(.2,.7,.2,1),filter .65s ease}
.scroll-choreography.has-arrived{opacity:1;filter:none;transform:translateY(0)}
.chat-simulator.scroll-choreography,.spreadsheet-simulator.scroll-choreography,.order-simulator.scroll-choreography{transform:translateY(30px) scale(.985);filter:blur(5px);transition:opacity .65s ease,transform .95s cubic-bezier(.2,.75,.2,1),filter .8s ease}
.chat-simulator.has-arrived,.spreadsheet-simulator.has-arrived,.order-simulator.has-arrived{transform:translateY(0) scale(1);filter:none}
@media(prefers-reduced-motion:reduce){.scroll-choreography,.chat-simulator.scroll-choreography,.spreadsheet-simulator.scroll-choreography,.order-simulator.scroll-choreography{opacity:1;transform:none;filter:none;transition:none}}
/* Three equally sized, touch-friendly contact circles. */
body .contact-bottom{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.7fr);align-items:center;gap:40px}
body .contact-bottom>p{font-size:17px;line-height:2}
.contact-circles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:750px;justify-self:end}
body .contact-circle{aspect-ratio:1;min-width:0;border-radius:50%;background:#F5F9FE;color:#12304E;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #ffffff70;transition:transform .3s ease,box-shadow .3s ease;position:relative;text-decoration:none;padding:12px}
body .contact-circle.contact-line{background:#D8EFCF;color:#214E39;border-color:#D8EFCF}
.contact-circle .circle-channel{font:500 11px/1.4 var(--latin);letter-spacing:2px;margin-bottom:12px}
.contact-circle strong{font-size:clamp(17px,1.8vw,25px);line-height:1.5;font-weight:600;letter-spacing:-.03em}
.contact-circle .circle-arrow{font-size:24px;line-height:1;margin-top:12px}
body .contact-circle:hover{transform:translateY(-6px);box-shadow:0 12px 25px #12304e18}
body .contact-circle:focus-visible{outline:3px solid #12304E;outline-offset:5px}
@media(max-width:1000px){body .contact-bottom{grid-template-columns:1fr;gap:28px}.contact-circles{justify-self:center;max-width:680px}body .contact-bottom>p{text-align:center}.contact-circle strong{font-size:23px}}
@media(max-width:600px){.contact-circles{gap:10px}.contact-circle .circle-channel{font-size:9px;letter-spacing:1.2px;margin-bottom:6px}.contact-circle strong{font-size:clamp(13px,3.7vw,18px);line-height:1.45}.contact-circle .circle-arrow{font-size:19px;margin-top:6px}body .contact-circle{padding:8px}body .contact-bottom>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){body .contact-circle{transition:none}}
.contact-illustration{display:block;width:52px;height:52px;flex-shrink:0;margin-bottom:10px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.contact-circle .circle-channel{font-size:10px;margin-bottom:7px}
.contact-circle .circle-arrow{font-size:20px;margin-top:8px}
.contact-circle:hover .contact-illustration{transform:translateY(-3px) rotate(-5deg)}
@media(max-width:600px){.contact-illustration{width:28px;height:28px;margin-bottom:5px}.contact-circle .circle-channel{font-size:8px;margin-bottom:4px}.contact-circle .circle-arrow{display:none}.contact-circle strong{font-size:clamp(12px,3.5vw,17px)}}
@media(prefers-reduced-motion:reduce){.contact-illustration{transition:none}}
body #system-pricing .system-price-heading h2,body #system-pricing .system-price-heading p{color:#6DA3D8}

/* Additional service prices: readable brand blue on pale background. */
.system-pricing .extra-prices p,.system-pricing .extra-prices b,.system-pricing .extra-prices span{color:var(--brand-deep,#285B8A)!important}

/* Readability pass 2026-10-19 */
#top > nav.desktop-nav > a,
#top > nav.desktop-nav > a > span,
#top > a.header-contact,
div.water-journey > section.hero.photo-hero > div.hero-meta > span,
div.water-journey > section.hero.photo-hero > div.hero-copy > p.eyebrow,
div.water-journey > section.hero.photo-hero > div.hero-copy > p.hero-description,
section.hero.photo-hero > div.hero-copy > div.hero-actions > a.hero-primary,
section.hero.photo-hero > div.hero-copy > div.hero-actions > a.hero-secondary,
div.water-journey > section.hero.photo-hero > div.hero-foot > a,
div.water-journey > section.hero.photo-hero > div.hero-foot > span,
section.hero.photo-hero > div.hero-foot > button.motion-toggle > span,
#main > div.water-journey > div.dive-caption > p,
#main > div.water-journey > div.dive-caption > span,
#works > div.section-kicker > span,
#works-title > span.title-outline,
div.works-intro-layout > div.works-intro-copy > div.works-heading > p,
div.works-intro-layout > div.works-intro-copy > div.gallery-toolbar > p,
#graphic-pricing > dl.graphic-price-list > div > dt,
#graphic-pricing > dl.graphic-price-list > div > dd,
#graphic-pricing > div.graphic-price-note > p,
#graphic-pricing > a.graphic-price-cta,
div.gallery-group > article.gallery-card > div.work-caption.gallery-caption > h3,
div.gallery-group > article.gallery-card > div.work-caption.gallery-caption > span,
div.gallery-group.gallery-echo > article.gallery-card > div.work-caption.gallery-caption > h3,
div.gallery-group.gallery-echo > article.gallery-card > div.work-caption.gallery-caption > span,
#intro > p.eyebrow,
#intro > span,
#consult > div.consult-heading > p.eyebrow,
#consult > div.consult-heading > p,
div.consult-layout > div.consult-chat.yb-chat-device > div.yb-chat-status > span,
div.consult-chat.yb-chat-device > div.chat-heading > div > b,
div.consult-chat.yb-chat-device > div.chat-heading > div > small,
div.consult-layout > div.consult-chat.yb-chat-device > div.chat-heading > span.guide-badge,
#chat-history > div.guide-message,
div.consult-layout > div.consult-chat.yb-chat-device > div.consult-choices > button,
#consult > div.consult-layout > div.yb-chat-footer > p.guide-note,
#copy-consult,
div.consult-layout > div.yb-chat-footer > div.guide-next > a,
div.services-sticky > div.service-top > div > p.eyebrow,
#services > div.services-sticky > div.service-tabs > button,
div.services-sticky > div.service-tabs > button > span,
div.service-layout > div.service-copy-area > article.service-copy > p.service-label,
div.service-layout > div.service-copy-area > article.service-copy > p,
div.service-layout > div.service-copy-area > article.service-copy > a.pill-link,
div.service-layout > div.service-visual-area > div.service-visual.scene-web.web-sample-scene > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-web.web-sample-scene > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-social.sns-case-scene > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-social.sns-case-scene > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-graphic > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-graphic > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-line > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-line > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-sheets > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-sheets > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-ai > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-ai > span.visual-floating-word,
#solutions > div.section-kicker > span,
#solutions > div.solution-heading > p > span,
#reply-experience > div.experience-copy > span.experience-index,
#reply-experience > div.experience-copy > p,
#reply-experience > div.experience-copy > div.experience-steps > span,
#reply-experience > div.experience-copy > a.experience-link,
#reply-experience > div.chat-simulator > div.sim-chat-header > span.sim-avatar,
div.chat-simulator > div.sim-chat-header > div > strong,
div.chat-simulator > div.sim-chat-header > div > small,
#reply-experience > div.chat-simulator > div.sim-chat-header > span.sim-label,
#reply-log > div.sim-chat-date,
#reply-experience > div.chat-simulator > div.sim-chat-tools > p,
div.chat-simulator > div.sim-chat-tools > div > button,
#reply-replay,
#reply-experience > div.chat-simulator > p.sim-footnote,
#sheet-experience > div.experience-copy > span.experience-index,
#sheet-experience > div.experience-copy > p,
#sheet-experience > div.experience-copy > div.experience-steps > span,
#sheet-experience > div.experience-copy > a.experience-link,
#sheet-experience > div.spreadsheet-simulator > div.sheet-titlebar > strong,
#sheet-experience > div.spreadsheet-simulator > div.sheet-titlebar > span.sim-label,
#sheet-experience > div.spreadsheet-simulator > div.sheet-ribbon > span.sheet-active-tab,
#sheet-experience > div.spreadsheet-simulator > div.sheet-ribbon > span,
#sheet-experience > div.spreadsheet-simulator > div.sheet-ribbon > small,
#sheet-cell-name,
table.live-sheet > thead > tr > th,
#sheet-rows > tr > td,
#sheet-rows > tr > td.computed-cell.active-formula,
#sheet-rows > tr > td.computed-cell,
div.spreadsheet-simulator > div.sheet-summary > div > span,
div.spreadsheet-simulator > div.sheet-summary > div.sheet-grand-total > span,
#store-totals > span,
#sheet-experience > div.spreadsheet-simulator > div.sheet-bottom > span,
#sheet-status,
#sheet-run,
#sheet-reset,
#sheet-experience > div.spreadsheet-simulator > p.sim-footnote,
#order-experience > div.experience-copy > span.experience-index,
#order-experience > div.experience-copy > p,
#order-experience > div.experience-copy > div.experience-steps > span,
#order-experience > div.experience-copy > a.experience-link,
div.order-simulator > div.sim-chat-header > div > strong,
div.order-simulator > div.sim-chat-header > div > small,
#order-experience > div.order-simulator > div.sim-chat-header > span.sim-label,
#order-form > div.order-form-heading > span,
#order-form > div.order-form-heading > strong,
#order-items > div.order-product > div > strong,
#order-items > div.order-product > div > small,
#order-form > div.order-form-footer > span,
#order-submit,
#order-confirm > span.order-confirm-label,
#order-confirm > p,
#order-back,
#order-send,
#order-experience > div.order-simulator > ol.order-progress > li,
#order-log > div.order-empty,
#order-replay,
#order-experience > div.order-simulator > p.sim-footnote,
#main > section.capabilities.section-shell > div.section-kicker > span,
section.capabilities.section-shell > div.capability-grid > article.capability > span,
section.capabilities.section-shell > div.capability-grid > article.capability > h3,
section.capabilities.section-shell > div.capability-grid > article.capability > p,
#main > section.capabilities.section-shell > div.bridge-copy > a.text-link,
#system-pricing > div.section-kicker > span,
#system-pricing > div.system-price-heading > p,
#system-pricing > p.draft-price,
#system-pricing > div.system-price-grid > article > h3,
#system-pricing > div.system-price-grid > article > span.cost-label,
#system-pricing > div.system-price-grid > article > div.monthly-cost,
div.system-price-grid > article > div.monthly-cost > b,
#system-pricing > div.system-price-grid > article > p,
#system-pricing > div.system-price-grid > article > a.pill-link,
#system-pricing > div.extra-prices > p > b,
#system-pricing > div.extra-prices > p > span,
#system-pricing > p.system-price-note,
#system-pricing > details.price-sources > summary,
#system-pricing > details.price-sources > p,
#system-pricing > details.price-sources > p > a,
#pricing > div.section-kicker > span,
#pricing > div.pricing-layout > div.pricing-intro > p,
#pricing > div.pricing-layout > div.pricing-intro > a.text-link,
div.price-list > details > summary > span.price-number,
div.price-list > details > summary > span.price-name,
details > summary > span.price-name > small,
details > summary > span.price-value > span,
div.price-list > details > div.price-body > p,
div.price-list > details > div.price-body > a,
#pricing > p.price-note,
#about > div.section-kicker > span,
#about > div.about-layout > div.about-copy > p,
div.about-layout > div.about-copy > div.about-seal > span,
div.about-layout > dl.company-info > div > dt,
div.about-layout > dl.company-info > div > dd,
dl.company-info > div > dd > a,
#contact > div.contact-top > p.eyebrow,
#contact > div.contact-top > span,
#contact > div.contact-bottom > p,
div.contact-bottom > div.contact-circles > a.contact-circle.contact-line > span.circle-channel,
div.contact-bottom > div.contact-circles > a.contact-circle > span.circle-channel,
footer.footer > div > span,
footer.footer > div > p,
#year{font-size:18px!important;line-height:1.75!important}
.system-pricing .extra-prices p{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px 0;align-items:baseline}.system-pricing .extra-prices b,.system-pricing .extra-prices span{font-size:20px!important;line-height:1.7!important}.system-price-note{max-width:100%!important;color:var(--brand-deep)!important}.price-sources,.price-sources summary,.price-sources a{color:var(--brand-deep)!important}.system-price-grid article{height:auto!important}.gallery-caption{height:auto!important;min-height:88px;flex-wrap:wrap;gap:8px}.section-kicker{gap:20px;flex-wrap:wrap}.company-info dd{overflow-wrap:anywhere}.sheet-ribbon,.sheet-bottom,.sheet-actions,.experience-steps{flex-wrap:wrap;gap:10px}.sheet-table-wrap{overflow-x:auto}.live-sheet{min-width:650px}.hero-foot{gap:12px}.service-tabs{overflow-x:auto}.service-tabs button{flex-shrink:0}.sim-chat-tools button{white-space:normal}.system-price-grid .pill-link{white-space:normal}
@media(max-width:767px){
#top > nav.desktop-nav > a,
#top > nav.desktop-nav > a > span,
#top > a.header-contact,
div.water-journey > section.hero.photo-hero > div.hero-meta > span,
div.water-journey > section.hero.photo-hero > div.hero-copy > p.eyebrow,
div.water-journey > section.hero.photo-hero > div.hero-copy > p.hero-description,
section.hero.photo-hero > div.hero-copy > div.hero-actions > a.hero-primary,
section.hero.photo-hero > div.hero-copy > div.hero-actions > a.hero-secondary,
div.water-journey > section.hero.photo-hero > div.hero-foot > a,
div.water-journey > section.hero.photo-hero > div.hero-foot > span,
section.hero.photo-hero > div.hero-foot > button.motion-toggle > span,
#main > div.water-journey > div.dive-caption > p,
#main > div.water-journey > div.dive-caption > span,
#works > div.section-kicker > span,
#works-title > span.title-outline,
div.works-intro-layout > div.works-intro-copy > div.works-heading > p,
div.works-intro-layout > div.works-intro-copy > div.gallery-toolbar > p,
#graphic-pricing > dl.graphic-price-list > div > dt,
#graphic-pricing > dl.graphic-price-list > div > dd,
#graphic-pricing > div.graphic-price-note > p,
#graphic-pricing > a.graphic-price-cta,
div.gallery-group > article.gallery-card > div.work-caption.gallery-caption > h3,
div.gallery-group > article.gallery-card > div.work-caption.gallery-caption > span,
div.gallery-group.gallery-echo > article.gallery-card > div.work-caption.gallery-caption > h3,
div.gallery-group.gallery-echo > article.gallery-card > div.work-caption.gallery-caption > span,
#intro > p.eyebrow,
#intro > span,
#consult > div.consult-heading > p.eyebrow,
#consult > div.consult-heading > p,
div.consult-layout > div.consult-chat.yb-chat-device > div.yb-chat-status > span,
div.consult-chat.yb-chat-device > div.chat-heading > div > b,
div.consult-chat.yb-chat-device > div.chat-heading > div > small,
div.consult-layout > div.consult-chat.yb-chat-device > div.chat-heading > span.guide-badge,
#chat-history > div.guide-message,
div.consult-layout > div.consult-chat.yb-chat-device > div.consult-choices > button,
#consult > div.consult-layout > div.yb-chat-footer > p.guide-note,
#copy-consult,
div.consult-layout > div.yb-chat-footer > div.guide-next > a,
div.services-sticky > div.service-top > div > p.eyebrow,
#services > div.services-sticky > div.service-tabs > button,
div.services-sticky > div.service-tabs > button > span,
div.service-layout > div.service-copy-area > article.service-copy > p.service-label,
div.service-layout > div.service-copy-area > article.service-copy > p,
div.service-layout > div.service-copy-area > article.service-copy > a.pill-link,
div.service-layout > div.service-visual-area > div.service-visual.scene-web.web-sample-scene > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-web.web-sample-scene > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-social.sns-case-scene > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-social.sns-case-scene > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-graphic > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-graphic > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-line > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-line > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-sheets > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-sheets > span.visual-floating-word,
div.service-layout > div.service-visual-area > div.service-visual.scene-ai > span.visual-caption,
div.service-layout > div.service-visual-area > div.service-visual.scene-ai > span.visual-floating-word,
#solutions > div.section-kicker > span,
#solutions > div.solution-heading > p > span,
#reply-experience > div.experience-copy > span.experience-index,
#reply-experience > div.experience-copy > p,
#reply-experience > div.experience-copy > div.experience-steps > span,
#reply-experience > div.experience-copy > a.experience-link,
#reply-experience > div.chat-simulator > div.sim-chat-header > span.sim-avatar,
div.chat-simulator > div.sim-chat-header > div > strong,
div.chat-simulator > div.sim-chat-header > div > small,
#reply-experience > div.chat-simulator > div.sim-chat-header > span.sim-label,
#reply-log > div.sim-chat-date,
#reply-experience > div.chat-simulator > div.sim-chat-tools > p,
div.chat-simulator > div.sim-chat-tools > div > button,
#reply-replay,
#reply-experience > div.chat-simulator > p.sim-footnote,
#sheet-experience > div.experience-copy > span.experience-index,
#sheet-experience > div.experience-copy > p,
#sheet-experience > div.experience-copy > div.experience-steps > span,
#sheet-experience > div.experience-copy > a.experience-link,
#sheet-experience > div.spreadsheet-simulator > div.sheet-titlebar > strong,
#sheet-experience > div.spreadsheet-simulator > div.sheet-titlebar > span.sim-label,
#sheet-experience > div.spreadsheet-simulator > div.sheet-ribbon > span.sheet-active-tab,
#sheet-experience > div.spreadsheet-simulator > div.sheet-ribbon > span,
#sheet-experience > div.spreadsheet-simulator > div.sheet-ribbon > small,
#sheet-cell-name,
table.live-sheet > thead > tr > th,
#sheet-rows > tr > td,
#sheet-rows > tr > td.computed-cell.active-formula,
#sheet-rows > tr > td.computed-cell,
div.spreadsheet-simulator > div.sheet-summary > div > span,
div.spreadsheet-simulator > div.sheet-summary > div.sheet-grand-total > span,
#store-totals > span,
#sheet-experience > div.spreadsheet-simulator > div.sheet-bottom > span,
#sheet-status,
#sheet-run,
#sheet-reset,
#sheet-experience > div.spreadsheet-simulator > p.sim-footnote,
#order-experience > div.experience-copy > span.experience-index,
#order-experience > div.experience-copy > p,
#order-experience > div.experience-copy > div.experience-steps > span,
#order-experience > div.experience-copy > a.experience-link,
div.order-simulator > div.sim-chat-header > div > strong,
div.order-simulator > div.sim-chat-header > div > small,
#order-experience > div.order-simulator > div.sim-chat-header > span.sim-label,
#order-form > div.order-form-heading > span,
#order-form > div.order-form-heading > strong,
#order-items > div.order-product > div > strong,
#order-items > div.order-product > div > small,
#order-form > div.order-form-footer > span,
#order-submit,
#order-confirm > span.order-confirm-label,
#order-confirm > p,
#order-back,
#order-send,
#order-experience > div.order-simulator > ol.order-progress > li,
#order-log > div.order-empty,
#order-replay,
#order-experience > div.order-simulator > p.sim-footnote,
#main > section.capabilities.section-shell > div.section-kicker > span,
section.capabilities.section-shell > div.capability-grid > article.capability > span,
section.capabilities.section-shell > div.capability-grid > article.capability > h3,
section.capabilities.section-shell > div.capability-grid > article.capability > p,
#main > section.capabilities.section-shell > div.bridge-copy > a.text-link,
#system-pricing > div.section-kicker > span,
#system-pricing > div.system-price-heading > p,
#system-pricing > p.draft-price,
#system-pricing > div.system-price-grid > article > h3,
#system-pricing > div.system-price-grid > article > span.cost-label,
#system-pricing > div.system-price-grid > article > div.monthly-cost,
div.system-price-grid > article > div.monthly-cost > b,
#system-pricing > div.system-price-grid > article > p,
#system-pricing > div.system-price-grid > article > a.pill-link,
#system-pricing > div.extra-prices > p > b,
#system-pricing > div.extra-prices > p > span,
#system-pricing > p.system-price-note,
#system-pricing > details.price-sources > summary,
#system-pricing > details.price-sources > p,
#system-pricing > details.price-sources > p > a,
#pricing > div.section-kicker > span,
#pricing > div.pricing-layout > div.pricing-intro > p,
#pricing > div.pricing-layout > div.pricing-intro > a.text-link,
div.price-list > details > summary > span.price-number,
div.price-list > details > summary > span.price-name,
details > summary > span.price-name > small,
details > summary > span.price-value > span,
div.price-list > details > div.price-body > p,
div.price-list > details > div.price-body > a,
#pricing > p.price-note,
#about > div.section-kicker > span,
#about > div.about-layout > div.about-copy > p,
div.about-layout > div.about-copy > div.about-seal > span,
div.about-layout > dl.company-info > div > dt,
div.about-layout > dl.company-info > div > dd,
dl.company-info > div > dd > a,
#contact > div.contact-top > p.eyebrow,
#contact > div.contact-top > span,
#contact > div.contact-bottom > p,
div.contact-bottom > div.contact-circles > a.contact-circle.contact-line > span.circle-channel,
div.contact-bottom > div.contact-circles > a.contact-circle > span.circle-channel,
footer.footer > div > span,
footer.footer > div > p,
#year{font-size:16px!important;line-height:1.7!important}
.system-pricing .extra-prices{grid-template-columns:1fr!important}.system-pricing .extra-prices p{flex-direction:column;gap:6px}.system-pricing .extra-prices b,.system-pricing .extra-prices span{font-size:18px!important}.hero-meta{gap:12px;flex-wrap:wrap}.hero-foot>span{display:none}.hero-description{max-width:100%}.section-kicker{align-items:flex-start}.gallery-caption{min-height:100px}.price-list summary{flex-wrap:wrap;gap:10px}.price-sources{overflow-wrap:anywhere}
}

/* Restore the original crossed ribbon palette. */
body .cross-tickers .ticker-yellow{background:#F3C84F;color:#202821}body .cross-tickers .ticker-ink{background:#202821;color:#F7F4EC}body .cross-tickers .ticker-yellow .ticker-track,body .cross-tickers .ticker-yellow span,body .cross-tickers .ticker-yellow b{color:#202821}body .cross-tickers .ticker-ink .ticker-track,body .cross-tickers .ticker-ink span{color:#F7F4EC}body .cross-tickers .ticker-ink b{color:#F3C84F}