body.feature-page-body{min-height:100vh;background:#10142e;color:#f7f5ff}
.feature-page-header{z-index:50}
.feature-page-main{padding-top:var(--header);overflow:hidden}
.feature-page-hero{position:relative;min-height:410px;display:flex;align-items:flex-end;padding:65px clamp(24px,8vw,130px) 56px;background:radial-gradient(ellipse at 80% 48%,#4249ac 0%,#242d70 38%,#131a42 78%);isolation:isolate;overflow:hidden}
.feature-page-hero:before,.feature-page-hero:after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff21;border-radius:50%;pointer-events:none}
.feature-page-hero:before{width:580px;height:580px;right:5%;top:-330px;box-shadow:0 0 0 50px #ffffff08,0 0 0 105px #ffffff05}
.feature-page-hero:after{width:300px;height:300px;left:-160px;bottom:-180px;box-shadow:0 0 0 35px #ffffff07,0 0 0 75px #ffffff04}
.feature-page-glow{position:absolute;z-index:-1;inset:auto 12% -210px auto;width:460px;height:360px;background:#ffba9630;filter:blur(90px);pointer-events:none}
.feature-back{position:absolute;top:auto;bottom:132px;left:clamp(24px,8vw,130px);display:inline-flex;align-items:center;gap:13px;min-width:230px;min-height:67px;padding:9px 22px 9px 11px;border:1px solid #ffd18b8c;border-radius:18px;color:#fff;background:linear-gradient(145deg,#ffffff1e,#19244fbb 70%);box-shadow:0 13px 0 #080d2c,0 17px 28px #05091f99,0 0 24px #f3c47925,inset 0 1px #ffffff55;overflow:hidden;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-back:after{content:"";position:absolute;z-index:-1;inset:-50% auto -50% -55%;width:28%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:backButtonShine 4.6s ease-in-out infinite;pointer-events:none}
.feature-back:hover{transform:translateY(-4px);border-color:#fff0bd;box-shadow:0 16px 0 #080d2c,0 22px 35px #05091fbb,0 0 30px #ffd78765,inset 0 1px #ffffff88}
.feature-back:active{transform:translateY(3px);box-shadow:0 7px 0 #080d2c,0 10px 18px #05091f99}
.feature-back-icon{position:relative;z-index:1;flex:0 0 49px;width:49px;height:49px;filter:drop-shadow(0 3px 2px #0c102f99);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.feature-back:hover .feature-back-icon{transform:translateX(-4px) rotate(-5deg) scale(1.08)}
.feature-back-copy{display:grid;gap:3px;position:relative;z-index:1}
.feature-back-copy small{color:#ffc77f;font:800 9px Arial,sans-serif;letter-spacing:1.3px}
.feature-back-copy strong{color:#fff;font-size:16px;line-height:1.25;white-space:nowrap;text-shadow:0 2px 8px #080d2c}
.feature-back-spark{position:absolute;right:13px;top:8px;color:#ffdf9c;font-size:12px;filter:drop-shadow(0 0 6px #ffc75c);animation:backSparkPulse 2s ease-in-out infinite}
@keyframes backButtonShine{0%,60%{left:-55%}100%{left:135%}}
@keyframes backSparkPulse{0%,100%{opacity:.55;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(35deg)}}
.feature-page-heading{max-width:850px}
.feature-page-kicker{display:flex;align-items:center;gap:12px;color:#ffcfad;font:700 11px Arial,sans-serif;letter-spacing:2px}
.feature-page-kicker>span:first-child{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffd2ae90;border-radius:50%;font:italic 17px Georgia}
.feature-page-kicker i{display:block;width:34px;height:1px;background:#ffd2ae80}
.feature-page-heading h1{margin:24px 0 12px;color:#fff;font-size:clamp(42px,6.2vw,82px);line-height:1.3;letter-spacing:-2px}
.feature-page-heading h1 em{color:#ffc9a6;font-style:normal}
.feature-page-lead{max-width:680px;margin:0;color:#e0e3f6;font-size:clamp(16px,1.5vw,20px);line-height:1.9}
.feature-page-index{position:absolute;left:clamp(24px,8vw,130px);bottom:43px;color:#a8b3ff;font:italic clamp(60px,9vw,116px)/1 Georgia;direction:ltr;opacity:.92}
.feature-page-index span{margin-left:8px;color:#ffffff73;font:12px Arial;letter-spacing:2px}
.feature-page-content{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(35px,7vw,100px);padding:clamp(58px,8vw,110px) clamp(24px,8vw,130px);background:radial-gradient(ellipse at 100% 100%,#27336b55,transparent 55%),#111633}
.feature-explanation{max-width:500px}
.feature-content-kicker{color:#ffbf98;font-size:12px;font-weight:900;letter-spacing:.3px}
.feature-explanation h2{margin:18px 0 22px;color:#fff;font-size:clamp(31px,4vw,49px);line-height:1.3}
.feature-explanation p{margin:0 0 16px;color:#d3d8ed;font-size:16px;line-height:2.1}
.feature-benefit-list{display:grid;gap:12px;margin-top:27px;padding-top:23px;border-top:1px solid #ffffff26}
.feature-benefit-list span{display:flex;align-items:center;gap:11px;color:#eff1ff;font-size:14px;font-weight:800}
.feature-benefit-list b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffc9a6;color:#182052;font:700 13px Arial}
.feature-benefit-list i{font-style:normal}
.feature-video-card{min-width:0;padding:16px;border:1px solid #aeb8ff3d;border-radius:16px;background:linear-gradient(145deg,#ffffff13,#ffffff06);box-shadow:0 28px 75px #060a2470}
.feature-video-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 3px 15px;color:#ffcfad;font:700 10px Arial,sans-serif;letter-spacing:1.8px}
.feature-video-card-top span:first-child{letter-spacing:.2px;font-family:Arial,sans-serif;font-size:13px}
.feature-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff36;border-radius:9px;background:#080d24;box-shadow:0 14px 35px #05091d88}
.feature-video-caption{display:grid;gap:7px;padding:16px 4px 3px}
.feature-video-caption b{color:#fff;font-size:16px}
.feature-video-caption small{color:#b8c1e2;font-size:12px;line-height:1.8}
.feature-page-next{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(24px,8vw,130px);border-top:1px solid #ffffff18;background:#0d122b}
.feature-page-next span{color:#ffbf98;font:700 10px Arial,sans-serif;letter-spacing:2px}
.feature-page-next p{margin:7px 0 0;color:#d0d5eb;font-size:13px}
.feature-page-next>a{display:grid;place-items:center;width:45px;height:45px;border:1px solid #8995e799;border-radius:50%;color:#dce2ff;font:24px Arial;transition:background .2s,color .2s,transform .2s}
.feature-page-next>a:hover{background:#ffc9a6;color:#182052;transform:translateY(-3px)}
.feature-item-open{display:flex;position:relative;width:100%;font:inherit;text-align:inherit;text-decoration:none;background:linear-gradient(100deg,#ffffff10,#6173df19);cursor:pointer}
.feature-item-open:after{content:'OPEN FEATURE';position:absolute;top:8px;inset-inline-start:82px;color:#ffcfaa;font:700 9px Arial,sans-serif;letter-spacing:1.6px;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}
.feature-item-open:hover:after,.feature-item-open:focus-visible:after{opacity:1;transform:none}
.feature-item-open:focus-visible{outline:2px solid #ffcfaa;outline-offset:3px}
.feature-item-open .arr{font-size:28px}
@media(max-width:900px){.feature-page-hero{min-height:370px}.feature-page-index{bottom:25px}.feature-page-content{grid-template-columns:1fr;gap:35px}.feature-explanation{max-width:760px}.feature-video-card{width:100%}}
@media(max-width:650px){.feature-page-header .main-nav{height:48px;gap:19px}.feature-page-header .nav-link{font-size:13px}.feature-page-header .logo{flex-basis:120px;width:120px;height:59px}.feature-page-header .sound-circle{width:38px;height:38px}.feature-page-main{padding-top:calc(var(--header) + 48px)}.feature-page-hero{min-height:390px;padding:85px 22px 65px;align-items:flex-end}.feature-back{top:20px;bottom:auto;left:22px;min-width:0;min-height:48px;padding:6px 15px 6px 8px;gap:9px;border-radius:15px}.feature-back-icon{flex-basis:36px;width:36px;height:36px}.feature-back-copy small{font-size:8px}.feature-back-copy strong{font-size:13px}.feature-back-spark{right:7px;top:3px}.feature-page-heading h1{font-size:clamp(38px,10vw,58px);letter-spacing:-1px}.feature-page-lead{font-size:15px}.feature-page-index{left:22px;bottom:17px;font-size:52px}.feature-page-content{padding:60px 22px 70px}.feature-explanation h2{font-size:34px}.feature-explanation p{font-size:14px}.feature-video-card{padding:11px}.feature-video-caption small{font-size:11px}.feature-page-next{padding:18px 22px}.feature-item-open:after{display:none}}
@media(max-width:380px){.feature-page-header .logo{flex-basis:104px;width:104px}.feature-page-header .main-nav{gap:12px}.feature-page-header .nav-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.feature-page-body *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the shared return control clear of longer solution headings. */
@media(min-width:901px){.feature-page-heading{width:calc(100% - 300px)}.feature-page-heading h1{font-size:clamp(38px,4.6vw,68px)}}
@media(min-width:651px) and (max-width:900px){.feature-page-hero{padding-top:140px;padding-bottom:100px}.feature-back{top:24px;bottom:auto}.feature-page-heading h1{font-size:48px}}
.feature-page-kicker{font-size:14px;letter-spacing:0}
.feature-page-next span{font-family:inherit;font-size:14px;letter-spacing:0}
.feature-page-next p{font-size:17px;line-height:1.7}
@media(max-width:650px){.feature-page-hero{padding-top:110px}.feature-page-heading h1{font-size:36px;line-height:1.5}.feature-page-lead{font-size:17px}.feature-explanation p{font-size:16px;line-height:2}.feature-benefit-list span{font-size:15px;line-height:1.8}.feature-benefit-list b{flex-shrink:0}.feature-page-content{padding-top:36px}.feature-page-heading{padding-bottom:28px}}

/* Center the raised return control and feature number within the left column. */
@media(min-width:901px){
 .feature-back{top:calc(50% - 80px);bottom:auto;left:clamp(24px,8vw,130px);width:230px;justify-content:center}
 .feature-page-index{top:calc(50% + 10px);bottom:auto;left:clamp(24px,8vw,130px);width:230px;text-align:center}
}
@media(min-width:651px) and (max-width:900px){.feature-page-index{bottom:43px}}
@media(max-width:650px){.feature-page-index{bottom:32px}.feature-back{top:15px;justify-content:center}}

/* Reviewed copy uses the same full titles in the list and detail banner. */
.feature-page-heading h1{overflow-wrap:anywhere;line-height:1.5;letter-spacing:-.5px}
.feature-page-hero{min-height:430px}
.feature-explanation h2{overflow-wrap:anywhere}
.feature-video-card-top{justify-content:flex-end}
@media(min-width:901px){.feature-page-heading h1{font-size:clamp(34px,3.5vw,54px)}.feature-page-hero{padding-top:52px;padding-bottom:48px}}
@media(min-width:651px) and (max-width:900px){.feature-page-heading h1{font-size:40px}}
@media(max-width:650px){.feature-page-heading h1{font-size:clamp(29px,7.8vw,36px)}.feature-page-hero{padding-bottom:82px}.feature-page-heading{padding-bottom:20px}.feature-page-kicker{line-height:1.7}.feature-page-lead{font-size:17px;line-height:1.9}}
@media(min-width:651px) and (max-width:900px){.feature-page-hero{padding-bottom:150px}.feature-page-index{bottom:32px}}