.feature-intro{padding-top:72px;padding-bottom:50px}.feature-intro h1{font-size:clamp(2.8rem,5.5vw,4.5rem);line-height:1.12;max-width:850px}.intro-copy{font-size:1.125rem;line-height:1.8;color:var(--muted);max-width:630px;margin-top:25px}.page-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.page-jumps a{font-size:.875rem;border:1px solid #383043;border-radius:100px;padding:10px 18px;color:#d7cce5}.page-jumps a:first-child{border-color:#286472;color:#71e5ed}.page-jumps a:hover{background:#16111e}.page-jumps span{margin-left:12px}.header-inner nav a[aria-current]{color:var(--cyan)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.section-top h2,.faq-heading h2{font-size:clamp(2rem,3.7vw,3rem);line-height:1.15;margin-top:15px}.section-top>p{font-size:.875rem;color:var(--muted);max-width:270px}.screens-section{padding-top:40px;padding-bottom:70px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screen-card{min-width:0;border:1px solid #302637;border-radius:20px;background:linear-gradient(155deg,#100c16,#06090e);overflow:hidden}.screen-label{display:flex;justify-content:space-between;padding:20px 22px;font-size:.75rem;letter-spacing:.1em;color:#b2a3c7}.accent-dot{color:var(--cyan);font-size:.65rem}.screen-card:nth-child(2) .accent-dot{color:var(--pink)}.screen-card:nth-child(3) .accent-dot{color:var(--violet)}.screen-image{display:block;max-width:260px;margin:0 auto;border:1px solid #333040;border-radius:22px;overflow:hidden;background:#050507}.screen-image img{width:100%;height:auto}.screen-image:hover{border-color:var(--cyan)}.screen-copy{padding:26px 24px 30px}.screen-copy h3{font-size:1.75rem;line-height:1.16}.screen-copy p{color:var(--muted);font-size:1rem;line-height:1.75;margin-top:17px}.screen-copy strong{color:#e8e0f3;font-weight:550}.screen-copy p.how-label{font-size:.75rem;letter-spacing:.13em;color:var(--cyan);margin-top:24px}.screen-copy .how-label+p{margin-top:6px}.screen-footnote{font-size:.8125rem;color:#92889f;margin-top:20px}.feature-tools{padding-top:65px;padding-bottom:75px;border-top:1px solid var(--line)}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.tools-grid article{border-top:1px solid #634b78;padding-top:25px}.tools-grid .feature-index{margin-bottom:16px}.tools-grid h3{font-size:1.5rem;line-height:1.25}.tools-grid p{font-size:1rem;line-height:1.8;color:var(--muted);margin-top:16px}.tools-grid a{display:inline-block;color:#a7dfec;margin-top:20px;font-size:.875rem}.tools-grid a span{margin-left:7px}.how-section{padding-top:65px;padding-bottom:75px;border-top:1px solid var(--line)}.instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 50px}.instruction{display:flex;gap:20px;padding-top:26px;border-top:1px solid var(--line);min-width:0}.instruction h3{font-size:1.5rem;line-height:1.3}.instruction ol{padding-left:20px;margin:16px 0 0;color:var(--muted);font-size:1rem;line-height:1.8}.instruction li{padding-left:5px;margin-bottom:8px}.instruction strong{color:#ddd5e8;font-weight:550}.example-line{padding:13px 16px;border-left:2px solid var(--violet);background:#0d0b13;color:#ccb9e2;font-size:.875rem;line-height:1.7;margin-top:18px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:70px;padding-bottom:80px;border-top:1px solid var(--line)}.faq-heading>p:last-child{color:var(--muted);margin-top:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:22px 34px 22px 0;font-size:1rem;line-height:1.5;font-weight:550;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;top:20px;font-size:1.3rem;color:var(--cyan)}.faq-list details[open] summary:after{content:'−'}.faq-list summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.faq-list details p{font-size:1rem;line-height:1.8;color:var(--muted);padding:0 25px 23px 0}.guide-close{border-top:1px solid var(--line);text-align:center;padding-top:60px;padding-bottom:65px;background:radial-gradient(ellipse at 50% 100%,#2e173340,transparent 67%)}.guide-close h2{font-size:clamp(2.4rem,4vw,3.5rem);line-height:1.12}
@media(max-width:1000px){.screen-grid{gap:16px}.screen-image{margin:0 16px}.screen-copy{padding:23px 18px}.screen-copy h3{font-size:1.5rem}.screen-label{padding:18px 16px;font-size:.75rem;letter-spacing:.04em}.faq-section{gap:35px}.header-inner nav{gap:22px}}
@media(max-width:740px){.feature-intro{padding-top:43px;padding-bottom:30px}.intro-copy{font-size:1rem}.section-top{display:block}.section-top>p{margin-top:18px;max-width:none}.screens-section{padding-top:28px;padding-bottom:45px}.screen-grid{grid-template-columns:1fr;gap:25px}.screen-image{max-width:270px;margin:auto}.screen-label{padding:20px 24px}.screen-copy{padding:28px}.screen-copy h3{font-size:1.9rem}.tools-grid,.instructions-grid,.faq-section{grid-template-columns:1fr}.tools-grid{gap:32px}.feature-tools,.how-section,.faq-section{padding-top:46px;padding-bottom:48px}.instructions-grid{gap:28px}.instruction{gap:14px}.faq-section{gap:28px}.screen-footnote{line-height:1.7}.guide-close{padding-top:45px;padding-bottom:48px}.page-jumps{gap:9px}.page-jumps a{font-size:.875rem;padding:9px 13px}}

/* Larger screens and the approved black/neon palette. */
.screen-grid{grid-template-columns:1fr;gap:40px}.screen-card{display:grid;grid-template-columns:minmax(230px,.8fr) 1fr;column-gap:40px;background:#050507;border-color:#30515b;padding:28px 35px;align-items:center}.screen-card:nth-child(2){border-color:#65436c}.screen-card:nth-child(3){border-color:#653254}.screen-label{grid-column:1/-1;padding:0 0 24px}.screen-image{width:100%;max-width:310px;margin:auto}.screen-copy{padding:24px 0}.screen-copy h3{font-size:clamp(2rem,3vw,2.7rem)}.screen-copy p{max-width:460px}.section-top a{color:var(--cyan)}
@media(max-width:740px){.screen-card{grid-template-columns:1fr;padding:24px;gap:0}.screen-image{max-width:310px}.screen-copy{padding:28px 0 4px}}

/* Compact, readable real-app previews. */
.screen-grid{gap:22px}
.screen-card{grid-template-columns:150px 1fr;column-gap:32px;padding:24px 28px}
.screen-label{padding-bottom:16px}
.screen-image{max-width:140px;border-radius:15px}
.screen-copy{padding:8px 0}
.screen-copy h3{font-size:1.7rem}
.screen-copy p{margin-top:12px}
@media(max-width:740px){.screen-card{grid-template-columns:94px minmax(0,1fr);gap:0 18px;padding:20px}.screen-image{max-width:94px;align-self:start}.screen-copy{padding:0}.screen-copy h3{font-size:1.3rem}.screen-copy p{font-size:.9375rem;line-height:1.65}.screen-label{grid-column:1/-1}.screen-copy p.how-label{margin-top:16px}}