.hero.two-charts-hero .two-charts-board{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:620px;opacity:1!important;pointer-events:auto!important;padding:28px!important;margin:0 auto!important;background:#f5efe6;border:1px solid #ffffff35;border-radius:24px;color:#423347;box-shadow:0 20px 70px #180e2020;transform:none!important}
.two-charts-board::before,.two-charts-board::after{display:none!important}
.two-charts-heading{text-align:center;margin-bottom:24px}
.two-charts-heading>span,.two-chart-label>span,.two-chart-result>span{font:600 10px/1.4 var(--sans,sans-serif);letter-spacing:.16em}
.hero .two-charts-heading h2{font:400 clamp(29px,3vw,39px)/1.15 var(--serif,Georgia);color:#423347;margin:10px 0 0;letter-spacing:-.03em}
.two-charts-heading em{font-weight:400;color:#79527c}
.two-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.two-chart{min-width:0;padding:18px 14px;border-radius:16px;background:#ebe4f0;color:#584464}
.two-chart.root-chart{background:#e4e9dd;color:#465441}
.two-chart-label h3{font:600 16px/1.35 var(--sans,sans-serif);margin:7px 0 0;color:inherit}
.two-chart-wheel{height:195px;display:grid;place-items:center}
.two-chart-wheel svg{display:block;width:min(100%,195px);height:195px;fill:currentColor}
.two-chart h4{font:400 23px/1.15 var(--serif,Georgia);margin:12px 0 10px;color:inherit;letter-spacing:-.025em}
.two-chart p,.two-chart-result p{font:400 13px/1.65 var(--sans,sans-serif);margin:0;color:inherit}
.four-pillars{height:152px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:5px}
.four-pillars>span{display:flex;flex-direction:column;gap:14px;align-items:center;padding:18px 0 12px;border:1px solid #64775b45;border-radius:30px 30px 7px 7px;background:#f6f5e9a8}
.four-pillars i{font:normal 30px/1 Georgia,serif}.four-pillars b{font:600 8px/1.2 var(--sans,sans-serif);letter-spacing:.03em}
.five-elements{display:flex;justify-content:space-between;gap:3px;height:43px;align-items:flex-start}
.five-elements span{font:500 9px/1.3 var(--sans,sans-serif);text-align:center}
.five-elements span::before{content:'';display:block;border-radius:50%;width:12px;height:12px;margin:0 auto 5px;background:#77966a}
.five-elements span:nth-child(2)::before{background:#ba7563}.five-elements span:nth-child(3)::before{background:#b49a66}.five-elements span:nth-child(4)::before{background:#aaa69d}.five-elements span:nth-child(5)::before{background:#738d9f}
.two-chart-join{display:flex;justify-content:center;align-items:center;gap:12px;height:38px;color:#917991}.two-chart-join span{height:1px;width:25%;background:#c8bbc7}.two-chart-join b{font-size:20px;font-weight:400}
.two-chart-result{text-align:center;padding:20px 18px;background:#fffaf2;border-radius:14px}
.two-chart-result h3{font:400 27px/1.13 var(--serif,Georgia);letter-spacing:-.02em;margin:9px 0 11px;color:#513853}
.two-chart-result p{max-width:360px;margin:auto}
.hero .two-chart-note{font:400 10px/1.5 var(--sans,sans-serif);text-align:center;color:#786e78;margin:16px 0 0}
@media(max-width:600px){.hero.two-charts-hero .two-charts-board{padding:19px 14px!important;border-radius:20px}.two-charts-grid{gap:9px}.two-chart{padding:14px 10px}.two-chart-label h3{font-size:14px}.two-chart-wheel{height:165px}.two-chart-wheel svg{height:165px}.four-pillars{height:126px;gap:3px}.four-pillars i{font-size:25px}.four-pillars b{font-size:7px}.five-elements{height:39px}.five-elements span{font-size:8px}.two-chart h4{font-size:21px}.two-chart p{font-size:12px;line-height:1.65}.two-chart-result h3{font-size:26px}}
@media(max-width:360px){.two-charts-grid{grid-template-columns:1fr}.two-chart p{font-size:14px}.two-chart-label h3{font-size:17px}}