:root{--primary:#2f4bdb;--primary-dark:#1d35bf;--primary-soft:#eef1ff;--accent:#16b378;--accent-soft:#e4f8ee;--ink:#141833;--ink-soft:#5b6280;--ink-faint:#8991ac;--bg:#fff;--bg-soft:#f6f8fd;--bg-pattern-line:rgba(47,75,219,.07);--bg-pattern-dot:rgba(47,75,219,.12);--bg-glow-primary:rgba(47,75,219,.12);--bg-glow-accent:rgba(22,179,120,.10);--border:#e7eaf6;--card-bg:#fff;--card-bg-soft:#f9faff;--navbar-bg:rgba(255,255,255,.75);--navbar-border:rgba(255,255,255,.65);--shadow-color:rgba(20,24,51,.08);--shadow-lg-color:rgba(20,24,51,.12);--radius:16px;--radius-lg:28px;--shadow-sm:0 8px 24px -18px var(--shadow-color);--shadow:0 22px 55px -28px var(--shadow-color);--shadow-lg:0 35px 80px -35px var(--shadow-lg-color);--container:1160px;--btn-height:48px;--btn-radius:14px;--transition:220ms cubic-bezier(.2,.8,.2,1)}body.dark-mode{--primary:#6c8aff;--primary-dark:#8ba3ff;--primary-soft:#1e2a5a;--accent:#34d399;--accent-soft:#0d3329;--ink:#f0f2ff;--ink-soft:#a6b0d0;--ink-faint:#7a83a6;--bg:#0b0e1a;--bg-soft:#111527;--bg-pattern-line:rgba(255,255,255,.04);--bg-pattern-dot:rgba(255,255,255,.07);--bg-glow-primary:rgba(108,138,255,.10);--bg-glow-accent:rgba(52,211,153,.08);--border:#222a44;--card-bg:#151b32;--card-bg-soft:#1b2140;--navbar-bg:rgba(15,18,38,.75);--navbar-border:rgba(255,255,255,.08);--shadow-color:rgba(0,0,0,.35);--shadow-lg-color:rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s ease,color .3s ease;position:relative}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--bg-pattern-line) 1px,transparent 1px),linear-gradient(90deg,var(--bg-pattern-line) 1px,transparent 1px),radial-gradient(var(--bg-pattern-dot) 1.2px,transparent 1.2px);background-size:40px 40px,40px 40px,20px 20px;background-position:center,center,0 0;mask-image:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.7) 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.7) 0%,transparent 75%)}body::after{content:"";position:fixed;top:-10%;left:-10%;width:60%;height:60%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 30% 30%,var(--bg-glow-primary),transparent 70%),radial-gradient(circle at 70% 60%,var(--bg-glow-accent),transparent 70%);filter:blur(30px);animation:floatGlow 18s ease-in-out infinite alternate}@keyframes floatGlow{from{transform:translate(0,0) scale(1)}to{transform:translate(4%,6%) scale(1.05)}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,.brand-name{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.2;color:var(--ink)}.wrap{max-width:var(--container);margin:0 auto;padding:0 28px;position:relative}:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-height);padding:0 24px;border-radius:var(--btn-radius);font-weight:600;font-size:15px;line-height:1;border:1px solid transparent;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px -12px rgba(47,75,219,.55);position:relative;overflow:hidden}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(47,75,219,.7)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);transform:translateY(-2px)}.btn-lg{height:52px;padding:0 30px;font-size:16px}.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:#fff;padding:10px 18px;border-radius:0 0 12px 0;z-index:200}.skip-link:focus{left:0}.navbar{position:sticky;top:16px;z-index:120;margin:16px auto 0;max-width:calc(var(--container) + 40px);border-radius:999px;background:var(--navbar-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--navbar-border);box-shadow:0 16px 40px -20px var(--shadow-color)}.navbar .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid rgba(47,75,219,.15)}.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:10px}.brand-name{font-weight:700;font-size:17px;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:4px;background:rgba(239,241,255,.25);border-radius:999px}.nav-links a{padding:9px 16px;border-radius:999px;font-weight:500;font-size:14px;color:var(--ink-soft);transition:all var(--transition)}.nav-links a:hover{color:var(--primary);background:var(--card-bg)}.nav-links a.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.nav-cta{display:flex;align-items:center;gap:10px}.nav-cta .btn{height:44px;padding:0 18px;border-radius:12px;font-size:14px}.theme-toggle{background:var(--card-bg);border:1px solid var(--border);color:var(--ink);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);font-size:18px;box-shadow:var(--shadow-sm)}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.bottom-nav{display:none;position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:150;background:var(--navbar-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--navbar-border);border-radius:999px;box-shadow:0 18px 35px -15px var(--shadow-color);justify-content:space-around;padding:8px 10px;gap:6px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 14px;border-radius:30px;font-size:11px;font-weight:600;color:var(--ink-soft);min-width:58px}.bottom-nav a i{font-size:18px;color:var(--ink-faint)}.bottom-nav a.active{background:var(--primary-soft);color:var(--primary-dark)}.bottom-nav a.active i{color:var(--primary)}.hero{position:relative;padding:80px 0 60px;overflow:hidden}.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary-dark);font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;margin-bottom:24px}.hero h1{font-size:clamp(40px,5.5vw,62px);font-weight:800;letter-spacing:-.045em;line-height:1.08;max-width:12ch}.text-gradient{background:linear-gradient(100deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.sub{margin-top:20px;font-size:18px;color:var(--ink-soft);max-width:52ch;line-height:1.75}.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.hero-note{margin-top:20px;font-size:13px;color:var(--ink-faint);display:flex;align-items:center;gap:8px}.hero-note i{color:var(--accent)}.mock{position:relative;perspective:1000px}.mock-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);padding:22px;transform:rotate(.5deg);transform-style:preserve-3d;will-change:transform}.mock-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mock-title{font-size:13px;font-weight:700}.mock-pill{font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent);padding:4px 12px;border-radius:999px}.mock-q{border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px;font-size:13px;background:var(--card-bg-soft)}.mock-q .qnum{color:var(--primary);font-weight:700;margin-right:6px}.mock-opt{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-soft);margin-top:8px}.mock-opt span.dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0}.mock-opt.correct span.dot{background:var(--accent);border-color:var(--accent)}.mock-foot{display:flex;gap:10px;margin-top:18px}.mock-chip{flex:1;text-align:center;font-size:11px;font-weight:600;color:var(--ink-soft);border:1px solid var(--border);border-radius:10px;padding:10px 4px;background:var(--card-bg)}.mock-chip i{display:block;margin-bottom:4px;color:var(--primary);font-size:14px}section{padding:80px 0;scroll-margin-top:100px;position:relative}.section-head{max-width:680px;margin:0 auto 48px;text-align:center}.section-head h2{font-size:32px;font-weight:800;letter-spacing:-.03em}.section-head p{margin-top:14px;color:var(--ink-soft);font-size:16px}.trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-soft);padding:28px 0}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-item{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}.trust-item i{color:var(--primary);font-size:18px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:28px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.feat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--primary-soft)}.feat-card .icon{width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:18px}.feat-card h3{font-size:17px;font-weight:700;margin-bottom:8px}.feat-card p{font-size:14px;color:var(--ink-soft);line-height:1.6}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-card{border-radius:24px;padding:32px;border:1px solid var(--border)}.compare-card.manual{background:var(--card-bg)}.compare-card.ai{background:var(--primary);color:#fff;border-color:var(--primary)}.compare-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.compare-card.ai h3{color:#fff}.compare-card .lead{font-size:14px;margin-bottom:20px}.compare-card.manual .lead{color:var(--ink-soft)}.compare-card.ai .lead{color:rgba(255,255,255,.85)}.compare-card ul{list-style:none;display:flex;flex-direction:column;gap:12px}.compare-card li{display:flex;align-items:flex-start;gap:10px;font-size:14px}.compare-card.manual li i,.compare-card.ai li i{color:#fff}.compare-card.manual li i{color:var(--primary)}.compare-note{grid-column:1/-1;text-align:center;font-size:13px;color:var(--ink-faint);margin-top:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step .num{font-size:36px;font-weight:800;color:var(--primary-soft);-webkit-text-stroke:1.5px var(--primary);display:block;margin-bottom:14px}.step h3{font-size:16px;font-weight:700;margin-bottom:8px}.step p{font-size:13.5px;color:var(--ink-soft)}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.showcase-card{border-radius:20px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);transition:transform var(--transition),box-shadow var(--transition)}.showcase-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.showcase-preview{height:0;padding-bottom:56.25%;position:relative;overflow:hidden;background:var(--bg-soft)}.showcase-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showcase-label{padding:16px 18px;font-weight:600;font-size:14px;background:var(--card-bg)}.for-teachers{background:var(--card-bg-soft);border-radius:32px;padding:60px 32px;text-align:center;max-width:850px;margin:0 auto;border:1px solid var(--border)}.for-teachers h2{font-size:28px;font-weight:800;margin-bottom:16px}.for-teachers p{font-size:16px;color:var(--ink-soft);max-width:60ch;margin:0 auto}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border);border-radius:16px;background:var(--card-bg)}.faq-item.open{box-shadow:var(--shadow)}.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 22px;font-size:15px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.faq-q i{color:var(--ink-faint);transition:transform .3s ease,color .3s ease}.faq-item.open .faq-q i{transform:rotate(45deg);color:var(--primary)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-a p{padding:0 22px 20px;font-size:14px;color:var(--ink-soft)}.faq-item.open .faq-a{max-height:240px}.final-cta{background:var(--primary);border-radius:32px;padding:60px 32px;text-align:center;color:#fff;box-shadow:var(--shadow-lg)}.final-cta h2{color:#fff;font-size:30px;font-weight:800}.final-cta p{color:rgba(255,255,255,.85);margin-top:12px;font-size:16px}.final-cta .btn-primary{background:#fff;color:var(--primary-dark)}footer.site-footer{border-top:1px solid var(--border);padding:40px 0 28px;background:var(--bg-soft)}.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer-brand p.desc{margin-top:12px;font-size:13.5px;color:var(--ink-soft);max-width:36ch}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:var(--ink-soft)}.footer-links a:hover{color:var(--primary)}.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid var(--border);font-size:12.5px;color:var(--ink-faint)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.nav-links,.nav-cta .btn{display:none}.navbar{top:10px;margin:10px auto 0;max-width:calc(100% - 28px)}.navbar .wrap{height:64px}.bottom-nav{display:flex}body{padding-bottom:80px !important}.hero .wrap{grid-template-columns:1fr;gap:40px}.hero{padding:50px 0 40px}.hero h1{font-size:38px}.mock-card{transform:none}.feat-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.showcase-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.trust .wrap{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}}@media (max-width:640px){.wrap{padding:0 18px}section{padding:56px 0}.section-head h2{font-size:26px}.feat-grid,.steps,.showcase-grid{grid-template-columns:1fr}.trust .wrap{grid-template-columns:1fr}.for-teachers{padding:40px 22px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.reveal{opacity:1 !important;transform:none !important}}