/* Landing variant P — Fraunces serif · DEEP COBALT / ROYAL BLUE. Richer blue ground,
   parallax, big headline, photos as a deep-blue duotone. */
body.lpp { background:#0b1840; color:#cdd8f2; font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }

.lpp-parallax { position:relative; }
/* Photo on ::before (true grayscale), neutral dark overlay on ::after, content above both. */
.lpp-parallax::before { content:""; position:absolute; inset:0; z-index:0; background-image:var(--bg); background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed; filter:grayscale(1) contrast(1.06); }
.lpp-parallax::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(8,9,12,0.56), rgba(8,9,12,0.82)); }
.lpp-parallax > * { position:relative; z-index:2; }
@media (max-width:768px){ .lpp-parallax::before { background-attachment:scroll; } }

.lpp-hero { min-height:100vh; display:flex; align-items:center; }
.lpp-hero-inner { max-width:1080px; margin:0 auto; padding:120px 30px 84px; }
.lpp-eyebrow { font-size:.76rem; letter-spacing:.26em; text-transform:uppercase; color:#8ba8ff; margin-bottom:22px; }
.lpp-hero h1 { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(2.7rem,7.5vw,5.4rem); line-height:1.02; margin:0 0 24px; color:#eef2ff; }
.lpp-hero h1 em { font-style:italic; font-weight:400; color:#9db4ff; }
.lpp-lede { font-size:1.24rem; line-height:1.55; color:#a8b6e0; max-width:52ch; margin-bottom:38px; }
.lpp-trust { font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; color:#6f80b8; margin-top:28px; }

.lpp-cta-row { display:flex; flex-wrap:wrap; gap:14px; }
.lpp-cta { display:inline-flex; align-items:center; padding:1rem 2.2rem; border-radius:6px; font-weight:600; font-size:1rem; text-decoration:none; letter-spacing:.01em; color:#0b1840; background:#5b8def; border:2px solid #5b8def; transition:background .18s ease,color .18s ease; }
.lpp-cta:hover { background:transparent; color:#9db4ff; }
.lpp-cta-ghost { color:#cdd8f2; background:transparent; border-color:rgba(91,141,239,0.5); }
.lpp-cta-ghost:hover { border-color:#5b8def; color:#9db4ff; }
.lpp-cta-onband { color:#0b1840; background:#5b8def; border-color:#5b8def; }
.lpp-cta-onband:hover { background:transparent; color:#9db4ff; }

.lpp-prose { max-width:780px; margin:0 auto; padding:108px 30px; }
.lpp-kicker { font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; color:#7e93cf; margin-bottom:18px; }
.lpp-prose h2 { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(1.9rem,4.4vw,2.9rem); line-height:1.14; margin:0 0 24px; color:#eef2ff; }
.lpp-prose p { font-size:1.12rem; line-height:1.78; color:#a8b6e0; }

.lpp-band { min-height:62vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:90px 30px; }
.lpp-band blockquote { font-family:"Fraunces",Georgia,serif; font-style:italic; font-weight:400; font-size:clamp(1.7rem,4.4vw,2.9rem); line-height:1.3; max-width:24ch; margin:0 0 18px; color:#fff; }
.lpp-band cite { font-style:normal; font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; color:#9db4ff; }
.lpp-band-text { font-family:"Fraunces",Georgia,serif; font-weight:400; font-style:italic; font-size:clamp(1.5rem,3.8vw,2.5rem); line-height:1.32; max-width:24ch; color:#fff; }
.lpp-band-final h2 { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(2.1rem,5vw,3.4rem); margin:0 0 14px; color:#fff; max-width:18ch; }
.lpp-band-final p { color:#d3ddf6; margin:0 0 32px; font-size:1.05rem; }

.lpp-steps { max-width:1080px; margin:0 auto; padding:108px 30px; }
.lpp-steps-title { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(2rem,4.4vw,3rem); text-align:center; margin:0 0 48px; color:#eef2ff; }
.lpp-steps ol { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.lpp-steps li { min-width:0; border-top:2px solid rgba(91,141,239,0.55); padding-top:22px; }
.lpp-steps span { font-family:"Fraunces",Georgia,serif; font-style:italic; font-size:1.9rem; color:#8ba8ff; display:block; line-height:1; margin-bottom:12px; }
.lpp-steps h3 { font-size:1.18rem; margin:0 0 8px; color:#eef2ff; }
.lpp-steps p { font-size:.98rem; line-height:1.62; color:#a3b0d6; }

@media (max-width:768px){
  .lpp-hero-inner { padding-top:96px; }
  .lpp-prose,.lpp-steps { padding-top:70px; padding-bottom:70px; }
  .lpp-steps ol { grid-template-columns:1fr; gap:26px; }
}

/* ── Hero gradient tagline (the kept "Just Press Start" treatment) ── */
.lpp-grad-line { margin:0 0 26px; font-family:"Fraunces",Georgia,serif; font-weight:560; font-style:normal; font-size:clamp(1.5rem,3.2vw,2.3rem); letter-spacing:0; line-height:1.1; }
.lpp-grad { background:linear-gradient(95deg,#6b93ff 8%,#a599ff 52%,#fbbf24 112%); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ── Band with a heading + paragraph (e.g. "Bringing the world together") ── */
.lpp-band-head h2 { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(1.9rem,4.6vw,3rem); line-height:1.1; margin:0 0 20px; color:#fff; max-width:20ch; }
.lpp-band-head p { font-size:1.1rem; line-height:1.72; color:#e7ecfb; max-width:60ch; margin:0; }

/* ── Features grid (What makes us different / Why voice) ── */
.lpp-features { max-width:1080px; margin:0 auto; padding:108px 30px; }
.lpp-features > h2 { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(2rem,4.4vw,3rem); line-height:1.12; text-align:center; margin:0 0 16px; color:#eef2ff; }
.lpp-features-intro { text-align:center; font-size:1.06rem; line-height:1.62; color:#a8b6e0; max-width:62ch; margin:0 auto 44px; }
.lpp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.lpp-grid.two { grid-template-columns:repeat(2,1fr); max-width:900px; margin:0 auto; }
.lpp-feature { background:rgba(91,141,239,0.06); border:1px solid rgba(91,141,239,0.2); border-radius:16px; padding:26px; }
.lpp-feature h3 { font-size:1.12rem; font-weight:600; margin:0 0 10px; color:#9db4ff; }
.lpp-feature p { font-size:0.97rem; line-height:1.62; color:#a8b6e0; margin:0; }

/* FAQ accordion (JS toggles .open; height animates smoothly via grid-rows). */
.lpp-faq { max-width:820px; margin:0 auto; padding:100px 30px; }
.lpp-faq-title { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(2rem,4.4vw,3rem); text-align:center; margin:0 0 40px; color:#eef2ff; }
.lpp-faq-item { border-bottom:1px solid rgba(91,141,239,0.22); }
.lpp-faq-q { width:100%; display:flex; justify-content:space-between; align-items:center; gap:18px; cursor:pointer; padding:22px 0; background:none; border:0; text-align:left; color:inherit; font:inherit; }
.lpp-faq-q h3 { font-size:1.12rem; font-weight:600; margin:0; color:#eef2ff; }
.lpp-faq-icon { flex:0 0 auto; font-size:1.5rem; color:#5b8def; transition:transform .3s ease; line-height:1; }
.lpp-faq-item.open .lpp-faq-icon { transform:rotate(45deg); }
.lpp-faq-a { display:grid; grid-template-rows:0fr; transition:grid-template-rows .32s ease; }
.lpp-faq-a-inner { overflow:hidden; }
.lpp-faq-item.open .lpp-faq-a { grid-template-rows:1fr; }
.lpp-faq-a p { font-size:1.02rem; line-height:1.72; color:#a8b6e0; max-width:66ch; margin:0; padding:2px 0 26px; }

@media (max-width:860px){ .lpp-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .lpp-grid,.lpp-grid.two { grid-template-columns:1fr; } .lpp-features,.lpp-faq { padding-top:70px; padding-bottom:70px; } }

/* Why-voice as an arrow bullet list (no boxes). */
.lpp-arrowlist { max-width:820px; margin:0 auto; padding:108px 30px; }
.lpp-arrowlist h2 { font-family:"Fraunces",Georgia,serif; font-weight:560; font-size:clamp(2rem,4.4vw,3rem); line-height:1.12; margin:0 0 30px; color:#eef2ff; }
.lpp-arrowlist ul { list-style:none; margin:0; padding:0; }
.lpp-arrowlist li { position:relative; padding:20px 0 20px 40px; border-bottom:1px solid rgba(91,141,239,0.16); font-size:1.06rem; line-height:1.7; color:#a8b6e0; }
.lpp-arrowlist li:last-child { border-bottom:0; }
.lpp-arrowlist li::before { content:"\2192"; position:absolute; left:0; top:19px; color:#5b8def; font-size:1.3rem; line-height:1; }
.lpp-arrowlist li strong { color:#eef2ff; font-weight:600; }

/* Header + footer in deep dark blue (scoped to body.lpp only), cobalt as the accent. */
body.lpp .navbar { background:rgba(7,13,30,0.9); border-bottom-color:rgba(91,141,239,0.22); }
body.lpp .nav-logo, body.lpp .nav-logo span { color:#ffffff; }
body.lpp .nav-links a { font-family:"Inter",sans-serif; color:#bcc3d4; }
body.lpp .nav-links a:hover { color:#5b8def; }
body.lpp .mobile-menu-btn { color:#ffffff; }
body.lpp .footer { background:#070d1e; border-top-color:rgba(91,141,239,0.18); }
body.lpp .footer-heading { font-family:"Fraunces",Georgia,serif; font-weight:560; color:#9db4ff; }
body.lpp .footer-links a { font-family:"Inter",sans-serif; color:#b3bbcf; }
body.lpp .footer-links a:hover { color:#5b8def; }
body.lpp .footer-tagline { color:#8089a0; font-family:"Inter",sans-serif; }
body.lpp .footer-email { color:#5b8def; }
body.lpp .footer-bottom p { color:#8089a0; }
body.lpp .footer-logo, body.lpp .footer-logo span { color:#ffffff; }