:root{--bg:#f8f6f2;--bg-2:#f0ede7;--surface:#ffffff;--surface-2:#f8f6f2;--surface-sunken:#ece8e0;--border:#e2ddd6;--border-strong:#8a8378;--border-faint:#f0ede7;--text:#1a1a18;--text-soft:#3d4652;--muted:#6b7584;--muted-2:#98a1ad;--primary:#29abe2;--primary-hover:#1a8fc4;--primary-press:#0e73a0;--on-primary:#ffffff;--primary-soft:#bce4f5;--primary-tint:#e8f6fc;--primary-pale:#f0fafd;--accent:#d48a1a;--accent-soft:#fbf0dc;--success:#22a55b;--success-bg:#e4f4ea;--warning:#d48a1a;--warning-bg:#fbf0dc;--error:#dc3545;--error-bg:#fbe7e9;--met:#2e7d4f;--met-bg:#e3f2e8;--met-border:#c6e3d1;--partial:#b07a1e;--partial-bg:#faf0da;--partial-border:#ecd9ae;--unmet:#b03a3a;--unmet-bg:#f9e5e5;--unmet-border:#ecc7c7;--info:#0e73a0;--info-bg:#e8f6fc;--role-admin:#c17f3a;--role-admin-bg:#f7ecdf;--role-teacher:#4a7c59;--role-teacher-bg:#e7efe9;--role-student:#3a5f8a;--role-student-bg:#e5ebf3;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--sh-sm:0 1px 2px rgba(26,26,24,0.06),0 2px 8px rgba(26,26,24,0.04);--sh-md:0 4px 16px rgba(26,26,24,0.10);--sh-lg:0 12px 40px rgba(26,26,24,0.16);--sh-pop:0 24px 60px -12px rgba(26,26,24,0.28);--font-ui:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-display:"Pretendard Variable","Pretendard",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--fs-display:32px;--fs-h1:24px;--fs-h2:20px;--fs-h3:16px;--fs-body:14px;--fs-small:12px;--fs-caption:11px;--fs-label:12px;--dur-micro:150ms;--ease-micro:ease-out;--dur-std:250ms;--ease-std:ease-in-out;--dur-in:400ms;--ease-in:cubic-bezier(0.16,1,0.3,1);--overlay:rgba(26,26,24,0.45);--surface-glass:rgba(255,255,255,0.86);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-9:48px;--maxw-mobile:460px;--maxw-app:1280px}.answer-paper{background-color:var(--surface);background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(14,115,160,.08) 0,rgba(14,115,160,.08) 32px);border:1px solid var(--border)}.num{font-family:var(--font-mono);font-feature-settings:"tnum"}*,:after,:before{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.focusable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fw-spin{to{transform:rotate(1turn)}}@keyframes fw-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-fade-up{animation:fw-fade-up .35s ease both}.paper-grain:before{content:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw-app);margin:0 auto;padding-left:var(--sp-4);padding-right:var(--sp-4)}@media (min-width:640px){.container{padding-left:var(--sp-6);padding-right:var(--sp-6)}}@media (min-width:1024px){.container{padding-left:var(--sp-8);padding-right:var(--sp-8)}}.section{padding-top:80px;padding-bottom:80px}@media (min-width:640px){.section{padding-top:128px;padding-bottom:128px}}.section-tight{padding-top:80px;padding-bottom:80px}.h1{font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--text);margin:0;text-wrap:balance}@media (min-width:640px){.h1{font-size:60px}}.h2{font-size:30px;font-weight:800;line-height:1.25;letter-spacing:-.025em;color:var(--text);margin:0}@media (min-width:640px){.h2{font-size:36px}}.h3{font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--text);margin:0}.lead{font-size:var(--fs-h3);line-height:1.7;margin:0}.lead,.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);white-space:nowrap;border-radius:var(--r-sm);border:1px solid transparent;font-weight:600;cursor:pointer;transition:background var(--dur-micro) var(--ease-micro),color var(--dur-micro) var(--ease-micro),border-color var(--dur-micro) var(--ease-micro)}.btn-md{height:36px;padding:0 var(--sp-4);font-size:var(--fs-body)}.btn-lg{height:44px;padding:0 var(--sp-6);font-size:15px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-on-primary{background:var(--surface);color:var(--primary-press)}.btn-on-primary:hover{background:var(--primary-tint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-sm);padding:var(--sp-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.only-mobile{display:none}.only-desktop{display:flex}@media (max-width:767px){.only-mobile{display:flex}.only-desktop{display:none}}.header-bar{display:flex;align-items:center;height:64px;gap:var(--sp-3)}.icon-btn{width:36px;height:36px;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer;color:var(--text);flex-shrink:0}.icon-btn:hover{background:var(--surface-2)}.brand{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.brand-badge{width:32px;height:32px;border-radius:var(--r-sm);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:18px}.brand-name{font-size:var(--fs-h2);font-weight:700;color:var(--text);letter-spacing:-.02em}.nav-main{align-items:center;margin-left:64px}.nav-item{display:flex;align-items:center}.nav-divider{width:1px;height:16px;background:var(--border)}.nav-link{font-size:var(--fs-body);font-weight:500;color:var(--text);padding:var(--sp-2) var(--sp-4);transition:color var(--dur-micro) var(--ease-micro);white-space:nowrap}.nav-link:hover{color:var(--primary)}.nav-mobile{flex-direction:column;border-top:1px solid var(--border);background:var(--surface);padding:var(--sp-2) 0}.nav-mobile .container{display:flex;flex-direction:column}.nav-mobile-link{padding:var(--sp-3) 0;font-size:15px;font-weight:500;color:var(--text)}.footer{border-top:1px solid var(--border);background:var(--surface);margin-top:auto}.footer-inner{padding-top:48px;padding-bottom:48px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-5);margin-bottom:var(--sp-5)}.footer-link{font-size:var(--fs-small);color:var(--muted);transition:color var(--dur-micro) var(--ease-micro)}.footer-link:hover{color:var(--primary)}.footer-biz{text-align:center;font-size:var(--fs-caption);color:var(--muted-2);line-height:1.8;margin-bottom:var(--sp-4)}.footer-copy{text-align:center;font-size:var(--fs-small);color:var(--muted)}.why-grid{display:grid;grid-template-columns:1fr;grid-gap:48px;gap:48px;max-width:75%;margin:0 auto}@media (max-width:1023px){.why-grid{max-width:100%}}@media (min-width:1024px){.why-grid{grid-template-columns:1fr 1fr}}.feature-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--sp-6);gap:var(--sp-6)}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.plan-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--sp-6);gap:var(--sp-6);max-width:1080px;margin:0 auto}@media (min-width:900px){.plan-grid{grid-template-columns:repeat(3,1fr)}}