/* Teaser theme for jamiyajo.com until launch. The full site lives on the launch-site branch. */
  body.teaser{background:#15201C;color:#fff}
  .teaser .brand{color:#fff}
  .teaser .links a{color:#C9D3CE}
  .teaser .links .lang{border-color:rgba(255,255,255,.2);color:#F3DD9A}
  .teaser .glow{position:fixed;inset:-20% -10% auto;height:90vh;background:radial-gradient(closest-side,rgba(243,221,154,.16),rgba(243,221,154,0));pointer-events:none;z-index:0}
  .teaser main,.teaser header,.teaser footer{position:relative;z-index:1}
  .tz-hero{display:flex;align-items:center;gap:48px;flex-wrap:wrap;padding-block:40px 80px}
  .tz-text{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:22px}
  .tz-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1.5px solid #F3DD9A;color:#F3DD9A;font-size:13px;font-weight:600}
  .tz-pill i{width:8px;height:8px;border-radius:4px;background:#F3DD9A;animation:pulse 1.6s ease-in-out infinite}
  .teaser h1{font-size:clamp(36px,5.4vw,58px);line-height:1.2}
  .teaser h1 span{color:#F3DD9A}
  .tz-lead{font-size:19px;line-height:1.7;color:#B7C2BD;max-width:520px}
  .tz-cta{display:flex;gap:12px;flex-wrap:wrap}
  .btn-gold{background:#F3DD9A;color:#15201C!important}
  .btn-line{border:1.5px solid rgba(255,255,255,.25);color:#fff!important}
  .tz-soon{display:flex;gap:10px;flex-wrap:wrap}
  .tz-soon span{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:14px;color:#C9D3CE}
  .tz-soon svg{width:18px;height:18px;fill:currentColor}
  .tz-art{flex:0 1 460px;min-width:280px;display:flex;justify-content:center;position:relative}
  .tz-art .phones{filter:blur(9px) saturate(.8);opacity:.75}
  .tz-art .phone{border-color:#0B1210;background:#0B1210}
  .tz-lock{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
  .tz-lock div{display:flex;flex-direction:column;align-items:center;gap:12px}
  .tz-lock b{width:96px;height:96px;border-radius:50%;background:#F3DD9A;display:grid;place-items:center;box-shadow:0 0 0 12px rgba(243,221,154,.18),0 20px 50px rgba(0,0,0,.35)}
  .tz-lock b svg{width:44px;height:44px;fill:none;stroke:#15201C;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .tz-lock span{font-size:18px;font-weight:700;color:#F3DD9A;text-shadow:0 2px 12px rgba(0,0,0,.5)}
  .tz-section{padding-block:24px 80px}
  .tz-section h2{font-size:clamp(26px,3.4vw,36px)}
  .tz-section .eyebrow{color:#F3DD9A}
  .tz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
  .tz-card{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
  .tz-card h3{font-size:19px}
  .tz-card p{font-size:15px;line-height:1.7;color:#B7C2BD}
  .tz-card .q{width:44px;height:44px;border-radius:14px;background:#F3DD9A;color:#15201C;display:grid;place-items:center;font-weight:700;font-size:20px}
  .tz-card.locked{border:1.5px dashed #F3DD9A}
  .tz-card.locked h3{color:#F3DD9A}
  .tz-card.locked p{filter:blur(5px);user-select:none}
  .tz-card.locked .q svg{width:22px;height:22px;fill:none;stroke:#15201C;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
  .tz-end{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px;border-radius:24px;background:#F3DD9A;color:#15201C;margin-bottom:64px}
  .tz-end h2{font-size:30px}
  .tz-end p{color:#3F4A45;margin-top:6px}
  .tz-end .btn-dark{background:#15201C}
  .teaser .foot{color:#8E9A95;border-top:1px solid rgba(255,255,255,.08)}
  .teaser .foot .links a{color:#8E9A95}
  .teaser .social a{background:rgba(255,255,255,.06);color:#fff}
  .teaser .social a:hover{background:#F3DD9A;color:#15201C}
  @keyframes pulse{50%{opacity:.35}}
  @media (prefers-reduced-motion:reduce){.tz-pill i{animation:none}}
  @media (max-width:860px){.tz-grid{grid-template-columns:1fr}.tz-hero{padding-block:16px 56px}}
  /* Contact page in the teaser theme */
  .teaser .contact-hero p,.teaser .ccard p,.teaser .meta span,.teaser .faq p{color:#B7C2BD}
  .teaser .eyebrow{color:#F3DD9A}
  .teaser .ccard,.teaser .meta div{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
  .teaser .ccard .ico{background:rgba(243,221,154,.14)}
  .teaser .ccard .ico svg{stroke:#F3DD9A}
  .teaser .ccard .btn-accent{background:#F3DD9A;color:#15201C!important}
  .teaser .ccard .btn-dark{background:transparent;border:1.5px solid rgba(255,255,255,.25)}
  .teaser .faq details{border-color:rgba(255,255,255,.1)!important}
  .teaser .faq summary::after{color:#F3DD9A}
  .teaser .faq a{color:#F3DD9A}