/* Homepage — shared SchoolSpan visual language, scoped to this page. */
.home-page{background:#f7f8f5}.home-hero-band{position:relative;overflow:hidden;background:#f4f7f1;border-bottom:1px solid #e2e9df}.home-hero-band:after{content:'';position:absolute;right:-200px;top:130px;width:600px;height:600px;border:80px solid #e5eee330;border-radius:50%;pointer-events:none}.home-page .wrap.hero{position:relative;padding:70px 40px 76px;z-index:1}.home-page .hero-grid{grid-template-columns:1.07fr 1fr;gap:65px}.home-page .hero h1{font-size:clamp(48px,5vw,68px);line-height:1.08;letter-spacing:-.055em;margin:24px 0;font-weight:600}.home-page .hero .eyebrow{font-size:9px;letter-spacing:.15em}.home-page .hero p{font-size:18px;line-height:1.7;margin:20px 0;max-width:535px}.home-page .hero p[style]{font-size:14px!important;line-height:1.9}.home-page .hero .fine{font-size:11px!important;margin-top:20px}.home-page .actions{gap:12px;flex-wrap:wrap;margin:28px 0 12px}.home-page .actions .btn{font-size:12px;padding:14px 18px;gap:10px}.home-page .btn{border-radius:7px}.home-page .demo{border:1px solid #d6e3d8;background:#e5eee5;border-radius:17px;padding:24px;box-shadow:0 25px 65px #17354a09}.home-page .demo:before{content:'';position:absolute;right:0;top:0;width:100px;height:100px;border:20px solid #d5e6d9;border-radius:0 17px 0 100%;opacity:.5;pointer-events:none}.home-page .demo-top{position:relative;align-items:center;gap:10px;margin-bottom:20px;font-size:9px;letter-spacing:.07em}.home-page .demo-top b{display:flex;align-items:center;gap:7px}.home-status-dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.home-page .live{font-size:9px;letter-spacing:0;background:#d5e8d9;white-space:nowrap}.home-page .window{position:relative;border-radius:10px;border-color:#d7e4d9;box-shadow:0 12px 35px #17354a07}.home-page .window-head{padding:20px;align-items:center;gap:12px}.home-page .window-head strong{font-size:16px;letter-spacing:-.02em}.home-page .window-head label>.fine{font-size:9px!important}.home-page .window select{border-radius:5px;padding:7px 8px;font-size:10px;margin-top:3px}.home-page .stats{padding:18px 18px 12px;gap:9px}.home-page .stats>div{background:#f0f5ef;border:1px solid #e3eae1;border-radius:7px;padding:11px}.home-page .stats span{font-size:8px;white-space:nowrap}.home-page .stats b{font-size:28px;line-height:1.3;margin-top:5px;font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.03em}.home-page .stats>div:nth-child(2){background:#f6f2e8;border-color:#eee6d6}.home-page .stats>div:nth-child(3){background:#e6f1ea;border-color:#d7e8dc}.home-page .table{padding:0 18px 13px}.home-page .row{font-size:10px;padding:15px 0;grid-template-columns:.8fr .8fr 1.3fr;gap:8px}.home-page .row.head{font-size:8px;letter-spacing:.09em}.home-page .pill{font-size:9px;line-height:1.5;padding:4px 6px}.home-page .notice{margin:17px 0 0;padding:16px;background:var(--navy);border-radius:8px;box-shadow:none;gap:12px;font-size:10px}.notice-check{font-size:16px!important;display:grid;place-items:center;width:29px;height:29px;background:#31545e;border:1px solid #507571;border-radius:50%;color:#b7dfce;flex-shrink:0}.home-page .notice b{font-size:11px;margin-bottom:3px}.home-page .notice span:not(.notice-check){font-size:9px}.home-page .fit{margin:0;background:#edf3eb;border-top:0;padding:24px 0;border-bottom:1px solid #dce6da}.home-page .fit .wrap{font-size:11px;gap:24px}.home-page .fit strong{font-size:11px;max-width:180px;line-height:1.6;font-weight:600}.home-page .fit .wrap>span{position:relative;padding-left:14px;line-height:1.7}.home-page .fit .wrap>span:before{content:'';width:5px;height:5px;border-radius:50%;background:#91b4a1;position:absolute;left:0;top:7px}.home-page section{padding:78px 0}.home-page .section-head{margin-bottom:35px;align-items:end;gap:65px}.home-page h2{font-size:clamp(31px,3.3vw,43px);line-height:1.17;letter-spacing:-.04em;font-weight:600}.home-page .section-head p{font-size:14px;line-height:1.85;max-width:300px}.home-page .eyebrow{font-size:9px;letter-spacing:.14em}.home-page .home-card{background:white;border:1px solid #dce5dc;padding:29px;border-radius:11px;position:relative;overflow:hidden}.home-card-icon{width:49px;height:49px;background:#eaf2e9;border:1px solid #dce8dc;color:var(--teal);padding:10px;border-radius:10px;margin:0 0 27px}.home-card-icon svg{width:100%;height:100%}.home-page .home-card .num{font-size:9px;letter-spacing:.1em;color:#628c78;font-weight:700}.home-page .home-card h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;max-width:260px;margin:17px 0 14px}.home-page .home-card p{font-size:13px;line-height:1.9;margin-bottom:0}.home-page .home-card.card-1{background:#edf3ed;border-color:#d7e4d7}.home-page .home-card.card-1 .home-card-icon{background:#fff}.home-page .home-card:after{content:'';position:absolute;right:-34px;top:-34px;width:100px;height:100px;border:15px solid #e6eee440;border-radius:50%;pointer-events:none}.home-page .home-ehr{margin:0 40px;padding:56px 0;border-radius:15px;position:relative;overflow:hidden;background:#17354a}.home-page .home-ehr>.wrap{padding:0 42px}.home-page .home-ehr .split{grid-template-columns:1fr 1.05fr;gap:65px}.home-page .home-ehr p{font-size:14px;line-height:1.9;max-width:400px}.home-page .home-ehr .eyebrow{color:#abd6c6}.home-page .home-ehr .btn{font-size:12px;padding:13px 20px;margin-top:12px}.home-page .ehr{gap:10px;grid-template-columns:1fr 24px 1fr;position:relative}.home-page .ehrbox{background:#204453;border:1px solid #456977;padding:24px 18px;min-height:265px;border-radius:10px}.home-page .ehrbox.active{background:#e3eee4;color:var(--navy);border-color:#c9dfcf}.home-page .ehrbox.active p{color:#557465}.home-page .ehrbox.active small{color:#4b7e6a}.home-page .ehrbox small{font-size:8px;letter-spacing:.13em;color:#b5d4c7;font-weight:700}.home-page .ehrbox h3{font-size:24px;line-height:1.2;margin:14px 0}.home-page .ehrbox p{font-size:11px;line-height:2;margin-bottom:0}.system-icon{width:35px;height:35px;margin-bottom:18px;color:#b9dccc}.active .system-icon{color:var(--teal)}.system-icon svg{width:100%;height:100%}.system-connector{color:#9fc8ba;font-size:20px}.home-page .home-workflow .split{grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.home-page .home-workflow .split>div:first-child{padding-top:35px;position:sticky;top:130px}.home-page .home-workflow p{font-size:14px;line-height:1.85;max-width:370px}.home-page .home-workflow .btn{font-size:12px;margin-top:13px}.home-page .steps{padding:0;border:0;display:flex;flex-direction:column;gap:12px;position:relative}.home-page .step{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:20px 22px;border:1px solid #d9e5d9;border-radius:10px;background:white;position:relative}.step-symbol{width:42px;height:42px;border-radius:9px;background:#ecf3e9;color:var(--teal);padding:9px;position:relative;z-index:1}.step-symbol svg{width:100%;height:100%}.home-page .step:not(:last-child):after{content:'';position:absolute;left:43px;top:100%;height:13px;border-left:1px solid #aacbb6}.home-page .step b{font-size:14px;font-weight:600;line-height:1.5}.home-page .step b>.accent{font-size:10px;letter-spacing:.03em;vertical-align:middle}.home-page .step p{font-size:12px;line-height:1.7;margin:6px 0 0;max-width:370px}.home-page .home-roles{background:#eaf1e9!important;border-top:1px solid #dce6dc;border-bottom:1px solid #dce6dc}.home-page .home-roles .home-card{padding:29px}.home-page .home-roles .home-card-icon{width:61px;height:61px;padding:13px;margin-bottom:32px}.home-page .card-3{border-top:3px solid #17877e}.home-page .card-4{border-top:3px solid #17354a}.home-page .card-4 .home-card-icon{background:#e9eef0;color:#17354a;border-color:#d9e3e6}.home-page .card-5{border-top:3px solid #a1b99a}.home-page .card-5 .home-card-icon{background:#f0f1e6;color:#758761;border-color:#e4e7d8}.home-page .home-faq>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.home-page .home-faq .center{text-align:left;padding-top:17px;position:sticky;top:135px}.home-page .home-faq .center .eyebrow{justify-content:start}.home-page .home-faq h2{max-width:290px}.home-page .faqs{width:100%;max-width:none}.home-page .faqs details{background:white;border:1px solid #dce5dc;border-radius:8px;margin-bottom:10px;padding:20px 23px}.home-page .faqs summary{font-size:14px;line-height:1.6}.home-page .faqs details p{font-size:13px;line-height:1.9;margin:15px 0 0}.home-page .home-cta{padding:0 40px;margin:0 auto 65px}.home-page .cta{background:var(--navy);color:white;position:relative;overflow:hidden;border-radius:14px;padding:55px 40px}.home-page .cta:before,.home-page .cta:after{content:'';position:absolute;width:250px;height:250px;border:40px solid #294b572f;border-radius:50%;pointer-events:none}.home-page .cta:before{left:-120px;top:-100px}.home-page .cta:after{right:-90px;bottom:-160px}.home-page .cta p{color:#bcd4c8;font-size:14px}.home-page .cta .fine{font-size:11px;color:#a4c2b5}.home-page .cta .btn{font-size:12px;padding:14px 23px}.home-page footer{margin-top:0}
@media(min-width:1400px){.home-page .home-ehr{max-width:1280px;margin:auto}.home-page .hero h1{font-size:72px}}
@media(max-width:1050px){.home-page .hero-grid{gap:35px}.home-page .hero h1{font-size:58px}.home-page .demo{padding:20px}.home-page .demo-top{flex-wrap:wrap;gap:8px}.home-page .window-head{padding:17px}.home-page .window-head strong{font-size:14px}.home-page .stats{padding:14px 12px 10px;gap:6px}.home-page .stats>div{padding:8px}.home-page .table{padding:0 12px 10px}.home-page .row{font-size:9px}.home-page .pill{font-size:8px}.home-page .home-ehr .split{gap:30px}.home-page .home-ehr{margin:0 25px}.home-page .home-ehr>.wrap{padding:0 28px}.home-page .home-workflow .split{gap:50px}.home-page .home-faq>.wrap{gap:45px}.home-page .home-card{padding:24px}.home-page .home-card h3{font-size:23px}}
@media(max-width:800px){.home-page .wrap.hero{padding:45px 23px 50px}.home-page .hero-grid{grid-template-columns:1fr;gap:30px}.home-page .hero h1{font-size:58px;max-width:600px}.home-page .hero p{font-size:17px;max-width:580px}.home-page .hero p[style]{max-width:580px}.home-page .demo{max-width:600px;width:100%;margin:0 auto}.home-page .demo-top{flex-wrap:nowrap}.home-page .window-head{padding:19px}.home-page .window-head strong{font-size:17px}.home-page .stats{padding:17px;gap:10px}.home-page .stats>div{padding:12px}.home-page .stats span{font-size:9px}.home-page .row{font-size:11px;padding:17px 0}.home-page .row.head{font-size:9px}.home-page .pill{font-size:9px}.home-page .table{padding:0 17px 14px}.home-page .notice{font-size:11px}.home-page .notice span:not(.notice-check){font-size:10px}.home-page .fit .wrap{flex-wrap:wrap;justify-content:center;gap:12px 22px}.home-page .fit strong{max-width:none;width:100%;text-align:center}.home-page section{padding:55px 0}.home-page .section-head{display:block;margin-bottom:28px}.home-page .section-head p{max-width:550px;margin-top:20px}.home-page .grid3{grid-template-columns:1fr}.home-page .home-card h3{max-width:none}.home-page .home-card{padding:28px}.home-page .home-card-icon{margin-bottom:22px}.home-page .home-ehr{margin:0 23px;padding:38px 0}.home-page .home-ehr .split{grid-template-columns:1fr;gap:30px}.home-page .home-ehr p{max-width:550px}.home-page .home-ehr>.wrap{padding:0 26px}.home-page .ehrbox{padding:24px 20px;min-height:240px}.home-page .home-workflow .split{grid-template-columns:1fr;gap:30px}.home-page .home-workflow .split>div:first-child{position:static;padding-top:0}.home-page .home-workflow p{max-width:550px}.home-page .step p{max-width:500px}.home-page .home-faq>.wrap{grid-template-columns:1fr;gap:20px}.home-page .home-faq .center{position:static;padding-top:0}.home-page .home-faq h2{max-width:none;margin-bottom:5px}.home-page .home-cta{padding:0 23px;margin-bottom:50px}.home-page .cta{padding:40px 23px}.home-page .cta h2{font-size:32px}.home-page .hero .fine{font-size:10px!important}}
@media(max-width:480px){.home-page .hero h1{font-size:48px;line-height:1.1;letter-spacing:-.055em}.home-page .hero .eyebrow{font-size:8px;letter-spacing:.13em;max-width:330px;line-height:1.7}.home-page .hero p{font-size:16px}.home-page .actions{gap:10px}.home-page .actions .btn{font-size:11px;padding:13px 16px}.home-page .demo{padding:15px;border-radius:13px}.home-page .demo-top{font-size:8px;letter-spacing:.02em;gap:6px;margin-bottom:15px}.home-page .live{font-size:8px;padding:3px 7px}.home-page .window-head{padding:14px;gap:8px}.home-page .window-head strong{font-size:14px}.home-page .window select{font-size:9px;padding:6px;width:115px}.home-page .stats{padding:12px 10px;gap:6px}.home-page .stats>div{padding:8px 7px}.home-page .stats span{font-size:7px}.home-page .stats b{font-size:25px}.home-page .table{padding:0 10px 10px}.home-page .row{font-size:9px;gap:5px;padding:14px 0}.home-page .row.head{font-size:7px}.home-page .pill{font-size:7px;padding:4px 5px}.home-page .notice{padding:13px;gap:9px}.home-page .notice b{font-size:10px}.home-page .notice span:not(.notice-check){font-size:8px}.home-page h2{font-size:31px}.home-page .fit{padding:22px 0}.home-page .fit .wrap>span{font-size:10px}.home-page .home-card h3{font-size:25px}.home-page .ehr{grid-template-columns:1fr 18px 1fr;gap:6px}.home-page .ehrbox{padding:18px 12px;min-height:245px}.home-page .ehrbox h3{font-size:20px}.home-page .ehrbox p{font-size:10px}.home-page .ehrbox small{font-size:7px;letter-spacing:.07em}.system-icon{width:29px;height:29px}.home-page .step{padding:18px 16px;gap:12px;grid-template-columns:35px 1fr}.step-symbol{width:35px;height:35px;padding:7px}.home-page .step:not(:last-child):after{left:33px}.home-page .step b{font-size:12px}.home-page .step p{font-size:11px}.home-page .faqs details{padding:18px}.home-page .faqs summary{font-size:13px}.home-page .cta h2{font-size:30px}}
