/* 홈(상용화 1단계) — 약속 · 견본 · 3단계 · 차이 · 질문 */
.hero2{grid-template-columns:1.1fr .9fr;gap:34px;padding:34px 0 10px}
.hero2 h1{font-size:clamp(32px,4.4vw,56px);line-height:1.2}
.trust{display:flex;gap:6px 14px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0 0;font-size:13px;color:var(--sub);font-weight:600}
.trust li::before{content:'✓ ';color:var(--good);font-weight:900}
.sample{position:relative}
.sample-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--offset);transform:rotate(1.2deg)}
.sample-card .kpi b{font-size:22px}
.mini-todo{list-style:none;padding:0;margin:0;display:grid;gap:6px;counter-reset:t}
.mini-todo li{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;font-size:14px;font-weight:700;counter-increment:t}
.mini-todo li span::before{content:counter(t,decimal-leading-zero) '  ';font:900 11px var(--mono);color:var(--blue)}
.mini-todo li i{font-style:normal;font-size:11.5px;font-weight:800;color:var(--good);background:#e3f4ec;border-radius:5px;padding:1px 7px;white-space:nowrap}
.paste{margin-top:10px;border:2px solid var(--coral);border-radius:8px;padding:8px 10px;font-size:13px}
.paste small{display:block;color:var(--coral);font-weight:800;font-size:11px}
.sample-moa{position:absolute;right:-14px;bottom:-26px;width:74px;image-rendering:pixelated;transform:rotate(-1.2deg)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;counter-reset:s}
.steps3>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.steps3 b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--paper);font:900 14px var(--mono)}
.steps3 h3{font-size:19px;margin:10px 0 4px} .steps3 p{font-size:14px;color:var(--sub);margin:0}
.why3{margin-top:46px;border-top:1px solid var(--ink);padding-top:18px}
.why3 h2{font-size:clamp(24px,3vw,34px);margin:6px 0 16px} .why3 h2 em{font-style:normal;color:var(--blue)}
.why3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.faq{margin-top:46px}
.faq h2{font-size:26px;margin-bottom:10px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);margin-top:8px}
.faq summary{cursor:pointer;padding:14px 16px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:'+';font-weight:900;color:var(--blue)} .faq details[open] summary::after{content:'−'}
.faq summary::-webkit-details-marker{display:none}
.faq details p{padding:0 16px 14px;margin:0;color:var(--sub)}
.foot-biz{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:start}
.foot-biz nav a{color:var(--sub);margin-right:12px;font-weight:700}
.legal{max-width:760px} .legal h2{font-size:19px;margin-top:22px} .legal p,.legal li{color:var(--sub)}
@media (max-width:680px){
  .hero2{grid-template-columns:1fr;gap:26px;padding-top:18px} .sample-card{transform:none} .sample-moa{right:4px;bottom:-18px;width:56px}
  .steps3,.why3-grid{grid-template-columns:1fr} .foot-biz{grid-template-columns:1fr}
}

.kick{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:-.01em}

.story{margin:12px 0 0;font-size:14px;color:var(--sub);border-left:3px solid var(--amber);padding:2px 0 2px 10px;border-radius:0}

/* 블랙톤 — 주간 리포트와 같은 결(검은 띠 · 명조 제목 · 파랑/주황 포인트) */
.inkband{--k:#141517;background:var(--k);color:#f0eee8;box-shadow:0 0 0 100vmax var(--k);clip-path:inset(0 -100vmax)}
.inkband h1,.inkband h2{font-family:'Noto Serif KR','Nanum Myeongjo','AppleMyungjo',serif;font-weight:800;letter-spacing:-.04em;color:#fff}
.inkband em{color:#8ea2ff;font-style:normal}
.hero2.inkband{padding:46px 0 48px;margin-top:0}
.hero2.inkband h1{font-size:clamp(32px,4.3vw,56px);line-height:1.25}
.hero2.inkband .kick{color:#f08a66}.folio{display:inline-block;font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#8a8d94;margin-right:8px}
.hero2.inkband .lead{color:#cfd1d6}.hero2.inkband .lead b{color:#fff}
.hero2.inkband .trust{color:#b4b7be}.hero2.inkband .trust li::before{color:#7fd7a8}
.hero2.inkband .story{color:#a9acb3;border-left-color:#d4683f}.hero2.inkband .story b{color:#fff}
.hero2.inkband .tiny.muted,.hero2.inkband .cands .tiny{color:#9a9da4}
.hero2.inkband .qchip{background:transparent;border-color:#3a3c42;color:#e3e1db}.hero2.inkband .qchip:hover{border-color:#8ea2ff;color:#fff}
.hero2.inkband .field{background:#fff;color:#17181b;border-color:#fff}
.hero2.inkband .cand{background:#1d1f23;border-color:#34363c;color:#f0eee8}.hero2.inkband .cand .sub{color:#b4b7be}
.hero2.inkband .err{color:#ffb39a}
.hero2.inkband .sample-card{color:#17181b;background:#fff;border-color:#fff;box-shadow:14px 16px 0 #315bff}
.steps3{gap:0;margin-top:0;border-bottom:1px solid var(--ink)}
.steps3>div{background:transparent;border:0;border-radius:0;border-right:1px solid var(--line);padding:26px 22px 24px}.steps3>div:last-child{border-right:0}
.steps3 b{display:block;width:auto;height:auto;background:none;color:var(--blue);font:900 46px/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em}
.steps3>div:nth-child(2) b{color:var(--ink)}.steps3>div:nth-child(3) b{color:var(--coral)}
.steps3 h3{font-family:'Noto Serif KR','Nanum Myeongjo',serif;font-size:21px;margin:12px 0 6px}
.weekly-teaser{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:54px 0;margin-top:46px}
.weekly-teaser h2{font-size:clamp(26px,3.2vw,40px);margin:10px 0 14px;line-height:1.3}
.weekly-teaser p{color:#cfd1d6;font-size:15px}
.wt-list{list-style:none;padding:0;margin:18px 0 0;counter-reset:w}.wt-list li{display:grid;grid-template-columns:34px 70px 1fr;gap:6px;padding:9px 0;border-top:1px solid #2a2c31;font-size:13.5px;color:#b4b7be;counter-increment:w}
.wt-list li::before{content:counter(w,decimal-leading-zero);font:700 11px/1.9 ui-monospace,Menlo,monospace;color:#6480ff}.wt-list b{color:#fff}
.wt-mag{position:relative;background:#f4f2ec;color:#17181b;padding:22px 22px 26px;transform:rotate(-1.6deg);box-shadow:16px 18px 0 #d4683f;max-width:420px;margin:0 auto}
.wt-top{display:flex;justify-content:space-between;font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;border-bottom:2px solid #17181b;padding-bottom:9px}
.wt-h{font-family:'Noto Serif KR','Nanum Myeongjo',serif;font-weight:800;font-size:24px;margin:16px 0 10px;letter-spacing:-.03em}
.wt-big{display:flex;gap:22px}.wt-big small{display:block;font-size:11px;color:#6b6e76}.wt-big b{font:900 42px/1 Arial,Helvetica,sans-serif;letter-spacing:-.04em}.wt-big .u{color:#315bff}.wt-big .d{color:#ed7048}
.wt-bar{display:flex;gap:2px;height:9px;margin:14px 0 12px}.wt-bar i{display:block;transform-origin:left;animation:wtg 1.1s cubic-bezier(.2,.8,.2,1) .2s both}
@keyframes wtg{from{transform:scaleX(0)}}
.wt-rows{display:grid;grid-template-columns:1fr auto;font-size:13px}.wt-rows>*{padding:7px 0;border-top:1px solid #d9d6cd}.wt-rows em{font-style:normal;font-weight:700;color:#6b6e76}.wt-rows em.u{color:#315bff}.wt-rows em.d{color:#ed7048}
.wt-moa{position:absolute;right:-22px;bottom:-30px;width:78px;image-rendering:pixelated;animation:wtb 3.6s ease-in-out infinite}
@keyframes wtb{50%{transform:translateY(-6px)}}
.why3.inkband{border-top:0;padding:46px 0 50px;margin-top:0}
.why3.inkband .eyebrow{color:#8ea2ff}
.why3.inkband .card{background:transparent;border:0;border-top:3px solid #6480ff;border-radius:0;color:#f0eee8;padding:16px 4px 0}
.why3.inkband .card:nth-child(2){border-top-color:#f0eee8}.why3.inkband .card:nth-child(3){border-top-color:#d4683f}
.why3.inkband .card b{font-family:'Noto Serif KR','Nanum Myeongjo',serif;font-size:19px}.why3.inkband .card .sub{color:#b4b7be;font-size:13.5px}
.callout{background:#141517;border-radius:0;border-top:4px solid #315bff}.callout h2{font-family:'Noto Serif KR','Nanum Myeongjo',serif;color:#fff}
@media (max-width:680px){
  .hero2.inkband{padding:26px 0 34px}.hero2.inkband .sample-card{box-shadow:8px 10px 0 #315bff}
  .steps3>div{border-right:0;border-bottom:1px solid var(--line);padding:20px 4px}.steps3>div:last-child{border-bottom:0}
  .weekly-teaser{grid-template-columns:1fr;gap:34px;padding:38px 0 50px}.wt-list li{grid-template-columns:30px 58px 1fr}.wt-moa{right:-6px;width:60px}
}
@media (prefers-reduced-motion:reduce){.wt-bar i,.wt-moa{animation:none}}