/* Reading begins after the last scene, on the same quiet ground. */
.discovery-nav{display:flex;gap:26px;margin-left:auto}
.discovery-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#d0d7d4;font-size:13px;white-space:nowrap;text-underline-offset:6px;transition:color 140ms ease}
.discovery-nav a:hover{color:#fff;text-decoration:underline}
.discovery-nav a:active{color:#aabbb0}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:26px}
.hero-actions .cta-wrap{margin-top:0}
.hero-example{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 20px;border:1px solid #ffffff50;border-radius:5px;color:#e1e8e0;font:500 14px/1.4 Manrope,sans-serif;white-space:nowrap;transition:border-color 140ms ease,background-color 140ms ease}
.hero-example:hover{border-color:#dce5da;background:#ffffff08}.hero-example:active{background:#ffffff12}
@media(min-width:901px){.header .account{border-left:1px solid #ffffff24;padding-left:24px;gap:22px}}
.faq-intro .example-project-link{gap:10px;min-height:48px;padding:0 17px;border:1px solid #ffffff48;border-radius:5px;text-decoration:none}
.faq-intro .example-project-link:hover{border-color:#d9e3da;background:#ffffff08}
.landing-faq{position:relative;background:#030405;padding:100px 7% 80px;scroll-margin-top:32px}
.faq-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:clamp(40px,7vw,120px);max-width:1240px;margin:0 auto}
.faq-intro h2{font:400 clamp(32px,3.5vw,48px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0 0 22px;text-wrap:balance}
.faq-intro p{font-size:15px;line-height:1.8;color:#adb8b1;max-width:280px;margin:0 0 26px}
.faq-intro a,.faq-answer a{color:#e3e9e4;text-decoration:underline;text-underline-offset:4px}
.faq-intro>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.faq-list{border-top:1px solid #ffffff26;min-width:0;overflow-anchor:none}
.faq-item{border-bottom:1px solid #ffffff26}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:23px 0;cursor:pointer;list-style:none;font:400 17px/1.5 Manrope,sans-serif;color:#edf0eb;-webkit-tap-highlight-color:transparent}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';flex:none;font:300 24px/1 'Space Grotesk',sans-serif;color:#aab6ae;width:24px;text-align:center}
.faq-item[open] summary::after{content:'−'}
.faq-item summary:hover{color:#fff}
.faq-item summary:focus-visible{outline:2px solid #c2d3c6;outline-offset:5px;border-radius:2px}
.faq-answer{padding:0 36px 26px 0;color:#adb8b1;font-size:15px;line-height:1.85;max-width:70ch}
.faq-answer p{margin:0 0 12px}.faq-answer p:last-child{margin-bottom:0}
.landing-footer{background:#030405;padding:0 7% 44px;color:#aab5ae;font-size:13px}
.landing-footer-inner{max-width:1240px;margin:auto;border-top:1px solid #ffffff1c;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:16px 48px;flex-wrap:wrap}
.footer-copyright{font:400 13px/1.7 Manrope,sans-serif;color:#aab5ae}
.landing-footer .footer-email{display:inline-flex;align-items:center;gap:18px;min-height:44px;color:#e0e7df;text-underline-offset:4px}
.footer-email span{font-size:15px;color:#aab5ae}
.landing-footer .footer-email:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.socials a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.socials a:hover{text-decoration:underline;text-underline-offset:6px}
@media(max-width:900px){
 .header{display:grid;grid-template-columns:1fr auto;gap:14px 12px}.header .brand{grid-column:1;grid-row:1}.account{grid-column:2;grid-row:1}
 .discovery-nav{grid-row:2;grid-column:1/-1;justify-self:start;margin-left:0}
}
@media(max-width:680px){
 .account{gap:14px}.discovery-nav a{font-size:13px}
 .hero-actions{gap:10px}.hero-example{font-size:13px;padding:12px 16px}
 .landing-faq{padding:72px 7% 56px;scroll-margin-top:20px}
 .faq-layout{grid-template-columns:1fr;gap:30px}.faq-intro p{max-width:36ch;margin-bottom:10px}
 .faq-item summary{min-height:76px;font-size:15px;gap:18px;padding:20px 0}
 .faq-answer{font-size:14px;padding-right:12px}.landing-footer-inner{align-items:flex-start}
}
@media(max-width:360px){.account{gap:9px}}
@media(max-width:360px){.hero-actions{gap:8px}.hero-actions .hero-cta{font-size:13px;padding:12px 10px;gap:8px}.hero-example{font-size:12px;padding:12px 10px}}
@media(prefers-reduced-motion:reduce){.discovery-nav a,.hero-example{transition:none}}