/* Yuil Planning story tabs — homepage-only addition */
.yuil-story{max-width:1250px;margin:28px auto 84px;color:#172b4b;scroll-margin-top:90px}
.yuil-story *{box-sizing:border-box}
.yuil-story-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px}
.yuil-story-kicker{display:block;font-size:11px;font-weight:800;color:#3c6ded;letter-spacing:1.65px;margin-bottom:9px}
.yuil-story-heading h2{font-size:clamp(22px,2.1vw,30px);line-height:1.35;letter-spacing:-.8px;margin:0 0 10px}
.yuil-story-heading p{color:#71819c;font-size:14px;margin:0;line-height:1.75}
.yuil-story-contact{display:inline-flex;white-space:nowrap;align-items:center;gap:18px;color:#2e5fd3;font-weight:750;font-size:13px;border:1px solid #dce5f4;padding:12px 16px;border-radius:12px;background:white}
.yuil-story-contact:hover{background:#eff4ff}
.yuil-story-shell{overflow:hidden;border:1px solid #e0e7f3;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(29,50,85,.045)}
.yuil-story-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px;background:#f2f5fb;border-bottom:1px solid #e4eaf4}
.yuil-story-tabs button{border:0;background:transparent;color:#687995;border-radius:12px;padding:16px 10px;font-size:14px;font-weight:760;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.yuil-story-tabs button[aria-selected="true"]{background:#fff;color:#1a4fc8;box-shadow:0 3px 16px rgba(20,47,98,.07)}
.yuil-story-tabs button:hover:not([aria-selected="true"]){background:#e9eef9;color:#1d3457}
.yuil-story-tabs button:focus-visible{outline:3px solid #7ba6ff;outline-offset:1px}
.yuil-story-panel{padding:30px;min-height:250px}
.yuil-story-panel[hidden]{display:none!important}
.yuil-story-panel[data-yuil-panel="intro"]{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}
.yuil-story-feature{background:linear-gradient(130deg,#14284c,#23519b);color:#fff;border-radius:18px;padding:32px}
.yuil-story-overline{color:#a8d3ff;font-size:10px;font-weight:800;letter-spacing:1.4px}
.yuil-story-feature h3{font-size:24px;line-height:1.45;letter-spacing:-.8px;margin:15px 0}
.yuil-story-feature p{font-size:13px;color:#dae5fb;line-height:1.9;margin:0 0 18px}
.yuil-story-feature a{display:inline-block;background:#fff;color:#1c427d;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:800}
.yuil-story-points{display:grid;gap:14px;align-content:center}
.yuil-story-points>div{display:grid;grid-template-columns:48px 1fr;column-gap:15px;padding:13px 0;border-bottom:1px solid #e8edf6}
.yuil-story-points>div:last-child{border-bottom:0}
.yuil-story-points span{grid-row:span 2;color:#3d70dc;font-size:21px;font-weight:800}
.yuil-story-points strong{font-size:15px}
.yuil-story-points p{font-size:13px;color:#75839a;line-height:1.7;margin:5px 0 0}
.yuil-story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yuil-story-cards article{padding:24px;border:1px solid #e2e9f4;border-radius:16px;background:#fbfcff}
.yuil-story-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#3769e5;background:#eaf0ff;font-size:23px;font-weight:800}
.yuil-story-cards h3{font-size:16px;margin:20px 0 10px}.yuil-story-cards p{color:#6a7a96;line-height:1.8;font-size:13px;margin:0}
.yuil-story-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yuil-story-steps li{display:flex;align-items:flex-start;gap:14px;background:#f7f9fd;border-radius:15px;padding:22px}
.yuil-story-steps li>span{flex-shrink:0;color:#3568dc;font-weight:800;font-size:22px}
.yuil-story-steps strong{font-size:15px}.yuil-story-steps p{line-height:1.8;color:#687894;font-size:13px;margin:7px 0 0}
.yuil-story-disclaimer{font-size:12px;color:#75839a;margin:23px 0 0;line-height:1.8}
.yuil-story-empty{max-width:560px;text-align:center;margin:auto;padding:28px 10px}
.yuil-story-empty>span{font-size:28px;color:#3c6de8}.yuil-story-empty h3{margin:12px 0;font-size:20px}.yuil-story-empty p{font-size:13px;line-height:1.85;color:#6e7e98}.yuil-story-empty a{display:inline-block;margin-top:12px;padding:11px 18px;border-radius:10px;background:#315fe4;color:#fff;font-size:13px;font-weight:800}
@media(max-width:850px){.yuil-story-panel[data-yuil-panel="intro"]{grid-template-columns:1fr}.yuil-story-cards,.yuil-story-steps{grid-template-columns:1fr}.yuil-story-heading{align-items:start;flex-direction:column}}
@media(max-width:570px){.yuil-story{margin:28px auto 52px}.yuil-story-tabs{gap:3px;padding:7px}.yuil-story-tabs button{font-size:12px;padding:13px 2px}.yuil-story-panel{padding:16px}.yuil-story-feature{padding:23px}.yuil-story-feature h3{font-size:21px}.yuil-story-points>div{grid-template-columns:37px 1fr;column-gap:9px}.yuil-story-steps li{padding:17px}}