/* SchulFlow landing page */
:root{--navy:#142442;--yellow:#ffd83f;--yellow-dark:#f4c51e;--cream:#fffdf2;--muted:#687386;--pale:#fff9df}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{font-family:"Nunito Sans",sans-serif;color:var(--navy);margin:0;background:#fff}
a{text-decoration:none}
.site-nav{background:rgba(255,255,255,.96);box-shadow:0 2px 18px rgba(20,36,66,.045);padding:11px 0;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:9px;color:var(--navy);line-height:1.05}
.brand:hover{color:var(--navy)}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:#f5c51f;font-size:25px}
.brand strong{display:block;font-size:17px;font-weight:900;letter-spacing:-.5px}
.brand small{display:block;font-size:9px;color:#7b8492;font-weight:600;letter-spacing:.1px}
.navbar-nav{gap:18px}
.nav-link{font-size:12px;font-weight:700;color:#606a79!important;padding:10px 3px!important;position:relative}
.nav-link:hover,.nav-link.active{color:var(--navy)!important}
.nav-link.active:after{content:"";height:3px;width:25px;border-radius:5px;background:var(--yellow);position:absolute;bottom:2px;left:3px}
.btn{border-radius:30px;font-size:12px;font-weight:800;padding:10px 19px;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-yellow{background:var(--yellow);border:1px solid var(--yellow);color:#172642;box-shadow:0 5px 12px rgba(244,197,30,.18)}
.btn-yellow:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);color:#172642}
.btn-login{border:1px solid #dce0e6;color:var(--navy);padding:8px 22px}
.btn-outline-yellow{border:1.5px solid #efc72b;color:var(--navy);background:#fff}
.btn-outline-yellow:hover{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.hero-section{background:linear-gradient(110deg,#fffdf4 0%,#fffdf4 50%,#fff9dd 100%);padding:108px 0 48px;overflow:hidden}
.hero-inner{position:relative}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:7px;background:#fff5cf;color:#29364b;border-radius:30px;padding:7px 13px;font-size:10px;font-weight:800;margin-bottom:17px}
.eyebrow i,.eyebrow span{color:#e9b900}
.hero-copy h1{font-size:clamp(34px,4.2vw,48px);font-weight:900;letter-spacing:-1.8px;line-height:1.04;margin:0 0 14px}
.hero-copy h1 span{color:#eec52d}
.hero-lead{font-size:14px;line-height:1.65;color:#677183;max-width:490px;margin-bottom:20px}
.hero-buttons .btn{font-size:12px;padding:12px 20px}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:21px;color:#667080;font-size:10px;font-weight:700}
.hero-trust i{color:#eac52b;font-size:14px;margin-right:3px}
.hero-visual{height:350px;position:relative;display:flex;align-items:center;justify-content:center}
.hero-blob{position:absolute;width:340px;height:320px;background:#ffdc54;border-radius:48% 52% 42% 58%/48% 42% 58% 52%;right:16%;top:4%;transform:rotate(-10deg)}
.hero-student{position:absolute;height:340px;width:290px;object-fit:cover;object-position:center top;right:27%;bottom:0;border-radius:48% 48% 12px 12px;mix-blend-mode:multiply;z-index:1}
.dashboard-card{position:absolute;right:0;top:65px;width:55%;min-width:290px;background:#fff;border:1px solid #f3d65d;border-radius:13px;box-shadow:0 14px 35px rgba(41,49,65,.16);z-index:2;overflow:hidden;transform:perspective(900px) rotateY(-3deg)}
.dash-top{height:38px;border-bottom:1px solid #eef0f3;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;color:#25334b}
.mini-brand{font-weight:900}.mini-brand i{color:#efc62c}
.dash-top>i{color:#25334b}
.dash-body{display:flex;min-height:190px}
.dash-sidebar{width:29%;background:#fbfcfe;padding:10px 7px;display:flex;flex-direction:column;gap:9px;font-size:7px;color:#687487}
.dash-sidebar b{background:#fff2bd;color:#28354b;padding:5px;border-radius:4px}
.dash-sidebar i{margin-right:3px}
.dash-content{padding:11px 10px;flex:1}
.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}
.dash-stat{border-radius:6px;padding:7px;display:grid;grid-template-columns:18px 1fr;align-items:center;column-gap:5px}
.dash-stat i{grid-row:span 2;font-size:13px}.dash-stat small{font-size:6px;color:#6e7888}.dash-stat strong{font-size:10px}
.dash-stat.blue{background:#edf3ff;color:#3470db}.dash-stat.purple{background:#f4efff;color:#8b62ce}.dash-stat.green{background:#e9f8ee;color:#2c9a58}.dash-stat.orange{background:#fff5e4;color:#e5a51c}
.dash-content h6{font-size:9px;font-weight:900;margin-bottom:7px}
.activity{display:flex;align-items:center;gap:6px;padding:5px 0;border-top:1px solid #f0f1f4}
.activity>i{background:#eef3ff;color:#4b7cdb;padding:4px;border-radius:4px;font-size:9px}
.activity span{display:flex;flex-direction:column;flex:1}.activity b{font-size:7px}.activity small,.activity time{font-size:6px;color:#87909d}
.feature-strip{padding:42px 0 35px;background:#fff}
.feature-icon,.small-icon{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;background:#fff4c4;color:#e7bd20;border-radius:11px;font-size:22px}
.feature-strip h3{font-size:12px;font-weight:900;margin-bottom:5px}
.feature-strip p{font-size:10px;line-height:1.5;color:#7c8490;margin:0 auto;max-width:145px}
.section-pad{padding:54px 0}
.about-section{background:#fffef8}
.learning-photo-wrap{position:relative;padding:10px 18px 10px 0}
.learning-photo-wrap:before{content:"";position:absolute;inset:5px 30px 0 0;background:#ffe36b;border-radius:25px 55px 25px 55px;transform:rotate(-4deg)}
.learning-photo-wrap img{position:relative;width:100%;height:290px;object-fit:cover;border-radius:24px 48px 24px 48px;clip-path:polygon(2% 7%,96% 0,100% 88%,10% 100%)}
.photo-note{position:absolute;right:-1px;top:42px;transform:rotate(7deg);font-size:16px;font-style:italic;font-weight:800;line-height:1.15;color:#1d2c49;text-shadow:0 1px #fff}
.photo-note strong{color:#e6b800}.photo-note i{color:#e7bf23;font-size:23px;display:block;text-align:right}
.doodle{position:absolute;color:#f0ca39;font-size:40px}.doodle-one{left:4px;top:-15px}.doodle-two{left:-9px;bottom:8px}
.section-kicker{font-size:10px;font-weight:900;color:#d8ad0e;letter-spacing:.5px;margin-bottom:7px}
.about-copy h2,.why-section h2,.testimonial-intro h2{font-size:clamp(24px,2.8vw,32px);font-weight:900;letter-spacing:-.7px;line-height:1.12;margin-bottom:14px}
.about-copy>p,.why-section>p,.why-section .col-lg-4>p,.testimonial-intro>p{font-size:12px;line-height:1.7;color:#697487;max-width:480px}
.check-list{list-style:none;padding:0;margin:16px 0 20px}
.check-list li{font-size:11px;color:#586477;margin:9px 0}
.check-list i{color:#efc72d;margin-right:7px}
.why-section{background:#fffdf3}
.why-section h2{font-size:30px}
.why-section .col-lg-4>p{max-width:300px}
.benefit .small-icon{margin:0 0 8px;width:39px;height:39px;font-size:17px;border-radius:9px}
.benefit h3{font-size:12px;font-weight:900;margin-bottom:4px}
.benefit p{font-size:10px;line-height:1.5;color:#7b8491;max-width:180px}
.testimonial-section{background:#fff;padding-top:48px;padding-bottom:45px}
.testimonial-intro h2{font-size:27px}
.testimonial-intro .btn{font-size:10px;padding:9px 13px}
.testimonial-card{height:100%;padding:17px 15px 13px;border:1px solid #f0f0f0;border-radius:13px;box-shadow:0 7px 20px rgba(23,38,66,.055);display:flex;flex-direction:column}
.testimonial-card>p{font-size:10px;line-height:1.65;color:#5e6878;min-height:82px}
.reviewer{display:flex;align-items:center;gap:8px;margin-top:auto}
.reviewer img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.reviewer span{display:flex;flex-direction:column}.reviewer b{font-size:9px}.reviewer small{font-size:8px;color:#7d8795}
.stars{color:#f1c32c;letter-spacing:1px;font-size:13px;margin-top:8px}
.cta-section{padding:0 0 18px;background:#fff}
.cta-banner{background:linear-gradient(105deg,#ffe56c,#ffd83f);border-radius:14px;padding:22px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}
.cta-banner h2{font-size:22px;font-weight:900;margin:0 0 3px}.cta-banner p{font-size:11px;margin:0;color:#62552a}
.cta-books{font-size:32px;color:#24375b;display:flex;gap:0;align-items:center}.cta-books i:first-child{font-size:29px;color:#fff}
.btn-dark-blue{background:#172744;color:#fff;padding:11px 18px;white-space:nowrap}.btn-dark-blue:hover{background:#263c62;color:#fff}
.cta-send{position:absolute;right:20px;top:8px;color:#d9ad18;font-size:20px;transform:rotate(12deg)}
.site-footer{background:#172744;color:#fff;padding:18px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.footer-brand{color:#fff}.footer-brand:hover{color:#fff}.footer-brand small{color:#c1c9d5}
.footer-links,.social-links{display:flex;align-items:center;gap:19px}
.footer-links a{font-size:9px;color:#d5dbe5}.footer-links a:hover{color:var(--yellow)}
.social-links{gap:9px}.social-links a{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#31415d;color:#fff;font-size:10px}
.copyright{font-size:8px;color:#c0c8d4;white-space:nowrap}
.back-to-top{position:fixed;right:18px;bottom:18px;width:38px;height:38px;border:0;border-radius:50%;background:var(--yellow);color:var(--navy);box-shadow:0 5px 15px #0002;opacity:0;visibility:hidden;transition:.25s;z-index:1000}
.back-to-top.show{opacity:1;visibility:visible}
@media(max-width:991.98px){
 .navbar-collapse{padding:15px 0}.navbar-nav{gap:3px}.nav-actions{padding-top:10px}
 .hero-section{padding-top:105px}.hero-visual{height:330px;margin-top:5px}.hero-copy h1{font-size:42px}
 .dashboard-card{right:3%;width:52%}.hero-student{right:28%}
 .footer-inner{flex-wrap:wrap}.footer-links{order:3;width:100%;justify-content:center}
}
@media(max-width:767.98px){
 .hero-section{padding:100px 0 30px}.hero-copy{text-align:center}.eyebrow{margin-bottom:13px}.hero-copy h1{font-size:37px}.hero-lead{margin-left:auto;margin-right:auto;font-size:13px}.hero-buttons,.hero-trust{justify-content:center}
 .hero-visual{height:285px;margin-top:0}.hero-blob{width:270px;height:260px;right:16%}.hero-student{height:270px;width:220px;right:30%}.dashboard-card{top:65px;right:0;width:53%;min-width:245px}
 .feature-strip{padding:32px 0}.feature-strip h3{font-size:11px}.feature-strip p{font-size:9px}
 .section-pad{padding:42px 0}.learning-photo-wrap{max-width:540px;margin:0 auto 12px}.learning-photo-wrap img{height:250px}.photo-note{right:4px;font-size:13px}
 .about-copy{text-align:center}.about-copy>p{margin:auto}.check-list{display:inline-block;text-align:left}
 .why-section .col-lg-4{text-align:center}.why-section .col-lg-4>p{margin:auto}.benefit{text-align:center}.benefit .small-icon{margin-left:auto;margin-right:auto}.benefit p{margin:auto}
 .testimonial-intro{text-align:center}.testimonial-intro>p{margin:0 auto 12px}.testimonial-card>p{min-height:unset}
 .cta-banner{padding:22px 18px;flex-wrap:wrap;justify-content:center;text-align:center}.cta-books{display:none}.cta-banner>div{width:100%}.cta-banner h2{font-size:19px}.cta-send{right:12px}
 .footer-inner{justify-content:center;text-align:center}.footer-brand{width:100%;justify-content:center}.footer-links{gap:14px;flex-wrap:wrap}.social-links{width:100%;justify-content:center}.copyright{width:100%}
}
@media(max-width:420px){
 .hero-copy h1{font-size:32px}.hero-visual{height:250px}.hero-blob{width:225px;height:220px;right:18%}.hero-student{width:180px;height:235px;right:32%}.dashboard-card{min-width:210px;top:57px}.dash-sidebar{gap:6px}.dash-body{min-height:165px}
 .hero-trust{gap:9px;font-size:9px}.btn{padding:9px 14px}
}