:root{
  --bg: #f5f7fb;
  --panel: rgba(255,255,255,.62);
  --panel-2: rgba(255,255,255,.72);
  --border: rgba(20,25,30,.10);
  --border-2: rgba(20,25,30,.14);
  --text: rgba(12,15,20,.92);
  --muted: rgba(12,15,20,.68);
  --muted-2: rgba(12,15,20,.52);
  --shadow: 0 22px 70px rgba(10,12,16,.18);
  --shadow-soft: 0 12px 32px rgba(10,12,16,.12);
  --ring-a: rgba(167, 139, 250, .90);
  --ring-b: rgba(244, 114, 182, .88);
  --ring-c: rgba(96, 165, 250, .90);
  --ring-d: rgba(52, 211, 153, .85);
  --radius: 18px;
  --radius-sm: 14px;
  --max: 1120px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: var(--bg);
  color: var(--text);
  overflow-x:hidden;
}

/* Subtle modern background */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(900px 520px at 14% 8%, rgba(96,165,250,.14), rgba(96,165,250,0) 62%),
    radial-gradient(820px 520px at 88% 18%, rgba(244,114,182,.12), rgba(244,114,182,0) 60%),
    radial-gradient(820px 520px at 56% 92%, rgba(52,211,153,.10), rgba(52,211,153,0) 62%);
  opacity: .9;
  z-index: 0;
}
body > *{position: relative; z-index: 1;}

/* Scroll reveal */
.lp-reveal{
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity .65s cubic-bezier(.2,.8,.2,1),
    transform .65s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--d, 0ms);
}
.lp-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .lp-reveal{opacity:1; transform:none; transition:none}
}

a{color:inherit;text-decoration:none}

.lp-container{
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
}

.lp-muted{color:var(--muted)}
.lp-right{margin-left:auto}
.lp-mt-14{margin-top: 14px}

.lp-glass{
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* Hover polish (no border animation) */
.lp-border-animate{
  transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}
.lp-border-animate:hover{
  border-color: rgba(20,25,30,.18);
  box-shadow: 0 18px 52px rgba(10,12,16,.16);
  transform: translateY(-1px);
}

/* Color accents (like the shared reference) */
.lp-accent-sunset{
  background:
    radial-gradient(420px 240px at 18% 20%, rgba(244,114,182,.35), rgba(244,114,182,0) 70%),
    radial-gradient(380px 240px at 78% 30%, rgba(167,139,250,.32), rgba(167,139,250,0) 70%),
    rgba(255,255,255,.70);
}
.lp-accent-lavender{
  background:
    radial-gradient(340px 220px at 30% 30%, rgba(167,139,250,.38), rgba(167,139,250,0) 70%),
    rgba(255,255,255,.72);
}
.lp-accent-ice{
  background:
    radial-gradient(360px 220px at 70% 30%, rgba(96,165,250,.34), rgba(96,165,250,0) 70%),
    rgba(255,255,255,.72);
}
.lp-accent-mint{
  background:
    radial-gradient(340px 220px at 30% 30%, rgba(52,211,153,.34), rgba(52,211,153,0) 70%),
    rgba(255,255,255,.72);
}

.lp-header{
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(245,247,251,.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.lp-header-inner{
  height: 72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.lp-brand{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.lp-logo{
  height: 34px;
  width: auto;
  display:block;
  filter: saturate(1.05);
}
.lp-brand-text{font-size: 15.5px}

.lp-nav{
  display:flex;
  align-items:center;
  gap: 14px;
}
.lp-nav-link{
  font-size: 13.5px;
  color: var(--muted);
  padding: 9px 10px;
  border-radius: 12px;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.lp-nav-link:hover{
  color: var(--text);
  background: rgba(12,15,20,.05);
}
.lp-nav-cta{
  color: var(--text);
  background: rgba(12,15,20,.06);
  border: 1px solid rgba(12,15,20,.12);
}
.lp-nav-cta:hover{
  background: rgba(12,15,20,.08);
  border-color: rgba(12,15,20,.14);
}

.lp-nav-signup{
  border: 1px solid rgba(12,15,20,.12);
  background: rgba(255,255,255,.62);
  cursor: pointer;
}
.lp-nav-signup:hover{
  background: rgba(255,255,255,.74);
  border-color: rgba(12,15,20,.14);
}

.lp-hero{
  padding: 56px 0 26px;
}
.lp-hero-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: stretch;
}

.lp-pill{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(20,25,30,.10);
  color: var(--muted);
  font-size: 12.5px;
  letter-spacing: .01em;
}

.lp-title{
  margin: 14px 0 0;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.05;
  letter-spacing: -0.03em;
}
.lp-subtitle{
  margin: 14px 0 0;
  max-width: 56ch;
  color: var(--muted);
  font-size: 15.5px;
  line-height: 1.6;
}

.lp-cta-row{
  display:flex;
  gap: 12px;
  margin-top: 18px;
  flex-wrap:wrap;
}

.lp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(12,15,20,.14);
  background: rgba(255,255,255,.72);
  color: var(--text);
  font-weight: 600;
  font-size: 14px;
  transition: transform .12s ease, background .2s ease, border-color .2s ease;
}
.lp-btn:hover{transform: translateY(-1px)}
.lp-btn-primary{
  background: rgba(12,15,20,.92);
  border-color: rgba(12,15,20,.92);
  color: rgba(255,255,255,.96);
  box-shadow: var(--shadow-soft);
}
.lp-btn-primary:hover{
  background: rgba(12,15,20,.96);
  border-color: rgba(12,15,20,.96);
}
.lp-btn-ghost{
  background: rgba(255,255,255,.62);
  border-color: rgba(12,15,20,.12);
}
.lp-btn-ghost:hover{
  background: rgba(255,255,255,.72);
  border-color: rgba(12,15,20,.14);
}

/* Landing modal */
body.lp-modal-open{overflow:hidden}
.lp-modal{
  position: fixed;
  inset: 0;
  z-index: 50;
  display:none;
}
.lp-modal.is-open{display:block}
.lp-modal-overlay{
  position:absolute;
  inset: 0;
  background: rgba(12,15,20,.40);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lp-modal-dialog{
  position: relative;
  width: min(720px, calc(100% - 28px));
  margin: 7vh auto;
  border-radius: calc(var(--radius) + 10px);
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(20,25,30,.10);
  box-shadow: 0 40px 120px rgba(10,12,16,.26);
  padding: 18px;
}
.lp-modal-close{
  position:absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(20,25,30,.10);
  background: rgba(255,255,255,.76);
  color: rgba(12,15,20,.82);
  font-size: 22px;
  line-height: 1;
  cursor:pointer;
}
.lp-modal-head{padding: 6px 6px 2px}
.lp-modal-kicker{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(20,25,30,.10);
  color: var(--muted);
  font-size: 12px;
}
.lp-modal-title{
  margin: 12px 0 0;
  font-size: 26px;
  letter-spacing: -0.03em;
}
.lp-modal-sub{
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.lp-form{margin-top: 14px}
.lp-form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 6px;
}
.lp-field label{
  display:block;
  font-size: 12.5px;
  color: rgba(12,15,20,.78);
  font-weight: 650;
  margin-bottom: 6px;
}
.lp-field input,
.lp-field textarea{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(20,25,30,.12);
  background: rgba(255,255,255,.78);
  padding: 11px 12px;
  font-size: 14px;
  outline:none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.lp-field input:focus,
.lp-field textarea:focus{
  border-color: rgba(96,165,250,.45);
  box-shadow: 0 0 0 4px rgba(96,165,250,.16);
}
.lp-field-full{grid-column: 1 / -1}
.lp-error{
  min-height: 16px;
  margin-top: 6px;
  font-size: 12.5px;
  color: rgba(200, 40, 60, .92);
}
.lp-form-actions{
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 0 6px 6px;
  margin-top: 4px;
  flex-wrap:wrap;
}
.lp-form-note{
  padding: 0 6px 6px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 13.5px;
}
.lp-form-note.is-success{color: rgba(20,120,70,.92)}
.lp-form-note.is-error{color: rgba(200, 40, 60, .92)}

@media (max-width: 760px){
  .lp-modal-dialog{margin: 4vh auto}
  .lp-form-grid{grid-template-columns: 1fr}
}

.lp-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
}
.lp-metric{
  padding: 14px 14px 12px;
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(20,25,30,.10);
}
.lp-metric-value{
  font-weight: 700;
  letter-spacing: -0.02em;
}
.lp-metric-label{
  margin-top: 4px;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.35;
}

.lp-hero-panel{
  display:flex;
  align-items: stretch;
}

/* New: hero visual (photo) */
.lp-hero-visual{
  width: 100%;
  border-radius: calc(var(--radius) + 8px);
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(20,25,30,.10);
  box-shadow: var(--shadow);
  overflow:hidden;
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 14px;
}
.lp-hero-visual-glow{
  position:absolute;
  inset:-90px -110px auto -110px;
  height: 280px;
  background:
    radial-gradient(520px 240px at 20% 50%, rgba(96,165,250,.22), rgba(96,165,250,0) 70%),
    radial-gradient(520px 240px at 72% 30%, rgba(244,114,182,.18), rgba(244,114,182,0) 72%);
  opacity: .95;
  pointer-events:none;
}
.lp-hero-portrait{
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: cover;
  display:block;
  border-radius: calc(var(--radius) + 2px);
  box-shadow: 0 18px 58px rgba(10,12,16,.18);
}

.lp-bullets{
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display:flex;
  flex-direction:column;
  gap: 10px;
  color: var(--muted);
}
.lp-bullet{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  line-height: 1.55;
  font-size: 14.5px;
}
.lp-bullet strong{color: rgba(12,15,20,.92)}
.lp-bullet-ic{
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
  color: rgba(12,15,20,.86);
}
.lp-bullet-ic svg{width: 16px; height: 16px}

.lp-preview{
  padding: 14px;
  box-shadow: var(--shadow);
  border-color: var(--border-2);
  background: rgba(255,255,255,.70);
}
.lp-preview-top{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px 12px;
}
.lp-dots{display:flex;gap:7px}
.lp-dots span{
  width:10px;height:10px;border-radius:999px;
  background: rgba(12,15,20,.10);
  border:1px solid rgba(12,15,20,.14);
}
.lp-preview-title{
  font-size: 13.5px;
  color: var(--muted);
  letter-spacing: .01em;
}
.lp-preview-badge{
  margin-left:auto;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,15,20,.12);
  color: var(--muted);
}

.lp-preview-body{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding: 0 6px 6px;
}
.lp-preview-card{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(20,25,30,.10);
  border-radius: var(--radius-sm);
  padding: 12px;
}
.lp-preview-card-head{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
}
.lp-chip{
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(12,15,20,.06);
  border: 1px solid rgba(12,15,20,.12);
  color: var(--text);
  font-weight: 600;
}
.lp-preview-card-row{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 8px;
  border-radius: 12px;
  border: 1px solid rgba(20,25,30,.10);
  background: rgba(255,255,255,.74);
  margin-top: 8px;
  font-size: 13.2px;
}

.lp-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(12,15,20,.14);
  background: rgba(12,15,20,.08);
}
.lp-dot-green{background: rgba(30,165,90,.18)}
.lp-dot-blue{background: rgba(35,120,210,.18)}

.lp-status{
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(12,15,20,.12);
  background: rgba(12,15,20,.05);
  color: var(--text);
  font-weight: 600;
  white-space: nowrap;
}
.lp-status-ok{background: rgba(30,165,90,.12)}
.lp-status-warn{background: rgba(210,140,35,.14)}

.lp-preview-footer{
  display:flex;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 4px 4px;
  flex-wrap:wrap;
}
.lp-inline{display:flex;align-items:center;gap:8px}
.lp-kbd{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 28px;
  height: 26px;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid rgba(12,15,20,.12);
  background: rgba(255,255,255,.72);
  font-size: 12px;
  color: var(--text);
}

.lp-section{
  padding: 54px 0;
}
.lp-section-tight{padding: 34px 0 56px}
.lp-legal{padding: 44px 0 64px}
.lp-legal-card{
  padding: 22px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
}

/* New: product layout (mixed sections like the reference) */
.lp-feature-cards{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.lp-card{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
  border-radius: var(--radius);
  padding: 16px;
  box-shadow: var(--shadow-soft);
  transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}
.lp-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 66px rgba(10,12,16,.16);
  border-color: rgba(20,25,30,.14);
}
.lp-card-ic{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(20,25,30,.10);
  color: rgba(12,15,20,.86);
}
.lp-card-ic svg{width: 20px;height: 20px}
.lp-card-title{
  margin-top: 12px;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.lp-card-text{
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.6;
  font-size: 14.2px;
}

.lp-spotlights{margin-top: 16px; display:flex; flex-direction:column; gap: 14px}
.lp-spotlight{
  border-radius: calc(var(--radius) + 10px);
  border: 1px solid rgba(20,25,30,.08);
  background: rgba(255,255,255,.46);
  padding: 18px;
  overflow:hidden;
}
.lp-spotlight-accent{
  background:
    radial-gradient(720px 260px at 18% 20%, rgba(96,165,250,.16), rgba(96,165,250,0) 68%),
    radial-gradient(620px 240px at 78% 28%, rgba(244,114,182,.12), rgba(244,114,182,0) 72%),
    rgba(255,255,255,.46);
}
.lp-spotlight{
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 14px;
  align-items:center;
}
.lp-spotlight-copy{padding: 6px}
.lp-spotlight-kicker{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(20,25,30,.10);
  color: var(--muted);
  font-size: 12px;
}
.lp-spotlight-title{
  margin: 12px 0 0;
  font-size: clamp(20px, 2.4vw, 30px);
  letter-spacing: -0.03em;
}
.lp-spotlight-text{
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.65;
}
.lp-points{
  margin: 14px 0 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
  color: rgba(12,15,20,.86);
}
.lp-point-ic{
  display:inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 8px;
  align-items:center;
  justify-content:center;
  margin-right: 8px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(20,25,30,.10);
  color: rgba(12,15,20,.88);
}
.lp-spotlight-media{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
  border-radius: calc(var(--radius) + 8px);
  padding: 14px;
  box-shadow: 0 26px 80px rgba(10,12,16,.14);
}
.lp-snap{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 16px;
}

.lp-gallery{
  margin-top: 16px;
  border-radius: calc(var(--radius) + 10px);
  border: 1px solid rgba(20,25,30,.08);
  background: rgba(255,255,255,.46);
  padding: 18px;
}
.lp-gallery-head{max-width: 70ch}
.lp-gallery-title{
  margin: 0;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 900;
}
.lp-gallery-text{margin-top: 8px; color: var(--muted); line-height: 1.65}
.lp-gallery-grid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.lp-shot{
  margin: 0;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
  border-radius: var(--radius);
  padding: 12px;
  box-shadow: var(--shadow-soft);
}
.lp-shot img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 14px;
}
.lp-shot figcaption{
  margin-top: 10px;
  color: var(--muted);
  font-size: 13.2px;
  line-height: 1.4;
}
.lp-section-head{
  max-width: 70ch;
  margin-bottom: 18px;
}
.lp-h2{
  margin: 0;
  font-size: clamp(22px, 2.4vw, 30px);
  letter-spacing: -0.02em;
}
.lp-p{
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.65;
  font-size: 15px;
}

.lp-grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.lp-feature{
  padding: 18px;
}
.lp-icon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(12,15,20,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(12,15,20,.88);
  margin-bottom: 12px;
}
.lp-icon svg{width: 20px;height: 20px}
.lp-feature-title{
  font-weight: 700;
  letter-spacing: -0.02em;
}
.lp-feature-text{
  margin-top: 6px;
  color: var(--muted);
  font-size: 14.2px;
  line-height: 1.55;
}

.lp-workflow{
  padding: 18px;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
}
.lp-steps{
  margin-top: 14px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.lp-step{
  display:flex;
  gap: 12px;
  padding: 12px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(20,25,30,.10);
  background: rgba(255,255,255,.72);
}
.lp-step-num{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(12,15,20,.12);
  background: rgba(12,15,20,.05);
  font-weight: 700;
}
.lp-step-title{font-weight: 700}
.lp-step-text{margin-top: 4px;color: var(--muted);font-size: 14px;line-height:1.5}

.lp-mini-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.lp-mini{
  padding: 14px;
  border-radius: var(--radius-sm);
}
.lp-mini-title{font-weight: 700; letter-spacing: -0.01em}
.lp-mini-text{margin-top: 6px; color: var(--muted); font-size: 13.8px; line-height: 1.5}

.lp-grid-2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.lp-info{padding: 18px}
.lp-info-title{font-weight: 700; letter-spacing: -0.02em}
.lp-info-text{margin-top: 6px; color: var(--muted); line-height: 1.6}

.lp-final-cta{
  margin-top: 16px;
  padding: 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
.lp-final-cta-title{font-weight: 800; letter-spacing: -0.02em}
.lp-final-cta-text{margin-top: 4px; color: var(--muted)}

.lp-footer{
  padding: 26px 0 38px;
  border-top: 1px solid rgba(20,25,30,.10);
  background: rgba(245,247,251,.78);
}
.lp-footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}
.lp-footer-links{display:flex;gap: 10px;flex-wrap:wrap}

/* New: ticker */
.lp-ticker{
  border-top: 1px solid rgba(20,25,30,.10);
  border-bottom: 1px solid rgba(20,25,30,.10);
  background: rgba(255,255,255,.55);
}
.lp-ticker-inner{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 12px 0;
  font-size: 13px;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
}
.lp-sep{opacity:.6}

/* New: product split section */
.lp-split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: stretch;
}
.lp-split-card{
  padding: 18px;
}
.lp-split-kicker{
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .01em;
}
.lp-split-title{
  margin-top: 10px;
  font-size: 26px;
  letter-spacing: -0.02em;
  font-weight: 800;
}
.lp-split-text{
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.65;
}
.lp-split-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.lp-split-media{
  padding: 14px;
}
.lp-media-top{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px 12px;
}
.lp-media-body{
  padding: 0 6px 6px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.lp-media-bubble{
  padding: 12px;
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(20,25,30,.10);
}
.lp-media-bubble-right{
  margin-left: auto;
  width: min(92%, 520px);
}
.lp-media-bubble-title{
  font-size: 12px;
  font-weight: 700;
  color: rgba(12,15,20,.78);
}
.lp-media-bubble-text{
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.55;
}
.lp-media-strip{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 4px;
}
.lp-mini-shot{
  height: 86px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
}

/* New: 4-up grid */
.lp-grid-4{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.lp-mini-strong{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
}

/* New: showcase rows */
/* Screenshot-led feature bands (consistent layout, no left/right alternation) */
.lp-bands{
  display:flex;
  flex-direction:column;
  gap: 14px;
  margin-top: 10px;
}
.lp-band{
  position: relative;
  border-radius: calc(var(--radius) + 8px);
  padding: 18px;
  background: rgba(255,255,255,.42);
  border: 1px solid rgba(20,25,30,.08);
  overflow: hidden;
}
.lp-band::before{
  content:"";
  position:absolute;
  inset: -120px -140px auto -140px;
  height: 260px;
  background:
    radial-gradient(480px 220px at 22% 50%, rgba(96,165,250,.18), rgba(96,165,250,0) 65%),
    radial-gradient(420px 220px at 72% 30%, rgba(244,114,182,.14), rgba(244,114,182,0) 68%);
  pointer-events:none;
  opacity: .95;
}
.lp-band-inner{
  position: relative;
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 14px;
  align-items: center;
}
.lp-band-copy{
  padding: 6px 6px 6px 8px;
}
.lp-band-kicker{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .01em;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(20,25,30,.08);
}
.lp-band-title{
  margin-top: 12px;
  font-size: clamp(18px, 2.2vw, 26px);
  letter-spacing: -0.02em;
  font-weight: 900;
}
.lp-band-text{
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.7;
  font-size: 15px;
  max-width: 62ch;
}
.lp-band-media{
  padding: 14px;
  border-radius: calc(var(--radius) + 6px);
  box-shadow: 0 26px 80px rgba(10,12,16,.14);
  background: rgba(255,255,255,.74);
}
.lp-band-img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 16px;
  /* single border only (the card has the border already) */
  border: none;
  background: rgba(255,255,255,.92);
  transform: translateZ(0);
  transition: transform .24s ease, filter .24s ease;
}
.lp-band:hover .lp-band-img{
  transform: translateY(-2px);
  filter: saturate(1.02) contrast(1.02);
}

.lp-shot-placeholder{
  width: 100%;
  min-height: 220px;
  border-radius: 14px;
  border: 1px dashed rgba(20,25,30,.18);
  background: rgba(255,255,255,.62);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color: var(--muted);
  padding: 18px;
  line-height: 1.5;
  font-size: 13.5px;
}
.lp-shot-file{
  display:block;
  margin-top: 6px;
  color: rgba(12,15,20,.78);
  font-weight: 600;
}

/* New: stats + testimonials */
.lp-stats{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.lp-stat{
  padding: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
}
.lp-stat-value{
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.03em;
}
.lp-stat-label{
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}
.lp-testimonials{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.lp-testimonial{
  padding: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(20,25,30,.10);
}
.lp-testimonial-quote{
  font-weight: 650;
  line-height: 1.55;
  letter-spacing: -0.01em;
}
.lp-testimonial-meta{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-top: 14px;
}
.lp-avatar{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(12,15,20,.08);
  border: 1px solid rgba(12,15,20,.12);
}
.lp-testimonial-name{font-weight: 800; font-size: 13px}
.lp-testimonial-role{color: var(--muted); font-size: 12.5px; margin-top: 2px}

@media (max-width: 980px){
  .lp-hero-grid{grid-template-columns: 1fr; gap: 16px}
  .lp-grid-3{grid-template-columns: 1fr}
  .lp-grid-2{grid-template-columns: 1fr}
  .lp-metrics{grid-template-columns: 1fr}
  .lp-nav{gap: 8px}
  .lp-nav-link{padding: 8px 8px}
  .lp-split{grid-template-columns: 1fr}
  .lp-grid-4{grid-template-columns: 1fr}
  .lp-band{padding: 14px}
  .lp-band-inner{grid-template-columns: 1fr}
  .lp-band-copy{padding: 4px 2px 8px}
  .lp-stats{grid-template-columns: 1fr 1fr}
  .lp-testimonials{grid-template-columns: 1fr}
  .lp-hero-portrait{max-height: 420px}
  .lp-feature-cards{grid-template-columns: 1fr}
  .lp-spotlight{grid-template-columns: 1fr}
  .lp-gallery-grid{grid-template-columns: 1fr}
}