:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--paper:#080f21;--ink:#e6eef7;--blue:#91caff;--line:#29374b;--muted:#aabbd0}
.theme-toggle{width:36px;height:40px;flex-shrink:0;display:grid;place-items:center;border:0;padding:6px;background:none;color:inherit;cursor:pointer;touch-action:manipulation}.theme-toggle svg{width:23px;height:23px}.theme-toggle:focus-visible{outline:2px solid #77cbff;outline-offset:3px;border-radius:5px}
.design-credit a,.design-credit a:visited,.design-credit a:hover,.design-credit a:active{color:inherit;font:inherit;font-weight:inherit;text-decoration:none;background:none}.design-credit a:focus-visible{outline:1px solid currentColor;outline-offset:3px}
[data-theme=dark] .journal-card,[data-theme=dark] .contact-page-card{background:#111c30}
[data-theme=dark] .footer-brand strong,[data-theme=dark] .about-page .footer-brand strong{color:#e6eef7}[data-theme=dark] .footer-brand small{color:#aabbd0}
[data-theme=dark] .footer-bottom,[data-theme=dark] .index,[data-theme=dark] .card-category,[data-theme=dark] .card-no,[data-theme=dark] .concept-note{color:#aabbd0}
[data-theme=dark] .about-lead,[data-theme=dark] .experience-small,[data-theme=dark] .about-image-caption{color:#aabbd0}[data-theme=dark] .experience-rule{background:#29374b}
[data-theme=dark] .filter{border-color:#3c506a}[data-theme=dark] .filter.active,[data-theme=dark] .filter:hover{background:#214d91;border-color:#628fcb;color:#f4f8ff}
[data-theme=dark] .journal-read,[data-theme=dark] .journal-copy>span:first-child,[data-theme=dark] .article-heading>span,[data-theme=dark] .page-icon,[data-theme=dark] .phone-number,[data-theme=dark] .journal-card-link:hover h2{color:#91caff}[data-theme=dark] .page-icon{border-color:#405878}[data-theme=dark] .whatsapp-mark{color:#25d366}
[data-theme=dark] .lightbox{background:#111c30;color:#e6eef7}[data-theme=dark] dialog{background:#111c30;color:#e6eef7;border-color:#29374b}[data-theme=dark] .lightbox-controls button{border-color:#536780}
[data-theme=dark] .service-links{background:#111e35;color:#e6eef7}[data-theme=dark] .service-links a{border-color:#29374b}[data-theme=dark] .service-links a:hover{color:#91caff}
[data-theme=dark] .button-white{background:#edf4fc;color:#143a6c}[data-theme=dark] .button-white:hover{background:#cfe6fa}
@media(min-width:781px) and (max-width:1120px){.header{gap:12px}.nav{gap:12px}.nav a{font-size:12px}.header-actions{gap:12px}}
@media(max-width:400px){.header{gap:10px}.header-actions{gap:8px}.theme-toggle{width:32px}}
@media(max-width:780px){.footer-bottom .design-credit{text-align:right}}

/* The first screen and brand panels follow the selected theme too. */
[data-theme=light] .header{background:#f5f5f0;color:#17365c}
[data-theme=light] .header .brand strong{color:#143b86}[data-theme=light] .header .brand small{color:#576777}[data-theme=light] .menu span{background:#17365c}[data-theme=light] .nav-cta{border-color:#9aacc0}
[data-theme=light] .nav a[aria-current=page]{color:#1d65b7}[data-theme=light] .nav a:after{background:#1d65b7}[data-theme=light] .chevron{color:#315c8f}
[data-theme=light] .hero{background:#eaf1fa;color:#17365c}[data-theme=light] .hero-photo{background:radial-gradient(ellipse at 65% 35%,#c4dcf666,transparent 62%),linear-gradient(145deg,#eef4fc,#dfeaf7)}
[data-theme=light] .hero-shade,[data-theme=light][dir=ltr] .hero-shade{background:linear-gradient(0deg,#edf3fa99,transparent 30%)}
[data-theme=light] .hero-canvas{filter:brightness(.65) saturate(1.3)}
[data-theme=light] .hero h1{color:#17365c}[data-theme=light] .hero-outline{color:#1d65b7}[data-theme=light] .hero-description{color:#496580}[data-theme=light] .hero-content .eyebrow,[data-theme=light] .hero-top{color:#315c8f}
[data-theme=light] .scene-tab{background:#ffffff99;color:#315177;border-color:#7397c466}[data-theme=light] .scene-tab.active{background:#d4e8ff;color:#173d6c;border-color:#527fb8}[data-theme=light] .scene-tab small{color:#54739b}[data-theme=light] .scene-dot,[data-theme=light] .scene-tab.active .scene-dot{background:#1d65b7;box-shadow:0 0 10px #1d65b755}
[data-theme=light] .hero .button-white{background:#17479e;color:#fff}[data-theme=light] .hero .button-white:hover{background:#123b85}
[data-theme=light] .why-card,[data-theme=light] .service-card{background:radial-gradient(ellipse at 100% 0,#d7e6f8,transparent 75%),#edf3fa;color:#17365c;border-color:#c0d1e6}
[data-theme=light] .why-card:before{background:#1d65b7;box-shadow:0 0 12px #1d65b733}[data-theme=light] .why-icon{color:#1d65b7;background:#ffffff66;border-color:#94b4d966}[data-theme=light] .why-number,[data-theme=light] .service-index{color:#4f7098}[data-theme=light] .service-card p{color:#496580}[data-theme=light] .service-card .text-link{color:#17479e;border-color:#9aacc0}
[data-theme=light] .service-art{background:radial-gradient(ellipse at 80% 0,#d7e6f8,transparent 75%),#edf3fa;color:#1d65b7}
[data-theme=light] .material-story,[data-theme=light] .page-band,[data-theme=light] .about-bottom{background:#e7eff9;color:#17365c}[data-theme=light] .page-band p,[data-theme=light] .material-content p,[data-theme=light] .about-bottom .eyebrow{color:#496580}[data-theme=light] .material-tags span{border-color:#9aacc0}
[data-theme=light] .page-band .button-white,[data-theme=light] .about-bottom .button-white,[data-theme=light] .material-story .button-white{background:#17479e;color:white}[data-theme=light] .page-band .button-white:hover,[data-theme=light] .about-bottom .button-white:hover{background:#123b85}
[data-theme=light] .nav-settings{border-color:#b9cbe1}
@media(max-width:780px){[data-theme=light] .nav{background:#edf3fa;color:#17365c}[data-theme=light] .service-links{background:#e1ebf7;color:#17365c}[data-theme=light] .service-links a{border-color:#bdcfe4}[data-theme=light] .service-links a:hover{color:#17479e}}