.lead{margin:14px 0 0;font-size:16px;font-weight:500;line-height:1.7;color:var(--muted)}
h2.sh .eyebrow{letter-spacing:normal;line-height:1.6}
h2.sh .t{display:block}
.bars{position:relative;display:grid;grid-template-columns:repeat(var(--n,13),1fr);gap:8px;align-items:end;height:var(--h,170px);border-bottom:1px solid #E5E8EB;background-image:linear-gradient(#F0F2F4 1px,transparent 1px);background-size:100% 25%}
.col{display:flex;flex-direction:column-reverse;height:100%;justify-content:flex-start}
.col i{display:block;width:100%;transform-origin:bottom;transform:scaleY(0);transition:transform var(--dur-reveal) var(--ease-reveal);transition-delay:calc(var(--k,0) * var(--stagger))}
.col i:last-child{border-radius:4px 4px 0 0}
.in .col i{transform:none}
.c1{background:#7CC8FF}
.c2{background:var(--primary-main)}
.c3{background:var(--brand-ink)}
.c4{background:#C9D1DA}
.xax{display:grid;grid-template-columns:repeat(var(--n,13),1fr);gap:8px;margin-top:6px;font-size:11px;color:#9AA3AD;text-align:center;font-variant-numeric:tabular-nums}
.lgd{display:flex;gap:14px;justify-content:center;margin-top:10px;font-size:12px;color:var(--ink-2);flex-wrap:wrap}
.lgd span{display:inline-flex;align-items:center;gap:5px}
.lgd i{width:9px;height:9px;border-radius:50%;display:inline-block}
@media (prefers-reduced-motion:reduce){.col i{transform:none;transition:none}}
@media (max-width:640px){.bars,.xax{gap:3px}
.xax span:nth-child(even){visibility:hidden}}
.co2{position:relative;width:100%;max-width:580px;padding-bottom:84px}
.co-card{padding:24px 24px 44px}
.co-hd{display:flex;align-items:center;gap:12px}
.co-hd .lgo{flex:none;width:36px;height:36px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--ink-2)}
.co-hd b{display:block;font-size:16px;font-weight:800;letter-spacing:-.03em}
.co-hd small{display:block;font-size:12.5px;color:var(--muted)}
.stat{display:flex;gap:28px;margin:20px 0 6px}
.stat small{display:block;font-size:12.5px;color:var(--muted)}
.stat b{display:block;margin-top:2px;font-size:26px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.stat b span{font-size:15px;font-weight:700;margin-left:2px;color:var(--ink-2)}
.bars.big{gap:10px;border-bottom:1px solid #E5E8EB;background-image:none;margin-top:44px;overflow:visible}
.bars.big .col i:last-child{border-radius:6px 6px 0 0}
.bars.big .col{position:relative;cursor:default;transition:opacity .2s ease}
.bars.big:hover .col{opacity:.35}
.bars.big .col:hover,.bars.big .col.on{opacity:1}
.bars.big:not(:hover) .col:not(.on){opacity:.55}
.tip{position:absolute;left:50%;bottom:calc(var(--top,100%) + 10px);transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:10px;padding:8px 11px;font-size:12px;line-height:1.45;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-reveal) var(--ease-reveal) var(--dur-reveal),left .25s var(--ease-out),bottom .25s var(--ease-out)}
.in .tip{opacity:1}
.tip b{display:block;font-size:13px;font-weight:700}
.tip::after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink)}
.float{position:absolute;left:24px;bottom:0;width:300px;padding:14px 16px;box-shadow:0 12px 32px rgba(25,31,40,.10)}
.float .k{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.float .newb{display:inline-flex;height:20px;padding:0 7px;border-radius:6px;background:var(--primary-main);color:#fff;font-size:11.5px;font-weight:700;align-items:center}
.float .nm{margin-top:6px;font-weight:700;font-size:14.5px}
.float .kv{margin-top:2px;font-size:12.5px;color:var(--ink-2)}
@media (max-width:960px){.float{position:relative;left:auto;width:auto;margin-top:12px}
.co2{padding-bottom:0}
.co-card{padding-bottom:20px}}
@media (prefers-reduced-motion:reduce){.tip{transition:none}}
#s1 .split{align-items:stretch}
@media (min-width:961px){#s1 .split{grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:48px}}
#s1 .lead{text-wrap:pretty}
#s1 .visual{min-height:0;height:100%}
main .btn,.final .btn{border-radius:16px}
.dd-panel img{width:28px;height:28px}
.window .shot{display:block;width:100%;height:auto}
.cap{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.window-wrap .cap{text-align:center}
.cap{text-wrap:pretty}
.co2 .cap{margin-top:0}
#s1 .visual{flex-wrap:wrap}
#s1 .visual > .cap{flex-basis:100%;margin:12px 0 0;text-align:center}
.tabA{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;margin-top:48px}
.tabA-l{display:contents}
.tabA-l .go{order:3;margin-top:0}
.tabA-stage{display:block;order:2;margin-top:8px;background:var(--surface);border-radius:20px;padding:28px 28px 22px}
.tabA-stage .ui{padding:16px}
.tabA-stage .cap{margin:18px 0 0;text-align:center}
@media (max-width:640px){.tabA-stage{padding:16px}
.tabA-stage .ui{padding:12px}}
.ol{padding:18px}
.ol-h{font-size:14px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:14px}
.ol-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.oc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;min-width:0}
.oc-logo{display:flex;align-items:center;justify-content:center;gap:6px;height:33px;line-height:18px;padding-top:1px;border:1px solid #E5E8EB;border-radius:8px;font-size:12px;font-weight:800;color:var(--ink-2)}
.oc-logo .m{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:5px;background:var(--ink);color:#fff;font-size:10px}
.oc-co{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px;font-size:12.5px;color:var(--ink-2)}
.oc-det{flex:none;padding:0 7px;border-radius:6px;background:var(--brand-soft);color:var(--brand-ink);font-size:11px;line-height:17px;font-weight:700}
.oc-nm{margin-top:6px;font-size:14px;font-weight:800;line-height:1.4;letter-spacing:-.02em;color:var(--ink)}
.oc dl{margin:10px 0 0}
.oc .r{display:flex;justify-content:space-between;gap:8px;padding:4px 6px;margin:0 -6px;border-radius:6px;font-size:11.5px;line-height:18px;transition:background var(--dur-base) var(--ease-fade)}
.oc dt{flex:none;color:var(--muted)}
.oc dd{margin:0;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;min-width:0}
.oc dd b{font-weight:600;color:var(--brand-ink)}
.oc-tag{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:10px}
.oc-tag>span{padding:2px 7px;line-height:17px;border-radius:6px;background:var(--surface);font-size:11px;color:var(--ink-2);transition:background var(--dur-base) var(--ease-fade)}
[data-v="1"] .oc .amt,[data-v="1"] .oc .per,[data-v="2"] .oc .org{background:var(--brand-soft)}
[data-v="1"] .oc .amt dd,[data-v="1"] .oc .per dd,[data-v="2"] .oc .org dd{color:var(--brand-ink);font-weight:700}
[data-v="2"] .oc-tag .rg{background:var(--primary-main);color:#fff;font-weight:700}
.oc .xf{display:grid}
.oc-tag .xf{justify-items:center}
.oc .xf>span{grid-area:1/1;color:var(--ink);font-weight:400;transition:opacity var(--dur-base) var(--ease-fade),transform var(--dur-base) var(--ease-fade)}
.oc dd>span{justify-self:end;transform-origin:100% 50%}
.oc-tag .xf>span{color:var(--ink-2)}
.oc .xf>.hi{opacity:0;transform:scaleX(var(--sx,1));color:var(--brand-ink);font-weight:700}
.oc-tag .xf>.hi{color:#fff}
[data-v="1"] .oc :is(.amt,.per) .xf>span,[data-v="2"] .oc :is(.org,.oc-tag) .xf>span{opacity:0;transform:scaleX(calc(1 / var(--sx,1)))}
[data-v="1"] .oc :is(.amt,.per) .xf>.hi,[data-v="2"] .oc :is(.org,.oc-tag) .xf>.hi{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.oc .r,.oc-tag>span,.oc .xf>span{transition:none}}
@media (max-width:640px){.ol-g .oc+.oc{display:none}
.ol{padding:12px}}
@media (min-width:961px){.tabA{align-items:stretch}}
.tabA-stage .ol{background:none;border:0;border-radius:0;padding:0}
@media (max-width:960px){.ol-g{grid-template-columns:1fr 1fr}
.ol-g .oc3{display:none}}
@media (max-width:640px){.ol-g{grid-template-columns:1fr}}
.vA{order:1;display:flex;flex-direction:column;align-items:center;gap:14px}
.vseg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface)}
.vseg .tb{flex:none;width:auto;text-align:left;border:0;background:none;border-radius:999px;font:inherit;font-size:15px;font-weight:700;color:var(--muted);cursor:pointer;transition:color var(--dur-base) var(--ease-standard)}
.vseg .tb.on{background:var(--ink);color:#fff;border:0;box-shadow:none}
.vseg.has-ind{--ind-bg:var(--ink);--ind-r:999px}
.vseg.has-ind .tb.on{background:none}
.vseg .tb:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px}
@media (hover:hover){.vseg .tb:not(.on):hover{background:transparent;color:var(--ink)}}
@media (prefers-reduced-motion:reduce){.vseg .tb{transition:none}}
.vA .vd{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2);text-align:center;text-wrap:pretty}
@media (max-width:640px){.vA .vd{font-size:14px}}
#s1 .txt .go{margin-top:28px}
#s1 .txt .btn{margin-top:20px}
#s1 .visual{padding:32px}
#s1 .co2{max-width:none}
#s1 .co-card{padding:24px 24px 40px}
#s1 .bars.big{margin-top:48px}
@media (max-width:640px){#s1 .bars.big{margin-top:72px}}
#s1 .co2 .cap,#s1 .visual .cap{text-align:center;margin-top:16px}
@media (max-width:960px){#s1 .txt .go{margin-top:24px}
#s1 .txt .btn{margin-top:20px}}
.oc-logo{line-height:1}
.oc-logo .m,.co-hd .lgo{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.vseg .tb{line-height:1}
.vseg .tb{display:inline-flex;align-items:center;height:39px;padding:1px 22px 0;line-height:24px}
@media (max-width:640px){.vseg .tb{height:37px;padding:1px 18px 0}}
.oc-tag>span{display:inline-flex;align-items:center;justify-content:center;height:21px}
.oc-det{display:inline-flex;align-items:center;justify-content:center;height:22px;padding-top:1px;padding-bottom:0}
@media (min-width:961px){#s1 .co2{padding-bottom:64px}
#s1 .co-card{padding-bottom:52px}}
#s2 .tabA{margin-top:40px;gap:16px}
#s2 .vA{gap:12px}
#s2 .tabA-stage{margin-top:16px;padding:28px}
#s2 .ol-h{margin-bottom:16px}
#s2 .tabA-stage .cap{margin-top:20px}
#s2 .center-btns,#s1 .txt .btn{margin-top:24px}
@media (max-width:640px){#s2 .tabA{margin-top:32px}
#s2 .tabA-stage{padding:16px}}
@media (max-width:960px){#s1 .split{grid-template-columns:minmax(0,1fr)}
#s1 .visual,#s1 .txt{min-width:0}}
h2.sh,.effect h2,.final h2{line-height:1.2}
#s1 .lead,section.blk .lead{line-height:1.5}
.float .newb{line-height:16px;padding:2px 7px}
.co-hd .lgo{line-height:16px;padding:10px 0}
.oc-logo .m{line-height:16px;padding:0 0 1px}
.url{height:23px;line-height:19px;padding:2px 0}