.faq{
  padding:calc(100 * var(--layout-unit)) var(--grid-pad);
  background:#090D14;color:#F0F4FF;font-family:"Geist",Arial,sans-serif;
}
.faq-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.25fr);gap:clamp(40px,5vw,90px);align-items:start}
.faq-intro h2{max-width:none;margin:0 0 28px}
.faq-intro p{font-size:clamp(14px,calc(16 * var(--layout-unit)),18px);color:#9BAAC0}
.faq-intro a,.faq-answer a{color:#F0F4FF;text-decoration-thickness:1px;text-underline-offset:4px}
.faq-intro a:hover,.faq-answer a:hover{color:#9CCAFF}
.faq-list{border-bottom:1px solid #BDDAFF26}
.faq-list details{border-top:1px solid #BDDAFF26;scroll-margin-top:100px}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;list-style:none;font-size:clamp(16px,calc(19 * var(--layout-unit)),22px);line-height:1.4;font-weight:400}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";width:7px;height:7px;flex:none;border-right:1.5px solid #A0AEC2;border-bottom:1.5px solid #A0AEC2;transform:rotate(45deg);margin-right:5px;transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(225deg)}
.faq-list summary:hover{color:#9CCAFF}
.faq-answer{padding:0 28px 28px 0;color:#AEBCCE;font-size:clamp(15px,calc(17 * var(--layout-unit)),19px);line-height:1.7}
.faq :focus-visible,.site-footer :focus-visible{outline:2px solid #A9CFFF;outline-offset:6px;border-radius:2px}

.site-footer{
  padding:calc(92 * var(--layout-unit)) var(--grid-pad) calc(32 * var(--layout-unit));
  color:#E6F0FF;font-family:"Geist",Arial,sans-serif;
  background:radial-gradient(ellipse at 50% -40%,#2588FF88,transparent 65%),linear-gradient(180deg,#0754C8 0%,#063484 23%,#051C46 49%,#030C22 77%,#030918 100%);
}
.footer-links{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.15fr;gap:36px}
.footer-home{display:inline-block;line-height:0}
.footer-home img{filter:invert(1);display:block;max-width:100%;height:auto}
.footer-intro p{margin-top:14px;color:#B3CEEF;font-size:17px;line-height:1.45}
.footer-links nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.footer-links h3{margin:10px 0 10px;color:#AFCBF1;font:400 15px/1.4 "Geist",Arial,sans-serif;letter-spacing:0;font-stretch:normal}
.footer-links nav a,.footer-social{font-size:16px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.footer-label{padding-bottom:4px;background:linear-gradient(#FFF,#FFF) left bottom/0% 1px no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size .28s ease-out}
.footer-links nav :is(a,.footer-social):hover,.footer-links nav a:focus-visible{color:white}
.footer-links nav :is(a,.footer-social):hover .footer-label,.footer-links nav a:focus-visible .footer-label{background-size:100% 1px}
.footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;margin-top:70px;padding-top:24px;border-top:1px solid #C2DCFF26;color:#A8BDDA;font-size:13px}
.footer-wordmark{position:relative;width:75%;aspect-ratio:2400/1187;margin:34px auto 0;filter:drop-shadow(0 -1px 0 #A5C9FF70) drop-shadow(0 3px 5px #0006);pointer-events:none}
.footer-logo-letters{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,21% 44%,21% 55%,31% 55%,31% 44%,21% 44%)}
@media(max-width:860px){
  .faq-layout{grid-template-columns:1fr;gap:38px}
  .faq-intro h2{margin-bottom:18px}
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}
}
@media(max-width:760px){
  .faq{padding-block:58px}
  .faq-list summary{padding:22px 0;gap:20px}
  .faq-answer{padding:0 12px 24px 0}
  .site-footer{padding-block:56px 24px}
  .footer-meta{margin-top:44px;gap:12px 24px}
  .footer-links nav a,.footer-social{font-size:14px}
  .footer-links h3{font-size:14px}
  .footer-intro p{font-size:15px}
  .footer-wordmark{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.faq-list summary::after,.footer-label{transition:none}}

.footer-meta a{text-decoration:none}.footer-meta a:hover .footer-label,.footer-meta a:focus-visible .footer-label{background-size:100% 1px}

.footer-wordmark svg{position:absolute;inset:0;width:100%;height:100%}
.footer-eye-hearts{display:none}
body:has(:is(.nav-cta,.hero-waitlist):is(:hover,:focus-visible)) .footer-eye-bars{display:none}
body:has(:is(.nav-cta,.hero-waitlist):is(:hover,:focus-visible)) .footer-eye-hearts{display:block}