/* 모의거래 공개 페이지의 반응형 배치와 테마 기반 시각 계층을 정의한다. 컨테이너 여백·세로 리듬은 base.html 의 --gutter·--sp-* 토큰을 따른다 (docs/design/LAYOUT.md). */
.marketing{width:100%;max-width:var(--w-page);margin:0 auto;padding:0 var(--gutter)}.marketing h1,.marketing h2,.marketing h3{letter-spacing:-.035em;line-height:1.2;color:var(--tx)}
.m-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--sp-6);align-items:center;padding:calc(var(--sp-6) + var(--sp-5)) 0 var(--sp-6)}.m-hero h1{font-size:var(--fs-hero);font-weight:750;margin:var(--sp-3) 0 var(--sp-4);word-break:keep-all;text-wrap:balance}.m-lead{font-size:var(--fs-lg);line-height:1.8;color:var(--dim);max-width:650px}.m-eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;color:var(--acc);margin:0 0 var(--sp-3)}.m-actions{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap;margin-top:30px}.marketing .btn{padding:15px var(--sp-4);border-radius:10px}.m-link{color:var(--acc);font-weight:650;text-decoration:none;font-size:var(--fs-sm);display:inline-block;padding:var(--sp-2) 0}.m-link:hover{text-decoration:underline}.m-note{font-size:var(--fs-xs)!important;color:var(--dim);line-height:1.7;margin:var(--sp-3) 0 0}.m-order{background:var(--panel);padding:var(--sp-4);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px #0000000d}.m-order-label{font-size:var(--fs-xs);color:var(--dim);margin:0 0 var(--sp-4)}.m-order-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);font-weight:650;letter-spacing:.08em}.m-pill{background:var(--soft);color:var(--acc);padding:5px var(--sp-2);border-radius:6px;font-size:var(--fs-xs)}.m-order ol{list-style:none;padding:8px 0;margin:var(--sp-3) 0}.m-order li{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.m-order li:last-child{border:0}.m-dot{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--acc);font-size:var(--fs-xs);font-weight:700}.m-section{padding:var(--sp-6) 0;border-top:1px solid var(--line);scroll-margin-top:110px}.marketing h2{font-size:1.6rem;margin:0 0 var(--sp-3);word-break:keep-all}.marketing h3{font-size:1.15rem}.m-intro{color:var(--dim);max-width:720px;margin-bottom:var(--sp-4)}.m-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.m-market{padding:var(--sp-4) var(--sp-3);border:1px solid var(--line);border-radius:12px}.m-market h3{margin:var(--sp-3) 0 var(--sp-2)}.m-market p,.m-path p,.m-steps p{font-size:var(--fs-sm);color:var(--dim);line-height:1.8}.m-status{font-size:var(--fs-xs);color:var(--dim);font-weight:650}.m-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.m-path{background:var(--panel);padding:var(--sp-4);border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column}.m-tag{font-size:var(--fs-xs);color:var(--acc);font-weight:650}.m-path h3{font-size:1.25rem;margin:var(--sp-3) 0 var(--sp-2)}.m-path p{flex:1;margin-bottom:22px}.m-path .m-link{align-self:flex-start}.m-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);margin-top:var(--sp-5)}.m-step-number{color:var(--acc);font-size:var(--fs-sm);font-weight:700}.m-steps h3,.m-steps h2{font-size:1.15rem;margin:var(--sp-3) 0 var(--sp-2)}.m-evidence{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--sp-6)}.m-evidence p,.m-pricing p{color:var(--dim);line-height:1.8}.m-evidence ul{list-style:none;padding:0;align-self:center}.m-evidence li{padding:var(--sp-3) 0;border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.m-evidence li:before{content:'↳';color:var(--acc);margin-right:14px}.m-pricing{display:flex;align-items:center;gap:var(--sp-5)}.m-pricing div{flex:1}.m-pricing .ghost{flex-shrink:0}.m-faq{max-width:850px;margin:auto}.m-faq details{border-bottom:1px solid var(--line);padding:var(--sp-3) 0}.m-faq summary{font-weight:600;cursor:pointer;line-height:1.6}.m-faq details p{color:var(--dim);font-size:var(--fs-base);line-height:1.8}.m-final{text-align:center;padding:var(--sp-6) var(--sp-3)}.m-final p{color:var(--dim);margin-bottom:var(--sp-4)}.m-final .m-link{display:block;margin-top:18px}.m-detail{display:block;max-width:850px;padding-bottom:var(--sp-5)}.m-callout{border-left:3px solid var(--acc);background:var(--soft);padding:var(--sp-3);margin-top:var(--sp-4);font-size:var(--fs-sm);line-height:1.8}
@media(max-width:1000px){.m-hero{gap:var(--sp-4)}.m-market-grid{grid-template-columns:repeat(2,1fr)}.m-path{padding:var(--sp-4)}.m-path h3{font-size:var(--fs-lg)}}
@media(max-width:760px){.m-hero{grid-template-columns:1fr;padding:var(--sp-5) 0;gap:var(--sp-4)}.m-hero h1{font-size:2rem}.m-lead{font-size:var(--fs-base)}.m-actions{gap:var(--sp-2)}.m-order{padding:var(--sp-4)}.m-section{padding:var(--sp-5) 0}.m-paths,.m-steps,.m-evidence{grid-template-columns:1fr;gap:var(--sp-3)}.m-market-grid{grid-template-columns:1fr}.m-market{padding:var(--sp-3)}.m-market h3{margin-top:12px}.m-pricing{display:block}.m-steps article{padding-bottom:10px}.m-final{padding:var(--sp-5) 0}.m-detail{padding-top:var(--sp-5)}}

.m-audiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.m-option{margin-top:24px}
@media(max-width:760px){.m-audiences{grid-template-columns:1fr}}

.m-path h3 a{color:var(--tx);text-decoration:none}.m-path h3 a:hover{color:var(--acc)}.m-doc-steps{padding-left:24px;max-width:880px}.m-doc-steps li{padding:var(--sp-2) 0;color:var(--dim);line-height:1.8}.m-code{padding:var(--sp-3) var(--sp-3);background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:auto;font-size:var(--fs-sm);line-height:1.45;margin:var(--sp-2) 0 var(--sp-3)}.m-table-wrap{overflow:auto;margin:var(--sp-2) 0 var(--sp-3)}.m-table-wrap td{padding:var(--sp-2) 8px}.m-table-wrap code{overflow-wrap:anywhere}.m-plain{color:inherit;text-decoration:none}

/* 홈 외 공개 페이지(.m-detail)는 앱 페이지 머리와 같은 스케일 (2026-09-09 폭·스타일 통일) */
.m-hero.m-detail{padding:var(--sp-4) 0 var(--sp-3)}.m-hero.m-detail h1{font-size:var(--fs-xl);margin:0 0 var(--sp-2)}.m-hero.m-detail .m-lead{font-size:var(--fs-base);margin:0}.m-hero.m-detail .m-eyebrow{margin:0 0 var(--sp-2)}.m-hero.m-detail .m-actions{margin-top:var(--sp-3)}
@media(max-width:760px){.m-hero.m-detail h1{font-size:1.35rem!important}}

/* 메인 Coming soon 섹션 (2026-09-10): 3열 카드, 상태 필 */
.m-coming{grid-template-columns:repeat(3,1fr)}.m-soon{display:inline-block;background:var(--soft);color:var(--acc);padding:3px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em}
@media(max-width:900px){.m-coming{grid-template-columns:1fr}}

/* 페이퍼 트레이딩 설명 섹션 (2026-09-10) */
.m-sub{font-size:var(--fs-lg);margin:var(--sp-5) 0 var(--sp-3)}.m-good{grid-template-columns:repeat(3,1fr)}.m-good h3{font-size:var(--fs-base);margin:0 0 var(--sp-1)}.m-good p{margin:0}
@media(max-width:900px){.m-good{grid-template-columns:1fr}}