#hero{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(37,99,235,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(99,102,241,.07) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 20% 30%,rgba(37,99,235,.05) 0%,transparent 50%),var(--bg);padding:100px 0}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px}.hero-left{text-align:left}.hero-h1{font-size:clamp(32px,4vw,52px);font-weight:900;letter-spacing:-.04em;line-height:1.3;color:var(--text)}.hero-h1 em{font-style:normal;color:var(--primary)}.hero-p{font-size:17px;line-height:1.8;color:var(--text-2);margin-top:20px;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:56px}.hero-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:13px 22px;border-radius:var(--r-lg);font-size:15px;font-weight:700;color:#fff;background:var(--primary);transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 16px #2563eb38}.hero-btn-primary:hover{background:var(--primary-hov);transform:translateY(-2px);box-shadow:0 6px 24px #2563eb4d}.hero-btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:13px 22px;border-radius:var(--r-lg);font-size:15px;font-weight:600;color:var(--text-2);border:1px solid var(--border);transition:color .15s,border-color .15s,transform .15s}.hero-btn-secondary:hover{color:var(--text);border-color:var(--border-md);transform:translateY(-2px)}.hero-sub{font-size:16px;line-height:1.7;color:var(--text-2);margin-top:30px;font-weight:500;word-break:keep-all}.hero-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;text-align:left}.hero-role{font-size:14px;line-height:1.7;color:var(--text-2);padding:24px;background:var(--bg-alt);border-radius:var(--r-xl);border:none;transition:transform .25s,box-shadow .25s}.hero-role:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a0f}.hero-role-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);margin-bottom:14px;flex-shrink:0}.hero-role-icon svg{width:22px;height:22px}.hero-role--student .hero-role-icon{background:#dbeafe;color:#2563eb}.hero-role--teacher .hero-role-icon{background:#d1fae5;color:#059669}.hero-role--org .hero-role-icon{background:#fef3c7;color:#d97706}.hero-role--parent .hero-role-icon{background:#ede9fe;color:#7c3aed}.hero-role-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.hero-role p{margin:0;font-size:15px;line-height:1.65;word-break:keep-all}.hero-role strong{color:var(--text);font-weight:700}.hero-stats{display:flex;gap:0;margin-top:44px;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.hero-stat{flex:1;padding:16px 20px;border-right:1px solid var(--border)}.hero-stat:last-child{border-right:0}.hero-stat-val{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.hero-stat-label{font-size:12px;color:var(--text-3);margin-top:3px;line-height:1.5}.testimonials{overflow:hidden;background:var(--bg-alt);padding:24px 0}.testimonials-track{display:flex;gap:24px;animation:scroll-x 60s linear infinite;width:max-content;padding:16px 0}.testimonials-track:hover{animation-play-state:paused}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card{flex-shrink:0;width:300px;padding:24px 22px;border:none;border-radius:4px;display:flex;flex-direction:column;min-height:180px;box-shadow:2px 3px 10px #00000014;position:relative;transition:transform .2s}.testimonial-card:nth-child(10n+1){background:#fff9db;transform:rotate(-1.5deg)}.testimonial-card:nth-child(10n+2){background:#d4f4dd;transform:rotate(1deg)}.testimonial-card:nth-child(10n+3){background:#dbeafe;transform:rotate(-.8deg)}.testimonial-card:nth-child(10n+4){background:#fce7f3;transform:rotate(1.5deg)}.testimonial-card:nth-child(10n+5){background:#e9d5ff;transform:rotate(-1deg)}.testimonial-card:nth-child(10n+6){background:#fff9db;transform:rotate(-1.5deg)}.testimonial-card:nth-child(10n+7){background:#d4f4dd;transform:rotate(1deg)}.testimonial-card:nth-child(10n+8){background:#dbeafe;transform:rotate(-.8deg)}.testimonial-card:nth-child(10n+9){background:#fce7f3;transform:rotate(1.5deg)}.testimonial-card:nth-child(10n+10){background:#e9d5ff;transform:rotate(-1deg)}.testimonial-card:hover{transform:rotate(0) scale(1.03)}.testimonial-card:before{content:"";position:absolute;top:0;left:20px;width:30px;height:10px;background:#0000000f;border-radius:0 0 4px 4px}.testimonial-text{flex:1}.testimonial-text{font-size:14px;line-height:1.75;color:#3a3a4a}.testimonial-author{display:flex;align-items:center;gap:10px;margin-top:16px}.testimonial-avatar{width:32px;height:32px;border-radius:50%;background:#00000014;display:grid;place-items:center;font-size:13px;font-weight:700;color:#555}.testimonial-name{font-size:13px;font-weight:700;color:#3a3a4a}.testimonial-role{font-size:11px;color:#888}.features-grid{display:flex;flex-direction:column;gap:100px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:stretch}.feature-row:nth-child(2n) .feature-card{order:2}.feature-row:nth-child(2n) .feature-screenshot{order:1}.feature-card{padding:0;background:transparent;position:relative}.feature-screenshot{display:flex;align-items:center;justify-content:center;background:transparent;padding:0;color:var(--text-3);font-size:13px;border-radius:var(--r-xl);border:none;min-height:420px;max-height:420px;overflow:visible}.feature-screenshot>div{width:100%;max-height:420px;overflow:visible}.feature-num{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.feature-title-row{display:flex;align-items:center;gap:12px;margin:16px 0 12px}.feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.feature-card h3{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin:0}.feature-card p{font-size:14px;line-height:1.75;color:var(--text-2)}.feature-list{list-style:none;margin-top:16px;display:grid;gap:10px}.feature-list li{font-size:15px;line-height:1.65;color:var(--text-2);padding-left:20px;position:relative;word-break:keep-all}.feature-list li strong{color:var(--text);font-weight:700}mark{background:linear-gradient(transparent 55%,var(--primary-lt) 55%);color:var(--text);font-weight:600;padding:0 2px}.feature-more-btn{display:none}.feature-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.5}.feature-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.tag{padding:4px 9px;border-radius:5px;font-size:12px;font-weight:600;background:var(--bg-blue);color:var(--primary);border:1px solid var(--primary-lt)}#workflow{background:var(--bg-alt);position:relative;padding-bottom:48px}#workflow:after{content:"";position:absolute;bottom:-48px;left:50%;transform:translate(-50%);width:64px;height:64px;pointer-events:none;z-index:2}.sec-bridge{height:100px;background:linear-gradient(to bottom,var(--bg-alt),var(--bg));position:relative;display:flex;align-items:center;justify-content:center}.sec-bridge:before{content:"";width:1px;height:40px;background:linear-gradient(to bottom,var(--border),transparent)}.steps-row{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;position:relative}.step-card{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}.step-card:not(:last-child):after{content:"»";position:absolute;right:-24px;top:28px;font-size:28px;font-weight:900;color:#ffd43b;letter-spacing:-4px}.step-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:16px;position:relative}.step-icon:before{content:"";position:absolute;width:20px;height:20px;background:#ffe066;border-radius:50%;top:2px;right:6px;z-index:0;opacity:.7}.step-icon svg{position:relative;z-index:1}.step-num{font-size:13px;font-weight:800;color:var(--primary);margin-bottom:10px;letter-spacing:.05em}.step-card h4{font-size:18px;font-weight:700;color:var(--text);margin-bottom:10px;letter-spacing:-.01em}.step-card p{font-size:13px;line-height:1.7;color:var(--text-2)}.workflow-context{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.ctx-card{padding:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.ctx-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.ctx-card:hover{border-color:transparent;box-shadow:0 4px 20px #0000000f}.ctx-card--student:before{background:var(--primary)}.ctx-card--teacher:before{background:#10b981}.ctx-card--org:before{background:#8b5cf6}.ctx-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ctx-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.ctx-card--student .ctx-icon{background:var(--bg-blue);color:var(--primary)}.ctx-card--teacher .ctx-icon{background:#ecfdf5;color:#10b981}.ctx-card--org .ctx-icon{background:#f5f3ff;color:#8b5cf6}.ctx-card h5{font-size:14px;font-weight:700;color:var(--text)}.ctx-card p{font-size:13px;line-height:1.65;color:var(--text-2)}#educators{background:var(--bg-alt)}.edu-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.edu-benefit{padding:28px;border:none;border-radius:var(--r-lg);box-shadow:0 2px 12px #0000000f;background:var(--bg);transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.edu-benefit-icon{position:absolute;bottom:-20px;right:5px;opacity:.04;width:160px;height:160px}.edu-benefit:hover{box-shadow:0 4px 20px #2563eb1f;transform:translateY(-2px)}.edu-benefit-num{display:inline-block;font-size:11px;font-weight:800;color:var(--primary);background:var(--bg-blue);padding:3px 8px;border-radius:4px;margin-bottom:14px}.edu-benefit h4{font-size:16px;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.4}.edu-benefit p{font-size:13.5px;line-height:1.7;color:var(--text-2)}#pricing{background:var(--bg)}.pricing-toggle-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pricing-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--border)}.pricing-toggle-btn{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-3);background:transparent;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.pricing-toggle-btn.active{background:#fff;color:var(--text);box-shadow:0 1px 6px #0f172a1a}.pricing-period-static{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-3);background:var(--bg-alt);border:1px solid var(--border)}.pricing-tabs{display:none}.tab-badge{font-size:10px;font-weight:700;color:var(--primary);background:var(--bg-blue);padding:1px 6px 3px;border-radius:4px;vertical-align:middle;position:relative;top:-2px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.pricing-card{padding:28px 24px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}.pricing-card:hover{border-color:var(--border-md);box-shadow:0 4px 20px #0f172a12;transform:translateY(-3px)}.pricing-card.featured{border-color:var(--primary);background:var(--bg);box-shadow:0 0 0 3px var(--primary-lt),0 4px 20px #2563eb1a}.pricing-card.featured:hover{box-shadow:0 0 0 3px var(--primary-lt),0 8px 32px #2563eb29;transform:translateY(-3px)}.plan-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;width:fit-content}.badge-trial{background:var(--bg-alt);color:var(--text-3);border:1px solid var(--border)}.badge-basic{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.badge-pro{background:var(--primary);color:#fff}.badge-enterprise{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.plan-popular{display:inline-flex;align-items:center;padding:3px 8px 4px;border-radius:999px;font-size:11px;font-weight:700;background:var(--primary);color:#fff;margin-left:6px}.pricing-card h3{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin:14px 0 6px}.pricing-card-desc{font-size:13px;color:var(--text-3);line-height:1.55;min-height:40px}.price-block{padding-top:20px;border-top:1px solid var(--border);min-height:100px}.price-main{font-size:30px;font-weight:900;letter-spacing:-.05em;color:var(--text);line-height:1;margin-top:20px}.price-row{display:flex;align-items:center;gap:8px;margin-top:20px}.price-row .price-main{margin-top:0}.price-discount{display:none;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#fee2e2;color:#dc2626;white-space:nowrap}.price-discount.show{display:inline-flex}.price-main.featured-price{color:var(--primary)}.price-unit{font-size:13px;color:var(--text-3);margin-top:5px}.pricing-features{list-style:none;margin-top:20px;flex:1;display:grid;gap:7px}.pricing-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-2);line-height:1.55}.pricing-features li:first-child{font-weight:700;color:var(--text)}.pricing-features li:before{content:"";display:block;width:16px;height:16px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2310b981' opacity='.15'/%3E%3Cpath d='M5 8l2 2 4-4' stroke='%2310b981' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;margin-top:1px}.pricing-features li.muted{color:var(--text-3)}.pricing-features li.muted:before{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2394a3b8' opacity='.15'/%3E%3Cpath d='M5 8h6' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center}.plan-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;padding:11px 18px;border-radius:var(--r-md);font-size:14px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s}.plan-btn:hover{transform:translateY(-1px)}.plan-btn-outline{border:1.5px solid var(--border-md);color:var(--text-2);background:transparent}.plan-btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-blue)}.plan-btn-primary{background:var(--primary);color:#fff}.plan-btn-primary:hover{background:var(--primary-hov)}.plan-btn-amber{border:1.5px solid #fde68a;color:#92400e;background:#fef3c7}.plan-btn-amber:hover{background:#fde68a}#contact{background:var(--bg-alt)}.contact-grid{display:grid;grid-template-columns:5fr 7fr;gap:20px;align-items:start}.contact-aside{padding:36px;border:1px solid var(--primary-lt);border-radius:var(--r-2xl);background:var(--bg-blue);position:sticky;top:calc(var(--nav-h) + 24px)}.contact-aside h2{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin:12px 0 10px;line-height:1.3}.contact-aside>p{font-size:14px;line-height:1.8;color:var(--text-2)}.contact-checklist{list-style:none;margin-top:24px;display:grid;gap:8px}.contact-checklist li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--text-2);line-height:1.6}.contact-checklist li:before{content:"";display:block;width:18px;height:18px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8' fill='%232563eb' opacity='.12'/%3E%3Cpath d='M5.5 9l2.5 2.5 5-5' stroke='%232563eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;margin-top:2px}.contact-form-card{padding:40px 40px 44px;border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--bg)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:12px;font-weight:700;color:var(--text);letter-spacing:.01em}.field label .req{color:#dc2626;margin-left:2px}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--r-md);padding:11px 14px;background:var(--bg);font:15px/1.5 var(--font);color:var(--text);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.field textarea{min-height:120px;resize:vertical}.privacy-box{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 14px;font-size:12px;color:#6b7280;line-height:1.7;margin-bottom:10px}.privacy-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:var(--text-2);cursor:pointer;line-height:1}.privacy-check input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;width:16px;height:16px;margin:0;vertical-align:middle;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.privacy-check span{font-weight:400}.contact-submit{width:100%;margin-top:20px;padding:17px 24px;border-radius:var(--r-md);background:var(--primary);color:#fff;font:700 15px/1 var(--font);transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 16px #2563eb33}.contact-submit:hover{background:var(--primary-hov);transform:translateY(-2px);box-shadow:0 6px 24px #2563eb47}.form-message{font-size:13px;font-weight:600;color:var(--green);text-align:center}.form-message:empty{display:none}.form-message:not(:empty){margin-top:16px}.form-message.error{color:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal-overlay.hidden{display:none}.modal-box{background:#fff;border-radius:var(--r-xl);padding:40px 36px 32px;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px #0f172a2e}.modal-close{position:absolute;top:14px;right:14px;background:none;color:var(--text-3);font-size:20px;padding:4px 8px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-emoji{font-size:48px;margin-bottom:16px}.modal-title{font-size:15px;color:var(--text-2);line-height:1.7;margin-bottom:20px}.modal-title a{color:var(--primary);font-weight:700;text-decoration:none}.modal-title a:hover{text-decoration:underline}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{padding:10px 28px;border-radius:var(--r-md);font-size:14px;font-weight:700;transition:background .15s,transform .15s}.modal-btn-primary{background:var(--primary);color:#fff}.modal-btn-primary:hover{background:var(--primary-hov);transform:translateY(-1px)}.modal-btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.modal-btn-ghost:hover{border-color:var(--border-md);color:var(--text)}.imac-frame{width:560px;margin:0 auto;perspective:800px}.imac-bezel{background:#222;border-radius:12px;padding:8px;box-shadow:0 12px 48px #0000002e,inset 0 1px #ffffff14}.imac-topbar{display:flex;align-items:center;gap:6px;padding:6px 10px}.imac-dot{width:10px;height:10px;border-radius:50%}.imac-dot.red{background:#ff5f57}.imac-dot.yellow{background:#ffbd2e}.imac-dot.green{background:#28c840}.imac-screen{width:520px;height:340px;margin:0 auto;overflow:hidden;border-radius:2px;background:#f8f8fc}.imac-chin,.imac-stand,.imac-base{display:none}.problem-mockup-wrap{background:#f8f8fc;overflow:hidden;font-family:Pretendard,Noto Sans KR,sans-serif;width:100%}.problem-mockup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e9f2}.problem-mockup-header-left{display:flex;align-items:center;gap:10px}.problem-mockup-logo{font-size:11px;font-weight:800;color:#1a1d2e;letter-spacing:.05em}.problem-mockup-nav{display:flex;gap:14px;font-size:13px;color:#9094a8}.problem-mockup-nav span.active{color:#5b5fcf;font-weight:700;border-bottom:2px solid #5b5fcf}.problem-mockup-body{min-height:0}.problem-mockup-left{padding:20px;border-right:1px solid #e8e9f2;background:#fff}.problem-mockup-badge{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;margin-bottom:8px}.problem-badge-green{background:#e6f9ef;color:#27ae60}.problem-badge-blue{background:#e6f0ff;color:#2d6de0}.problem-mockup-problem-title{font-size:14px;font-weight:700;color:#1a1d2e;margin-bottom:12px;line-height:1.4}.problem-mockup-desc{font-size:11px;color:#555870;line-height:1.7;margin-bottom:18px}.problem-mockup-desc code{background:#f0f1f8;color:#5b5fcf;padding:1px 5px;border-radius:3px;font-size:10px;font-family:Fira Code,Consolas,monospace}.problem-mockup-example{background:#f4f6fb;border-radius:8px;padding:10px 12px;font-size:11px;color:#666a82;border:1px solid #e8e9f2}.problem-mockup-example-title{font-size:10px;font-weight:700;color:#9094a8;margin-bottom:6px}.problem-example-table{width:100%;border-collapse:collapse;font-size:11px;border:1px solid #e8e9f2}.problem-example-table th{background:#e8eaf2;color:#555870;font-weight:700;padding:4px 10px;text-align:left;font-size:10px;border:1px solid #e8e9f2}.problem-example-table td{padding:4px 10px;border:1px solid #e8e9f2;color:#555870}.problem-example-table{margin-bottom:18px}.problem-mockup-tabs-row{display:flex;gap:6px;margin-top:14px;margin-bottom:8px}.problem-tab-btn{font-size:9px;padding:3px 8px;border-radius:4px;background:#f0f1f8;color:#666a82;cursor:pointer}.problem-tab-btn.active{background:#5b5fcf;color:#fff}.problem-result-success{margin-top:6px;font-size:10px;font-weight:700;color:#4ade80}.problem-memo-area{background:#f8f9fc;border:1px solid #e8e9f2;border-radius:6px;padding:10px 12px;font-size:10px;color:#b0b4c8;min-height:48px;margin-bottom:14px}.problem-testcase{display:flex;flex-direction:column;gap:10px;margin-top:8px}.testcase-item{font-size:10px;color:#9094b0;background:#ffffff0a;border-radius:6px;padding:8px 10px}.testcase-title{font-size:10px;font-weight:700;color:#c0c4e0;margin-bottom:6px}.testcase-row{display:flex;justify-content:space-between;padding:2px 0;font-size:10px}.testcase-key{color:#7a7e98}.testcase-val{color:#b0b4c8;font-family:Fira Code,monospace}.testcase-val.testcase-pass{color:#4ade80;font-weight:700}.problem-scroll-anim{overflow:hidden;position:relative}.problem-scroll-inner{display:grid;grid-template-columns:1fr 1fr;animation:mockupScrollUp 8s ease-in-out infinite}.problem-scroll-anim:hover .problem-scroll-inner{animation-play-state:paused}@keyframes mockupScrollUp{0%,15%{transform:translateY(0)}40%,60%{transform:translateY(-161px)}85%,to{transform:translateY(0)}}.chat-scroll-anim{overflow:hidden}.chat-scroll-inner{display:flex;flex-direction:column;gap:14px;animation:chatScrollUp 10s ease-in-out infinite}@keyframes chatScrollUp{0%,15%{transform:translateY(0)}40%,60%{transform:translateY(-270px)}85%,to{transform:translateY(0)}}.chat-scroll-anim:hover .chat-scroll-inner{animation-play-state:paused}@keyframes communityScrollUp{0%,15%{transform:translateY(0)}40%,60%{transform:translateY(-190px)}85%,to{transform:translateY(0)}}.problem-mockup-right{display:flex;flex-direction:column}.problem-mockup-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#1e2040;border-bottom:1px solid #2a2d50}.problem-editor-tab{font-size:11px;font-weight:700;color:#e0e2f0;display:flex;align-items:center;gap:6px}.problem-editor-tab span{color:#4ade80}.problem-mockup-code{padding:12px 14px;font-size:11px;line-height:1.8;color:#c0c4e0;flex:1;font-family:Fira Code,Consolas,monospace;background:#131525}.problem-mockup-code .line-num{color:#3a3e60;margin-right:12px;-webkit-user-select:none;user-select:none}.problem-code-keyword{color:#c084fc}.problem-code-func{color:#60a5fa}.problem-code-string{color:#4ade80}.problem-code-comment{color:#5a5e80;font-style:italic}.problem-mockup-result{border-top:1px solid #2a2d50;padding:10px 14px;background:#0a0b18}.problem-result-label{font-size:10px;font-weight:700;color:#4ade80;margin-bottom:4px}.problem-result-text{font-size:11px;color:#9094b0;font-family:Fira Code,monospace}.problem-mockup-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fff;border-top:1px solid #e8e9f2}.problem-btn-ai{font-size:11px;font-weight:600;background:#f0f1f8;color:#5b5fcf;padding:5px 14px;border-radius:6px;border:1px solid #e8e9f2}.problem-btn-run{font-size:11px;font-weight:700;background:#2d6de0;color:#fff;padding:5px 16px;border-radius:6px}.problem-mockup-tags{display:flex;gap:6px}.problem-tag{font-size:10px;background:#f0f1f8;color:#6668a8;border-radius:6px;padding:2px 8px;font-weight:600}.chat-mockup-wrap{background:#f8f8fc;overflow:hidden;font-family:Pretendard,Noto Sans KR,sans-serif;width:100%;height:340px;display:flex;flex-direction:column}.chat-mockup-header{background:linear-gradient(90deg,#ff6eb4,#ff9a5c);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:none;box-shadow:0 4px 12px #00000014;position:relative;z-index:1}.chat-mockup-title{font-size:15px;font-weight:700;color:#fff}.chat-mockup-icons{display:flex;gap:16px;align-items:center}.chat-mockup-icon{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.chat-mockup-body{padding:16px 16px 0;flex:1;min-height:0;overflow:hidden}.chat-bubble{border-radius:12px;padding:10px 14px;max-width:92%;font-size:12px;line-height:1.65}.chat-bubble-label{font-size:11px;font-weight:700;margin-bottom:6px;letter-spacing:.02em}.chat-bubble-student{background:#ede9fe;align-self:flex-end;color:#3730a3}.chat-bubble-student .chat-bubble-label{color:#7c3aed}.chat-bubble-ai{background:#fff;align-self:flex-start;color:#1a1d2e;border:1px solid #e8e9f2;box-shadow:0 2px 8px #0000000d}.chat-bubble-ai .chat-bubble-label{color:#2d6de0}.chat-code{background:#f0f1f8;border-radius:4px;padding:1px 6px;font-family:Courier New,monospace;font-size:12px;color:#5b5fcf}.chat-bubble-ai strong{color:#1a1d2e}.chat-quick-actions{display:flex;gap:6px;padding:10px 16px 0;flex-wrap:wrap;box-shadow:0 -4px 12px #00000008;position:relative;z-index:1}.chat-quick-btn{font-size:11px;font-weight:600;padding:5px 11px;border-radius:20px;background:#f0f1f8;color:#5b5fcf;border:1px solid #e0e1f0;white-space:nowrap}.chat-input-bar{display:flex;align-items:center;gap:8px;padding:10px 16px 14px}.chat-input-field{flex:1;background:#fff;border:1px solid #e8e9f2;border-radius:20px;padding:7px 14px;font-size:12px;color:#9094a8;font-family:inherit}.chat-send-btn{width:30px;height:30px;border-radius:50%;background:#5b5fcf;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.community-mockup-wrap{background:#f4f6fb;overflow:hidden;font-family:Pretendard,sans-serif;width:100%}.community-mockup-header{background:#fff;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eaf0}.community-mockup-logo{font-size:13px;font-weight:800;background:linear-gradient(90deg,#6c63ff,#48b0f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.community-mockup-tabs{display:flex;gap:16px}.community-mockup-tab{font-size:12px;color:#9094a8;font-weight:500;padding-bottom:2px}.community-mockup-tab.active{color:#5b5fcf;font-weight:700;border-bottom:2px solid #5b5fcf}.community-mockup-filters{background:#fff;padding:8px 18px;display:flex;gap:8px;border-bottom:1px solid #e8eaf0}.community-filter-pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:#f0f1f8;color:#666a82;white-space:nowrap}.community-filter-pill.active{background:#5b5fcf;color:#fff}.community-mockup-grid{padding:14px;overflow:hidden}.community-scroll-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px;animation:communityScrollUp 10s ease-in-out infinite}.community-mockup-grid:hover .community-scroll-inner{animation-play-state:paused}.community-card{background:#fff;border-radius:10px;padding:12px;border:1px solid #eaecf4;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:8px}.community-card-top{display:flex;align-items:flex-start;gap:8px}.community-level-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px;white-space:nowrap;flex-shrink:0}.lv-green{background:#e6f9ef;color:#27ae60}.lv-blue{background:#e6f0ff;color:#2d6de0}.lv-purple{background:#f0e6ff;color:#7c3aed}.community-card-title{font-size:12px;font-weight:700;color:#1a1d2e;line-height:1.4}.community-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9094a8}.community-card-author{font-weight:600;color:#555870}.community-card-stats{display:flex;gap:6px}.community-card-tags{display:flex;flex-wrap:wrap;gap:4px}.community-tag{font-size:10px;background:#f0f1f8;color:#6668a8;border-radius:6px;padding:2px 6px;font-weight:600}.community-card-actions{display:flex;gap:8px;align-items:center}.community-action-icon{font-size:11px;color:#bbbdce}.admin-mockup-wrap{background:#f8f8fc;overflow:hidden;font-family:Pretendard,Noto Sans KR,sans-serif;width:100%;position:relative}.admin-mockup-header{background:#fff;padding:0 16px;border-bottom:1px solid #e8e9f2}.admin-tab-row{display:flex;gap:0}.admin-tab{font-size:12px;font-weight:600;color:#9094a8;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent}.admin-tab.active{color:#5b5fcf;border-bottom-color:#5b5fcf}.admin-mockup-main{padding:20px 20px 16px;position:relative}.admin-mockup-title{font-size:15px;font-weight:800;color:#1a1d2e;margin-bottom:16px;letter-spacing:-.02em}.admin-class-card{background:#fff;border:1px solid #e8e9f2;border-radius:10px;padding:12px 14px;box-shadow:0 2px 8px #0000000a}.admin-class-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-class-name{font-size:12px;font-weight:700;color:#1a1d2e}.admin-class-count{font-size:11px;color:#9094a8;margin-left:8px}.admin-class-btns{display:flex;gap:6px}.admin-class-btn{font-size:10px;padding:3px 10px;border-radius:4px;background:#f0f1f8;color:#666a82;font-weight:600}.admin-class-btn.primary{background:#2d6de0;color:#fff}.admin-student-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #f0f1f8;font-size:11px;color:#9094a8}.admin-student-name{font-weight:600;color:#1a1d2e;font-size:10px}.admin-student-progress{font-weight:600;color:#9094a8;font-size:10px}.admin-student-links{display:flex;gap:6px;margin-left:auto}.admin-student-link{font-size:10px;font-weight:600}.admin-student-link.toggle{color:#9094a8}.admin-student-link.toggle.active{color:#2d6de0}.admin-student-link.muted{color:#9094a8}.admin-key-icon{vertical-align:middle;margin-right:2px}.admin-teacher-row{font-size:10px;color:#27ae60;font-weight:600;padding:5px 0;border-top:1px solid #f0f1f8;display:flex;align-items:center;gap:6px}.admin-change-btn{font-size:9px;color:#9094a8;font-weight:600;margin-left:auto;cursor:pointer}.admin-card-add-btn{font-size:9px;font-weight:600;padding:2px 8px;border-radius:10px;background:#5b5fcf;color:#fff;white-space:nowrap}.admin-grid-wrap{padding:10px;overflow:hidden}.admin-grid-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px;animation:adminScrollUp 10s ease-in-out infinite}.admin-grid-wrap:hover .admin-grid-inner{animation-play-state:paused}@keyframes adminScrollUp{0%,15%{transform:translateY(0)}40%,60%{transform:translateY(-170px)}85%,to{transform:translateY(0)}}.admin-header-btns{display:flex;gap:6px;margin-left:auto}.admin-header-btn{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:#5b5fcf;color:#fff;white-space:nowrap}.admin-point-badges-row{display:flex;align-items:center;gap:8px;padding:12px 20px 16px;flex-wrap:wrap}.admin-point-badge{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#1a1d2e;font-size:11px;font-weight:700;padding:6px 12px;border-radius:20px;box-shadow:0 2px 10px #0000001a;border:1px solid #e8e9f2;white-space:nowrap}.badge-check{font-size:11px;font-weight:900}@media(max-width:1080px){.pricing-grid,.proof-grid{grid-template-columns:repeat(2,1fr)}.steps-row{grid-template-columns:repeat(3,1fr)}.step-card:after{display:none}.edu-benefits-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-aside{position:static}.workflow-context{grid-template-columns:1fr 1fr}.hero-roles{grid-template-columns:repeat(2,1fr)}.feature-row{gap:48px}}@media(max-width:768px){.hero-inner{grid-template-columns:1fr;gap:32px}.hero-left{text-align:left}.hero-actions{justify-content:flex-start}.hero-roles{grid-template-columns:repeat(2,1fr)}.feature-list li{font-size:14px}.feature-list li:nth-child(n+4){display:none}.feature-list.expanded li:nth-child(n+4){display:list-item}.feature-more-btn{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:600;color:var(--primary);background:none;border:none;cursor:pointer;padding:0}.feature-more-btn:after{content:"+";font-size:14px;font-weight:700;transition:transform .2s}.feature-list.expanded+.feature-more-btn:after{content:"−"}.sec{padding:68px 0}.sec-head{margin-bottom:20px}.feature-row{grid-template-columns:1fr;gap:28px}.feature-screenshot{order:-1}.feature-row:nth-child(2n) .feature-card{order:0}.feature-row:nth-child(2n) .feature-screenshot{order:-1}.feature-screenshot{padding:0;min-height:auto;max-height:none}.feature-screenshot>div{max-height:none}.imac-frame{width:100%;max-width:560px}.imac-bezel{padding:6px}.imac-screen{width:100%;height:auto;aspect-ratio:520 / 340;overflow:hidden;container-type:inline-size}.imac-screen>*{width:520px;transform:scale(tan(atan2(100cqi,520px)));transform-origin:top left}.steps-row{grid-template-columns:1fr;gap:0}.step-card{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;gap:2px 10px;text-align:left;padding:16px;background:var(--bg-alt);border-radius:var(--r-lg);align-items:center}.step-card .step-icon{grid-column:1;grid-row:1 / 3;margin-bottom:0;width:48px;height:48px}.step-card .step-icon svg{width:28px;height:28px}.step-card .step-num{grid-column:2;grid-row:1;margin-bottom:0}.step-card h4{grid-column:3;grid-row:1;margin-bottom:0;font-size:15px}.step-card p{grid-column:2 / 4;grid-row:2;font-size:12px;word-break:keep-all}.step-card p br{display:none}.proof-grid{grid-template-columns:1fr 1fr}.workflow-context,.edu-benefits-grid{grid-template-columns:1fr}.edu-benefit{padding:20px}.hero-roles{grid-template-columns:repeat(2,1fr);gap:14px}.hero-role{padding:20px}#hero{padding:30px 0}.hero-h1{font-size:clamp(28px,5vw,62px)}.hero-actions{margin-top:24px}.contact-form-card{padding:28px 24px 32px}.contact-aside{padding:28px}.contact-aside h2{margin-top:0}.sec-bridge{height:56px}.modal-box{padding:32px 24px 24px}}@media(max-width:640px){.hero-roles{grid-template-columns:1fr;gap:10px}.hero-role{display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:16px}.hero-sub{margin-top:20px;font-size:14px}.hero-role-icon{margin-bottom:0}.hero-role-title{font-size:14px;margin-bottom:0}.hero-role p{word-break:keep-all;font-size:12px}}@media(max-width:520px){.pricing-tabs{display:flex;gap:20px;margin-top:24px;justify-content:center}.pricing-tab{flex:none;padding:8px 0;font-size:13px;font-weight:600;color:var(--text-2);background:none;border:none;cursor:pointer;transition:color .15s;position:relative}.pricing-tab.active{color:var(--primary);font-weight:700}.pricing-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:2px;background:var(--primary);border-radius:1px}.pricing-grid{grid-template-columns:1fr;margin-top:16px}.pricing-card{padding:24px 20px;display:none}.pricing-card.tab-active{display:flex}.plan-btn-outline{background:var(--primary);color:#fff;border-color:var(--primary)}.plan-btn-outline:hover{background:var(--primary-hov);color:#fff;border-color:var(--primary-hov)}.hero-stats{flex-direction:column}.hero-stat{border-right:0;border-bottom:1px solid var(--border)}.hero-stat:last-child{border-bottom:0}.hero-actions{flex-direction:column}.hero-btn-primary,.hero-btn-secondary{justify-content:center}.form-grid,.proof-grid{grid-template-columns:1fr}.proof-item{border-right:0!important}.hero-h1{font-size:clamp(24px,5vw,44px)}.hero-actions{flex-direction:row}.hero-btn-primary,.hero-btn-secondary{flex:1;justify-content:center;font-size:14px;padding:12px 8px}.features-grid{gap:72px}.testimonial-card{width:280px;padding:22px}.testimonial-text{font-size:12px}.sec{padding:30px 0}.testimonials{padding:0}.sec-title{font-size:clamp(24px,5vw,44px)}.pricing-card{padding:24px 20px}.contact-form-card{padding:22px 18px 26px}}