html{scroll-behavior:smooth}:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f7fbe6;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.06em;cursor:pointer;color:#101828;background:0 0;border:0;font-size:24px;font-weight:950}.brand span{color:#4f46e5}.topbar nav{gap:10px;display:flex}.topbar nav button,.actions button,.panel button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:14px;padding:10px 14px;font-weight:850}.topbar nav button.on,.actions button,.panel button{color:#fff;background:#111827;border-color:#111827}.actions button.secondary{color:#111827;background:#fff}.hero,.doc,.mvp{max-width:1200px;margin:0 auto;padding:58px 24px}.kicker{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-flex}.hero h1,.doc h1,.mvp h1{letter-spacing:-.075em;color:#111827;margin:18px 0;font-size:clamp(40px,6.4vw,78px);line-height:.98}.hero p,.lead{color:#667085;max-width:920px;font-size:clamp(18px,2vw,22px)}.actions{gap:12px;margin:28px 0 42px;display:flex}.cards{gap:16px;display:grid}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}article,.task,.row,.coach,.phone-lite,.stat,.mission,.rank,.panel{background:#fff;border:1px solid #11182717;border-radius:24px;padding:20px;box-shadow:0 14px 40px #1018280f}article b{letter-spacing:-.04em;margin-bottom:8px;font-size:22px;display:block}article span,.row span,.rank span{color:#667085}.doc section{padding:30px 0}.doc h2{letter-spacing:-.055em;color:#111827;font-size:36px}table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #eef0f4;padding:16px}th{background:#f8fafc}.mvp-head{grid-template-columns:1.4fr .6fr;align-items:end;gap:24px;display:grid}.phone-lite{color:#fff;background:linear-gradient(135deg,#111827,#312e81)}.phone-lite p{color:#dbeafe}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;display:grid}.stat small{color:#667085;font-weight:800;display:block}.stat b{letter-spacing:-.06em;color:#111827;font-size:34px}.workspace{grid-template-columns:190px 1fr;gap:18px;display:grid}.side-tabs{flex-direction:column;gap:10px;display:flex}.side-tabs button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:15px;font-weight:900}.side-tabs button.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.panel{min-height:560px}.panel h2{letter-spacing:-.055em;margin:0 0 18px;font-size:34px}.panel textarea{background:#fbfcff;border:1px solid #d0d5dd;border-radius:18px;width:100%;min-height:92px;margin:10px 0 12px;padding:16px}.mission{background:#eef2ff;border-color:#c7d2fe;flex-direction:column;gap:8px;display:flex}.mission span{color:#4f46e5;font-weight:900}.mission b{font-size:24px}.mission-list{gap:10px;margin-top:18px;display:grid}.row{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.row b{color:#4f46e5}.row em{color:#12b76a;font-style:normal;font-weight:900}.rank{grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.rank b{font-size:18px}.rank small{color:#4f46e5;font-weight:900}.task{margin:12px 0}.task b{font-size:18px}.task p{color:#475467}.task small{color:#4f46e5;font-weight:800;display:block}.coach{color:#fff;background:#111827;margin:14px 0}.coach p{color:#d0d5dd}.report article p{color:#667085;margin-bottom:0}@media (width<=840px){.cards.four,.cards.three,.mvp-head,.stats-row,.workspace{grid-template-columns:1fr}.hero,.doc,.mvp{padding:38px 16px}.topbar{padding:0 14px}.topbar nav button{padding:8px 10px}.brand{font-size:20px}.hero h1,.doc h1,.mvp h1{font-size:40px}.side-tabs{grid-template-columns:repeat(2,1fr);display:grid}.rank{grid-template-columns:1fr}.row{flex-direction:column;align-items:flex-start}}