:root{--ink:#17312c;--muted:#62716c;--paper:#f7f5ed;--white:#fff;--mint:#36d399;--mint-dark:#087f5b;--line:#d8ded9;--yellow:#f8c84d;--red:#cb514b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif}
.nav{max-width:1180px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--ink);text-decoration:none;font-weight:950;font-size:20px}.nav-links{display:flex;gap:18px}.small-link{color:var(--ink);font-weight:800}
main{overflow:hidden}.hero,.section{max-width:1180px;margin:auto;padding:76px 24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;min-height:680px}
.eyebrow{margin:0 0 14px;color:var(--mint-dark);font-size:13px;font-weight:900;letter-spacing:.1em}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.07em;margin:0;word-break:keep-all}.hero h1 .hero-line{display:block;color:var(--mint-dark);white-space:nowrap}.hero h1 .hero-line-ink{color:var(--ink)}
.lead{font-size:20px;line-height:1.7;color:var(--muted);max-width:650px;margin:25px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{padding:15px 20px;border-radius:12px;font:inherit;font-weight:900;text-decoration:none;border:0;cursor:pointer}.primary{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.secondary:disabled{color:#84918d;cursor:not-allowed}.privacy{font-size:13px;color:var(--muted);margin-top:13px}.fit-note{max-width:650px;margin:14px 0 0;padding:13px 15px;border-left:4px solid var(--mint);background:#e8f7f1;color:#36574d;font-size:14px;line-height:1.65}
.mock{background:#fff;border:1px solid var(--line);border-radius:28px;padding:27px;box-shadow:0 22px 65px rgba(23,49,44,.12);transform:rotate(1.3deg)}.mock-top,.line{display:flex;justify-content:space-between;align-items:center}.mock-top b{font-size:12px;background:#fff0cf;padding:7px 9px;border-radius:999px}.amount{font-size:34px;font-weight:950;margin:28px 0 12px}.amount em{font-style:normal;color:var(--red);font-size:16px}.bar{height:11px;background:#e8eeeb;border-radius:99px;margin-bottom:22px}.bar span{display:block;height:100%;border-radius:99px;background:var(--mint)}.line{padding:13px 0;border-bottom:1px solid #edf0ee}.line.hot b{color:var(--red)}.hint{margin-top:18px;padding:14px;background:#eef8f4;border-radius:12px;font-weight:800}
.section h2{font-size:clamp(36px,5vw,56px);letter-spacing:-.055em;line-height:1.12;margin:0 0 28px}.three,.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.three article,.packages article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.three b{color:var(--mint-dark)}.three h3{font-size:22px;margin:30px 0 8px}.three p,.sample p,.disclaimer p{color:var(--muted);line-height:1.7}
.audience{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.audience-list{display:grid;gap:12px}.audience-list p{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px 20px;line-height:1.65;font-weight:800}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guides a{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);text-decoration:none}.guides a:hover{border-color:var(--mint-dark);transform:translateY(-2px)}.guides span{color:var(--mint-dark);font-weight:950}.guides h3{font-size:22px;margin:26px 0 8px}.guides p{margin:0;color:var(--muted);line-height:1.6}
.sample{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.text-link{color:var(--ink);font-weight:900}.sample ol{list-style:none;margin:0;padding:0}.sample li{display:flex;gap:13px;align-items:center;padding:14px;border-bottom:1px solid var(--line);font-weight:800}.sample li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint)}
.packages article{position:relative;display:flex;flex-direction:column}.packages p{font-size:13px;font-weight:950;letter-spacing:.1em;color:var(--mint-dark)}.packages h3{font-size:34px;margin:8px 0 20px}.packages ul{padding-left:20px;line-height:1.9;flex:1}.featured{border:2px solid var(--mint-dark)!important;transform:translateY(-8px)}.pick{position:absolute;right:18px;top:18px;background:var(--yellow);border-radius:999px;padding:5px 8px;font-weight:900;font-size:12px}.package-button{width:100%;padding:13px 15px;border:0;border-radius:11px;background:var(--ink);color:#fff;font:inherit;font-weight:900;cursor:pointer}.package-button:disabled{background:#dfe5e2;color:#7b8884;cursor:not-allowed}.center-note{text-align:center;color:var(--muted);font-size:13px}.checkout-note{max-width:760px;margin:12px auto 0;text-align:center;color:var(--muted);font-size:13px;line-height:1.65}
.article-shell{max-width:860px;margin:auto;padding:56px 24px 90px}.article-shell .eyebrow{margin-top:12px}.article-shell h1{font-size:clamp(40px,7vw,68px);letter-spacing:-.06em;line-height:1.05;margin:0 0 24px}.article-lead{font-size:20px;line-height:1.75;color:var(--muted);margin-bottom:44px}.article-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:13px 0}.article-step h2{font-size:24px;letter-spacing:-.03em;margin:0 0 9px}.article-step p{color:var(--muted);line-height:1.75;margin:0}.article-callout{margin:34px 0;padding:24px;border-radius:18px;background:#e8f7f1}.article-callout h2{margin:0 0 8px;font-size:24px}.article-callout p{line-height:1.7;margin:0;color:#36574d}.article-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.article-meta{color:var(--muted);font-size:13px;line-height:1.7;margin-top:34px}
.disclaimer{max-width:1132px;margin:20px auto 80px;background:var(--ink);color:#fff;border-radius:24px;padding:38px}.disclaimer h2{margin:0 0 10px}.disclaimer p{color:#c8d9d3;margin:0}footer{text-align:center;padding:30px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:780px){.nav-links{gap:10px;font-size:13px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:44px}.hero h1{font-size:54px}.section{padding:56px 18px}.three,.packages,.sample,.audience,.guides{grid-template-columns:1fr}.audience{gap:16px}.featured{transform:none}.disclaimer{margin:10px 14px 50px}.mock{transform:none}.article-shell{padding:38px 18px 70px}.article-shell h1{font-size:44px}}