/* Restrained motion and clearer early-access benefits. */
/* Opening copy follows the final scene's label, headline and short story. */
.cap.xl{top:calc(env(safe-area-inset-top,0px) + 10vh);width:min(92vw,1000px);z-index:3}
.hero-kicker{display:inline-block;padding:9px 16px;border:1px solid #2144ff18;border-radius:30px;background:#edf2ff;color:#2144ff;font:700 11px/1.4 var(--fb);letter-spacing:.025em}
.cap.xl h2,#cap2 h2{margin:18px 0 16px;font:800 clamp(48px,7.8vw,116px)/1.02 var(--fh);letter-spacing:-.035em;color:#111827;text-wrap:balance}
.cap.xl h2 em{color:#2144ff}
.cap.xl p{max-width:460px;margin:0 auto;font:500 clamp(14px,1.4vw,18px)/1.65 var(--fb);color:#657189;text-wrap:pretty}
.cap.xl p b{font-weight:700;color:#263650}
@media(max-width:700px){
 .cap.xl{top:calc(env(safe-area-inset-top,0px) + 12vh);width:calc(100% - 36px)}
 .cap.xl h2,#cap2 h2{font-size:clamp(39px,10vw,65px);margin:15px 0 13px}
 .cap.xl p{max-width:340px;font-size:13px;line-height:1.65}
 .hero-kicker{font-size:9px;padding:7px 12px}
}
@media(max-height:600px) and (min-width:701px){
 .cap.xl{top:9vh}
 .cap.xl h2,#cap2 h2{font-size:58px;margin:12px 0}
 .cap.xl p{font-size:14px}
}
.faq-list summary{transition:color .25s ease}
.faq-list summary::after{transition:transform .4s cubic-bezier(.22,1,.36,1),background .25s,border-color .25s}
.faq-list details[data-expanded=true] summary::after{transform:rotate(180deg)}
.faq-list details[data-expanded=false] summary::after{content:"+";transform:rotate(0)}
.faq-heading>.faq-intro{max-width:320px;font:500 14px/1.8 var(--fb);color:#68758c}
.faq-thinking{display:block;width:min(100%,310px);height:290px;margin-top:24px}
.faq-thinking img{display:block;width:100%;height:100%;object-fit:contain}
.access-art img{mix-blend-mode:normal;filter:drop-shadow(0 14px 15px #142b6020)}
.access-meta{row-gap:12px}
.access-perk{font-size:11px;padding:9px 14px;background:#2144ff;color:#fff;border-color:#4164ff;box-shadow:0 5px 14px #2144ff24,inset 0 1px 0 #ffffff30;letter-spacing:.015em}
.access-perk svg{width:16px;height:16px}
.access-perk--legend{background:#122c86;color:#fff;border-color:#3c56aa}
@media(min-width:701px){
 .access-meta{flex-direction:column;gap:12px}
 .access-art img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
 .access-card:hover .access-art img{transform:translateY(-5px)}
}
@media(max-width:800px){.faq-thinking{display:none}}
@media(max-width:700px){
 .access-perk{font-size:10px;padding:8px 11px}
 .access-meta .access-label{font-size:8px}
}
@media(prefers-color-scheme:dark){
 /* Mask the grid at section joins so it never reads as a bright divider. */
 :is(.services,.how-it-works,.trust-section,.early-access,.faq-section){
  border-block:0;
  background-color:#17191d;
  background-image:linear-gradient(to bottom,#17191d 2px,transparent 2px,transparent calc(100% - 2px),#17191d calc(100% - 2px)),linear-gradient(rgba(177,190,218,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(177,190,218,.045) 1px,transparent 1px);
  background-size:100% 100%,var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size);
  box-shadow:0 1px 0 #17191d;
 }
 .faq-heading>.faq-intro{color:#b5bfce}
 .early-access .access-perk{background:#2449dd;border-color:#708aff;color:#fff;box-shadow:0 4px 16px #0003,inset 0 1px 0 #ffffff20}
 .early-access .access-perk--legend{background:#364a85;border-color:#7c90c7;color:#fff}
 .access-art img{filter:drop-shadow(0 14px 15px #0004)}
}
@media(prefers-reduced-motion:reduce){
 .faq-list summary,.faq-list summary::after,.access-art img{transition:none}
 .access-card:hover .access-art img{transform:none}
}