.feature-page{--feature-muted:#a9b9cf;--feature-line:#263951;--feature-panel:#0c1728;color:#f5f8ff;overflow:clip}
.feature-page *, .feature-page *::before,.feature-page *::after{box-sizing:border-box}
.feature-page .feature-wrap{width:min(1120px,100% - 48px);margin-inline:auto}
.feature-page .feature-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:44px 60px}
.feature-page .feature-eyebrow{margin:0 0 18px;color:#72d5fd;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;line-height:1.7}
.feature-page h1{max-width:740px;margin:0;font-size:clamp(34px,4.4vw,58px);line-height:1.09;letter-spacing:-.045em;font-weight:850;overflow-wrap:break-word;text-wrap:balance}
.feature-page .feature-lead{max-width:610px;margin:25px 0 0;color:#b9c7dc;font-size:clamp(16px,1.5vw,18px);line-height:1.8}
.feature-page .feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 22px;margin-top:29px}
.feature-page .feature-primary,.feature-page .feature-secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;font-size:14px;font-weight:750;text-decoration:none}
.feature-page .feature-primary{padding:14px 23px;background:#a8edff;color:#042234;border:1px solid #a8edff;border-radius:12px;box-shadow:0 6px 30px #38bdf814;transition:background .2s,transform .2s}
.feature-page .feature-primary:hover{background:#d0f7ff;transform:translateY(-2px)}
.feature-page .feature-secondary{color:#e2eaf7;padding:8px 0}
.feature-page a:focus-visible,.feature-page button:focus-visible{outline:3px solid #72d5fd;outline-offset:4px}
.feature-page .feature-reassurance{margin-top:14px;color:#a9b9cf;font-size:12px;line-height:1.8}
.feature-page .feature-outcome{position:relative;border:1px solid #2b445d;border-radius:23px;background:linear-gradient(135deg,#10253b,#0b1628 70%);padding:32px;box-shadow:0 25px 80px #0002}
.feature-page .feature-outcome::before{content:"";display:block;width:33px;height:4px;background:#6cd4f7;border-radius:2px;margin-bottom:24px}
.feature-page .feature-outcome__label{display:block;color:#86a2bb;font-size:10px;letter-spacing:.15em;font-weight:800}
.feature-page .feature-outcome h2{margin:12px 0 26px;font-size:clamp(23px,2.25vw,30px);font-weight:800;line-height:1.23;letter-spacing:-.025em;text-wrap:balance}
.feature-page .feature-outcome ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.feature-page .feature-outcome li{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:9px;color:#c9d7e8;font-size:13px;line-height:1.6}
.feature-page .feature-outcome li span{color:#70e0ce}
.feature-page .feature-outcome>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #294155;padding-top:22px;margin-top:26px;color:#8bdefb;text-decoration:none;font-size:12px;font-weight:700;min-height:45px}
.feature-page .feature-product{padding-block:15px 60px}
.feature-page .feature-section-heading{margin-bottom:32px}
.feature-page .feature-section-heading h2{margin:0;max-width:760px;font-size:clamp(25px,3vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}
.feature-page .feature-section-heading .feature-eyebrow{margin-bottom:12px}
.feature-page .feature-product__inner{max-width:1000px;margin-inline:auto}
.feature-page .feature-product .fsnx-video__frame{border-radius:20px;border:1px solid var(--feature-line)}
.feature-page .fsnx-video__cap{color:#a9b9cf;font-size:12px;line-height:1.7;margin-top:15px}
.feature-page .fsnx-video__chapter,.feature-page .fsnx-video__label b{color:#a9b9cf}
.feature-page .fsnx-video__label{line-height:1.5}
.feature-page .feature-workflow{padding-block:20px 70px;scroll-margin-top:100px}
.feature-page .feature-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--feature-line)}
.feature-page .feature-steps li{padding:30px 28px 33px 0}
.feature-page .feature-steps li+li{padding-left:28px;border-left:1px solid var(--feature-line)}
.feature-page .feature-step-number{display:inline-block;color:#76d6f8;font:600 13px/1.5 ui-monospace,monospace;letter-spacing:.06em;margin-bottom:19px}
.feature-page .feature-steps h3{margin:0 0 13px;font-size:20px;line-height:1.35;letter-spacing:-.02em;font-weight:800}
.feature-page .feature-steps p{margin:0;color:var(--feature-muted);font-size:14px;line-height:1.8}
.feature-page .feature-details{padding-block:15px 55px;scroll-margin-top:100px}
.feature-page .feature-context{max-width:830px;margin-top:24px;color:var(--feature-muted);font-size:15px;line-height:1.85}
.feature-page .feature-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.feature-page .feature-detail{padding:30px;border:1px solid var(--feature-line);border-radius:18px;background:var(--feature-panel);min-width:0}
.feature-page .feature-detail__heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}
.feature-page .feature-detail__icon{display:flex;justify-content:center;align-items:center;width:38px;height:38px;flex-shrink:0;color:#76d6f8;font-size:15px;background:#143048;border:1px solid #244b65;border-radius:10px}
.feature-page .feature-detail h3{margin:0;font-size:22px;font-weight:780;line-height:1.3;min-height:2.6em;letter-spacing:-.02em;text-wrap:balance}
.feature-page .feature-detail .fsnx-prose{color:var(--feature-muted);font-size:14px;line-height:1.85}
.feature-page .feature-detail .fsnx-prose>:first-child{margin-top:0}
.feature-page .feature-detail .fsnx-prose>:last-child{margin-bottom:0}
.feature-page .feature-detail .fsnx-prose strong{color:#e9f0fa}
.feature-page .feature-detail .fsnx-prose a{color:#76d6f8;text-underline-offset:3px}
.feature-page .feature-detail:last-child:nth-child(odd){grid-column:1/-1}
.feature-page .feature-detail:last-child:nth-child(odd) .feature-detail__copy{max-width:880px}
.feature-page .feature-detail--visual{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;padding:38px}
.feature-page .feature-detail--visual h3{min-height:0;font-size:26px}
.feature-page .feature-detail__image{margin:0;border:1px solid #2b3e56;border-radius:12px;overflow:hidden;background:#0f1d31}
.feature-page .feature-detail__image img{display:block;width:100%;height:auto}
.feature-page .feature-detail__image--portrait{max-width:245px;width:100%;justify-self:center;border:5px solid #22364c;border-radius:23px}
.feature-page .feature-faq{padding-block:45px 50px}
.feature-page .feature-related{padding-bottom:35px}
@media(min-width:901px){.feature-page .feature-steps h3{min-height:2.7em}.feature-page .feature-detail--visual:nth-child(even) .feature-detail__copy{order:2}}
@media(max-width:1000px){.feature-page .feature-hero{gap:32px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.feature-page .feature-outcome{padding:25px}.feature-page .feature-detail{padding:25px}.feature-page .feature-detail h3{font-size:21px}}
@media(max-width:760px){.feature-page .feature-wrap{width:calc(100% - 36px)}.feature-page .feature-hero{grid-template-columns:1fr;gap:32px;padding-block:27px 40px}.feature-page h1{max-width:640px;font-size:clamp(33px,7.8vw,48px)}.feature-page .feature-lead{margin-top:22px}.feature-page .feature-outcome{padding:25px}.feature-page .feature-outcome h2{max-width:420px;font-size:26px}.feature-page .feature-product{padding-block:10px 36px}.feature-page .feature-workflow{padding-block:10px 45px}.feature-page .feature-steps{grid-template-columns:1fr}.feature-page .feature-steps li,.feature-page .feature-steps li+li{padding:25px 0;border-left:0}.feature-page .feature-steps li+li{border-top:1px solid var(--feature-line)}.feature-page .feature-step-number{margin-bottom:10px}.feature-page .feature-section-heading{margin-bottom:25px}.feature-page .feature-detail-grid{grid-template-columns:1fr;gap:16px}.feature-page .feature-detail{padding:24px}.feature-page .feature-detail h3{min-height:0}.feature-page .feature-detail--visual{grid-template-columns:1fr;gap:28px}.feature-page .feature-detail__heading{gap:14px;margin-bottom:17px}.feature-page .feature-details{padding-block:10px 30px}.feature-page .feature-faq{padding-top:30px}}
@media(max-width:400px){.feature-page .feature-actions{align-items:stretch;flex-direction:column;gap:5px}.feature-page .feature-primary{width:100%;padding-inline:17px}.feature-page .feature-reassurance{font-size:11px}.feature-page .feature-outcome{padding:22px}.feature-page .feature-detail{padding:22px}.feature-page .feature-eyebrow{font-size:10px}.feature-page .feature-context{font-size:14px}}
@media(prefers-reduced-motion:reduce){.feature-page .feature-primary{transition:none}.feature-page .feature-primary:hover{transform:none}}
