*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark:#0f2b3d;--teal:#0ea5e9;--teal-dark:#0284c7;--teal-light:#e0f2fe;--mint:#f0fafa;--white:#fff;--text:#0f2b3d;--muted:#64748b;--border:#e2e8f0;--green:#16a34a;--radius:12px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.6;background:var(--white)}nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px}.nav-logo{font-weight:800;font-size:16px;letter-spacing:.05em;color:var(--dark);text-decoration:none}.nav-logo span{color:var(--teal)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--muted);font-size:14px;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--dark)}.nav-right{display:flex;align-items:center;gap:16px}.nav-login{color:var(--muted);font-size:14px;text-decoration:none;font-weight:500;transition:color .2s}.nav-login:hover{color:var(--dark)}.nav-cta{background:var(--teal);color:#fff;padding:9px 20px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--teal-dark)}.hero-outer{background:#fff;border-bottom:1px solid var(--border)}.hero{max-width:1140px;margin:0 auto;padding:80px 48px 72px;display:flex;align-items:center;gap:56px}.hero-left{flex:0 0 auto;max-width:500px}.hero-badge{display:inline-block;background:var(--teal-light);color:var(--teal-dark);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:24px}.hero h1{font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.12;color:var(--dark);margin-bottom:20px}.hero h1 em{color:var(--teal);font-style:normal}.hero-sub{font-size:17px;color:var(--muted);line-height:1.7;margin-bottom:36px;max-width:440px}.hero-cta-group{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.btn-primary{background:var(--teal);color:#fff;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--dark);padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;border:1.5px solid var(--border);transition:border-color .2s;display:inline-block}.btn-secondary:hover{border-color:var(--dark)}.hero-footnote{color:#94a3b8;font-size:13px}.hero-right{flex:1;min-width:0}.mockup-window{background:#f8fafc;border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);overflow:hidden;max-width:500px;margin-left:auto}.mockup-bar{background:#e8edf2;padding:10px 16px;display:flex;align-items:center;gap:6px}.mockup-dot{width:10px;height:10px;border-radius:50%}.mockup-dot:first-child{background:#ff5f57}.mockup-dot:nth-child(2){background:#febc2e}.mockup-dot:nth-child(3){background:#28c840}.mockup-url{margin-left:10px;background:#fff;border-radius:6px;padding:4px 12px;font-size:11px;color:#94a3b8;flex:1;max-width:220px}.mockup-body{padding:20px 22px}.mockup-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px}.mockup-q-box{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:12px}.mockup-q-tag{font-size:10px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.mockup-q-text{font-size:13px;font-weight:600;color:var(--dark);line-height:1.55}.mockup-a-box{background:var(--teal-light);border-radius:10px;padding:12px 16px;margin-bottom:14px}.mockup-a-tag{font-size:10px;font-weight:700;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.mockup-a-text{font-size:13px;color:#0369a1;line-height:1.55}.mockup-progress{display:flex;align-items:center;gap:10px}.mockup-prog-track{flex:1;height:5px;background:var(--border);border-radius:99px;overflow:hidden}.mockup-prog-fill{height:100%;width:43%;background:var(--teal);border-radius:99px}.mockup-prog-text{font-size:11px;color:var(--muted);white-space:nowrap}.school-bar{background:#fafafa;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:26px 48px;text-align:center}.school-bar-label{font-size:13px;color:var(--muted);margin-bottom:18px}.school-bar-label strong{color:var(--dark)}.school-logos{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap}.school-name{font-size:12px;font-weight:700;color:#b0bec5;letter-spacing:.06em;text-transform:uppercase}.steps-section{background:var(--mint);padding:80px 48px}.steps-inner{max-width:1080px;margin:0 auto}.section-center{text-align:center}.section-label{font-size:12px;font-weight:700;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.steps-section h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;color:var(--dark);margin-bottom:10px}.steps-section-sub{color:var(--muted);font-size:16px;margin-bottom:48px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-card{background:#fff;border-radius:14px;padding:28px 20px 24px;box-shadow:0 2px 12px rgba(0,0,0,.05);position:relative;text-align:center}.step-badge{position:absolute;top:-10px;left:16px;background:var(--teal);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:6px}.step-icon{width:56px;height:56px;border-radius:14px;background:var(--teal);display:flex;align-items:center;justify-content:center;margin:10px auto 16px;font-size:22px}.step-card h3{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:10px}.step-card p{font-size:13px;color:var(--muted);line-height:1.65}.features-section{max-width:1080px;margin:0 auto;padding:88px 48px}.features-header{text-align:center;margin-bottom:64px}.features-header h2{font-size:clamp(26px,3.5vw,38px);font-weight:800;color:var(--dark);margin-bottom:10px}.features-header p{color:var(--muted);font-size:16px;max-width:520px;margin:0 auto}.feature-row{display:flex;align-items:center;gap:64px;margin-bottom:72px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{flex-direction:row-reverse}.feature-text{flex:1}.feature-text h3{font-size:clamp(20px,2.5vw,27px);font-weight:800;color:var(--dark);line-height:1.25;margin-bottom:14px}.feature-text p{font-size:16px;color:var(--muted);line-height:1.75}.feature-visual{flex:0 0 400px;background:var(--teal-light);border-radius:16px;height:250px;display:flex;align-items:center;justify-content:center}.feature-visual.bg-green{background:#f0fdf4}.feature-visual.bg-amber{background:#fffbeb}.vis-card{background:#fff;border-radius:12px;padding:20px 22px;width:82%;box-shadow:0 4px 20px rgba(0,0,0,.08)}.vis-title{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.vis-bar{display:flex;align-items:center;gap:10px;margin-bottom:9px}.vis-bar-label{font-size:12px;color:var(--dark);font-weight:500;width:110px;flex-shrink:0}.vis-bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:99px;overflow:hidden}.vis-bar-fill{height:100%;border-radius:99px}.fill-high{background:#16a34a;width:84%}.fill-mid{background:#f59e0b;width:52%}.fill-low{background:#ef4444;width:26%}.vis-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px}.vis-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vis-name{font-size:12px;color:var(--dark)}.vis-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px}.badge-g{background:#dcfce7;color:#16a34a}.badge-y{background:#fef9c3;color:#a16207}.badge-r{background:#fee2e2;color:#dc2626}.vis-doc-row{padding:8px 10px;margin-bottom:4px}.vis-doc-meta{font-size:10px;color:#94a3b8;margin-bottom:3px}.vis-doc-q{font-size:12px;font-weight:600;color:var(--dark);margin-bottom:4px}.vis-doc-a{font-size:12px;color:var(--muted)}.compare-outer{background:#fafafa;border-top:1px solid var(--border);padding:72px 48px}.compare-inner{max-width:900px;margin:0 auto;text-align:center}.compare-inner h2{font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--dark);margin-bottom:10px}.compare-intro{color:var(--muted);font-size:16px;margin-bottom:32px}.compare-wrap{overflow-x:auto;text-align:left}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table th{background:var(--dark);color:#fff;font-weight:700;padding:14px 18px;text-align:left;font-size:13px}.compare-table th:first-child{border-radius:10px 0 0 0}.compare-table th:last-child{border-radius:0 10px 0 0}.compare-table td{padding:13px 18px;border-bottom:1px solid var(--border)}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:nth-child(2n) td{background:#fff}.compare-table .highlight td{background:#e0f2fe!important;font-weight:600}.compare-table .highlight td:first-child{border-left:3px solid var(--teal)}.check{color:#16a34a;font-weight:700}.cross{color:#ef4444}.partial{color:#f59e0b}.testimonials-section{padding:80px 48px;max-width:1080px;margin:0 auto;text-align:center}.testimonials-section h2{font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--dark);margin-bottom:8px}.testimonials-intro{color:var(--muted);font-size:16px;margin-bottom:40px}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;text-align:left}.testimonial-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px 24px}.t-stars{color:#f59e0b;font-size:14px;margin-bottom:14px}.t-quote{font-size:15px;color:var(--dark);line-height:1.7;margin-bottom:18px;font-style:italic}.t-author{font-size:13px;color:var(--muted);font-weight:600}.faq-outer{background:#fafafa;border-top:1px solid var(--border);padding:72px 48px}.faq-inner{max-width:720px;margin:0 auto;text-align:center}.faq-inner h2{font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--dark);margin-bottom:8px}.faq-intro{color:var(--muted);font-size:16px;margin-bottom:36px}.faq-list{text-align:left}.faq-item{border-bottom:1px solid var(--border);padding:22px 0;cursor:pointer}.faq-item:last-child{border-bottom:none}.faq-q{font-size:15px;font-weight:700;color:var(--dark);justify-content:space-between;gap:16px;user-select:none}.faq-q,.faq-q .arrow{display:flex;align-items:center}.faq-q .arrow{width:24px;height:24px;border-radius:50%;background:var(--border);color:var(--muted);justify-content:center;font-size:16px;flex-shrink:0;transition:transform .25s,background .2s}.faq-item.open .faq-q .arrow{transform:rotate(45deg);background:var(--teal);color:#fff}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:15px;color:var(--muted);line-height:1.7}.faq-item.open .faq-a{max-height:400px;padding-top:12px}.cta-section{background:var(--dark);padding:88px 48px;text-align:center}.cta-section h2{color:#fff;font-size:clamp(26px,4vw,44px);font-weight:800;margin-bottom:16px}.cta-section p{color:hsla(0,0%,100%,.75);font-size:17px;margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.65}.btn-white{background:#fff;color:var(--dark);padding:16px 36px;border-radius:8px;font-size:16px;font-weight:800;text-decoration:none;display:inline-block;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px rgba(0,0,0,.2)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.28)}.cta-footnote{color:hsla(0,0%,100%,.4);font-size:13px;margin-top:16px}footer{background:#f8fafc;border-top:1px solid var(--border);padding:28px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-logo{font-weight:800;font-size:14px;color:var(--dark);letter-spacing:.04em}.footer-logo span{color:var(--teal)}.footer-copy{color:var(--muted);font-size:13px}@media (max-width:960px){.hero{flex-direction:column;padding:56px 28px 48px}.hero-right{display:none}.steps-grid{grid-template-columns:repeat(2,1fr)}.feature-row,.feature-row.reverse{flex-direction:column;gap:32px}.feature-visual{flex:none;width:100%}}@media (max-width:640px){nav{padding:0 20px}.nav-links{display:none}.hero{padding:48px 20px 40px}.school-bar{padding:20px}.steps-section{padding:56px 20px}.steps-grid{grid-template-columns:1fr}.compare-outer,.faq-outer,.features-section,.testimonials-section{padding:56px 20px}.cta-section{padding:64px 20px}footer{padding:20px;flex-direction:column;align-items:flex-start}}