:root{font-family:Inter,Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif;color:#202c40;background:#fff;font-synthesis:none;--blue:#185fe4;--muted:#607087}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #1760d7;outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.8}small{display:block;color:var(--muted);font-size:12px;line-height:1.7}main{max-width:1280px;margin:auto;padding:0 48px}.site-header{max-width:1376px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:800}.brand img{width:42px;height:42px;object-fit:contain;border-radius:10px}.brand small{font-size:10px;letter-spacing:2px}.site-header nav,.header-actions{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a:hover,footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e1ee;border-radius:10px;padding:14px 22px;font-size:14px;font-weight:700;background:white}.button:hover{background:#edf3ff}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.button.primary:hover{background:#124cba}.hero{padding-top:70px;display:grid;grid-template-columns:1fr 220px;gap:48px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--blue);margin-bottom:22px}h1{font-size:clamp(34px,4.1vw,58px);line-height:1.24;letter-spacing:-2.5px;font-weight:800;margin-bottom:26px}h1 span{color:var(--blue)}.lede{font-size:18px;color:var(--muted);line-height:1.85}.actions{display:flex;gap:12px;margin:30px 0 16px}.caption{font-size:12px;color:var(--muted);margin:12px 0}.hero-label{padding-top:12px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:45px}.hero-label span{font-size:12px;letter-spacing:3px;line-height:1.8;color:#7a8ca6}.hero-label b{font-weight:500;font-size:19px;line-height:1.7}.workspace-preview{grid-column:1/-1;display:grid;grid-template-columns:175px 1fr;background:#f6f8fc;border:1px solid #e1e7f1;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px #192f5410;text-align:left}.workspace-preview aside{background:#202b3b;color:#afbdce;padding:28px 18px;font-size:12px}.workspace-preview aside b{display:block;color:white;font-size:18px;margin:0 12px 35px}.workspace-preview aside span{display:block;padding:13px;margin-bottom:4px;border-radius:7px}.workspace-preview .selected{background:#3d72db;color:#fff}.preview-main{padding:28px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.preview-heading h3{font-size:20px;letter-spacing:-.6px;margin:6px 0 24px}.avatar{width:38px;height:38px;display:grid;place-items:center;background:#e7f0ff;border-radius:12px;color:var(--blue);font-weight:700;flex-shrink:0}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.preview-stats>div{background:white;border:1px solid #e5eaf3;padding:18px;border-radius:10px}.preview-stats b{display:block;font-size:28px;margin-top:8px}.preview-stats em{font-size:12px;font-style:normal;font-weight:500;color:var(--muted)}.preview-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.preview-columns>div{background:white;padding:20px;border:1px solid #e5eaf3;border-radius:10px}.preview-columns h4{font-size:13px;margin-bottom:18px}.lesson{display:flex;gap:14px;background:#eef4ff;border-left:3px solid #5785e4;padding:12px;border-radius:4px;font-size:12px;margin-bottom:9px}.lesson time{color:var(--muted)}.lesson.mint{background:#eff8f5;border-color:#57aa91}.lesson.peach{background:#fff7ed;border-color:#e5a35c}.preview-columns p{font-size:12px}.preview-note{background:#edf4ff;border-radius:8px;padding:16px;color:#3865a7;font-size:12px;line-height:1.8}.feature-section{padding:110px 0 90px}.section-title{max-width:650px;margin-bottom:40px}h2{font-size:34px;letter-spacing:-1.1px;line-height:1.4}.section-title p:not(.eyebrow){color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-grid article{border-top:2px solid #d9e5f7;padding-top:25px}.feature-number{font-size:12px;color:var(--blue);font-weight:700}.feature-grid h3{font-size:25px;line-height:1.5;letter-spacing:-.8px;margin:22px 0 16px}.feature-grid p,.feature-grid li{font-size:14px;color:var(--muted);line-height:1.9}.feature-grid ul{padding-left:18px}.family-section{background:#f2f6fc;border-radius:22px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.family-section p{font-size:14px;color:var(--muted)}.family-preview{background:white;border:1px solid #e0e7f1;border-radius:18px;padding:28px;box-shadow:0 10px 25px #162d4810}.family-preview h3{margin:9px 0 24px;font-size:21px}.child{display:flex;gap:12px;align-items:center;margin-bottom:20px}.family-row{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:18px 0;border-top:1px solid #eef1f6}.family-row span{color:var(--muted)}.text-link{color:var(--blue);font-weight:700;font-size:14px}.closing{text-align:center;padding:100px 0}.closing p:not(.eyebrow){color:var(--muted)}footer{border-top:1px solid #e5eaf2;padding:45px max(32px,calc((100vw - 1184px)/2));font-size:13px}.footer-top{display:flex;justify-content:space-between;gap:24px}.footer-top b{font-size:22px}.footer-top p{color:var(--muted);margin-top:12px}.footer-top nav{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px}.business{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--muted);max-width:1000px}.copyright{font-size:11px;color:#7a8ca6}.page-intro{padding:70px 0 32px;max-width:900px}.page-intro p:not(.eyebrow){color:var(--muted)}.status-note{padding:18px 22px;background:#f1f5fc;border:1px solid #e1e8f4;border-radius:10px;font-size:13px;line-height:1.8;color:#4e6380}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:36px 0 60px}.plan{padding:30px;border:1px solid #dce4ef;border-radius:16px}.plan.recommended{border:2px solid var(--blue);background:#f8faff}.plan h2{font-size:24px}.price{font-size:38px;font-weight:800;margin-bottom:16px;letter-spacing:-1px}.price small{display:inline;font-weight:400;font-size:13px;margin-left:5px;letter-spacing:0}.plan>p:not(.price):not(.eyebrow){font-size:14px;color:var(--muted)}.plan ul{padding:20px 0 20px 18px;border-top:1px solid #e1e8f2;font-size:13px;line-height:2.3}.plan .button{width:100%;margin:8px 0}.plan>small{text-align:center}.prose{max-width:850px;margin:0 auto 70px;font-size:15px;line-height:1.9;color:#45536a}.prose h2{font-size:23px;color:#26354b;margin-top:36px}.prose h3{font-size:17px;margin-top:25px}.prose a{color:var(--blue);text-decoration:underline}.prose li{margin-bottom:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:560px;font-size:13px}td,th{border-bottom:1px solid #dce4ef;text-align:left;vertical-align:top;padding:14px}th{background:#f0f4fa}td:first-child{width:100px}.legal-status{margin:0 auto 60px;max-width:850px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0 65px}.support-grid article{padding:28px;border:1px solid #dce4ef;border-radius:15px}.support-grid h2{font-size:24px}.support-grid p{font-size:14px;color:var(--muted)}.faq details{padding:20px 0;border-bottom:1px solid #e1e8f2}.faq summary{cursor:pointer;font-weight:700;color:#26354b}.faq details p{margin:15px 0 0}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:white;z-index:10}.skip-link:focus{top:10px}@media(max-width:900px){main{padding:0 25px}.site-header{padding:20px 25px}.site-header nav{gap:16px}.hero{grid-template-columns:1fr;padding-top:45px;gap:30px}.hero-label{display:none}.workspace-preview{grid-template-columns:135px 1fr}.preview-main{padding:18px}.feature-grid{gap:22px}.family-section{gap:28px;padding:30px}.plans{gap:12px}.plan{padding:22px}.price{font-size:30px}}@media(max-width:640px){main{padding:0 20px}.site-header{padding:18px 20px;flex-wrap:wrap;gap:18px}.brand{font-size:20px}.brand img{width:36px;height:36px}.site-header nav{order:3;width:100%;justify-content:center;border-top:1px solid #edf0f6;padding-top:15px}.header-actions{gap:12px}.header-actions .button{padding:10px 12px;font-size:12px}.login-link{font-size:12px}.hero{padding-top:30px}h1{letter-spacing:-1.6px;font-size:36px}.lede{font-size:16px}.actions{flex-wrap:wrap}.actions .button{font-size:13px;padding:13px 16px}.workspace-preview{grid-template-columns:1fr}.workspace-preview aside{display:none}.preview-main{padding:16px}.preview-heading h3{font-size:16px}.preview-stats{gap:8px}.preview-stats>div{padding:12px 8px}.preview-stats small{font-size:10px}.preview-stats b{font-size:24px}.preview-columns{grid-template-columns:1fr;gap:12px}.preview-columns>div{padding:15px}.feature-section{padding:65px 0 40px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-grid h3 br{display:none}.feature-grid h3{font-size:22px}.family-section{grid-template-columns:1fr;padding:25px;gap:24px}h2{font-size:28px}.family-preview{padding:22px}.closing{padding:65px 0}.footer-top{flex-direction:column}.footer-top nav{margin-bottom:20px;gap:12px}.plans,.support-grid{grid-template-columns:1fr}.plan{padding:28px}.page-intro{padding-top:40px}.page-intro h1{font-size:34px}.price{font-size:36px}.prose{font-size:14px}.prose h2{font-size:21px}}
