.feature-main{padding:160px 24px 90px;max-width:1200px;margin:auto}.feature-hero{text-align:center;max-width:850px;margin:0 auto 48px}.feature-hero h1{font-size:clamp(40px,6vw,74px);line-height:1.07;letter-spacing:-.05em;margin:18px 0 24px}.feature-hero h1 span{color:#5748e8}.feature-hero p{color:#677286;font-size:18px;line-height:1.7;max-width:660px;margin:0 auto 28px}.feature-shot{padding:20px;border:1px solid #e5e3f4;border-radius:28px;background:#f6f5fb;box-shadow:0 24px 60px -35px #40358c55}.feature-shot img{width:100%;height:auto;border-radius:16px}.feature-section{margin-top:80px}.feature-section h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.035em;margin-bottom:18px}.feature-section>p{color:#677286;max-width:680px;margin-bottom:28px}.feature-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.feature-benefits article{border:1px solid #e6e7ef;border-radius:20px;padding:28px;background:#fafaff}.feature-benefits h3{font-size:23px;margin-bottom:12px}.feature-benefits p{font-size:15px;color:#677286}.feature-related{display:block;text-align:center;color:#5748e8;margin-top:36px}.v2-close .trial-notice{font-size:15px;line-height:1.5;margin:20px auto 0;text-align:center;color:#c6c1ed}.feature-main .eyebrow{color:#5748e8}.nav-toggle{display:none!important}@media(max-width:800px){.feature-benefits{grid-template-columns:1fr}.feature-main{padding:125px 18px 60px}.feature-shot{padding:8px;border-radius:18px}.feature-section{margin-top:50px}.nav-links{display:flex!important}.nav-links .nd{display:none}.nav-right{margin-left:auto}.nav{gap:6px}.nav-links a{padding:6px}.feature-hero p{font-size:16px}}
.feature-main img{object-fit:contain}
@media(max-width:800px){.nav-links .nd:first-child{display:block}.nav-right .btn-line{display:none}.nd-panel.nd-mega{left:0;right:0}.nd-grid{grid-template-columns:1fr}.nav .logo{font-size:14px}.nav-links{margin-left:auto}.nav-right .btn{padding:8px 10px;font-size:12px}}

/* Watchlist page: screenshot collage */
.wl-collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wl-tile{margin:0;display:flex;flex-direction:column;padding:12px;border:1px solid #e5e3f4;border-radius:22px;background:#fafaff}
.wl-frame{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:10px;border-radius:14px;background:#f4f5f9;overflow:hidden}
.wl-frame img{display:block;max-width:100%;height:auto;border-radius:10px}
.wl-wide{grid-column:span 4}
.wl-half{grid-column:span 2}
.wl-sm .wl-frame{height:300px}
.wl-sm .wl-frame img,.wl-tall .wl-frame img{width:auto;max-height:100%}
.wl-tall .wl-frame{flex:none;height:420px}
.wl-tile figcaption{padding:12px 6px 4px;font-size:14px;line-height:1.5;color:#677286}
.wl-tile figcaption b{display:block;margin-bottom:2px;font-size:15.5px;color:#1d2639}
@media(max-width:900px){.wl-sm{grid-column:span 2}.wl-half{grid-column:span 4}}
@media(max-width:560px){.wl-collage{gap:12px}.wl-sm{grid-column:span 4}.wl-sm .wl-frame{height:240px}.wl-tall .wl-frame{height:340px}.wl-tile{padding:8px;border-radius:18px}}

/* feature pages: FAQ under a feature-section heading (a little smaller than the homepage FAQ) */
.page-faq .faq{margin-top:28px}
.page-faq .faq details{margin-bottom:10px;border-radius:14px}
.page-faq .faq summary{padding:18px 54px 18px 22px;font-size:16px}
.page-faq .faq summary::after{right:24px}
.page-faq .faq details p{padding:0 54px 18px 22px;font-size:15px;line-height:1.6}
@media(max-width:560px){.page-faq .faq summary{padding:16px 46px 16px 18px;font-size:15.5px}.page-faq .faq summary::after{right:20px}.page-faq .faq details p{padding:0 46px 16px 18px;font-size:14px}}
