.p-hero{padding:150px 0 96px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);margin-bottom:28px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.p-hero-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:end}
.p-hero h1{font-weight:600;font-size:clamp(42px,5.4vw,84px);line-height:.98;letter-spacing:-.035em;margin:0;max-width:13ch}
.p-hero .lede{font-size:19px;line-height:1.5;color:var(--muted);max-width:50ch;margin:26px 0 34px}
.p-hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:900px){.p-hero{padding:120px 0 72px}.p-hero-g{grid-template-columns:1fr;gap:40px}}
.hero-vis{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:24px;transition:transform .5s var(--ease)}
.vis-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line2)}.vis-h b{color:var(--ink);font-weight:600;font-size:15px}
.phase-bar{display:flex;gap:3px;height:18px;margin:26px 0 10px}
.phase-bar i{flex:1;border-radius:3px;background:#D9D4CD;transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease),background .4s}
[data-reveal].in .phase-bar i,html:not(.js) .phase-bar i{transform:none}
.phase-bar i:nth-child(2){transition-delay:.06s,0s}.phase-bar i:nth-child(3){transition-delay:.12s,0s}.phase-bar i:nth-child(4){transition-delay:.18s,0s}.phase-bar i:nth-child(5){transition-delay:.24s,0s}
.phase-bar i.on{background:var(--orange)}
.phase-lab{display:flex;gap:3px;font-size:13px;color:var(--muted)}.phase-lab span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vis-f{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:26px;padding-top:16px;border-top:1.5px solid var(--ink);font-size:14px;color:var(--muted)}.vis-f b{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.ring-vis{display:grid;place-items:center;padding:12px 0}.ring-vis svg{width:min(360px,100%);height:auto}
.ring-vis .arc{stroke:#CFC8BF;transition:stroke .4s}.ring-vis .arc.on{stroke:var(--orange)}
.sec{padding:110px 0;border-top:1px solid var(--line)}.sec.alt{background:var(--paper)}.sec.white{background:#fff}
.sec-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
@media(max-width:900px){.sec-g{grid-template-columns:1fr;gap:28px}}
.rows{border-top:1.5px solid var(--ink)}
.rw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.rw b{font-weight:600;font-size:17px;letter-spacing:-.01em}.rw p{margin:0;color:var(--muted)}
@media(max-width:640px){.rw{grid-template-columns:1fr;gap:4px}}
.facts2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--ink);margin-top:56px}
.facts2 div{padding:16px 16px 0 0}.facts2 small{display:block;font-size:13px;color:var(--muted)}.facts2 b{font-weight:600;font-size:16px}
@media(max-width:800px){.facts2{grid-template-columns:1fr 1fr;row-gap:12px}}
.phl{border-top:1.5px solid var(--ink)}
.phr{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.5fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.phr>b{font-size:24px;font-weight:600}.phr h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.phr h3 small{display:block;font-size:13px;font-weight:400;color:var(--subtle);margin-top:3px;letter-spacing:0}
.phr p{margin:0;color:var(--ink2)}
@media(max-width:700px){.phr{grid-template-columns:36px 1fr}.phr p{grid-column:2}}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:40px}}
.ticks{list-style:none;padding:0;margin:24px 0 0;border-top:1.5px solid var(--ink)}
.ticks li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.ticks li::before{content:"";flex:none;width:12px;height:7px;margin-top:7px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chips span{font-size:14px;font-weight:500;padding:7px 11px;border-radius:3px;background:#fff;box-shadow:var(--ring)}
.price-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:#fff;border-radius:8px;box-shadow:var(--ring);margin-top:48px}
.price-row b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em}.price-row span{color:var(--muted)}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.rel a{display:flex;flex-direction:column;border-top:1.5px solid var(--ink);padding:22px 0 0;text-decoration:none;color:var(--ink)}
.rel h3{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:-.02em}.rel p{margin:0 0 16px;color:var(--muted);font-size:15px}
.rel em{margin-top:auto;font-style:normal;font-weight:600;font-size:14px;box-shadow:inset 0 -2px 0 var(--orange);align-self:flex-start;padding-bottom:2px}
.rel a:hover h3{color:var(--oText)}
@media(max-width:900px){.rel{grid-template-columns:1fr}}
.case-metric{border-top:1.5px solid var(--ink);padding-top:20px}
.case-metric strong{display:block;font-size:clamp(84px,12vw,176px);font-weight:600;letter-spacing:-.05em;line-height:.9}
.case-metric span{display:block;font-size:18px;color:var(--muted);margin-top:14px;max-width:24ch}
.res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.res div{border-top:1.5px solid var(--ink);padding-top:20px}.res strong{display:block;font-size:clamp(44px,5vw,72px);font-weight:600;letter-spacing:-.04em;line-height:1}
.res span{display:block;color:var(--muted);margin-top:10px}.res small{display:inline-block;margin-top:10px;font-size:12px;font-weight:500;padding:2px 7px;border-radius:3px}
.res small.real{background:var(--wonBg);color:var(--won)}.res small.ej{background:#FFF4EC;color:#9A3E00}
@media(max-width:900px){.res{grid-template-columns:1fr;gap:28px}}
.qblock{margin:0;font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.18;letter-spacing:-.02em;max-width:28ch}
.note-bar{background:#FFF4EC;color:#9A3E00;font-size:14px;padding:12px 28px;text-align:center;position:relative;z-index:31;margin-top:66px}
.note-bar+.p-hero{padding-top:84px}
.cases-l{border-top:1.5px solid var(--ink);margin-top:48px}
.case-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:32px;align-items:center;padding:32px 14px;margin:0 -14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);border-radius:6px;transition:background .25s}
.case-r:hover{background:#fff}.case-r strong{font-size:clamp(48px,5.6vw,80px);font-weight:600;letter-spacing:-.045em;line-height:1}
.case-r h3{margin:0 0 6px;font-size:24px;font-weight:600;letter-spacing:-.02em}.case-r p{margin:0;color:var(--muted)}
.case-r em{font-style:normal;font-weight:600;font-size:14px;box-shadow:inset 0 -2px 0 var(--orange);padding-bottom:2px;white-space:nowrap}
@media(max-width:800px){.case-r{grid-template-columns:1fr;gap:10px}}
.legal{max-width:780px}
.legal h2{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:56px 0 14px;padding-top:20px;border-top:1.5px solid var(--ink)}
.legal p,.legal li{color:var(--ink2);font-size:16px;line-height:1.65}.legal ul{padding-left:20px;display:grid;gap:6px}
.legal mark{background:#FFF4EC;color:#9A3E00;padding:1px 5px;border-radius:3px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.toc a{font-size:14px;padding:7px 11px;border-radius:3px;background:#fff;box-shadow:var(--ring);text-decoration:none}
.m-link{display:inline-flex;gap:6px;align-items:center;margin-top:12px;font-weight:600;font-size:14px;text-decoration:none;color:var(--ink);box-shadow:inset 0 -2px 0 var(--orange);padding:4px 0}
.m-link i{font-style:normal;transition:transform .2s var(--ease)}.m-link:hover i{transform:translateX(3px)}
.foot-g{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr))}
@media(max-width:900px){.foot-g{grid-template-columns:1fr 1fr}}
