/* Smart School SaaS — modern public website layer.
   Content and brand colours remain controlled by SaaS Website Settings. */
:root{--modern-ink:#102544;--modern-soft:#60728a;--modern-cloud:#f4f7fb;--modern-paper:#fff;--modern-line:rgba(24,65,106,.13);--modern-dark:#0c2340;--modern-shadow:0 24px 70px rgba(12,43,80,.12);--modern-display:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;--modern-sans:"Avenir Next","Segoe UI",sans-serif}
html{scroll-behavior:smooth}.saas-site{background:var(--modern-cloud)!important;color:var(--modern-ink);font-family:var(--modern-sans)}.learn-page{background:var(--modern-cloud)!important}.marketing-frame{overflow:clip}.saas-site .hero-wrap{background:linear-gradient(122deg,var(--site-hero-deep) -20%,var(--site-hero) 48%,#2587e9 140%);isolation:isolate;overflow:hidden;padding:26px clamp(22px,6.5vw,120px) 0!important}.saas-site .hero-wrap:before{background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:44px 44px;content:"";inset:0;opacity:.54;position:absolute;z-index:-1}.saas-site .hero-wrap:after{background:radial-gradient(circle,rgba(255,255,255,.22) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.10),transparent 64%);border:0;border-radius:50%;bottom:-300px;height:700px;right:-145px;width:700px}.saas-site .learn-nav{backdrop-filter:blur(16px);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.78);border-radius:18px;box-shadow:0 14px 35px rgba(3,29,69,.18);min-height:64px;padding:8px 10px 8px 20px}.saas-site .site-brand{color:var(--modern-ink);font-size:16px;font-weight:800;letter-spacing:-.035em}.saas-site .site-brand img{height:34px;width:34px}.saas-site .nav-links{gap:5px}.saas-site .nav-links>a{border-radius:9px;color:#294260;font-size:12px;padding:10px 11px}.saas-site .nav-links>a:hover{background:#eff6ff;color:var(--site-primary)}.saas-site .nav-links .nav-cta{background:var(--site-yellow);box-shadow:0 5px 13px rgba(153,117,0,.16);color:#17283e;margin-left:6px;padding:11px 15px}.saas-site .nav-menu-toggle{align-items:center;background:#edf5ff;border:0;border-radius:10px;color:#1c426f;cursor:pointer;display:none;font:800 12px var(--modern-sans);gap:7px;padding:10px 12px}.saas-site .learn-hero{grid-template-columns:minmax(0,.9fr) minmax(370px,1.1fr);min-height:610px}.saas-site .hero-copy{padding:88px 0 85px;position:relative;z-index:3}.saas-site .eyebrow{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:99px;color:#eff8ff;font-size:11px;letter-spacing:.11em;padding:7px 11px}.saas-site .eyebrow:before{background:var(--site-yellow);border-radius:50%;height:7px;width:7px}.saas-site .eyebrow-dark{background:#e8f3ff;border-color:#d6e9ff;color:var(--site-primary)}.saas-site .hero-copy h1{font-family:var(--modern-display);font-size:clamp(3.25rem,5.4vw,5.35rem);font-weight:400;letter-spacing:-.06em;line-height:.96;margin:22px 0 22px;max-width:650px}.saas-site .hero-rich-copy{color:#e9f5ff;font-size:clamp(1.03rem,1vw + .58rem,1.23rem);line-height:1.65;max-width:515px}.saas-site .hero-actions{gap:13px;margin-top:30px}.saas-site .btn-site{border-radius:11px;font-size:12px;padding:14px 18px}.saas-site .btn-site:hover{box-shadow:0 14px 25px rgba(0,22,60,.22);transform:translateY(-3px)}.saas-site .btn-yellow{box-shadow:0 8px 0 rgba(138,103,0,.25)}.saas-site .btn-light{background:rgba(255,255,255,.96);color:#1c4775}.saas-site .hero-visual{height:540px;margin-top:24px;position:relative}.saas-site .hero-arch{background:linear-gradient(140deg,rgba(255,255,255,.25),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.2);border-radius:46% 54% 63% 37%/54% 40% 60% 46%;height:430px;right:5%;top:52px;transform:rotate(-16deg);width:420px}.saas-site .workspace-card,.saas-site .hero-uploaded-image{border:9px solid rgba(255,255,255,.92);border-radius:28px 28px 74px 28px;box-shadow:0 32px 55px rgba(2,24,63,.34);height:332px;right:6%;top:91px;transform:rotate(-4deg);width:min(86%,480px)}.saas-site .workspace-card{padding:17px}.saas-site .workspace-top{font-size:9px;height:38px;padding:10px}.saas-site .workspace-body{min-height:228px;padding:20px}.saas-site .workspace-greeting strong{font-size:21px;max-width:230px}.saas-site .workspace-metrics{margin:20px 0 15px}.saas-site .workspace-metrics span{font-size:9px;padding:10px}.saas-site .workspace-metrics b{font-size:16px}.saas-site .hero-uploaded-image{background:#ddebff;margin:0;overflow:hidden;position:absolute}.saas-site .hero-uploaded-image img{height:100%;object-fit:cover;width:100%}.saas-site .spark-one{filter:drop-shadow(0 10px 14px rgba(21,55,98,.2));right:0;top:66px}.saas-site .spark-two{bottom:74px;left:2%;z-index:3}.saas-site .float-one{border-radius:14px;bottom:59px;font-size:9px;padding:10px 14px;right:1%;z-index:5}.saas-site .float-two{box-shadow:0 13px 22px rgba(1,31,71,.22);left:4%;top:138px}.saas-site .trusted-strip{background:#fff;border-bottom:1px solid var(--modern-line);padding:30px clamp(24px,6vw,100px) 33px}.saas-site .trusted-strip p{color:#73849a;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:16px;text-transform:uppercase}.saas-site .trusted-strip>div{gap:clamp(20px,4vw,62px)}.saas-site .trusted-strip span{color:#9aa9b7;font-size:18px}.saas-site .story-section,.saas-site .audience-section,.saas-site .pricing-section,.saas-site .faq-section{max-width:1280px;padding-left:clamp(24px,6vw,102px)!important;padding-right:clamp(24px,6vw,102px)!important}.saas-site .story-section{gap:clamp(42px,7vw,110px);padding-bottom:120px;padding-top:125px}.saas-site .story-copy h2,.saas-site .section-title h2,.saas-site .cta-panel h2{color:var(--modern-ink);font-family:var(--modern-display);font-size:clamp(2.45rem,4vw,4rem);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:19px 0}.saas-site .story-rich-copy,.saas-site .section-rich-copy{color:var(--modern-soft);font-size:1.04rem;line-height:1.75}.saas-site .story-stack{padding:7px 0}.saas-site .story-card{align-items:flex-start;background:#fff;border:1px solid var(--modern-line);border-radius:18px;box-shadow:0 12px 28px rgba(32,63,94,.08);margin:12px 0;min-height:116px;padding:23px 25px;transform:none}.saas-site .story-card:nth-child(2){transform:translateX(28px)}.saas-site .story-card:nth-child(3){transform:translateX(12px)}.saas-site .story-card>i{align-items:center;background:#e8f3ff;border-radius:12px;color:var(--site-primary);display:grid;font-size:18px;height:42px;justify-content:center;width:42px}.saas-site .story-card h3{font-size:15px;margin:2px 0 6px}.saas-site .story-card p{color:#66788c;font-size:12px;line-height:1.55}.saas-site .story-yellow>i{background:#fff6bd;color:#b48700}.saas-site .story-orange>i{background:#fff0df;color:#d66a00}.saas-site .story-green>i{background:#e0f8e2;color:#218539}.saas-site .tools-section{background:linear-gradient(180deg,#eaf5ff,#f7fbff);border:1px solid #e0edf9;border-radius:30px!important;margin:0 auto!important;max-width:1170px;overflow:hidden;padding-bottom:72px;padding-top:76px}.saas-site .tools-section:before{background:radial-gradient(circle at 4% 90%,rgba(27,117,224,.12),transparent 18%),radial-gradient(circle at 96% 0,rgba(255,215,26,.26),transparent 18%);content:"";inset:0;pointer-events:none;position:absolute}.saas-site .tools-section .section-title p{color:var(--modern-soft)}.saas-site .decor-square{background:var(--site-primary);opacity:.8}.saas-site .decor-flower{background:var(--site-yellow);opacity:.85}.saas-site .tool-grid{gap:22px;max-width:940px}.saas-site .tool-card{border:1px solid rgba(41,91,140,.12);border-radius:18px;box-shadow:0 12px 26px rgba(38,84,130,.08);padding:12px 18px 21px;transition:box-shadow .22s ease,transform .22s ease}.saas-site .tool-card:hover{box-shadow:0 21px 38px rgba(38,84,130,.16);transform:translateY(-7px)}.saas-site .tool-preview{border-radius:12px;height:120px;margin:0 0 18px}.saas-site .tool-blue .tool-preview{background:linear-gradient(135deg,var(--site-primary),#53a8ff)}.saas-site .tool-green .tool-preview{background:linear-gradient(135deg,#219a55,var(--site-green))}.saas-site .tool-navy .tool-preview{background:linear-gradient(135deg,#143665,var(--site-hero-deep))}.saas-site .tool-card h3{font-size:15px;margin-bottom:8px}.saas-site .tool-card p,.saas-site .tool-card li{font-size:11px;line-height:1.65}.saas-site .audience-section{padding-bottom:105px;padding-top:115px}.saas-site .audience-grid{gap:18px;margin-top:38px}.saas-site .audience-card{border-radius:18px;box-shadow:0 14px 28px rgba(24,52,82,.1);min-height:226px;padding:24px;transition:transform .22s ease}.saas-site .audience-card:hover{transform:translateY(-6px)}.saas-site .audience-card>i{background:rgba(255,255,255,.23);border-radius:12px;display:grid;height:42px;margin-bottom:43px;place-items:center;width:42px}.saas-site .audience-card h3{font-size:15px}.saas-site .audience-card p{font-size:11px;line-height:1.62}.saas-site .growth-band{background:linear-gradient(130deg,var(--site-hero-deep),var(--site-primary));border-radius:30px!important;box-shadow:var(--modern-shadow);margin:0 auto!important;max-width:1170px;padding-bottom:75px;padding-top:76px}.saas-site .growth-band .section-title h2{color:#fff}.saas-site .growth-band .section-rich-copy{color:#dcecff}.saas-site .growth-grid{gap:14px;max-width:1020px}.saas-site .growth-grid article{backdrop-filter:blur(9px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.16);border-radius:15px;min-height:128px;padding:18px}.saas-site .growth-grid h3{font-size:12px}.saas-site .growth-grid p{font-size:10px;line-height:1.6}.saas-site .pricing-section{padding-bottom:102px;padding-top:128px}.saas-site .plans-grid{gap:20px;margin-top:45px;max-width:1000px}.saas-site .site-plan{background:#fff;border:1px solid #dce7f3;border-radius:18px;box-shadow:0 10px 24px rgba(37,79,121,.07);padding:25px 23px 22px;transition:box-shadow .22s ease,transform .22s ease}.saas-site .site-plan:hover{box-shadow:0 23px 44px rgba(37,79,121,.14);transform:translateY(-7px)}.saas-site .site-plan.recommended{background:linear-gradient(145deg,var(--site-primary),var(--site-hero-deep));border-color:transparent;box-shadow:0 22px 42px rgba(14,77,161,.27);transform:translateY(-13px)}.saas-site .site-plan.recommended:hover{transform:translateY(-19px)}.saas-site .site-plan h3{font-size:17px}.saas-site .site-plan .plan-description{color:#6a7c91;font-size:12px;line-height:1.6;min-height:38px}.saas-site .price{font-family:var(--modern-display);font-size:42px}.saas-site .period{font-size:11px}.saas-site .plan-action{border-radius:10px;font-size:12px;padding:13px}.saas-site .site-plan:not(.recommended) .plan-action{background:var(--modern-ink)}.saas-site .faq-section{background:transparent;padding-bottom:110px;padding-top:0}.saas-site .faq-list{max-width:900px}.saas-site .faq-list details{border:1px solid #dce7f1;border-radius:14px;box-shadow:0 6px 17px rgba(29,65,99,.04);margin:12px 0;overflow:hidden}.saas-site .faq-list details[open]{border-color:#b7d7f5;box-shadow:0 12px 25px rgba(29,65,99,.09)}.saas-site .faq-list summary{font-size:13px;padding:19px 21px}.saas-site .faq-list details p{font-size:12px;line-height:1.65;padding:0 21px 20px}.saas-site .cta-panel{background:linear-gradient(110deg,#e4f0ff,#f2f8ff);border:1px solid #d9eafa;border-radius:30px!important;box-shadow:0 16px 35px rgba(40,81,124,.08);margin:0 auto 74px;max-width:1170px;padding-bottom:73px;padding-top:72px}.saas-site .cta-panel .hero-actions{justify-content:center}.saas-site .site-footer{background:#0a1f38;gap:36px;padding-bottom:22px;padding-top:55px}.saas-site .site-footer .site-brand{color:#fff}.saas-site .footer-column h3{font-size:12px}.saas-site .footer-column a,.saas-site .footer-column span{font-size:11px;line-height:1.7}.saas-site .footer-bottom{font-size:10px}.saas-site .saas-back-top{background:var(--site-primary);box-shadow:0 14px 28px rgba(11,66,135,.28)}@media (max-width:960px){.saas-site .learn-hero{grid-template-columns:1fr 1fr}.saas-site .hero-copy h1{font-size:clamp(3.1rem,5vw,4.5rem)}.saas-site .story-section{gap:45px}.saas-site .tools-section,.saas-site .growth-band,.saas-site .cta-panel{border-radius:24px!important;margin-left:24px!important;margin-right:24px!important;width:auto!important}.saas-site .site-footer{grid-template-columns:1.4fr repeat(2,1fr)!important}.saas-site .footer-bottom{grid-column:1/-1}}@media (max-width:720px){.saas-site .hero-wrap{padding:14px 18px 0!important}.saas-site .learn-nav{border-radius:14px;min-height:56px;padding:7px 9px 7px 14px}.saas-site .site-brand{font-size:14px}.saas-site .site-brand img{height:28px;width:28px}.saas-site .nav-menu-toggle{display:inline-flex}.saas-site .nav-links{background:rgba(255,255,255,.99);border:1px solid #dce9f5;border-radius:14px;box-shadow:0 16px 34px rgba(10,45,80,.16);display:none;left:0;padding:8px;position:absolute;right:0;top:calc(100% + 9px)}.saas-site .nav-links.is-open{display:flex;flex-direction:column;align-items:stretch}.saas-site .nav-links.is-open>a:not(.nav-cta){display:block}.saas-site .nav-links>a{font-size:13px;padding:12px}.saas-site .nav-links .nav-cta{justify-content:center;margin:3px 0 0}.saas-site .learn-hero{display:block;min-height:0}.saas-site .hero-copy{padding:64px 2px 24px}.saas-site .hero-copy h1{font-size:clamp(3rem,15vw,4.2rem);margin:18px 0}.saas-site .hero-actions{gap:10px;margin-top:25px}.saas-site .btn-site{font-size:12px;padding:13px 14px}.saas-site .hero-visual{height:385px;margin-top:2px}.saas-site .hero-arch{height:310px;right:2%;top:34px;width:305px}.saas-site .workspace-card,.saas-site .hero-uploaded-image{border-width:6px;border-radius:22px 22px 53px 22px;height:240px;right:4%;top:66px;width:min(86%,330px)}.saas-site .workspace-card{padding:11px}.saas-site .workspace-top{font-size:7px;height:28px;padding:7px}.saas-site .workspace-body{min-height:164px;padding:13px}.saas-site .workspace-greeting strong{font-size:15px}.saas-site .workspace-metrics{margin:10px 0}.saas-site .workspace-metrics span{font-size:7px;padding:7px}.saas-site .workspace-metrics b{font-size:12px}.saas-site .float-one{bottom:42px;font-size:8px;padding:8px 10px;right:0}.saas-site .float-two{height:37px;left:0;top:92px;width:37px}.saas-site .trusted-strip{padding:27px 18px}.saas-site .trusted-strip>div{gap:12px 24px}.saas-site .trusted-strip span{font-size:14px}.saas-site .story-section{display:block;padding-bottom:75px;padding-top:76px}.saas-site .story-copy h2,.saas-site .section-title h2,.saas-site .cta-panel h2{font-size:clamp(2.35rem,10vw,3.15rem)}.saas-site .story-stack{margin-top:30px}.saas-site .story-card{min-height:0;padding:19px}.saas-site .story-card:nth-child(2),.saas-site .story-card:nth-child(3){transform:none}.saas-site .tools-section,.saas-site .growth-band,.saas-site .cta-panel{border-radius:22px!important;margin-left:14px!important;margin-right:14px!important}.saas-site .tools-section{padding:55px 20px!important}.saas-site .tool-grid,.saas-site .growth-grid{grid-template-columns:1fr}.saas-site .tool-card{padding:12px 15px 18px}.saas-site .tool-preview{height:130px}.saas-site .audience-section{padding-bottom:76px;padding-top:80px}.saas-site .audience-grid{grid-template-columns:1fr}.saas-site .audience-card{min-height:184px}.saas-site .growth-band{padding:54px 20px!important}.saas-site .pricing-section{padding-bottom:80px;padding-top:85px}.saas-site .plans-grid{grid-template-columns:1fr!important;max-width:420px}.saas-site .site-plan.recommended,.saas-site .site-plan.recommended:hover,.saas-site .site-plan:hover{transform:none}.saas-site .faq-section{padding-bottom:78px}.saas-site .cta-panel{margin-bottom:48px;padding:55px 21px!important}.saas-site .site-footer{grid-template-columns:1fr 1fr!important;padding-left:24px!important;padding-right:24px!important}.saas-site .footer-intro{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.saas-site *{scroll-behavior:auto!important;transition:none!important}}