/* landing.css — conversion landing pages (AI simultaneous translation) */
.lp-main{position:relative;z-index:1}
.lp-section{padding:44px 0}
.lp-section h2{font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:-.035em;margin:0 0 12px;max-width:900px}

/* ---- Hero ---- */
.lp-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;padding:46px 0 26px}
.lp-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#d8deea;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.lp-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px rgba(86,255,157,.45)}
.lp-hero h1{font-size:clamp(38px,4.8vw,60px);line-height:.98;letter-spacing:-.045em;margin:16px 0 18px;font-weight:800}
.lp-hero .lead{font-size:clamp(16px,1.6vw,19px);margin-bottom:26px}
.lp-hero .cta-row{justify-content:flex-start;margin:0 0 22px}
.btn.lg{padding:16px 28px;font-size:16px}
.btn.primary.glow{box-shadow:0 12px 36px rgba(255,255,255,.16)}
.btn.primary.glow:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(255,255,255,.22)}
.lp-hero-badges{display:flex;flex-wrap:wrap;gap:8px}
.lp-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff06;color:#c9d2e0;font-size:12.5px;font-weight:600}
.lp-badge svg{color:var(--accent);flex:none}
.lp-hero-visual{position:relative}
.lp-hero-visual img{border-radius:28px;border:1px solid var(--line2);box-shadow:0 30px 80px rgba(0,0,0,.5);width:100%;height:auto}
.lp-hero-visual:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle,rgba(88,221,255,.13),transparent 62%);filter:blur(30px);z-index:-1}

/* ---- Trust strip ---- */
.lp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 6px}
.lp-trust-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#ffffff05;color:#d8deea;font-size:14px;line-height:1.5;font-weight:600}
.lp-trust-item svg{flex:none;color:var(--accent);margin-top:2px}

/* ---- Benefit / audience grids ---- */
.lp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-card-icon{display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;background:rgba(88,221,255,.1);border:1px solid rgba(88,221,255,.22);color:var(--accent);margin-bottom:14px}
.lp-card-icon.warm{background:rgba(255,90,54,.1);border-color:rgba(255,90,54,.25);color:var(--accent2)}
.lp-grid-3 .card h3{font-size:19px;margin-bottom:8px}
.lp-grid-3 .card p{font-size:14.5px;color:var(--muted)}

/* ---- Steps ---- */
.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.lp-step{border:1px solid var(--line);border-radius:22px;padding:20px;background:linear-gradient(180deg,#ffffff08,#ffffff04);transition:transform .26s ease,border-color .26s ease}
.lp-step:hover{transform:translateY(-4px);border-color:#ffffff2e}
.lp-step .n{display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;font-weight:800;background:rgba(88,221,255,.12);color:var(--accent);border:1px solid rgba(88,221,255,.25);margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.lp-step h3{margin:0 0 8px;font-size:16.5px;letter-spacing:-.01em}
.lp-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}

/* ---- Split (image + copy) ---- */
.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.lp-split img{border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow);width:100%;height:auto}
.lp-split .img-tall{max-width:420px;margin:0 auto}
.lp-check{display:grid;gap:11px;margin:20px 0 0;padding:0;list-style:none}
.lp-check li{display:flex;gap:11px;align-items:flex-start;color:#d6dbe7;line-height:1.5;font-size:15px}
.lp-check svg{flex:none;color:var(--ok);margin-top:3px}

/* ---- Case-by-case chips ---- */
.lp-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.lp-chip{padding:9px 15px;border-radius:999px;border:1px solid rgba(88,221,255,.22);background:rgba(88,221,255,.07);color:#d8f4ff;font-size:13.5px;font-weight:600}
.lp-note{border:1px solid var(--line);border-left:3px solid var(--accent2);background:#ffffff05;border-radius:14px;padding:18px 22px;color:#d6dbe7;line-height:1.6;font-size:14.5px;margin-top:26px;max-width:860px}

/* ---- FAQ ---- */
.lp-faq{max-width:860px;margin-top:24px}
.lp-faq details{border:1px solid var(--line);border-radius:16px;background:#ffffff05;margin-bottom:10px;overflow:hidden;transition:border-color .2s}
.lp-faq details[open]{border-color:rgba(88,221,255,.3)}
.lp-faq summary{cursor:pointer;padding:16px 20px;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:15px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary .chev{transition:transform .25s;color:var(--muted);flex:none;font-size:18px;line-height:1}
.lp-faq details[open] summary .chev{transform:rotate(45deg);color:var(--accent)}
.lp-faq .faq-a{padding:0 20px 18px;color:var(--muted);line-height:1.65;font-size:14.5px}

/* ---- Form ---- */
.lp-form-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start;margin-top:26px}
.lp-form-card{border:1px solid var(--line2);border-radius:28px;padding:30px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:var(--shadow)}
.lp-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.lp-form .row.single{grid-template-columns:1fr}
.lp-field label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:7px}
.lp-field .req{color:var(--accent2)}
.lp-field input,.lp-field select,.lp-field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:#ffffff08;color:var(--text);font:inherit;font-size:14.5px;transition:border-color .2s,box-shadow .2s}
.lp-field input:focus,.lp-field select:focus,.lp-field textarea:focus{border-color:rgba(88,221,255,.55);box-shadow:0 0 0 3px rgba(88,221,255,.14);outline:none}
.lp-field select option{background:#0d1117;color:#f5f7fb}
.lp-field textarea{min-height:110px;resize:vertical}
.lp-field input::-webkit-calendar-picker-indicator{filter:invert(.8)}
.lp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lp-submit{width:100%;padding:16px;border-radius:999px;border:none;background:#fff;color:#0d1117;font-weight:750;font-size:16px;cursor:pointer;transition:transform .22s,box-shadow .22s;font-family:inherit}
.lp-submit:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,255,255,.18)}
.lp-submit[disabled]{opacity:.6;cursor:wait;transform:none;box-shadow:none}
.lp-form-status{margin-top:12px;font-size:14px;min-height:20px}
.lp-form-status[data-status="error"]{color:#ff8f75}
.lp-privacy{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}
.lp-privacy a{color:#dce2ee;text-decoration:underline}
.lp-aside{display:grid;gap:16px}
.lp-aside .card h3{font-size:17px;margin-bottom:10px}
.lp-aside .card p,.lp-aside .card li{font-size:14px;color:var(--muted);line-height:1.6}
.lp-aside .card ul{margin:0;padding-left:18px}
.lp-thanks{text-align:center;padding:46px 24px}
.lp-thanks h3{font-size:26px;margin:0 0 10px;letter-spacing:-.02em}
.lp-thanks p{color:var(--muted);line-height:1.6;max-width:480px;margin:0 auto 22px}
.lp-thanks .ok-badge{display:inline-flex;width:58px;height:58px;border-radius:50%;align-items:center;justify-content:center;background:rgba(86,255,157,.12);border:1px solid rgba(86,255,157,.3);color:var(--ok);margin-bottom:18px}

/* ---- Mobile sticky CTA ---- */
.lp-sticky-cta{display:none}

@media(max-width:960px){
  .lp-hero{grid-template-columns:1fr;gap:28px;padding-top:30px}
  .lp-hero-visual{order:-1}
  .lp-trust{grid-template-columns:1fr}
  .lp-grid-3{grid-template-columns:1fr}
  .lp-steps{grid-template-columns:repeat(2,1fr)}
  .lp-split{grid-template-columns:1fr;gap:26px}
  .lp-form-grid{grid-template-columns:1fr}
  .lp-sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(8,9,12,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);gap:10px}
  .lp-sticky-cta .btn{flex:1;padding:13px;font-size:14.5px}
  body.lp-body{padding-bottom:76px}
}
@media(max-width:560px){
  .lp-form .row{grid-template-columns:1fr;gap:0;margin-bottom:0}
  .lp-form .lp-field{margin-bottom:16px}
  .lp-steps{grid-template-columns:1fr}
  .lp-form-card{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .lp-step,.lp-submit,.btn.primary.glow{transition:none}
}

/* ---- 2-col audience grid + 5-step timeline (EventsApp landing) ---- */
.lp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.lp-steps.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:960px){.lp-grid-2{grid-template-columns:1fr}.lp-steps.five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lp-steps.five{grid-template-columns:1fr}}

/* ---- Final CTA band ---- */
.lp-final{border:1px solid var(--line2);border-radius:28px;padding:54px 40px;text-align:center;background:linear-gradient(180deg,#ffffff0a,#ffffff04);position:relative;overflow:hidden;margin:10px 0 40px}
.lp-final:before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle at 50% 0%,rgba(88,221,255,.12),transparent 60%);pointer-events:none}
.lp-final h2{margin:0 0 12px}
.lp-final p{color:var(--muted);max-width:640px;margin:0 auto 26px;line-height:1.65}