:root{--primary-color:#f28482;--secondary-color:#3d405b;--bg-light:#fffbf5;--white:#fff;--text-dark:#3d405b;--text-muted:#666;--growth-green:#2ecc71;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}section{padding:100px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-weight:800;line-height:1.2}span{color:var(--primary-color)}.btn{cursor:pointer;border:none;border-radius:50px;padding:16px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #f284824d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f2848266}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.header-spacer{height:80px}.scale-hero{background-color:var(--bg-light);text-align:center;padding:120px 0 80px}.scale-hero h1{color:var(--secondary-color);margin-bottom:25px;font-size:clamp(2.5rem,5vw,4rem)}.scale-hero p{color:var(--text-muted);max-width:700px;margin:0 auto 40px;font-size:1.15rem}.graph-container{border-bottom:2px solid #ddd;justify-content:space-around;align-items:flex-end;max-width:400px;height:1000px;margin:50px auto 0;padding-bottom:20px;display:flex;position:relative}.graph-bar{cursor:pointer;background:#ddd;border-radius:8px 8px 0 0;width:60px;transition:all 1s;position:relative}.graph-bar:hover{background:var(--secondary-color)}.graph-bar:before{content:attr(data-students);opacity:0;color:#3d405b;font-size:.9rem;font-weight:700;transition:all .3s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.graph-bar:hover:before{opacity:1;top:-400px}.bar-1{height:20%}.bar-2{height:35%}.bar-3{height:45%}.bar-4{background:var(--primary-color);height:60%}.bar-5{background:var(--growth-green);height:85%}.pain-point{color:#e74c3c;background:#fff;border:2px solid #e74c3c;border-radius:8px;padding:10px 15px;font-size:.8rem;font-weight:700;animation:3s ease-in-out infinite float;position:absolute;top:30%;left:55%;box-shadow:0 5px 15px #0000001a}.solution-point{background:var(--growth-green);color:#fff;border-radius:8px;padding:10px 15px;font-size:.8rem;font-weight:700;animation:3s ease-in-out 1.5s infinite float;position:absolute;top:5%;right:5%;box-shadow:0 5px 15px #2ecc714d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.comparison-section{background:#fff}.split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.stack-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:30px;position:relative;box-shadow:0 10px 30px #0000000d}.stack-card.messy-stack{z-index:1;max-width:300px;margin-bottom:-60px;position:relative}.stack-card:last-child{z-index:2;margin-left:40px}.messy-stack{background:#fff5f5;border-color:#fcc;margin-bottom:20px;transform:rotate(-2deg)}.messy-stack:nth-child(2){opacity:.9;transform:rotate(3deg)translate(10px,-40px)}.clean-dashboard{background:#f8f9fa;border:1px solid #ddd;border-radius:12px;padding:20px}.dash-row{background:#e0e0e0;border-radius:6px;width:100%;height:12px;margin-bottom:10px}.dash-row.short{width:60%}.dash-row.success{background:var(--growth-green);width:40%}.workflow-section{background:var(--bg-light)}.flow-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;display:grid}.flow-box{background:#fff;border-radius:16px;padding:30px 20px;transition:transform .3s;box-shadow:0 4px 12px #00000008}.flow-box:hover{transform:translateY(-5px)}@media (width<=992px){.flow-arrow{display:none}.flow-box{margin-bottom:20px}}.flow-box:last-child .flow-arrow{display:none}.flow-icon{color:var(--secondary-color);margin-bottom:15px;font-size:2rem}.map-section{color:#fff;text-align:center;background:#3d405b;padding:80px 0}.map-visual{background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 60\"><path fill=\"%23ffffff20\" d=\"M20,10 L30,50 L80,40 L70,10 Z\"/></svg>") 50%/contain no-repeat;max-width:600px;height:300px;margin:40px auto;position:relative}.branch-pin{color:var(--primary-color);font-size:1.5rem;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;display:grid}.feat-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:30px;transition:all .3s}.feat-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.feat-icon{color:var(--primary-color);margin-bottom:20px;font-size:2rem}.feat-card h3{color:var(--secondary-color);margin-bottom:10px}.feat-card p{color:var(--text-muted);font-size:.95rem}@media (width<=992px){.graph-container{height:300px;padding:0 10px}.split-grid{text-align:center;grid-template-columns:1fr;gap:40px}.flow-grid{grid-template-columns:1fr;gap:40px}.flow-arrow{top:auto;bottom:-35px;right:50%;transform:translate(50%)rotate(90deg)}.features-grid{grid-template-columns:1fr}.hero-grid{text-align:center}}.scaling-visual-wrapper{grid-template-columns:1fr 1fr;gap:40px;margin-top:60px;display:grid}@media (width<=768px){.scaling-visual-wrapper{grid-template-columns:1fr}}.manual-card{background:snow;border:2px dashed #f28482;border-radius:20px;padding:40px;position:relative;overflow:hidden}.automated-card{background:#f0fff4;border:2px solid #2ecc71;border-radius:20px;padding:40px;box-shadow:0 20px 40px #2ecc711a}.mini-chart{align-items:flex-end;gap:12px;height:150px;margin-top:30px;display:flex}.chart-bar{background:#cbd5e0;border-radius:6px 6px 0 0;flex:1;transition:all .6s}.chart-bar.active{background:var(--growth-green);box-shadow:0 0 15px #2ecc7166}.status-badge{text-transform:uppercase;border-radius:12px;margin-bottom:15px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.map-section{background:linear-gradient(135deg,#3d405b 0%,#2b2d42 100%);overflow:hidden}.pocket-control{background:#ffffff0d;border:8px solid #1a1c2c;border-radius:40px;flex-direction:column;width:280px;height:500px;margin:40px auto;padding:20px;display:flex;position:relative;box-shadow:0 50px 100px #00000080}.floating-location{color:#333;opacity:0;background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:15px;padding:12px;animation:1s ease-out forwards floatIn;display:flex}.floating-location i{color:var(--primary-color)}.location-status{background:var(--growth-green);border-radius:50%;width:8px;height:8px;margin-left:auto}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trust-card{border-left:4px solid var(--secondary-color);background:#f8f9fa;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}