@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#081d34;--deep:#0d2945;--blue:#1a5476;--accent:#389ce8;--cream:#f7f5f0;--ink:#172c3d;--muted:#657584;--line:#dbe2e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1230px;padding:0 38px;margin:auto}.site-header{height:86px;padding:0 max(38px,calc((100vw - 1154px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:30;box-shadow:0 1px 0 rgba(7,36,55,.09)}.brand{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.075em;color:var(--navy);display:inline-flex;align-items:baseline}.brand-mark{color:#195779}.brand-mark span{color:#389ce8}.main-nav{display:flex;align-items:center;gap:37px;font-size:14px;font-weight:700}.main-nav>a:not(.nav-cta),.nav-group>a{padding:32px 0;display:block}.main-nav .active{color:#19759b}.nav-group{position:relative}.dropdown{position:absolute;top:76px;left:-22px;background:white;width:245px;padding:10px;box-shadow:0 14px 40px rgba(9,35,58,.17);border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:12px 10px;font-size:13px;border-radius:3px}.dropdown a:hover{background:var(--cream)}.nav-cta{background:var(--navy);color:#fff;padding:13px 17px;border-radius:3px}.nav-cta span,.button span,.arrow-link span{margin-left:18px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.hero{min-height:680px;position:relative;color:#fff;background:#0c2538 url('assets/k12-hero.jpg') center center/cover no-repeat;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,43,.88) 0%,rgba(4,25,43,.67) 37%,rgba(4,25,43,.06) 80%)}.hero-content{position:relative;width:100%;padding-top:64px;padding-bottom:80px}.eyebrow,.section-kicker,.small-label,.product-no{font-size:12px;font-weight:800;letter-spacing:.14em;color:#3c7894;text-transform:uppercase}.eyebrow.light{color:#8ed2ff}.eyebrow-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:8px;vertical-align:2px}.hero :is(h1,.scroll-title){max-width:700px;font-size:clamp(42px,5vw,68px);line-height:1.11;margin:24px 0 26px}.hero p{max-width:650px;font-size:16px;line-height:1.8;color:#e6edf0;margin-bottom:34px}.hero-actions,.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{border:1px solid transparent;padding:15px 22px;display:inline-flex;align-items:center;justify-content:space-between;min-width:160px;border-radius:3px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.blue{background:var(--accent);color:var(--navy)}.button.navy{background:var(--navy);color:white}.button.outline{border-color:#aebcc4;background:transparent;color:var(--navy)}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid rgba(255,255,255,.5);padding:10px 0}.text-link span{padding-left:20px}.hero-index{position:absolute;bottom:31px;right:max(38px,calc((100vw - 1154px)/2));font-size:11px;letter-spacing:.12em;color:#ecf0ef}.intro,.why{display:grid;grid-template-columns:240px 1fr;gap:70px;padding-top:92px;padding-bottom:100px}.intro h2,.why h2,.section-top h2,.contact-section h2{font-size:clamp(32px,3.1vw,47px);line-height:1.2;margin-bottom:22px;max-width:760px}.intro p,.why p{font-size:17px;line-height:1.8;color:#4e5e69;max-width:790px}.product-teaser{background:var(--cream);padding:80px 0 95px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-top h2{margin:12px 0 0}.arrow-link{font-size:14px;font-weight:800;padding-bottom:12px;border-bottom:1px solid var(--navy)}.teaser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.teaser-grid>a{min-height:295px;background:#fff;padding:24px;display:flex;flex-direction:column;border-top:3px solid transparent;transition:transform .2s,border-color .2s,box-shadow .2s}.teaser-grid>a:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 15px 35px rgba(16,42,61,.08)}.num{font-size:11px;font-weight:800;color:#8a9aa3}.symbol{font-size:45px;color:#27779d;margin:16px 0 8px;line-height:1}.teaser-grid h3{font-size:19px;line-height:1.3;margin:8px 0}.teaser-grid p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px}.more{margin-top:auto;color:#136182;font-weight:800;font-size:13px}.page-hero{padding-top:92px;padding-bottom:76px}.page-hero :is(h1,.scroll-title){font-size:clamp(42px,5vw,65px);line-height:1.12;max-width:800px;margin:23px 0}.page-hero p{font-size:18px;line-height:1.7;color:#5a6975;max-width:800px}.product-jump{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff}.product-jump .wrap{display:flex;gap:38px;overflow:auto}.product-jump a{white-space:nowrap;padding:19px 2px;font-size:13px;font-weight:700;border-bottom:3px solid transparent}.product-jump a:hover{border-color:var(--accent)}.product-section{padding:105px 0;scroll-margin-top:60px}.product-section.alt{background:var(--cream)}.product-layout{display:grid;grid-template-columns:42% 1fr;gap:9%}.product-heading{position:sticky;top:125px;align-self:start}.product-no{color:#257aab}.product-icon{font-size:63px;color:#1b7196;margin:26px 0 10px;line-height:1}.product-heading h2{font-size:clamp(38px,4vw,55px);line-height:1.12;margin:15px 0}.lead{font-size:19px;line-height:1.55;color:#5a6975;max-width:380px;margin-bottom:30px}.product-copy{border-top:1px solid #b6c6cc}.copy-block{border-bottom:1px solid #c9d4d8;padding:26px 0}.copy-block p,.copy-block li{font-size:16px;line-height:1.7;color:#4c5d68}.copy-block p{margin:12px 0 0}.copy-block ul{padding-left:20px;margin:14px 0 0}.copy-block li{padding-left:5px;margin:7px 0}.request{background:var(--navy);color:#fff;padding:27px 30px;margin-top:28px}.request strong{font:800 21px Manrope,Arial,sans-serif}.request p{color:#d4e0e6;line-height:1.6;margin:10px 0 20px}.request a{color:var(--accent);font-weight:800;font-size:14px}.request a span{margin-left:10px}.about-hero{background:radial-gradient(circle at 80% 40%,#23577a 0,#0d2d4c 36%,#081d34 75%);color:#fff;padding:110px 0 120px}.about-hero :is(h1,.scroll-title){font-size:clamp(49px,6vw,78px);line-height:1.09;margin:28px 0}.about-hero em{font-style:normal;color:var(--accent)}.about-hero p{font-size:19px;line-height:1.7;color:#d7e3e9;max-width:620px}.why{padding-top:115px;padding-bottom:105px}.why p+p{margin-top:22px}.contact-section{background:var(--cream);padding:105px 0;scroll-margin-top:30px}.contact-grid{display:grid;grid-template-columns:41% 1fr;gap:10%}.contact-section h2{margin:18px 0}.contact-grid>div>p{font-size:17px;line-height:1.7;color:#5a6975}.contact-note{display:flex;gap:18px;border-top:1px solid #cad4d5;margin-top:55px;padding-top:20px;max-width:390px}.contact-note span{font-size:27px;color:#287ba8}.contact-note p{line-height:1.6;margin:0;color:#526574}.contact-form{background:#fff;padding:38px;box-shadow:0 17px 50px rgba(19,44,62,.07)}.contact-form label{display:block;font-size:13px;font-weight:800;margin-bottom:20px}.contact-form label span{color:#b0644c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;margin-top:8px;border:1px solid #c9d3d9;border-radius:2px;color:var(--ink);background:#fff;outline-color:#4384a4}.contact-form textarea{resize:vertical}.form-note{font-size:12px;color:#697985;margin:14px 0 0}.form-feedback{font-size:13px;font-weight:700;color:#286f9a;min-height:20px;margin:8px 0 0}dialog{border:0;max-width:500px;width:calc(100% - 32px);padding:38px;box-shadow:0 25px 100px #102f4b60;color:var(--ink)}dialog::backdrop{background:#061b2bbb}dialog h2{font-size:28px;margin:14px 0}dialog p{line-height:1.7;color:#536573}.close-dialog{position:absolute;right:16px;top:12px;font-size:28px;border:0;background:none;color:var(--navy)}footer{background:#081d34;color:#fff}.footer-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px;padding-top:45px;padding-bottom:40px}.footer-row .brand{color:#fff}.footer-row p{color:#b8cbd5;font-size:14px;margin:0}.footer-row>div{display:flex;justify-content:flex-end;gap:24px;font-size:13px;color:#d2e0e7}.footer-bottom{border-top:1px solid #31506a;padding-top:20px;padding-bottom:27px;color:#a9c0ca;font-size:12px}
@media(max-width:900px){.wrap{padding-left:25px;padding-right:25px}.site-header{padding:0 25px}.main-nav{gap:20px}.teaser-grid{grid-template-columns:repeat(2,1fr)}.intro,.why{grid-template-columns:1fr;gap:20px}.product-layout{grid-template-columns:1fr;gap:40px}.product-heading{position:static}.product-heading h2 br{display:none}.contact-grid{grid-template-columns:1fr;gap:35px}.hero{min-height:630px}.footer-row{grid-template-columns:1fr 1fr}.footer-row>div{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:680px){.site-header{height:68px;padding:0 20px}.brand{font-size:21px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;padding:12px 20px 24px;box-shadow:0 15px 25px #081d3422;align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta),.nav-group>a{padding:13px 0}.dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;width:100%;padding:0 0 0 12px}.dropdown a{padding:8px 10px}.nav-cta{margin-top:10px;text-align:center}.wrap{padding-left:20px;padding-right:20px}.hero{min-height:680px;background-position:62% center}.hero-shade{background:linear-gradient(90deg,#071c30e8,#071c30a8)}.hero-content{padding-top:60px;padding-bottom:80px}.hero :is(h1,.scroll-title){font-size:43px}.hero p{font-size:15px;line-height:1.7}.hero p br{display:none}.hero-index{right:20px}.intro,.why{padding-top:67px;padding-bottom:70px}.product-teaser{padding:65px 0}.section-top{align-items:start;gap:20px}.section-top h2{font-size:34px}.arrow-link{font-size:12px;white-space:nowrap}.teaser-grid{grid-template-columns:1fr}.teaser-grid>a{min-height:235px}.page-hero{padding-top:65px;padding-bottom:50px}.page-hero :is(h1,.scroll-title){font-size:42px}.page-hero p{font-size:16px}.product-jump .wrap{gap:24px}.product-section{padding:68px 0}.product-heading h2{font-size:42px}.about-hero{padding:80px 0}.about-hero :is(h1,.scroll-title){font-size:50px}.contact-section{padding:70px 0}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.footer-row{grid-template-columns:1fr;gap:18px}.footer-row>div{grid-column:auto;flex-wrap:wrap}}

/* Logo palette and dark navigation */
.site-header{background:var(--navy);box-shadow:0 1px 0 rgba(255,255,255,.12)}
.brand{align-items:center;letter-spacing:normal}
.brand img{display:block;width:194px;height:48px;object-fit:contain}
.main-nav>a:not(.nav-cta),.nav-group>a{color:#e9f3f8}
.main-nav .active,.main-nav>a.active,.nav-group>a.active{color:#77ccff}
.main-nav>a:not(.nav-cta):hover,.nav-group>a:hover{color:#77ccff}
.nav-cta{background:var(--accent);color:var(--navy)}
.dropdown{background:var(--deep);border-color:#31506a}
.dropdown a{color:#e9f3f8}
.dropdown a:hover{background:#1a4566;color:#fff}
.menu-toggle{color:#fff}
.button.blue{background:var(--accent);color:var(--navy)}
.button.blue:hover,.nav-cta:hover{background:#73ccff}
.request a{color:#75ccff}
.footer-row .brand img{width:194px;height:48px}
@media(max-width:680px){.main-nav{background:var(--navy)}.dropdown{background:transparent}.dropdown a{color:#d6e9f3}.brand img{width:165px;height:auto}}

/* Strategic Plan Dashboard product page */
.sp-hero{background:radial-gradient(circle at 85% 15%,#1b496c 0,#0b2945 38%,#081d34 75%);color:#fff;padding:84px 0 74px;overflow:hidden}
.sp-hero-grid{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;gap:36px}
.sp-hero :is(h1,.scroll-title){font-size:clamp(45px,4.8vw,67px);line-height:1.09;margin:22px 0}
.sp-hero p{font-size:18px;line-height:1.65;color:#d7e7f0;max-width:540px;margin-bottom:29px}
.sp-hero-image{border:1px solid #426584;padding:9px;background:#19354d;border-radius:18px;box-shadow:0 28px 70px #03142799;transform:perspective(1200px) rotateY(-3deg)}
.sp-hero-image img{display:block;width:100%;height:auto;border-radius:10px}
.sp-hero-link{font-size:14px;font-weight:700;color:#d9ebf5;border-bottom:1px solid #84a8bc;padding:9px 0}
.sp-tabs{position:sticky;top:0;z-index:25;background:#fff;box-shadow:0 4px 22px #0b2b4215}
.sp-tabs .wrap{display:flex;align-items:center;gap:38px;min-height:70px}
.sp-tabs a{height:70px;display:flex;align-items:center;white-space:nowrap;text-transform:uppercase;font-weight:800;letter-spacing:.07em;font-size:13px;color:#405369;border-bottom:3px solid transparent}
.sp-tabs a.current,.sp-tabs a:hover{color:#116da6;border-color:var(--accent)}
.sp-tabs-title{margin-left:auto;color:#577083;font-size:13px;white-space:nowrap}
.sp-anchor{scroll-margin-top:70px}
.sp-overview{padding:100px 0 105px}
.sp-overview-grid{display:grid;grid-template-columns:38% 1fr;gap:7%;align-items:center}
.sp-overview h2,.sp-section-head h2,.sp-end h2{font-size:clamp(38px,4vw,58px);line-height:1.13;margin:19px 0 25px}
.sp-overview p{font-size:17px;line-height:1.75;color:#4e6171}
.sp-overview .sp-strong{font-weight:700;color:#263f55;margin-top:24px}
.sp-audience{border:1px solid #dce5e9;border-radius:26px;background:#f8fbfc;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.sp-audience-card{padding:10px 8px}.sp-audience-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#d9f1f9;border-radius:50%;font-size:23px;color:#127cab}
.sp-audience h3{color:#1682ab;letter-spacing:-.02em;font-size:17px;margin:13px 0 17px}.sp-audience strong{font:800 20px Manrope,Arial,sans-serif;color:#172c3d}.sp-audience p{font-size:15px;line-height:1.6;margin:10px 0 0}
.sp-benefits{background-color:#081d34;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:72px 72px;color:#fff;padding:95px 0 105px}
.sp-benefits .section-kicker{color:#80d3ff}.sp-section-head{text-align:center;max-width:760px;margin:0 auto 46px}.sp-section-head p{font-size:17px;line-height:1.65;color:#617584;margin:0 auto}.sp-benefits .sp-section-head p{color:#bdd0dc}
.sp-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sp-benefit-card{border:1px solid #4d6981;border-radius:20px;background:#ffffff0b;padding:35px;min-height:260px}.sp-benefit-number{color:#63c7fa;font:800 36px Manrope,Arial,sans-serif}.sp-benefit-card h3{font-size:24px;margin:22px 0 14px;letter-spacing:-.035em}.sp-benefit-card p{color:#d0dce4;font-size:16px;line-height:1.7;max-width:500px;margin:0}
.sp-features{padding-top:100px}.sp-feature{padding:35px 0 80px;overflow:hidden}.sp-feature-tint{background:#f4f8fa;padding-top:80px}.sp-feature-grid{display:grid;grid-template-columns:36% 1fr;gap:6%;align-items:center}.sp-feature-card{position:relative;background:#fff;border:1px solid #e0e8eb;border-radius:22px;padding:36px;box-shadow:0 18px 46px #102f4b11;z-index:1}.sp-feature-number{position:absolute;right:21px;top:8px;font:800 76px Manrope,Arial,sans-serif;color:#e9eef1;z-index:-1}.sp-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;background:#dcf3fb;border-radius:14px;font-size:29px;color:#167dab}.sp-feature-card h3{font-size:30px;line-height:1.22;margin:25px 0 16px}.sp-feature-card p{font-size:16px;line-height:1.75;color:#516575}.sp-feature-card a{display:inline-flex;margin-top:12px;color:#116e9f;font-weight:800;font-size:14px}.sp-feature-card a span{margin-left:18px}.sp-feature figure{margin:0}.sp-feature figure img{display:block;width:100%;height:auto;border:1px solid #d4e0e6;border-radius:16px;box-shadow:0 22px 50px #0e2b4229}.sp-feature figcaption{font-size:12px;color:#687a86;text-align:right;margin-top:12px}
.sp-end{text-align:center;background:#e9f5fb;padding:86px 0 94px}.sp-end h2{margin-bottom:16px}.sp-end p{color:#4f6472;font-size:17px;line-height:1.7;max-width:660px;margin:0 auto 28px}
@media(max-width:900px){.sp-hero-grid,.sp-overview-grid,.sp-feature-grid{grid-template-columns:1fr;gap:40px}.sp-hero-image{transform:none}.sp-tabs-title{display:none}.sp-overview{padding:75px 0}.sp-feature-grid{gap:28px}.sp-feature-card{max-width:650px}.sp-feature figure{width:100%}}
@media(max-width:680px){.sp-hero{padding:65px 0 55px}.sp-hero :is(h1,.scroll-title){font-size:44px}.sp-hero p{font-size:16px}.sp-hero-grid{gap:45px}.sp-tabs .wrap{gap:26px;overflow-x:auto}.sp-tabs a{height:58px;font-size:12px}.sp-tabs .wrap{min-height:58px}.sp-anchor{scroll-margin-top:58px}.sp-overview{padding:70px 0}.sp-overview h2,.sp-section-head h2,.sp-end h2{font-size:36px}.sp-audience{padding:20px;grid-template-columns:1fr;gap:8px}.sp-audience-card{border-bottom:1px solid #d8e5e9;padding:15px 5px}.sp-audience-card:last-child{border:0}.sp-benefits{padding:70px 0}.sp-benefit-grid{grid-template-columns:1fr}.sp-benefit-card{min-height:0;padding:26px}.sp-benefit-card h3{font-size:21px}.sp-features{padding-top:70px}.sp-feature,.sp-feature-tint{padding:35px 0 60px}.sp-feature-card{padding:28px}.sp-feature-card h3{font-size:26px}.sp-end{padding:70px 0}}

/* Taller product monitor with six application screens */
.sp-hero{padding:64px 0}
.sp-hero-grid{max-width:1440px;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:34px}
.sp-hero-image{transform:none;padding:10px;border-radius:18px;min-width:0}
.sp-screen-stage{height:clamp(360px,31vw,440px);background:#061321;border-radius:10px;overflow:hidden;display:grid;align-items:center}
.sp-screen-stage .sp-screen-slide{width:100%;height:100%;object-fit:contain;min-height:0;border-radius:0}
.sp-screen-slide[hidden]{display:none}
.sp-screen-controls{display:flex;align-items:center;gap:9px;padding:13px 3px 3px;color:#d9ebf5}
.sp-screen-controls button{border:1px solid #53728b;background:#0b2945;color:#e9f6ff;border-radius:5px;min-width:30px;height:30px;font-size:22px;line-height:1}
.sp-screen-controls button:hover{background:#245475}
.sp-screen-controls button:focus-visible{outline:2px solid #8ed2ff;outline-offset:3px}
[data-screen-label]{font-size:12px;min-width:95px}
.sp-screen-dots{display:flex;gap:6px;margin-left:auto}
.sp-screen-dots button{padding:0;width:8px;height:8px;min-width:8px;border-radius:50%;background:#53728b;border:0}
.sp-screen-dots button[aria-pressed="true"]{background:#77ccff}
.sp-screen-controls [data-screen-pause]{font-size:11px;padding:0 8px;min-width:52px}
@media(max-width:900px){.sp-hero-grid{grid-template-columns:1fr}.sp-screen-stage{height:auto;aspect-ratio:2/1}.sp-hero-image{width:100%}}
@media(max-width:480px){.sp-screen-controls{gap:6px;flex-wrap:wrap}.sp-screen-dots{gap:5px}[data-screen-label]{min-width:85px}.sp-screen-controls button{min-width:26px}.sp-screen-dots button{min-width:8px}.sp-hero-grid{gap:30px}}

/* Centered dot navigation for the product monitor */
.sp-screen-controls{justify-content:center;padding:15px 0 5px}
.sp-screen-dots{margin:0;gap:10px}
.sp-screen-dots button{position:relative;width:9px;height:9px;min-width:9px}
.sp-screen-dots button::before{content:"";position:absolute;inset:-9px}

/* Keep compact sizing specific to Benefits */
.sp-benefits{padding:40px 0 48px}
.sp-benefits .sp-section-head{margin-bottom:26px}
.sp-benefits .sp-section-head h2{font-size:clamp(32px,3.1vw,44px);margin:12px 0 18px}
.sp-benefits .sp-section-head p{font-size:16px;line-height:1.55}
.sp-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sp-benefit-card{padding:24px;min-height:0;border-radius:16px}
.sp-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#389ce820;color:#77ccff}
.sp-benefit-card h3{font-size:20px;line-height:1.25;margin:18px 0 12px}
.sp-benefit-card p{font-size:14px;line-height:1.6}
.sp-hero .button,.sp-hero-link{font-weight:800}
.sp-hero .button span{font-size:22px;line-height:1}
/* Horizontal features retain the earlier text and card sizing */
.sp-feature-viewport{overflow:hidden}
.sp-feature-track{display:flex;transition:transform .45s ease;align-items:stretch}
.sp-feature-track .sp-feature{flex:0 0 100%;min-width:0;background:transparent}
.sp-feature-track .sp-feature-tint{padding-top:35px}
.sp-feature-grid{max-width:1320px;grid-template-columns:minmax(0,32fr) minmax(0,68fr);gap:36px}
.sp-feature figure img{border:8px solid #19354d;border-radius:16px}
.sp-feature-dots{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 0 40px}
.sp-feature-dots button{position:relative;padding:0;border:0;width:9px;height:9px;border-radius:50%;background:#a9bbc8}
.sp-feature-dots button[aria-pressed="true"]{background:var(--accent)}
.sp-feature-dots button::before{content:"";position:absolute;inset:-9px}
.sp-feature-dots button:focus-visible{outline:2px solid #116da6;outline-offset:5px}
@media(max-width:1050px){.sp-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sp-feature-grid{grid-template-columns:1fr;gap:28px}.sp-feature-card{max-width:650px}.sp-benefits{padding:40px 0}}
@media(max-width:680px){.sp-benefit-grid{grid-template-columns:1fr}.sp-benefit-card{padding:22px}.sp-feature-track .sp-feature-tint{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.sp-feature-track{transition:none}}

/* Slightly tighten only the Key Features section spacing */
.sp-features{padding-top:64px}
.sp-features>.wrap .sp-section-head{margin-bottom:24px}
.sp-feature-track .sp-feature,.sp-feature-track .sp-feature-tint{padding-top:20px;padding-bottom:36px}
.sp-feature-dots{padding-bottom:26px}
.sp-feature-card,.sp-feature figure{cursor:pointer}
.sp-feature-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Compact horizontal CTA arrows */
.cta-arrow{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:-3px}
.button:has(.cta-arrow),.nav-cta:has(.cta-arrow),.request a:has(.cta-arrow),.sp-feature-card a:has(.cta-arrow){display:inline-flex;align-items:center;justify-content:center;gap:9px}
@media(max-width:680px){.sp-features{padding-top:48px}.sp-features>.wrap .sp-section-head{margin-bottom:20px}.sp-feature-track .sp-feature,.sp-feature-track .sp-feature-tint{padding-top:18px;padding-bottom:28px}}

/* White text on blue demo and contact buttons */
.button.blue.live-demo,.nav-cta,.button.contact-button{color:#fff;background:#0873bd;border-color:#0873bd}
.button.blue.live-demo:hover,.nav-cta:hover,.button.contact-button:hover{color:#fff;background:#0964a1;border-color:#0964a1}
.sp-tabs a.sp-sticky-demo{height:auto;border-bottom:0;letter-spacing:0;text-transform:none;color:#fff}
.sp-end-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
.sp-brochure{display:flex;flex-direction:column;gap:5px;align-items:center}
.sp-brochure-link{display:inline-flex;align-items:center;gap:8px;color:#416779;font-size:14px;font-weight:800;border-bottom:1px solid #9eb6c4;padding:5px 0;cursor:default}
.sp-brochure-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#brochure-status{font-size:11px;color:#647985}

/* Shared product menu icons */
.dropdown{width:280px}
.dropdown a{display:flex;align-items:center;gap:11px}
.menu-product-icon{display:inline-flex;flex:0 0 22px;color:#77ccff}
.menu-product-icon .product-glyph{width:22px;height:22px}
.product-symbol .product-glyph{width:45px;height:45px;display:block}
/* Home CTAs match the approved product page */
.home-page .hero-actions{gap:14px}
.home-page .home-explore{color:#fff;border-color:#86abc3;background:transparent;gap:9px;justify-content:center}
.home-page .home-explore:hover{background:#ffffff12}
.home-page .text-link,.home-page .arrow-link,.home-page .more{display:inline-flex;align-items:center;gap:9px;font-weight:800}
.home-page .text-link{color:#fff}
.home-page .button.blue{color:#fff;background:#0873bd}
.home-page .button.blue:hover{background:#0964a1}
@media(max-width:680px){.dropdown{width:100%}}

/* Products catalog: navy hero and clear individual product cards */
.products-hero-contact{color:#fff!important;border-color:#86abc3!important;background:transparent!important;gap:9px}
.products-hero-contact:hover{background:#ffffff12!important}
.products-screen-caption{font-size:12px!important;text-align:center;margin:16px 0 0!important;max-width:none!important;color:#b8d0e0!important}
.products-page .product-jump{background:#fff;color:var(--ink);box-shadow:0 4px 22px #0b2b4215}
.products-page .product-jump .wrap{justify-content:center;gap:42px}
.products-page .product-jump a{padding:22px 2px;color:#35586e}
.products-page .product-section{padding:58px 0;background:#f4f8fb;scroll-margin-top:76px}
.products-page .product-section.alt{background:#eaf2f7}
.catalog-card{background:#fff;border:1px solid #dce7ee;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #0c34540c}
.catalog-top{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:36px}
.catalog-product-title{display:flex;gap:20px;align-items:flex-start}
.catalog-product-icon{display:flex;align-items:center;justify-content:center;flex:0 0 58px;height:58px;background:#e2f3fc;border-radius:15px;color:#0873bd}
.catalog-product-icon svg{width:32px;height:32px}
.catalog-product-title h2{font-size:34px;line-height:1.15;margin:12px 0 14px}
.catalog-product-title .lead{font-size:16px;line-height:1.6;margin:0;max-width:none}
.catalog-about p{font-size:16px;line-height:1.7;color:#516575;margin:13px 0 0}
.catalog-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:0 36px 32px}
.catalog-features,.catalog-benefits{border-radius:16px;padding:26px}
.catalog-features{border:1px solid #dce7ee;background:#f8fbfd}
.catalog-benefits{background:#0d2945;color:white}
.catalog-detail-grid h3{font-size:23px;letter-spacing:-.025em;margin:0 0 18px}
.catalog-features ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.catalog-features li{position:relative;padding-left:22px;font-size:15px;line-height:1.6;color:#516575}
.catalog-features li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:#389ce8}
.catalog-benefits p{font-size:16px;line-height:1.7;color:#d5e5ef;margin-bottom:16px}
.catalog-benefit-icon{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#389ce825;align-items:center;justify-content:center;color:#77ccff;margin-bottom:15px}
.catalog-live-demo,.catalog-request{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800}
.catalog-live-demo{color:#87d3ff}
.catalog-action-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 36px;background:#eef6fb;border-top:1px solid #dce7ee}
.catalog-action-row strong{font:800 20px Manrope,Arial,sans-serif}
.catalog-action-row p{font-size:14px;line-height:1.6;color:#567080;margin:8px 0}
.catalog-request{color:#0873bd}
.catalog-action-row .actions{gap:12px;flex-shrink:0}
.catalog-action-row .button{gap:9px;min-width:0;justify-content:center}
@media(max-width:900px){.catalog-top{grid-template-columns:1fr;gap:25px}.catalog-action-row{align-items:flex-start;flex-direction:column}.products-page .product-jump .wrap{justify-content:flex-start}}
@media(max-width:680px){.products-page .product-section{padding:35px 0}.catalog-top{padding:24px}.catalog-product-title{gap:14px}.catalog-product-icon{flex-basis:46px;height:46px}.catalog-product-icon svg{width:26px;height:26px}.catalog-product-title h2{font-size:27px}.catalog-detail-grid{grid-template-columns:1fr;padding:0 24px 24px;gap:16px}.catalog-features,.catalog-benefits{padding:22px}.catalog-action-row{padding:24px}.catalog-action-row .actions{flex-wrap:wrap}.products-page .product-jump .wrap{gap:25px}.products-page .product-jump a{font-size:12px}}

/* About: professional collaboration hero and visual value cards */
.about-page .about-hero{padding:76px 0 82px}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.about-page .about-hero :is(h1,.scroll-title){font-size:clamp(44px,5vw,68px);margin:24px 0}
.about-page .about-hero p{font-size:18px;margin-bottom:28px}
.about-page .button.blue{background:#0873bd;color:#fff;justify-content:center;gap:9px}
.about-page .button.blue:hover{background:#0964a1}
.about-page .about-contact{color:#fff;border-color:#86abc3;background:transparent;gap:9px;justify-content:center}
.about-page .about-contact:hover{background:#ffffff12}
.about-hero-visual{margin:0;border:1px solid #4b6b83;background:#163953;padding:10px;border-radius:22px;box-shadow:0 24px 60px #03142766;overflow:hidden}
.about-hero-visual img{display:block;width:100%;height:380px;object-fit:cover;border-radius:14px}
.about-hero-visual figcaption{font-size:12px;line-height:1.6;color:#c6dce9;padding:14px 10px 5px;text-align:center}
.about-why{padding:82px 0;background:#f5f9fc}
.about-why-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:36px}
.about-why h2{font-size:clamp(34px,3.4vw,46px);line-height:1.2;margin:16px 0 0}
.about-why-head>p{font-size:17px;line-height:1.8;color:#52697b;margin:0}
.about-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-value-card{padding:28px 24px;border:1px solid #dae7ef;border-radius:18px;background:#fff;box-shadow:0 12px 28px #0d294507}
.about-value-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#e1f3fc;color:#0873bd;border-radius:14px}
.about-value-card h3{font-size:21px;line-height:1.3;margin:22px 0 14px;letter-spacing:-.025em}
.about-value-card p{font-size:15px;line-height:1.7;color:#546b7a;margin:0}
.about-belief{display:flex;align-items:center;gap:20px;background:#0d2945;color:#e3eff7;border-radius:16px;padding:24px 30px;margin-top:26px}
.about-belief>span{color:#77ccff;display:flex;flex-shrink:0}
.about-belief p{font-size:17px;line-height:1.65;margin:0}
.about-page .contact-note>span{display:flex;align-items:flex-start}
@media(max-width:1000px){.about-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-grid{gap:32px}}
@media(max-width:900px){.about-hero-grid,.about-why-head{grid-template-columns:1fr;gap:32px}.about-hero-visual{max-width:680px}.about-hero-visual img{height:auto;aspect-ratio:4/3}}
@media(max-width:680px){.about-page .about-hero{padding:56px 0}.about-why{padding:56px 0}.about-value-grid{grid-template-columns:1fr}.about-belief{padding:22px;align-items:flex-start}.about-page .about-hero :is(h1,.scroll-title){font-size:46px}}

/* Subtle About hero product collage */
.about-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px}
.about-product-collage{position:relative;width:100%;max-width:470px;height:310px;margin:0 auto;isolation:isolate}
.about-collage-glow{position:absolute;inset:15px -10px 35px;background:radial-gradient(ellipse,#389ce82e,transparent 70%);z-index:-1}
.about-collage-screen{position:absolute;overflow:hidden;border:1px solid #496b85;border-radius:10px;padding:5px;background:#112b42;box-shadow:0 18px 40px #03142755}
.about-collage-screen img{display:block;width:100%;height:auto;border-radius:5px}
.about-collage-back{width:87%;top:20px;left:0;transform:rotate(-3deg)}
.about-collage-front{width:73%;right:0;top:120px;transform:rotate(3deg)}
.about-product-collage figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#b8d0df;font-size:12px;line-height:1.6}
@media(max-width:900px){.about-hero-grid{grid-template-columns:1fr;gap:32px}.about-product-collage{max-width:450px}}
@media(max-width:480px){.about-product-collage{height:260px}.about-collage-front{top:100px}}

/* Full-screen About hero with a faint blue pattern */
.about-page .about-hero{
 min-height:calc(100svh - 86px);display:flex;align-items:center;padding:76px 0;
 background-color:#081d34;
 background-image:radial-gradient(ellipse at 85% 35%,#1a547640,transparent 62%),linear-gradient(#77ccff06 1px,transparent 1px),linear-gradient(90deg,#77ccff06 1px,transparent 1px);
 background-size:auto,64px 64px,64px 64px;
}
.about-page .about-hero-grid{display:block;width:100%}
.about-page .about-hero-grid>div{max-width:840px}
.about-page .about-hero :is(h1,.scroll-title){font-size:clamp(52px,6vw,80px);line-height:1.09;margin:28px 0}
.about-page .about-hero p{max-width:680px;font-size:19px;line-height:1.75;margin-bottom:32px}
@media(max-width:680px){.about-page .about-hero{min-height:calc(100svh - 68px);padding:60px 0;background-size:auto,48px 48px,48px 48px}.about-page .about-hero :is(h1,.scroll-title){font-size:clamp(44px,10vw,58px)}.about-page .about-hero p{font-size:17px}}

/* Home-style photographic About hero */
.about-page .about-hero{background-image:linear-gradient(90deg,#04192bef 0%,#04192bc4 48%,#04192b66 100%),url('assets/k12-hero.jpg');background-size:cover;background-position:center}
/* Compact rounded contact form and professional introduction */
.about-page .contact-section{padding:72px 0;background:#f3f7fa}
.about-page .contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.contact-intro h2{font-size:clamp(34px,3.4vw,46px);line-height:1.2}
.contact-intro>p{font-size:16px;line-height:1.75}
.contact-topics{display:grid;gap:22px;margin:28px 0}
.contact-topics>div{border-left:3px solid #389ce8;padding-left:18px}
.contact-topics strong{font:800 17px Manrope,Arial,sans-serif}
.contact-topics p{font-size:15px;line-height:1.65;color:#587080;margin:7px 0 0}
.contact-email{display:inline-flex;align-items:center;gap:13px;color:#0873bd;margin-top:12px}
.contact-email span{display:flex;flex-direction:column;gap:5px;font-size:16px;font-weight:700}
.contact-email small{font-size:10px;letter-spacing:.12em;color:#647d8e}
.about-page .contact-form{padding:28px;border:1px solid #dbe6ed;border-radius:20px;box-shadow:0 16px 44px #0b2b420c}
.about-page .contact-form label{margin-bottom:15px}
.about-page .contact-form input,.about-page .contact-form select,.about-page .contact-form textarea{padding:11px 12px;margin-top:7px;border-radius:8px;font-size:14px}
.contact-field-label{font-size:13px;font-weight:800;display:block}
.optional-label{font-size:11px;font-weight:400;color:#6b8190}
.phone-input-group{display:flex;gap:8px}
.phone-input-group select{width:95px!important;flex:0 0 95px}
.phone-input-group input{min-width:0}
.about-page .contact-form .button{border-radius:8px}
.about-page .contact-form .button:disabled{opacity:.65;cursor:wait;transform:none}
.contact-honeypot{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.about-page .contact-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:680px){.about-page .contact-section{padding:50px 0}.about-page .contact-form{padding:22px}.contact-phone-row{gap:15px}.phone-input-group{margin-bottom:0}}

/* Dedicated school district technology hero and full-width product selector */
.about-page .about-hero{background-image:linear-gradient(90deg,#04192bec 0%,#04192bbd 48%,#04192b45 100%),url('assets/about-district-it.jpg')}
.about-page .contact-form .contact-phone-row{margin-bottom:15px}
.about-page .contact-form .form-row>*{min-width:0}
.about-page .contact-form select[name="product"]{width:100%;min-width:0;text-overflow:ellipsis}

/* Logo tagline in header and footer */
.site-header .brand,.footer-row .brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px}
.brand-tagline{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.025em;line-height:1.4;color:#c1d7e6;white-space:nowrap}
.site-header .brand img{height:43px;width:194px}
.footer-row .brand-tagline{font-size:10px;color:#b8cbd5}
@media(max-width:680px){.site-header .brand img{width:155px;height:35px}.site-header .brand-tagline{font-size:8px}.site-header .brand{gap:0}}

/* Center the tagline under each logo */
.site-header .brand,.footer-row .brand{align-items:center}
.brand-tagline{text-align:center;align-self:center}
/* Refine the Home approach within its existing layout and spacing */
.home-approach{position:relative}
.approach-principles{display:grid;gap:12px;margin-top:25px}
.approach-principle{display:flex;align-items:center;gap:12px}
.approach-principle>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #d8ebf6;border-radius:10px;background:#edf7fd;color:#0873bd}
.approach-principle strong{font-size:14px;font-weight:700;color:#34566e}
.approach-copy h2{position:relative}
.approach-copy h2::before{content:"";position:absolute;top:-16px;left:0;width:48px;height:3px;border-radius:3px;background:#389ce8}
.approach-copy p strong{font-weight:700;color:#175e88}
@media(max-width:900px){.approach-principles{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:18px}.home-approach{gap:35px}.approach-principle strong{font-size:13px}}

/* Align tagline with the start of the logo wordmark */
.site-header .brand,.footer-row .brand{align-items:flex-start}
.brand-tagline{align-self:flex-start;text-align:left}

/* Align the tagline with the K inside the SVG, accounting for image scaling */
.site-header .brand-tagline{margin-left:18px}
.footer-row .brand-tagline{margin-left:9px}
.sp-brochure-link{cursor:pointer;color:#0873bd}
.sp-brochure-link:hover{color:#0964a1;border-color:#0873bd}
@media(max-width:680px){.site-header .brand-tagline{margin-left:13px}}

/* Contact form: inset dropdown chevron and accessible submission notice */
.about-page .contact-form select[name="product"]{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;max-width:100%;padding:12px 42px 12px 14px;line-height:1.4;min-height:46px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2352697b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center}
.contact-form .form-feedback.success{margin-top:16px;padding:14px 16px;border:1px solid #b9dfce;border-radius:10px;background:#edf8f2;color:#185a40;line-height:1.6}

/* District approach card and top-of-form submission notice */
.about-belief{background:linear-gradient(115deg,#081d34,#164d73);border:1px solid #2e6388;box-shadow:0 12px 30px #081d3412;gap:24px}
.about-belief>span{width:52px;height:52px;justify-content:center;align-items:center;background:#ffffff0d;border:1px solid #77ccff40;border-radius:14px}
.about-belief-copy .section-kicker{display:block;color:#8ed2ff;font-size:10px;margin-bottom:8px}
.about-belief-copy h3{font-size:24px;color:#fff;margin:0 0 8px;letter-spacing:-.025em}
.about-belief-copy p{font-size:16px;color:#d6e7f3;line-height:1.6}
.contact-form .form-feedback:empty{display:none}
.contact-form .form-feedback{scroll-margin-top:24px;margin:0 0 18px;line-height:1.6}
.contact-form .form-feedback.success{margin:0 0 20px}
@media(max-width:680px){.about-belief{gap:16px}.about-belief-copy h3{font-size:21px}}

/* Keyboard focus and system reduced-motion preferences */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #389ce8;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V1.2: center the visible logo above its tagline in header and footer. */
.site-header .brand,.footer-row .brand{align-items:center}
.site-header .brand-tagline,.footer-row .brand-tagline{align-self:center;text-align:center;margin-left:0}

/* Continuous homepage: reuse the existing page styles within each chapter. */

.sp-hero .hero-actions{gap:14px}
.sp-hero .sp-demo-request{color:#e9f6ff;border-color:#86abc3;background:transparent}
.sp-hero .sp-demo-request:hover{background:#ffffff12}
.sp-tabs .sp-sticky-demo{margin-left:auto;min-width:0;white-space:nowrap;padding:11px 16px;font-size:13px;gap:8px}
.sp-tabs .wrap{gap:28px}
@media(max-width:680px){.sp-tabs .wrap{gap:14px;padding-left:14px;padding-right:14px;overflow:visible}.sp-tabs a{font-size:10px;letter-spacing:.02em}.sp-tabs .sp-sticky-demo{font-size:11px;padding:10px;gap:5px}.sp-tabs .sp-sticky-demo .cta-arrow{width:14px;height:14px;flex-basis:14px}}
@media(max-width:370px){.sp-tabs .wrap{gap:10px;padding-left:10px;padding-right:10px}.sp-tabs .sp-sticky-demo{padding:9px 7px}.sp-tabs .sp-sticky-demo .cta-arrow{display:none}}

.scroll-page .site-header{position:sticky;top:0}
.scroll-page{--header-offset:86px}
.scroll-page [id]{scroll-margin-top:var(--header-offset)}
.scroll-page .strategic-page .sp-tabs{top:var(--header-offset)}
.scroll-page .strategic-page .sp-anchor{scroll-margin-top:calc(var(--header-offset) + 70px)}
@media(max-width:680px){.scroll-page{--header-offset:68px}.scroll-page .strategic-page .sp-anchor{scroll-margin-top:calc(var(--header-offset) + 58px)}}

/* V1.2 final refinement: reduce only Overview/Key Features top whitespace. */
.sp-overview{padding-top:84px}
.sp-features{padding-top:48px}
@media(max-width:900px){.sp-overview{padding-top:59px}}
@media(max-width:680px){.sp-overview{padding-top:58px}.sp-features{padding-top:36px}}


/* Financial screenshots retain their aspect ratio within the approved product layout. */
.finance-page .sp-screen-stage{height:auto;aspect-ratio:2048/994;display:block;position:relative;background:#edf4f9}
.finance-page .sp-screen-stage .sp-screen-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.finance-page .sp-feature figure img{object-fit:contain}
.finance-page .sp-feature figure:has(img[src*="finance-records"]) img{padding:12px;border:6px solid #19354d;border-radius:16px;background:#edf4f9}
.scroll-page .finance-page .sp-tabs{top:var(--header-offset)}

/* Finance AI showcase: a stable stage and product-specific device styling. */
.finance-page .sp-feature .finance-ai-showcase{width:100%;margin:0;cursor:default}
.finance-ai-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:16px}
.finance-ai-tabs button{padding:10px 22px;border:1px solid #cbdde8;border-radius:999px;background:#fff;color:#36566b;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.finance-ai-tabs button[aria-selected="true"]{background:#126eaa;color:white;border-color:#126eaa;box-shadow:0 6px 16px #126eaa22}
.finance-ai-tabs button:focus-visible{outline:2px solid #126eaa;outline-offset:3px}
.finance-ai-stage{height:420px;padding:20px;border:1px solid #d4e5ef;border-radius:24px;background:radial-gradient(ellipse at 30% 55%,#cee9f8,transparent 68%),linear-gradient(135deg,#edf6fc,#dfeef7);overflow:hidden}
.finance-ai-panel{height:100%;display:flex;align-items:center;justify-content:center;gap:30px}
.finance-ai-panel[hidden]{display:none}
.finance-phone{position:relative;flex:none;width:242px;height:360px;border:5px solid #222d38;border-radius:34px;background:#111b26;padding:6px;box-shadow:0 16px 30px #102f4b35}
.finance-phone-screen{height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#e0edf8,#f6f9fd);padding:28px 0 16px;display:flex;align-items:stretch}
.finance-page .sp-feature .finance-phone img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;padding:0}
.finance-phone-island{position:absolute;z-index:1;top:12px;left:50%;transform:translateX(-50%);width:59px;height:17px;background:#101820;border-radius:20px}
.finance-phone-home{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);height:4px;width:60px;background:#263a4a;border-radius:4px}
.finance-ai-context{max-width:230px;color:#25465c}
.finance-ai-context h4{font-size:25px;line-height:1.2;margin:14px 0}
.finance-ai-context p{font-size:14px;line-height:1.7;color:#506c7d}
.finance-ai-chip{display:inline-block;padding:7px 10px;margin:5px 4px 0 0;background:#ffffffb3;border:1px solid #cadfe9;border-radius:8px;font-size:11px;color:#33566d}
.finance-page .sp-feature .finance-ai-chat-screen{width:100%;height:auto;max-height:100%;object-fit:contain;border:6px solid #19354d;border-radius:12px;box-shadow:0 12px 30px #102f4b22}
.finance-ai-showcase figcaption{text-align:center}
@media(max-width:680px){.finance-ai-stage{height:402px;padding:12px}.finance-ai-panel{gap:16px}.finance-phone{width:210px;height:318px}.finance-ai-context{max-width:145px}.finance-ai-context h4{font-size:20px}.finance-ai-context p{font-size:12px}.finance-ai-context .section-kicker{font-size:9px}.finance-ai-chip{font-size:10px;padding:5px 7px}}
@media(max-width:540px){.finance-ai-context{display:none}.finance-ai-stage{height:378px}}

/* Compact product Key Features introductions; preserve screenshot dimensions. */
.sp-features{padding-top:32px}
.sp-features>.wrap .sp-section-head{max-width:1040px;margin-bottom:12px}
.sp-features .sp-section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:10px 0 12px}
.sp-features .sp-section-head p{font-size:16px;line-height:1.5}
.sp-feature-track .sp-feature,.sp-feature-track .sp-feature-tint{padding-top:16px}
@media(max-width:680px){.sp-features{padding-top:28px}.sp-features>.wrap .sp-section-head{margin-bottom:12px}.sp-features .sp-section-head h2{font-size:30px}.sp-features .sp-section-head p{font-size:15px}}


/* Consistent filled CTA contrast across standalone pages and home chapters. */
.button.blue{background:#0873bd;border-color:#0873bd;color:#fff}
.button.blue:hover{background:#0964a1;border-color:#0964a1;color:#fff}

/* Financial Dashboard's single hero CTA is the primary action. */
.finance-page .sp-hero .sp-demo-request{background:#0873bd;border-color:#0873bd;color:#fff}
.finance-page .sp-hero .sp-demo-request:hover{background:#0964a1;border-color:#0964a1;color:#fff}



/* Shared product icon family: 24px grid, consistent stroke and optical weight. */
.menu-product-icon .product-glyph{width:21px;height:21px}.catalog-product-icon .product-glyph{width:30px;height:30px}.symbol.product-symbol .product-glyph{width:38px;height:38px}.sp-audience-icon .product-glyph{width:24px;height:24px}.sp-feature-icon .product-glyph,.sp-benefit-icon .product-glyph{width:28px;height:28px}

/* Product-family previews share a stable frame across all three dashboards. */
.products-hero-monitor .sp-screen-stage{height:auto;aspect-ratio:2048/1014;position:relative;display:block}
.products-hero-monitor .sp-screen-stage .sp-screen-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top}