/* v2: business pillars, tools grid, process */
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.pillar{background:var(--surface-100);padding:36px 32px 40px;display:flex;flex-direction:column;gap:10px}
.pillar .no{font:400 12px/1 var(--font-mono);color:var(--ink-soft);letter-spacing:.1em}
.pillar h3{font-weight:400;font-size:22px;letter-spacing:-.02em;margin:6px 0 0}
.pillar .en{margin:0}
.pillar p{margin:0;font-size:14px;line-height:1.9;color:var(--ink-soft)}
.pillar ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pillar li{font:400 12px/1 var(--font-mono);color:var(--ink);border:1px solid var(--line-strong);padding:6px 8px}
.lead{max-width:760px;margin:0 0 32px;font-size:15px;line-height:1.95;color:var(--ink-soft)}
.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.tool{background:var(--surface-200);padding:24px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;min-height:190px}
a.tool:hover{background:var(--surface-100)}
a.tool:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.tool .tag{font:400 11px/1 var(--font-mono);letter-spacing:.12em;color:var(--ink-soft);text-transform:uppercase}
.tool h3{font-size:16px;font-weight:500;letter-spacing:0;margin:4px 0 0}
.tool p{margin:0;font-size:13px;line-height:1.8;color:var(--ink-soft)}
.tool .go{margin-top:auto;font:400 12px/1 var(--font-mono);color:var(--clay-text)}
.tool .wip{margin-top:auto;font:400 12px/1 var(--font-mono);color:var(--ink-soft)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s;margin:0;padding:0;list-style:none}
.steps li{border-top:1px solid var(--line-strong);padding-top:18px}
.steps .n{font:300 28px/1 var(--font-mono);color:var(--ink);display:block;margin-bottom:12px}
.steps h3{font-size:15px;font-weight:500;letter-spacing:0;margin:0 0 6px}
.steps p{margin:0;font-size:13px;line-height:1.85;color:var(--ink-soft)}
@media (max-width:1000px){.tools{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.pillars,.tools,.steps{grid-template-columns:1fr}.pillar{padding:28px 16px 32px}}
.layers{display:flex;flex-direction:column;border-top:1px solid var(--line-strong)}
.layer{display:grid;grid-template-columns:120px 1fr;gap:32px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}
.lbar{display:block;height:5px;width:96px;background:var(--ink);margin-top:14px}.lbar.c{background:var(--clay);width:77px}
.layer .en{margin:0 0 6px}.layer h3{font-weight:400;font-size:22px;letter-spacing:-.02em;margin:0 0 8px}
.layer p{margin:0;font-size:14px;line-height:1.9;color:var(--ink-soft);max-width:720px}
@media (max-width:860px){.layer{grid-template-columns:1fr;gap:14px}.lbar{margin-top:0}}
.flow{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}
.flow .side{padding:28px 32px 32px 0}.flow .side.h{padding:28px 0 32px 32px;border-left:1px solid var(--line-strong)}
.flow .en{margin:0 0 6px}.flow .sd{margin:0 0 24px;font-size:13px;color:var(--ink-soft)}
.flow .cells{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.flow .lbar{margin:0 0 18px}.lbar.o{background:var(--line-strong)}
.flow h3{font-weight:400;font-size:24px;letter-spacing:-.02em;margin:0 0 8px}
.flow .cell p{margin:0;font-size:13px;line-height:1.85;color:var(--ink-soft)}
.signs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.sg{background:var(--surface-100);padding:28px 32px 32px}.sg .en{margin:0 0 6px}.sg h3{font-weight:400;font-size:20px;letter-spacing:-.02em;margin:0 0 18px}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:grid;grid-template-columns:88px 1fr 16px 1fr;gap:10px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.7}
.rows .k{font-size:12px;color:var(--ink-soft)}.rows .ar{font-family:var(--font-mono);color:var(--ink-soft)}.rows .r{color:var(--ink-soft)}
.note{margin:20px 0 0;font-size:13px;line-height:1.9;color:var(--ink-soft);max-width:760px}
.principles .ex{margin-top:12px;font-size:13px;line-height:1.9;color:var(--ink);border-left:1px solid var(--line-strong);padding-left:12px}
.principles .ex span{display:inline-block;width:48px;font:400 11px/1 var(--font-mono);color:var(--ink-soft);letter-spacing:.08em}
@media (max-width:860px){.flow{grid-template-columns:1fr}.flow .side,.flow .side.h{padding:24px 0}.flow .side.h{border-left:0;border-top:1px solid var(--line-strong)}
.signs{grid-template-columns:1fr}.sg{padding:24px 16px}.rows li{grid-template-columns:16px 1fr;row-gap:4px}.rows .k,.rows .s{grid-column:1/-1}}
.hero .wrap{grid-template-columns:1fr 1fr;row-gap:40px}.hero .wrap>div:first-child{grid-column:1/-1}.hero .wrap>div:last-child{grid-column:2}
.hero h1.h2l{font-size:clamp(26px,6.9vw,64px);line-height:1.25}.h2l span{display:block;white-space:nowrap}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;row-gap:28px}.hero .wrap>div:last-child{grid-column:1}}
.lede.hl span,.lead.hl span,.note.hl span,h2.t span{display:inline-block}