/* BreakMetric's existing Control Center palette. Public surfaces only. */
body { background:#e8f1f7; }
h2,h3 { color:var(--bm-title-blue); }
.site-header { background:#f0f7fcf7; border-bottom-color:#bdd6e6; }
.hero,.pricing-hero,.public-page-hero { color:white; background:radial-gradient(ellipse at 92% 8%,#35aee225,transparent 55%),linear-gradient(120deg,var(--bm-navy),var(--bm) 78%); }
.hero:after { border-color:#77c9ed33; }
.hero h1,.pricing-hero h1,.public-page-hero h1 { color:white; }
.hero h1>span { color:#b3eaff; }
.hero .eyebrow,.pricing-hero .eyebrow,.public-page-hero .eyebrow,.hero .visual-label { color:#c5ecfc; }
.hero-description,.hero-price,.hero-points,.hero .visual-label>span:last-child,.pricing-hero .lead,.public-page-hero .lead { color:#deeff8; }
.hero-description strong,.hero-price strong { color:white; }
.hero-price a { color:#c2efff; }
.hero-points i { color:#c2efff; }
.hero-copy .button:not(.button-light) { background:#e5f5fc; color:var(--bm-navy); border-color:#e5f5fc; }
.hero-copy .button-light { background:transparent; color:white; border-color:#b9e1f1; }
.hero-copy .button:hover { background:white; color:var(--bm-navy); }
.hero-frame { transform:none; border-color:#b8d5e5; box-shadow:0 22px 65px #062c4940; }
.hero-frame .image-zoom { aspect-ratio:1920/901; display:grid; place-items:center; background:#e9f4fa; }
.hero-frame .image-zoom img { width:100%; height:100%; object-fit:contain; background:#e9f4fa; }
.carousel-caption { display:grid; grid-template-columns:1fr auto; gap:20px; min-height:112px; background:#eaf5fc; border-color:#b9d9ed; }
.carousel-caption strong { color:var(--bm-title-blue); font-size:14px; }
.carousel-caption small { font-size:11px; line-height:1.7; color:#486b82; }
.carousel-controls { display:flex; align-items:center; gap:10px; }
.carousel-arrow { width:44px; height:44px; display:grid; place-items:center; border:1px solid #b2d3e8; border-radius:50%; background:var(--bm); color:white; padding:10px; transition:background .15s; }
.carousel-arrow:hover { background:var(--bm-navy); }
.carousel-arrow svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#hero-slide-count { color:var(--bm-title-blue); font-size:10px; font-weight:800; white-space:nowrap; }
.hero-image-stage { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.hero-frame .hero-image-stage>img { position:relative; width:100%; height:100%; object-fit:contain; }
.hero-frame .hero-image-stage>.hero-previous-image { position:absolute; inset:0; }
.hero-frame .hero-image-stage>img[data-product="attendance"] { object-fit:cover; object-position:center top; }
.hero-frame .hero-image-stage>img[data-product="tracker"] { box-sizing:border-box; padding:12px; }
.hero-wipe { animation:bm-product-wipe .7s cubic-bezier(.22,.61,.36,1) both; }
@keyframes bm-product-wipe { from { clip-path:inset(0 0 0 100%); } to { clip-path:inset(0 0 0 0); } }
.product-picker { display:flex; gap:15px; align-items:center; margin-bottom:18px; font-size:12px; color:var(--bm-navy); font-weight:700; }
.product-picker>span { margin-left:auto; font-size:10px; font-weight:500; color:#5a7183; }
.product-tabs { width:100%; max-width:100%; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#8aafc8 transparent; }
.product-tabs button { flex:0 0 auto; white-space:nowrap; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.value-strip { background:#deedf6; padding:24px; border:1px solid #bdd7e7; border-radius:0 0 18px 18px; }
.product-tour { padding:28px; background:linear-gradient(120deg,#f2f9fd,#d9eaf6); border:1px solid #bdd6e7; border-radius:22px; box-shadow:0 14px 38px #1055800c; }
.product-tabs { background:#dcecf6; border-color:#b9d3e5; }
.capability-section { background:#d7e8f3; border-color:#b9d2e3; }
.capability-card { background:linear-gradient(150deg,#f3f9fd,#e4f0f8); border-color:#b9d3e5; }
.capability-card:nth-child(3n+2) { background:linear-gradient(145deg,#e6f4fc,#dcecf7); }
.capability-card h3 { color:var(--bm-title-blue); }
.capability-card>span:last-child { border-top-color:#bfd9e9; }
.tone-blue,.tone-violet,.tone-amber,.tone-teal { background:#d3eaf7; color:var(--bm-title-blue); }
.tone-cyan { background:#d9f1fc; color:#136b91; }
.leave-desk-card { border-top:3px solid var(--bm-mid); }
.module-scope-note { color:#516e84; }
.perspective-list article { background:#deecf5; padding:24px; margin-bottom:12px; border:1px solid #bdd5e5; border-radius:16px; }
.perspective-list article:first-child,.perspective-list article:last-child { padding:24px; border:1px solid #bdd5e5; }
.commercial-band { background:linear-gradient(120deg,#d5eaf7,#e9f5fb); border-color:#a8cce3; }
.contact-card { background:linear-gradient(120deg,var(--bm-navy),var(--bm)); }
.contact-actions .button { background:#e4f5fc; color:var(--bm-navy); border-color:#e4f5fc; }
.contact-actions .button:hover { background:white; }
.site-footer { background:var(--bm-navy); border-color:#347daa; }
.site-footer .brand>span { color:#e1f4fd; }
.site-footer .brand small,.footer-main nav,.footer-bottom p { color:#c7e3f2; }
.footer-main nav a:hover { color:white; }
.footer-bottom { border-color:#5c94b866; }
/* Reuse the local Font Awesome brand font; no social SDKs or remote icon requests. */
@font-face { font-family:"BM Social Brands"; font-style:normal; font-weight:400; font-display:block; src:url("/dashboard/vendor/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"); unicode-range:U+F08C,U+F09A,U+F232; }
.footer-main { flex-wrap:wrap; }
.footer-connect { display:flex; flex-direction:column; gap:9px; }
.footer-connect>p { color:#c7e3f2; font-size:10px; font-weight:600; }
.footer-main .social-links { display:flex; gap:10px; }
.footer-main .social-link { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border:1px solid white; border-radius:10px; background:white; color:var(--social-color); }
.social-link--linkedin { --social-color:#0a66c2; }
.social-link--facebook { --social-color:#0866ff; }
.social-link--whatsapp { --social-color:#25d366; }
.social-icon { font-family:"BM Social Brands"; font-style:normal; font-weight:400; font-size:27px; line-height:1; }
.footer-main .social-link:hover { color:var(--social-color); outline:2px solid #b3eaff; outline-offset:3px; }
.footer-main .social-link:focus-visible { outline:3px solid #b3eaff; outline-offset:4px; }
.negotiable-note { background:#e3f3fc; color:var(--bm-navy); border-color:#c0e4f5; }
.plan-card { background:linear-gradient(155deg,#f3f9fd,#deedf7); border-color:#a8c9df; }
.plan-card.featured { background:linear-gradient(155deg,#d5eaf9,#eaf5fc); }
.plan-card li.quotation-feature:before { content:"↗"; color:var(--bm); }
.quotation-feature span { display:block; width:fit-content; border:1px solid #accfe5; padding:2px 8px; margin-top:5px; border-radius:20px; background:#d5eaf7; color:var(--bm-navy); font-size:10px; font-weight:700; }
.estimate-card { background:#dcecf7; border-color:#b0cfe3; }
.comparison-table thead { background:var(--bm-navy); color:white; }
.comparison-table tbody { background:#eff7fc; }
.comparison-table tbody tr:nth-child(even) { background:#deedf7; }
.included-item { background:#dfeef7; border-color:#b9d3e5; }
.faq-list { background:#deecf6; padding:26px; border:1px solid #bdd5e5; border-radius:18px; }
.public-page-hero { padding:70px 0 65px; }
.public-page-hero h1 { font-size:clamp(38px,4vw,58px); }
.public-page-hero .lead { max-width:660px; font-size:15px; line-height:1.9; margin-top:25px; }
.security-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.security-card { padding:30px; border:1px solid #afcde1; background:linear-gradient(145deg,#f0f8fd,#dcecf7); border-radius:18px; }
.security-card h3 { font-size:19px; margin-bottom:14px; }
.security-card p { font-size:13px; line-height:1.9; }
.security-responsibility { background:var(--bm-navy); }
.responsibility-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.responsibility-grid h2,.responsibility-grid h3 { color:white; }
.responsibility-grid .eyebrow { color:#c6eafb; }
.responsibility-grid p { color:#d2e9f6; font-size:14px; line-height:1.9; margin-top:20px; }
.responsibility-panel { border:1px solid #699fc266; background:#2e79a033; border-radius:18px; padding:30px; }
.responsibility-panel h3 { font-size:20px; }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:35px; align-items:start; }
.contact-information { padding:34px; border-radius:22px; background:linear-gradient(150deg,var(--bm-navy),var(--bm)); }
.contact-information h2 { color:white; font-size:30px; }
.contact-information .eyebrow { color:#c6eafb; }
.contact-information p { color:#d2e9f6; font-size:13px; line-height:1.9; margin-top:20px; }
.direct-email { display:block; color:#e5f6fd; font-size:14px; font-weight:800; overflow-wrap:anywhere; margin:23px 0 15px; }
.contact-information .button { font-size:11px; min-height:44px; }
.contact-hint { margin-top:28px; padding-top:25px; border-top:1px solid #79accc88; }
.contact-hint h3 { color:#e4f5fc; font-size:16px; }
.contact-hint ul { padding-left:18px; color:#d2e9f6; font-size:12px; line-height:1.9; }
.contact-hint p { margin-top:12px; font-size:12px; }
.inquiry-card { padding:36px; background:linear-gradient(150deg,#f1f8fd,#dcecf7); border:1px solid #b1cfe3; border-radius:22px; }
.inquiry-card h2 { font-size:28px; }
.inquiry-intro { font-size:12px; margin:18px 0 26px; line-height:1.9; }
.inquiry-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.inquiry-fields .field-wide { grid-column:1/-1; }
.inquiry-card label { display:block; color:#315e7c; font-size:11px; font-weight:800; margin-bottom:7px; }
.inquiry-card input,.inquiry-card select,.inquiry-card textarea { width:100%; min-width:0; padding:12px; background:#f7fbfd; color:var(--ink); border:1px solid #a7c7de; border-radius:9px; font:13px/1.65 Manrope,Arial,sans-serif; }
.inquiry-card textarea { resize:vertical; }
.inquiry-card .required-note { font-size:10px; line-height:1.9; margin:16px 0; }
.inquiry-status { color:var(--bm-navy); font-size:12px; line-height:1.8; margin-top:15px; }
.inquiry-preview { margin-top:24px; padding:24px; border:1px solid #9fc5df; background:#d4e8f6; border-radius:16px; }
.inquiry-preview h3 { font-size:19px; margin-bottom:12px; }
.inquiry-preview p { font-size:11px; margin-bottom:12px; overflow-wrap:anywhere; }
.inquiry-preview .button { font-size:11px; gap:12px; }
button:disabled { cursor:not-allowed; opacity:.65; }
[hidden] { display:none!important; }
@media(max-width:1100px) { .site-nav { gap:20px; } .header-inner { gap:18px; } .carousel-caption { grid-template-columns:1fr; } .carousel-controls { justify-content:flex-end; } .contact-layout { grid-template-columns:.85fr 1.15fr; gap:22px; } .inquiry-card,.contact-information { padding:28px; } }
@media(max-width:820px) { .hero-frame { transform:none; } .product-tour { padding:24px; } .security-grid { grid-template-columns:repeat(2,1fr); } .responsibility-grid,.contact-layout { grid-template-columns:1fr; gap:25px; } .carousel-caption { grid-template-columns:1fr auto; } .site-nav { background:#e9f3fa; } .public-page-hero { padding:48px 0; } }
@media(max-width:480px) { .carousel-caption { grid-template-columns:1fr; gap:14px; padding:18px; } .carousel-controls { justify-content:space-between; } .value-strip { padding:20px 15px; } .product-tour { padding:20px; } .security-grid,.inquiry-fields { grid-template-columns:1fr; } .security-card { padding:26px; } .inquiry-card,.contact-information { padding:24px; } .inquiry-card h2 { font-size:24px; } .inquiry-preview { padding:18px; } .inquiry-preview .actions { flex-direction:column; } .faq-list { padding:22px; } .public-page-hero .lead { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .hero-frame { transform:none; } .carousel-arrow { transition:none; } }
@media(max-width:820px) { .product-picker { flex-wrap:wrap; } .product-picker>span { width:100%; margin-left:0; } }
@media(max-width:480px) { .carousel-caption { min-height:195px; } .product-picker { align-items:flex-start; flex-direction:column; gap:9px; } .product-tabs button { flex:0 0 auto; } }

/* Accent families follow the actual Realtime states; BM blue anchors all headings. */
:root { --mint:#e7f7ee; --mint-ink:#166c48; --amber:#fff3e3; --amber-ink:#8c5015; --violet:#f0ebfa; --violet-ink:#64488a; --coral:#ffedf0; --coral-ink:#a13d52; }
body { background:radial-gradient(ellipse at 0 30%,#dff3e955,transparent 45%),radial-gradient(ellipse at 100% 75%,#f9e6d955,transparent 40%),#edf4f8; }
.site-header:after { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,#35aee2 0 35%,#69c697 35% 58%,#edb65e 58% 76%,#ac96db 76% 90%,#e59fae 90%); }
.hero,.pricing-hero,.public-page-hero { background:radial-gradient(ellipse at 96% 12%,#5bc99828,transparent 45%),radial-gradient(ellipse at 10% 100%,#ab91d524,transparent 50%),linear-gradient(120deg,var(--bm-navy),var(--bm) 78%); }
.hero:after { background:radial-gradient(circle at 45% 45%,#60c6a716,transparent 70%); border-color:#97d9bb44; }
.hero-frame { border-top:3px solid #91d5bb; }
.carousel-caption { border-left:4px solid #77c497; background:linear-gradient(115deg,#eefaf3,#edf6fc); }
.value-strip { background:linear-gradient(105deg,#e5f3fc,#edf7ef 42%,#fff4e5 75%,#f0eafb); }
.value-strip>div:nth-child(2)>span { background:var(--mint); color:var(--mint-ink); }
.value-strip>div:nth-child(3)>span { background:var(--amber); color:var(--amber-ink); }
.value-strip>div:nth-child(4)>span { background:var(--violet); color:var(--violet-ink); }
.product-tour { border-top:3px solid #a8bde5; background:linear-gradient(125deg,#edf6fc,#eaf8ef); }
.product-tour.is-attendance { grid-template-columns:1fr; gap:24px; }
.product-tour.is-attendance .tour-description { display:grid; grid-template-columns:1fr 1.2fr; column-gap:35px; }
.product-tour.is-attendance .tour-description .eyebrow,.product-tour.is-attendance .tour-description h3 { grid-column:1; }
.product-tour.is-attendance .tour-description>p:not(.eyebrow) { grid-column:2; grid-row:1/3; align-self:center; }
.product-tour.is-attendance .tour-frame { width:100%; }
.product-tour.is-attendance .tour-frame img { max-height:none; }
.product-tour.is-tracker .tour-frame .image-zoom { padding:14px; }
.product-tour.is-tracker .tour-frame img { display:block; border-radius:8px; }
.product-tour.is-complete-preview .tour-frame .image-zoom { padding:14px; }
.product-tour.is-complete-preview .tour-frame img { display:block; border-radius:8px; object-fit:contain; }
.product-tour.is-wide-preview { grid-template-columns:1fr; gap:24px; }
.product-tour.is-wide-preview .tour-frame { width:100%; }
.product-tour.is-wide-preview .tour-frame img { max-height:none; }
.capability-section { background:linear-gradient(120deg,#e3eef7,#eaf5ee 50%,#f5f0fa); }
.capability-card { border-top:3px solid #72b9dc; }
.capability-card:nth-child(5n+1),.security-card:nth-child(5n+1) { background:linear-gradient(145deg,#f5fcf8,var(--mint)); border-top:3px solid #69ba8e; }
.capability-card:nth-child(5n+2),.security-card:nth-child(5n+2) { background:linear-gradient(145deg,#f3faff,#e1f2fc); border-top:3px solid #70b9df; }
.capability-card:nth-child(5n+3),.security-card:nth-child(5n+3) { background:linear-gradient(145deg,#fffaf2,var(--amber)); border-top:3px solid #e6b366; }
.capability-card:nth-child(5n+4),.security-card:nth-child(5n+4) { background:linear-gradient(145deg,#faf7ff,var(--violet)); border-top:3px solid #ac96d5; }
.capability-card:nth-child(5n+5),.security-card:nth-child(5n+5) { background:linear-gradient(145deg,#fff8fa,var(--coral)); border-top:3px solid #e5a0ae; }
.tone-blue { background:#dceffd; color:var(--bm-title-blue); }
.tone-cyan { background:#dcf4fa; color:#14697e; }
.tone-teal { background:#d8f0e3; color:var(--mint-ink); }
.tone-amber { background:#fae7c8; color:var(--amber-ink); }
.tone-violet { background:#e6ddf5; color:var(--violet-ink); }
.perspective-list article:first-child { background:linear-gradient(135deg,#edf9f2,#e1f1e7); border-left:4px solid #6bb38c; }
.perspective-list article:nth-child(2) { background:linear-gradient(135deg,#fff7eb,#faedd8); border-left:4px solid #dfb36a; }
.perspective-list article:last-child { background:linear-gradient(135deg,#f5f0fc,#ece4f7); border-left:4px solid #a890d0; }
.commercial-band { background:radial-gradient(ellipse at 90% 0,#efe6fa,transparent 65%),linear-gradient(120deg,#e1f3e9,#e8f4fc); border-top:3px solid #81c3a0; }
.contact-card,.contact-information { border-top:4px solid #8ad2af; background:radial-gradient(ellipse at 100% 0,#78ca9925,transparent 70%),linear-gradient(120deg,var(--bm-navy),var(--bm)); }
.site-footer { border-top:3px solid transparent; border-image:linear-gradient(90deg,#35aee2,#69c697,#edb65e,#ac96db,#e59fae) 1; }
.plan-card:first-child { border-top:4px solid #74b7de; background:linear-gradient(155deg,#f2f9ff,#e0eef9); }
.plan-card.featured { border:1px solid #97c8af; border-top:4px solid #69ba8e; padding:30px; background:linear-gradient(155deg,#f3fbf6,#e0f2e7); box-shadow:0 14px 40px #19604412; }
.plan-card:last-child { border-top:4px solid #ab94d5; background:linear-gradient(155deg,#f9f5fe,#ece4f7); }
.plan-ribbon { background:var(--mint-ink); }
.plan-card.featured .button { background:var(--mint-ink); border-color:var(--mint-ink); }
.plan-card.featured .button:hover { background:#125737; }
.plan-card:last-child .button { border-color:#b9a6da; background:#f8f4ff; color:var(--violet-ink); }
.estimate-card { background:linear-gradient(120deg,#e5f2fa,#eaf6ee,#f5effc); }
.estimate-results>div:nth-child(2) strong { color:var(--mint-ink); }
.estimate-results>div:nth-child(3) strong { color:var(--violet-ink); }
.comparison-table thead th:nth-child(3) { background:#166c48; }
.comparison-table thead th:nth-child(4) { background:#64488a; }
.comparison-table tbody td:nth-child(3) { background:#e7f5ec99; }
.comparison-table tbody td:nth-child(4) { background:#eee7f699; }
.included-item:nth-child(1) { background:linear-gradient(145deg,#f2fbf5,#e0f2e7); border-top:3px solid #7dc59c; }
.included-item:nth-child(2) { background:linear-gradient(145deg,#fff9ef,#fbedda); border-top:3px solid #e4bb77; }
.included-item:nth-child(3) { background:linear-gradient(145deg,#f8f4ff,#eae2f5); border-top:3px solid #b09bd8; }
.faq-list { background:linear-gradient(155deg,#edf6fc,#f3eef9); }
.security-responsibility { background:radial-gradient(ellipse at 0 0,#76c39122,transparent 70%),var(--bm-navy); border-block:3px solid #87c8a2; }
.inquiry-card { background:linear-gradient(150deg,#f5f9fe,#edf7f1); border-top:4px solid #e3b36a; }
.inquiry-preview { background:var(--mint); border-color:#89bea1; }
.contact-hint:last-child { border-top-color:#e6be8277; }
.about-hero-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:80px; align-items:center; }
.about-brand-panel { padding:45px; text-align:center; background:#e6f6ff10; border:1px solid #abd5e666; border-radius:24px; box-shadow:0 22px 50px #082f4428; }
.about-brand-panel img { margin:0 auto 25px; background:#edf7fd; padding:12px; border-radius:20px; width:100px; height:110px; object-fit:contain; }
.about-brand-panel strong { color:white; font:600 22px/1.4 Sora,Arial,sans-serif; display:block; }
.about-brand-panel p { color:#dbedf7; font-size:12px; line-height:1.9; margin-top:18px; }
.about-palette { display:flex; justify-content:center; gap:9px; margin-top:24px; }
.about-palette i { width:25px; height:6px; border-radius:8px; background:#7bc5e9; }
.about-palette i:nth-child(2) { background:#91d4ad; }.about-palette i:nth-child(3) { background:#edc382; }.about-palette i:nth-child(4) { background:#b8a3df; }.about-palette i:nth-child(5) { background:#e6afba; }
.about-pillars { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
@media(max-width:820px) { .about-hero-grid { grid-template-columns:1fr; gap:30px; } .about-brand-panel { max-width:530px; padding:32px; } .product-tour.is-attendance .tour-description { display:block; } }
@media(max-width:480px) { .about-pillars { grid-template-columns:1fr; } .about-brand-panel { padding:28px; } .hero-carousel { outline-offset:4px; } }
@media(prefers-reduced-motion:reduce) { .hero-wipe { animation:none; clip-path:none; } }