*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#07111f;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.page{--bg:#081120;--bg-2:#0b1628;--text:#fff;--muted:#ffffffb8;--card:#ffffff0f;--card-strong:#ffffff17;--border:#ffffff1a;--blue:#3b82f6;--red:#ef4444;--green:#34d399;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #34d3991a, transparent 30%), radial-gradient(circle at top right, #3b82f624, transparent 35%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 50%, #09101d 100%);transition:background .3s,color .3s}.page[data-theme=light]{--bg:#f7fbff;--bg-2:#eef6ff;--text:#0f172a;--muted:#0f172aad;--card:#ffffffd1;--card-strong:#fffffff5;--border:#0f172a1a;background:radial-gradient(circle at 0 0,#34d3992e,#0000 30%),radial-gradient(circle at 100% 0,#3b82f629,#0000 35%),linear-gradient(#f8fbff 0%,#edf5ff 55%,#fff 100%)}.container{width:min(1180px,100% - 32px);margin:0 auto}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:14px 0;position:sticky;top:0}.topbar-inner,.footer-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand-btn,.footer-brand-btn{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand-btn img{border-radius:10px;width:34px;height:34px}.brand-btn span{letter-spacing:-.03em;font-weight:800}.topbar-actions{flex-wrap:wrap;gap:10px;display:flex}.toggle-btn{border:1px solid var(--border);color:var(--text);background:var(--card);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:10px 14px}.hero{padding:70px 0 90px;position:relative;overflow:hidden}.hero-glow{filter:blur(70px);pointer-events:none;border-radius:999px;position:absolute}.hero-glow-1{background:#3b82f633;width:260px;height:260px;top:40px;left:-40px}.hero-glow-2{background:#ef444429;width:280px;height:280px;top:120px;right:-60px}.hero-content{grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;display:grid}.badge{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:fit-content;color:var(--text);border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;display:inline-flex}.badge-dot{background:linear-gradient(135deg, var(--blue), var(--green));width:10px;height:10px;box-shadow:0 0 18px var(--green);border-radius:999px}.hero-text h1{letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(40px,6vw,74px);line-height:.95}.subtitle{max-width:630px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-btn,.secondary-btn,.slider-arrow,.dot{border:0;outline:none}.primary-btn,.secondary-btn{cursor:pointer;border-radius:16px;padding:14px 22px;transition:transform .25s,box-shadow .25s,opacity .25s}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#ef4444);box-shadow:0 16px 35px #2563eb59}.secondary-btn{color:var(--text);background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.hero-points{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-points span{background:var(--card);color:var(--muted);border:1px solid var(--border);border-radius:14px;padding:10px 12px;font-size:14px}.hero-visual{justify-content:center;align-items:center;min-height:620px;display:flex;position:relative}.phone{background:linear-gradient(#1f2937,#111827);border-radius:38px;padding:12px;position:relative;box-shadow:0 30px 70px #0000006b,inset 0 1px #ffffff0f}.phone-main{z-index:3;width:310px}.phone-back{opacity:.86;z-index:1;width:220px;position:absolute}.phone-left{top:160px;left:10px;transform:rotate(-14deg)}.phone-right{top:120px;right:10px;transform:rotate(14deg)}.phone-screen{background:#0b1220;border-radius:28px;min-height:420px;overflow:hidden}.phone-image{object-fit:cover;opacity:.76;width:100%;height:100%}.phone-notch{z-index:2;background:#0b0b0d;border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:38%;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.float-phone{animation:4.4s ease-in-out infinite floatPhone}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.placeholder-screen{place-items:center;display:grid;position:relative;overflow:hidden}.placeholder-screen:after{content:"";pointer-events:none;background:linear-gradient(135deg,#2563eb14,#ef444414);position:absolute;inset:0}.image-placeholder-label{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#081120b8;border-radius:18px;padding:12px 14px;font-weight:700;position:absolute;bottom:18px;left:18px;right:18px}.image-placeholder-label.small{font-size:13px}.section{padding:88px 0}.section.compact{padding:44px 0 88px}.video-section{padding-top:24px;scroll-margin-top:150px}.video-player{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 24px 64px #0003}.video-player iframe{border:0;width:100%;height:100%;display:block}.video-actions{justify-content:center;margin-top:24px;display:flex}.video-actions a:focus-visible,.hero-buttons a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.alt{background:color-mix(in srgb, var(--card) 45%, transparent)}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-kicker{color:#60a5fa;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:800;display:inline-block}.section-head h2,.split-card h2,.bell-card h2{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(30px,4vw,50px);line-height:1.05}.section-head p,.split-card p,.bell-card p{color:var(--muted);margin:0;line-height:1.75}.split-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:34px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:34px;padding:34px;display:grid}.split-text{gap:16px;display:grid}.feature-grid,.steps-grid,.grid{gap:20px;display:grid}.feature-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.feature-card,.step-card,.card,.cta-box,.bell-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:24px;box-shadow:0 18px 45px #00000024}.feature-icon{background:linear-gradient(135deg,#2563eb38,#ef44442e);border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:16px;font-size:26px;display:grid}.feature-card h3,.step-card h3,.card h3{margin:0 0 10px;font-size:22px}.feature-card p,.step-card p,.card p,.footer p,.cta-box p{color:var(--muted);margin:0;line-height:1.7}.step-num{color:#60a5fa;letter-spacing:.14em;margin-bottom:18px;font-size:14px;font-weight:800}.bell-section,.requests-section{padding-top:40px}.requests-card{border:1px solid var(--border);background:radial-gradient(circle at top right, #34d39924, transparent 38%), var(--card);border-radius:34px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;padding:38px;display:grid;box-shadow:0 22px 55px #00000029}.requests-copy h2{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(30px,4vw,50px);line-height:1.05}.requests-copy>p{color:var(--muted);margin:0;line-height:1.75}.requests-highlights{gap:10px;margin-top:22px;display:grid}.requests-highlights span{border:1px solid var(--border);background:var(--card-strong);color:var(--muted);border-radius:16px;padding:12px 14px}.requests-flow{gap:12px;display:grid}.request-flow-item{border:1px solid var(--border);background:var(--card-strong);border-radius:20px;grid-template-columns:58px 1fr;align-items:center;gap:16px;padding:16px;display:grid}.request-flow-item strong{color:#fff;background:linear-gradient(135deg,#2563eb,#34d399);border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 28px #2563eb38}.request-flow-item span{color:var(--text);line-height:1.45}.bell-card{grid-template-columns:1.1fr .9fr;min-height:420px;display:grid;position:relative;overflow:hidden}.bell-content{z-index:2;position:relative}.bell-list{gap:12px;margin-top:22px;display:grid}.bell-list span{background:var(--card-strong);border:1px solid var(--border);color:var(--muted);border-radius:16px;padding:12px 14px}.bell-visual{place-items:center;min-height:280px;display:grid;position:relative}.bell-circle{z-index:3;background:linear-gradient(135deg,#2563ebf2,#ef4444eb);border-radius:999px;place-items:center;width:140px;height:140px;font-size:64px;display:grid;position:relative;box-shadow:0 22px 55px #2563eb52}.signal-ring{border:2px solid #3b82f657;border-radius:999px;width:150px;height:150px;animation:2.8s ease-out infinite pulseRing;position:absolute}.ring-2{animation-delay:.65s}.ring-3{animation-delay:1.3s}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.45)}}.showcase{align-items:center;gap:14px;display:flex;position:relative}.slider-window{border-radius:34px;width:100%;overflow:hidden}.slider-track{will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1);display:flex}.slide{flex:0 0 100%;grid-template-columns:360px 1fr;align-items:center;gap:34px;width:100%;padding:10px 10px 16px;display:grid}.slide-phone{background:linear-gradient(#1f2937,#111827);border-radius:36px;width:300px;min-height:610px;margin:0 auto;padding:12px;position:relative;box-shadow:0 30px 70px #00000052}.slide-image{object-fit:cover;opacity:.7;border-radius:28px;width:100%;height:100%;min-height:580px;overflow:hidden}.slide-caption h3{margin:0 0 12px;font-size:clamp(28px,3vw,42px)}.slide-caption p{max-width:540px;color:var(--muted);margin:0 0 16px;font-size:17px;line-height:1.75}.slide-caption code{background:var(--card);border:1px solid var(--border);color:var(--muted);white-space:normal;border-radius:12px;padding:10px 12px;display:inline-block}.slider-arrow{cursor:pointer;width:48px;height:48px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:999px;flex:0 0 48px;font-size:30px;transition:transform .2s,background .2s}.slider-arrow:hover{background:var(--card-strong);transform:scale(1.05)}.slider-dots{justify-content:center;gap:10px;margin-top:22px;display:flex}.dot{cursor:pointer;background:color-mix(in srgb, var(--text) 25%, transparent);border-radius:999px;width:10px;height:10px;transition:transform .25s,background .25s,width .25s}.dot.active{background:linear-gradient(135deg,#3b82f6,#ef4444);width:30px}.hover-lift{transition:transform .28s,box-shadow .28s,border-color .28s}.hover-lift:hover{border-color:#60a5fa52;transform:translateY(-8px);box-shadow:0 26px 50px #00000038}.roles-card{align-items:start}.cta-section{padding-top:30px}.cta-box{text-align:center;padding:38px 24px}.cta-box h2{margin:0 0 12px;font-size:clamp(30px,4vw,48px)}.hero-buttons.center{justify-content:center}.footer{border-top:1px solid var(--border);padding:34px 0 44px}.footer-links{color:var(--muted);flex-wrap:wrap;gap:16px;display:flex}.fade-up{animation:.8s both fadeUp}.fade-up-delayed{animation:1s .15s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.hero-content,.slide,.feature-grid,.steps-grid,.grid.three,.bell-card,.split-card{grid-template-columns:1fr 1fr}.hero-content{align-items:start}.hero-visual{min-height:520px}.phone-left,.phone-right{display:none}.slide{gap:20px}}@media (width<=760px){.topbar-inner{align-items:flex-start}.topbar-actions{justify-content:flex-end}.hero{padding:54px 0 70px}.hero-content,.feature-grid,.steps-grid,.grid.three,.slide,.bell-card,.split-card,.requests-card{grid-template-columns:1fr}.hero-text{text-align:center}.badge,.subtitle{margin-left:auto;margin-right:auto}.hero-buttons,.hero-points{justify-content:center}.hero-visual{min-height:auto;padding-top:10px}.phone-main{width:min(82vw,310px)}.showcase{gap:8px}.slider-arrow{flex-basis:40px;width:40px;height:40px;font-size:26px}.slide-phone{width:min(76vw,300px);min-height:560px}.slide-image{min-height:530px}.footer-content{text-align:center;flex-direction:column}}@media (width<=480px){.container{width:min(100% - 22px,1180px)}.topbar-inner{flex-direction:column}.topbar-actions{width:100%}.toggle-btn{flex:1}.section{padding:64px 0}.split-card,.feature-card,.step-card,.card,.cta-box,.bell-card,.requests-card{border-radius:24px;padding:20px}.request-flow-item{grid-template-columns:48px 1fr;padding:12px}.request-flow-item strong{border-radius:15px;width:48px;height:48px}}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.problem-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;grid-template-columns:.8fr 1.2fr;align-items:start;gap:32px;padding:34px;display:grid}.problem-list{gap:14px;display:grid}.problem-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.problem-bad,.problem-good{border:1px solid var(--border);background:#ffffff0f;border-radius:18px;padding:16px}.numbers-grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.number-card,.stat-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:24px;padding:24px}.number-card strong,.stat-card strong{margin-bottom:10px;font-size:clamp(28px,4vw,46px);line-height:1;display:block}.number-card span,.stat-card span{opacity:.78}@media (width<=1000px){.grid.five,.numbers-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-card,.problem-row{grid-template-columns:1fr}}@media (width<=560px){.grid.five,.numbers-grid,.stats-grid{grid-template-columns:1fr}}.bell-flow{gap:12px;width:min(360px,100%);margin-left:auto;display:grid}.bell-flow-step{text-align:center;justify-items:center;gap:8px;padding:12px;display:grid}.bell-flow-icon{background:linear-gradient(135deg,#4f7cff,#ef476f);border-radius:24px;place-items:center;width:72px;height:72px;font-size:34px;display:grid;box-shadow:0 18px 50px #4f7cff40}.bell-flow-arrow{opacity:.55;font-size:24px;line-height:1}.footer-links button{color:inherit;cursor:pointer;font:inherit;opacity:.8;background:0 0;border:0}.footer-links button:hover{opacity:1}.teacher-guide{scroll-margin-top:95px}.teacher-guide h2{letter-spacing:-.035em;margin:42px 0 20px;font-size:clamp(24px,3vw,36px)}.teacher-guide h3{margin:0 0 10px;font-size:21px}.teacher-guide p{color:var(--muted);margin:0;line-height:1.75}.teacher-steps{grid-template-columns:1fr 1fr;gap:16px;padding:0;list-style:none;display:grid}.teacher-steps li,.teacher-columns article{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:26px}.teacher-steps li{align-items:flex-start;gap:18px;display:flex}.teacher-step-number{color:var(--green);font-size:26px;font-weight:800}.page[data-theme=light] .teacher-step-number{color:#047857}.teacher-columns{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.teacher-columns.three{grid-template-columns:repeat(3,1fr)}.teacher-guide .teacher-note{border-left:4px solid var(--blue);background:var(--card);border-radius:0 12px 12px 0;margin-top:18px;padding:20px}.teacher-legend{flex-wrap:wrap;gap:10px;margin:22px 0 14px;display:flex}.teacher-legend span{color:#171717;border-radius:12px;padding:10px 14px;font-weight:700}.teacher-legend .level-0{background:#facc15}.teacher-legend .level-1{background:#f97316}.teacher-legend .level-2{color:#fff;background:#dc2626}.teacher-muted{font-size:14px}.teacher-checklist{border:1px solid var(--border);background:var(--card);border-radius:24px;margin-top:36px;padding:28px;scroll-margin-top:95px}.teacher-checklist h2{margin-top:0}.teacher-checklist p{margin-bottom:18px}.teacher-checklist label{cursor:pointer;gap:14px;padding:12px 0;line-height:1.5;display:flex}.teacher-checklist input{accent-color:#2563eb;flex-shrink:0;width:22px;height:22px}.teacher-faq details{border-bottom:1px solid var(--border);padding:20px 0}.teacher-faq summary{cursor:pointer;font-size:19px;font-weight:700}.teacher-faq p{max-width:850px;padding-top:14px}.teacher-help{justify-content:space-between;align-items:center;gap:20px;margin-top:32px;display:flex}.teacher-help a{display:inline-flex}.teacher-guide :focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media (width<=700px){.teacher-guide,.teacher-checklist{scroll-margin-top:160px}.teacher-steps,.teacher-columns,.teacher-columns.three{grid-template-columns:1fr}.teacher-help{flex-direction:column;align-items:flex-start}.teacher-steps li,.teacher-checklist{padding:20px}}@media print{.topbar,.hero,.footer,main>section:not(.teacher-guide),.teacher-help{display:none!important}.page{--muted:#333;--border:#ccc;--card:white;color:#000!important;background:#fff!important}.teacher-guide{padding:0}.teacher-guide .container{width:100%}.teacher-steps li,.teacher-columns article,details{break-inside:avoid}.teacher-faq details p{display:block!important}}