.features-hero{background:linear-gradient(135deg,#f4f9ff 0%,#fff 72%);border-bottom:1px solid #e5edf6;overflow:hidden}
.features-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-top:74px;padding-bottom:76px}
.features-hero h1{font-size:clamp(46px,5vw,70px);line-height:1.06;letter-spacing:-.072em;color:#1a2d47;margin:18px 0 24px}
.features-hero h1 em{font-style:normal;color:#3478d8}
.features-hero p{max-width:570px;color:#70839b;font-size:16px;line-height:1.8}
.features-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}
.features-hero-actions span{color:#8b9bad;font-size:11px;font-weight:700}
.features-preview{padding:8px;border:1px solid #dce7f4;border-radius:17px;background:#fff;box-shadow:0 28px 75px #33639120}
.features-preview img{display:block;width:100%;height:auto;border-radius:10px}
.features-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:76px;align-items:start;padding-top:58px;padding-bottom:75px}
.features-toc{position:sticky;top:107px;display:grid;gap:5px;padding:19px;background:#f7faff;border:1px solid #e1eaf4;border-radius:13px}
.features-toc strong{color:#93a4b9;font-size:10px;letter-spacing:.14em;margin:0 0 9px 7px}
.features-toc a{padding:9px 8px;border-radius:7px;color:#5d7390;font-size:11px;font-weight:700;line-height:1.4}
.features-toc a:hover,.features-toc a:focus-visible{background:#e8f2ff;color:#2670ca}
.features-content{min-width:0}
.feature-detail{scroll-margin-top:100px;padding:22px 0 62px;border-bottom:1px solid #e7edf5}
.feature-detail:first-child{padding-top:7px}
.feature-detail:last-child{border-bottom:0;padding-bottom:20px}
.detail-label{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:800;letter-spacing:.13em;color:#3478d8}
.detail-label span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#eaf3ff;letter-spacing:0}
.feature-detail h2{max-width:690px;margin:17px 0;font-size:clamp(30px,3.1vw,43px);line-height:1.16;letter-spacing:-.052em;color:#1a2d47}
.feature-detail>p{max-width:750px;font-size:14px;color:#6c7f96;line-height:1.85}
.detail-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}
.detail-points>div{padding:21px 19px;background:#f8fbff;border:1px solid #e0eaf5;border-radius:11px}
.detail-points strong{display:block;color:#274b77;font-size:13px;margin-bottom:10px}
.detail-points p{margin:0;color:#7589a0;font-size:12px;line-height:1.7}
.detail-note{margin-top:25px;padding:17px 20px;border-left:3px solid #5b96e1;background:#f2f7ff;border-radius:0 9px 9px 0;color:#627d9d;font-size:12px;line-height:1.75}
.feature-detail .detail-footnote{font-size:12px;color:#8798ab;margin:17px 0 0}
.features-end{padding:70px 0;background:#eaf3ff;border-top:1px solid #dae8f8}
.features-end-grid{display:flex;justify-content:space-between;align-items:center;gap:45px}
.features-end h2{font-size:clamp(34px,3.6vw,47px);letter-spacing:-.06em;line-height:1.13;margin:13px 0;color:#1a2d47}
.features-end p{max-width:610px;color:#6e84a0;font-size:13px;line-height:1.8;margin:0}
.features-end-actions{display:grid;justify-items:start;gap:15px;flex-shrink:0}
.features-end-actions>a:last-child{font-size:12px;font-weight:800;color:#3379d4}
.nav a[aria-current="page"]{color:#2771ce}
@media(max-width:980px){.features-hero-grid{gap:35px}.features-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.detail-points{grid-template-columns:1fr}}
@media(max-width:720px){.features-hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.features-hero h1{font-size:48px}.features-layout{display:block;padding-top:25px;padding-bottom:55px}.features-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-bottom:30px}.features-toc strong{grid-column:1/-1}.feature-detail{padding-bottom:47px}.features-end-grid{display:block}.features-end-actions{margin-top:26px}.features-end{padding:55px 0}}
@media(max-width:430px){.features-toc{grid-template-columns:1fr}.features-hero h1{font-size:42px}}