.features-page{background:#08090b}
.features-intro{display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:clamp(35px,5vw,95px);padding-top:100px;padding-bottom:100px;position:relative}
.features-intro:before{content:"";position:absolute;z-index:-1;inset:-90px -5% 0;background:radial-gradient(ellipse at 80% 50%,#1552c72b,transparent 58%);pointer-events:none}
.features-kicker{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;letter-spacing:1.9px;font-weight:700;color:#93b8ff}
.features-kicker i{width:6px;height:6px;border-radius:50%;background:#ff4765;box-shadow:0 0 0 4px #ff476512}
.features-intro h1{font-size:clamp(36px,3.5vw,65px);letter-spacing:-.055em;line-height:1.08;margin:22px 0 24px;font-weight:760}
.features-intro h1 span{color:#77a7ff}
.features-intro-copy>p{font-size:15px;line-height:1.8;color:#aab8ce;max-width:460px}
.features-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:30px}
.features-actions .button{font-size:12px;padding:15px 21px;gap:24px;white-space:nowrap}
.features-secondary{font-size:12px;color:#d3dff2;display:flex;gap:12px;align-items:center}
.features-secondary span{color:#71a2ff}
.features-intro-notes{display:flex;gap:15px;flex-wrap:wrap;margin-top:27px;font-size:10px;color:#7185a5}
.features-intro-notes span+span:before{content:"·";margin-right:15px;color:#3d6bb5}
.features-hero-shot{padding:0;display:block;position:relative;overflow:hidden;border-radius:15px;background:#0e131c;border:1px solid #759deb42;box-shadow:0 35px 90px #0008,0 0 70px #205edb1c;transform:rotate(1.5deg);cursor:zoom-in;text-align:left;color:#fff;transition:transform .4s,border-color .3s;min-width:0}
.features-hero-shot:hover{transform:rotate(0);border-color:#719ceea6}
.feature-window-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid #ffffff0b;background:#111722;color:#7386a4}
.feature-window-bar i{height:5px;width:5px;border-radius:50%;background:#38465d}.feature-window-bar i:first-child{background:#f14f6e}.feature-window-bar i:nth-child(2){background:#d8b856}.feature-window-bar i:nth-child(3){background:#4c9a86}
.feature-window-bar b{font-size:8px;font-weight:500;margin-left:8px}.feature-window-bar em{font-style:normal;margin-left:auto;font-size:6px;letter-spacing:1.1px;color:#748ba9}
.features-hero-shot>img{display:block;width:100%;height:auto}
.hero-shot-caption{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:9px;color:#8da4c6;background:#0e131b}.hero-shot-caption i{font-size:20px;font-style:normal;color:#99bdff}
.features-tools{padding-top:35px;padding-bottom:100px;scroll-margin-top:35px}
.features-section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.features-section-top h2{font-size:clamp(32px,3.2vw,46px);line-height:1.1;letter-spacing:-.045em;margin-top:15px}.features-section-top>p{font-size:13px;line-height:1.8;color:#8194b1;max-width:380px}
.features-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 30px}
.feature-card{min-width:0;scroll-margin-top:25px}
.feature-visual{display:block;width:100%;padding:0;position:relative;aspect-ratio:1.6;border:1px solid #ffffff13;border-radius:19px;overflow:hidden;cursor:zoom-in;background:#121d35;isolation:isolate}
.visual-blue{background:radial-gradient(ellipse at 15% 0%,#3c77e9a3,transparent 65%),linear-gradient(135deg,#162c56,#0d1526)}
.visual-red{background:radial-gradient(ellipse at 12% 0%,#c44865a8,transparent 68%),linear-gradient(135deg,#442033,#1b1429)}
.visual-ice{background:radial-gradient(ellipse at 10% 0%,#5581b1aa,transparent 68%),linear-gradient(135deg,#1b3048,#111a2c)}
.feature-visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff05;border-radius:inherit;background:linear-gradient(0deg,#080d1826,transparent 32%)}
.feature-visual>img{position:absolute;display:block;width:90%;max-width:none;height:auto;left:5%;top:12%;border:1px solid #8b9db526;border-radius:10px;box-shadow:0 15px 40px #0008;transition:translate .45s,filter .45s}
.feature-visual.focus-right>img{width:132%;left:auto;right:0;top:12%}
.feature-visual.focus-left>img{width:132%;left:-1%;top:12%}
.feature-visual:hover>img{translate:0 -6px;filter:brightness(1.05)}
.feature-zoom{display:grid;place-items:center;position:absolute;right:13px;bottom:13px;z-index:2;width:29px;height:29px;border:1px solid #ffffff30;border-radius:50%;background:#0a1222b8;backdrop-filter:blur(8px);font:400 20px/1 system-ui;color:#d8e6ff;opacity:.75;transition:opacity .2s}
.feature-visual:hover .feature-zoom{opacity:1}
.feature-card-copy{padding:22px 4px 0}.feature-category{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;font-weight:600;color:#84aeef;letter-spacing:.2px;margin-bottom:11px}.feature-category>span{border:1px solid #42618c52;padding:3px 7px;border-radius:5px;color:#8b9fbd;font-size:8px;letter-spacing:0;font-weight:500}
.feature-card h2{font-size:clamp(22px,2vw,30px);line-height:1.15;letter-spacing:-.035em;margin:0 0 13px;color:#f4f7ff}
.feature-card p{color:#93a4bf;font-size:13px;line-height:1.85;margin:0 0 17px;max-width:560px}
.feature-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;font-weight:600;color:#94baff}.feature-link:hover{color:#d4e4ff}.feature-link span{transition:translate .2s}.feature-link:hover span{translate:3px -2px}
.features-practice{border-top:1px solid #ffffff10;padding-top:65px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.features-practice h2{font-size:clamp(32px,3vw,46px);line-height:1.1;letter-spacing:-.045em;margin:17px 0 23px}.features-practice>div>p{font-size:13px;line-height:1.85;color:#8d9fbc;max-width:380px;margin-bottom:22px}
.features-answers details{border-bottom:1px solid #283144;padding:21px 0}.features-answers details:first-child{padding-top:0}.features-answers summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:650;line-height:1.5;list-style:none;color:#e2ecfc}.features-answers summary::-webkit-details-marker{display:none}.features-answers summary:after{content:"+";color:#78a8ff;font-size:20px}.features-answers details[open] summary:after{content:"−"}.features-answers details p{font-size:12px;line-height:1.85;color:#8fa3c2;margin-top:18px}.features-answers details a{display:inline-block;margin-top:12px;font-size:11px;color:#8db5ff}
.features-end{padding:40px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #35527c;border-radius:22px;background:radial-gradient(ellipse at 75% 15%,#255dc82e,transparent 70%),#101521;margin-bottom:35px}.features-end h2{font-size:clamp(28px,2.7vw,39px);line-height:1.12;letter-spacing:-.04em}.features-end p{font-size:12px;color:#8eabc9;margin-top:13px}.features-end .button{gap:28px;white-space:nowrap;font-size:12px}
.feature-lightbox{border:1px solid #3a5276;border-radius:15px;background:#0b1018;color:#fff;width:min(1280px,94vw);max-width:94vw;max-height:94svh;padding:0;box-shadow:0 35px 120px #000b}
.feature-lightbox::backdrop{background:#03060be0;backdrop-filter:blur(10px)}.feature-lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:20px}.feature-lightbox-bar h2{font-size:15px;font-weight:600;letter-spacing:0}.feature-lightbox-bar button{width:31px;height:31px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#fff;font-size:23px;cursor:pointer}.feature-lightbox>img{display:block;max-height:76svh;width:100%;object-fit:contain;background:#08090b}.feature-lightbox>p{font-size:10px;color:#7f94b4;padding:12px 20px;margin:0}
.features-page button:focus-visible,.features-page summary:focus-visible{outline:2px solid #a8c9ff;outline-offset:5px}
@media(min-width:1440px){.features-intro{padding-top:115px;padding-bottom:105px}.features-gallery{gap:75px 40px}.feature-visual{border-radius:24px}.feature-card-copy{padding-top:25px}}
@media(max-width:1000px){.features-intro{gap:32px;padding-top:65px;padding-bottom:70px;grid-template-columns:1fr 1fr}.features-intro h1{font-size:39px}.features-intro-copy>p{font-size:13px}.features-intro-notes{gap:9px;font-size:8px}.features-intro-notes span+span:before{margin-right:9px}.features-actions{gap:15px}.features-secondary{font-size:11px}.features-actions .button{font-size:11px;padding:14px 18px}.features-practice{gap:40px}}
@media(max-width:760px){.features-intro{grid-template-columns:1fr;padding-top:45px;gap:38px;padding-bottom:65px}.features-intro h1{font-size:clamp(38px,7vw,54px);max-width:570px}.features-intro-copy>p{font-size:14px;max-width:480px}.features-hero-shot{width:min(100%,650px);justify-self:center}.features-intro-notes{font-size:9px}.features-section-top{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.features-section-top h2{font-size:37px}.features-gallery{grid-template-columns:1fr;gap:43px}.feature-visual{aspect-ratio:1.55}.feature-card h2{font-size:26px}.feature-card p{font-size:13px}.features-tools{padding-top:10px;padding-bottom:55px}.features-practice{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.features-practice>div>p{max-width:500px}.features-end{padding:30px 25px;align-items:flex-start;flex-direction:column;gap:24px}.features-end h2{font-size:31px}.feature-lightbox-bar{padding:12px}.feature-lightbox-bar h2{font-size:13px}.features-kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){.features-hero-shot,.feature-visual>img,.feature-link span{transition:none}.features-hero-shot{transform:none}.feature-visual:hover>img{translate:none}}