/* Owner-selected light palette, with a compact card composition. */
:root{--ink:#0d2239;--paper:#edf4f8;--muted:#526980;--line:#d6e3ed;--cyan:#2fc7f7;--cyan-soft:#d8f4ff;--wrap:1200px}
body{background:var(--paper)}
h1,h2,h3{font-weight:750;letter-spacing:-.04em}
.eyebrow{color:#077da3;font-size:.8rem;letter-spacing:.055em;text-transform:none}
.accent{color:#087ea6}
.button{border-radius:999px;background:var(--cyan);color:#092238}
.button:hover{background:#6cdafd}
.button.dark{background:#0d2239;color:#fff}
.button.outline{color:#133650;border-color:#bbd0df;background:#fff}
.button.outline:hover{background:#e1f6fe}
.button.light{color:#193b56;background:white;border-color:#c6d9e8}
.site-header{background:#edf4f8ed;border-color:transparent;color:var(--ink)}
.header-inner{min-height:80px}
.brand-symbol{font-size:38px;background:var(--cyan);width:45px;height:45px;padding:0;letter-spacing:-.06em;display:grid;place-items:center;border-radius:12px;color:#092039;line-height:1}
.brand-name{font-weight:800;letter-spacing:-.015em;font-size:.8rem;line-height:1.05}
.desktop-nav{color:#435f77}
.desktop-nav a:hover,.nav-drop summary:hover,.desktop-nav a[aria-current=page]{color:#006f93}
.header-cta{background:#0d2239;color:#7adfff}
.header-cta:hover{background:#1b3b58}
.nav-popover{background:white;border-color:#ccdeea;box-shadow:0 15px 45px #1738521a}
.nav-popover a:hover{background:#e5f5fc}
.menu-toggle{background:white;color:#15354d;border-color:#c7d9e6;border-radius:10px}
.mobile-nav{border-color:#d4e1eb;background:#f6fbff}
.mobile-nav a{color:#29495f;border-color:#d4e1eb}
.hero,.inner-hero{background:#edf4f8;color:var(--ink)}
.hero::before,.inner-hero::before{border-color:#b8e4f433;box-shadow:0 0 0 65px #b7ddea10,0 0 0 130px #b7ddea10}
.hero::after,.inner-hero::after{border-color:#a1d7ed33;background:radial-gradient(circle,#c9effd33,transparent 65%)}
.inner-hero .lead,.hero .lead{color:#526b82}
.hero .eyebrow{color:#077da3}
.breadcrumb{color:#5d768b}
.breadcrumb a:hover{color:#007a9f}
.hero-side{background:#fff;border-color:#d4e3ed;box-shadow:0 10px 32px #193f5710}
.hero-side .hero-side-label,.hero-side .icon{color:#087fa2}
.hero-side ul{color:#426277}
.hero-bottom{border-color:#d0e1ec}
.hero-bottom p,.hero-note{color:#5c778b}
.system-names{color:#375a72}
.hero-note span{border-color:#a9c5d8}
.hero-board{background:#fff;border-color:#c9dfea;box-shadow:0 16px 45px #193f570c}
.hero-board .board-heading{color:#385b74}
.hero-board .board-label{color:#067596;border-color:#bedde9;background:#eefaff}
.scenario-buttons{background:#edf5fa;border-color:#d6e6ef}
.scenario-buttons button{color:#48677d}
.scenario-buttons button[aria-pressed=true]{background:#2fc7f7;color:#082d43}
.hero-board .flow-node{background:#f8fcff;color:#17394f;border-color:#cee1ec;box-shadow:0 3px 12px #14385007}
.hero-board .flow-node.is-flow-active{border-color:#139ac3;background:#e6f7fd;box-shadow:0 0 24px #2fc7f717}
.flow-node .step-label{color:#57798d}
.flow-node .node-icon{color:#087fa2}
.hero-board .flow-connectors path{stroke:#b6d2e1}
.hero-board .flow-connectors path.is-flow-path{stroke:#098db4}
.flow-packet{fill:#0785b0;stroke:#e0f7ff}
.flow-packet-halo{fill:#2fc7f730}
.flow-event{color:#3a5c73}
.flow-event-mark{background:#dbf4fd;color:#087596}
.flow-totals{border-color:#d7e5ed}
.flow-totals strong{color:#173951}
.flow-totals>div:last-child strong{color:#087ca2}
.flow-totals>div>span{color:#4f7084}
.hero-board .flow-caption{color:#4d6c81}
.hero-board .board-footer{color:#55788d}
.dark-section{background:#e0edf4;color:#102c43}
.dark-section p{color:#4b6a80}
.dark-section .eyebrow{color:#087da1}
.process-step{border-color:#95c5db}
.process-num{color:#0782a9}
.process-output{color:#55778d;border-color:#bed6e4}
.use-case{background:#f9fdff;border-color:#c4dce9}
.mini-flow li{color:#385c75;border-left-color:#a2c9dc}
.case-note{color:#57788e}
.big-statement{color:#17394f!important}
.big-statement em{color:#0783ab}
.task-section{background:#e6f0f6}
.service-card,.feature-card,.project-card{border:0;border-radius:20px}
.service-card{box-shadow:0 3px 20px #21456103}
.service-card.primary{background:#0d2239;color:#fff}
.service-card.primary p{color:#bacedd}
.service-card.primary .card-bottom{color:#66d7f9}
.service-card.secondary{background:#fff}
.service-card:nth-child(3){background:var(--cyan);color:#0a253b}
.service-card:nth-child(3) p,.service-card:nth-child(3) .card-bottom,.service-card:nth-child(3) .service-number{color:#164a65}
.service-card.seo{border:1px solid #c8dce9}
.scenario-item{border-color:#d6e5ee}
.scenario-item.active{background:#d6f3ff;border-color:#98d7ed}
.reference-flow .text-link{margin-top:24px}
.savings-section{background:#edf4f8}
.savings-calculator{border:0;gap:20px;background:transparent;box-shadow:none;overflow:visible}
.savings-controls{background:#fff;border-radius:20px}
.savings-result{border-radius:20px;background:#0d2239}
.cta-band{background:#c7effd}
.cta-grid p{color:#315e76}
.concept-panel{background:#d8f2fc}
.concept-panel span{color:#395f76;border-color:#b3d6e5;background:#f1fbff}
.concept-panel span:nth-child(2){border-color:#1583a8;color:#087396;background:#c6edfb}
.site-footer{background:#0d2239}
.footer-brand p,.footer-col h3,.footer-bottom{color:#a0b8ca}
.footer-col a{color:#d3e1eb}
.motion-toggle{background:#fffffff0;color:#31566d;border-color:#b9d3e3;box-shadow:0 5px 20px #21455b12}
.motion-toggle:hover{color:#006a90;border-color:#0583ac}
.reference-hero{padding:24px 0 28px}
.reference-hero::before,.reference-hero::after{display:none}
.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.reference-grid>div{border-radius:22px;min-width:0}
.reference-copy{grid-column:span 3;background:#fff;padding:38px 40px}
.reference-copy .eyebrow{margin-bottom:23px;font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:400}
.reference-copy .eyebrow::before{display:none}
.reference-copy h1{font-size:clamp(2.3rem,4.5vw,4.2rem);font-weight:800;letter-spacing:-.052em;line-height:1.13;margin:0 0 24px}
.reference-copy h1 mark{color:#092139;background:var(--cyan);padding:0 .1em .04em;border-radius:10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.reference-copy .lead{max-width:625px;font-size:1.06rem;line-height:1.7}
.reference-copy .actions{margin-top:26px}
.reference-stat{background:#0d2239;color:white;display:flex;flex-direction:column;padding:24px 22px;align-items:flex-start}
.tile-label{font-size:.875rem;line-height:1.45;display:block}
.reference-stat .tile-label{color:#b5cada}
.tile-badge{font-size:.75rem;border:1px solid currentColor;border-radius:5px;padding:2px 6px;line-height:1.4}
.reference-stat .tile-badge{margin-top:9px;color:#8ab8d0;border-color:#345971}
.reference-counter{color:var(--cyan);font-size:clamp(3rem,5vw,5.4rem);line-height:1.1;font-weight:800;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:auto 0 15px;padding-top:28px}
.stat-benefit{font-size:.875rem;color:#56d2fa;line-height:1.5}
.reference-stat p{margin-top:13px;font-size:.75rem;line-height:1.6;color:#abc4d5}
.reference-feed{grid-column:span 2;background:var(--cyan);padding:24px 25px;color:#0a2b41}
.tile-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;margin-bottom:15px}
.feed-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #078aad2b;font-size:.875rem;transition:opacity .35s;opacity:.66}
.feed-row strong{font-weight:500}
.feed-row.is-active{opacity:1;font-weight:700}
.feed-row.is-active strong{font-weight:700}
.feed-progress{height:3px;background:#0e5f8124;border-radius:4px;overflow:hidden;margin-top:16px}
.feed-progress span{display:block;width:0;height:100%;background:#0d5275;transform-origin:left}
.reference-effect{background:#cceffc;padding:24px;color:#0c2e45}
.reference-effect>strong{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;display:block;line-height:1.2;margin:15px 0 17px}
.reference-effect>strong span{font-size:1.3rem;margin-left:3px}
.effect-bars{display:flex;align-items:flex-end;gap:13px;height:30px}
.effect-bars span{height:100%;width:100%;background:#579bbb;border-radius:4px}
.effect-bars span:last-child{height:12.5%;background:#0a2840}
.effect-labels{display:flex;justify-content:space-around;font-size:.75rem;color:#426a80;margin-top:7px}
.reference-effect p{font-size:.75rem;color:#426a80;line-height:1.5;margin-top:12px}
.reference-links{background:white;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.reference-links a{font-size:1rem;font-weight:750;line-height:1.4;display:flex;gap:10px;align-items:center}
.reference-links a::before{content:"";display:block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#09afde}
.reference-links a:hover{color:#087ba4}
.reference-links>span{font-size:.8rem;color:#5b798c;line-height:1.5}
.systems-band{background:#0d2239;color:#51d4ff;padding:15px 0;overflow:hidden;font-size:.875rem;font-weight:600}
.systems-band>.wrap{display:flex;align-items:center;gap:25px}
.systems-label{color:#c9e2ef;flex-shrink:0;font-size:.8rem;font-weight:400}
.systems-window{overflow:hidden;min-width:0}
.systems-track{display:flex;width:max-content;animation:systems-slide 27s linear infinite}
.systems-track>span{white-space:nowrap;flex-shrink:0;padding-right:8px}
@keyframes systems-slide{to{transform:translateX(-50%)}}
@media(max-width:1000px){.reference-copy{padding:30px}.reference-copy h1{font-size:clamp(2.3rem,4.6vw,3.9rem)}.reference-stat{padding:24px 18px}.reference-links{padding:22px 18px}.reference-links a{font-size:.92rem}.reference-effect{padding:24px 19px}.reference-flow .split{gap:40px}}
@media(max-width:760px){.reference-grid{grid-template-columns:1fr 1fr;gap:14px}.reference-copy{grid-column:1/-1}.reference-stat{grid-column:1;grid-row:2;min-height:215px}.reference-effect{grid-column:2;grid-row:2}.reference-feed{grid-column:1/-1;grid-row:3}.reference-links{grid-column:1/-1;grid-row:4}.reference-counter{font-size:3.5rem;padding-top:18px}.reference-copy h1{font-size:clamp(2.1rem,6vw,3.3rem)}.systems-label{display:none}.reference-flow .split{grid-template-columns:1fr}.reference-flow .hero-board{max-width:none}.reference-stat p{margin-top:10px}.savings-calculator{gap:15px}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.header-inner{min-height:74px}.brand-symbol{width:35px;height:35px;border-radius:9px;font-size:30px}.brand-name{font-size:.69rem}.reference-hero{padding:12px 0 24px}.reference-copy{padding:26px 22px}.reference-copy .eyebrow{font-size:.875rem;margin-bottom:20px;line-height:1.5}.reference-copy h1{font-size:clamp(1.5rem,6.8vw,2.7rem);margin-bottom:20px}.reference-copy .lead{font-size:1rem;line-height:1.6}.reference-copy .actions{display:grid;grid-template-columns:1fr}.reference-copy .button{font-size:.94rem;min-height:47px;padding:12px 18px}.reference-grid>div{border-radius:18px}.reference-stat,.reference-effect{padding:19px 16px}.reference-stat .tile-label,.reference-effect .tile-label{font-size:.8rem}.reference-counter{font-size:3.1rem}.reference-effect>strong{font-size:2rem}.stat-benefit{font-size:.8rem}.reference-feed{padding:22px}.reference-links{padding:23px}.reference-links a{font-size:1rem}.reference-links>span{font-size:.875rem}.systems-band{padding-block:12px}.header-cta{min-height:40px}.savings-hero-number.is-large{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.systems-track{animation:none}}