/* Elva page template — scoped marketing styles (standard). Fonts inherit the theme system stack (Gilroy retired v3.5.0). */
.elva-pg{
  --ai-1:#FFB7A8; --ai-2:#FFA9C9; --ai-g1:#C9B6FF; --ai-g2:#AFC8FF;
  --dur-fast:0.12s; --dur-med:0.4s;
  --gold-tint:rgba(192,137,46,0.14); --info-tint:rgba(91,141,239,0.12);
  --success-tint:rgba(47,138,91,0.12); --terracotta-tint:rgba(199,90,63,0.14);
  --grad-ink:linear-gradient(160deg,var(--sage-1),var(--sage-0));
  --sh-4:0 40px 90px -40px rgba(20,20,30,0.42),0 4px 12px rgba(20,20,30,0.07);
  --star:#E8A93C;
}
.elva-pg,.elva-pg *{box-sizing:border-box;}

/* neutralizers — cancel blog global generic-class leaks inside page templates */
.elva-pg .section-head{display:block;margin-bottom:0;}
.elva-pg .cta{max-width:none;margin:0;}

/* ===== base utilities ===== */
.elva-pg *{ box-sizing: border-box; -webkit-font-smoothing: antialiased; }
.elva-pg{ scroll-behavior: smooth; }
.elva-pg,.elva-pg{ margin: 0; padding: 0; }
.elva-pg{
  background: var(--cream-0); color: var(--ink-1);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
.elva-pg button,.elva-pg input,.elva-pg textarea,.elva-pg select{ font-family: inherit; }
.elva-pg a{ color: inherit; text-decoration: none; }
.elva-pg ::selection{ background: var(--ai-tint); }
.elva-pg :focus-visible{ outline: 2px solid var(--ai-4); outline-offset: 2px; }
.elva-pg .elva-spectrum{
  background: var(--grad-spectrum);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.elva-pg .elva-live{ position: relative; display: inline-flex; width: 8px; height: 8px; flex: none; }
.elva-pg .elva-live::before{ content: ''; position: absolute; inset: 0; border-radius: 999px; background: var(--ai-3); box-shadow: 0 0 8px var(--ai-3); }
.elva-pg .elva-live::after{ content: ''; position: absolute; inset: -2px; border-radius: 999px; border: 1.5px solid var(--ai-3); animation: elva-pulse 2.4s cubic-bezier(0.4,0,0.2,1) infinite; }
@keyframes elva-pulse{ 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(2.8); } }

/* ===== components ===== */
.elva-pg{ overflow-x: hidden; }
.elva-pg .wrap{ max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.elva-pg .wrap-wide{ max-width: 1320px; margin: 0 auto; padding: 0 32px; }
.elva-pg h1,.elva-pg h2,.elva-pg h3{ font-family: var(--font-display); letter-spacing: var(--tracking-tight); color: var(--ink-0); margin: 0; line-height: 1.04; font-weight: 600; }
.elva-pg p{ margin: 0; }
.elva-pg .eyebrow{
  font-family: var(--font-mono); font-size:12.5px; font-weight: 500;
  letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--ink-3);
  display: inline-flex; align-items: center; gap: 12px;
}
.elva-pg .ico{ width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.elva-pg .img-slot{
  position: relative; display: grid; place-items: center; text-align: center;
  width: 100%; height: 100%; border-radius: var(--r-2xl); overflow: hidden;
  background-color: var(--cream-1);
  background-image: repeating-linear-gradient(135deg, transparent 0 13px, rgba(110,110,115,.05) 13px 14px);
  border: 1px solid var(--cream-2);
}
.elva-pg .img-slot::before{
  content: ''; position: absolute; inset: 10px; border-radius: calc(var(--r-2xl) - 8px);
  border: 1.5px dashed var(--cream-shadow); pointer-events: none;
}
.elva-pg .img-slot.r-xl{ border-radius: var(--r-xl); }
.elva-pg .img-slot.r-xl::before{ border-radius: calc(var(--r-xl) - 6px); inset: 8px; }
.elva-pg .img-slot-inner{ position: relative; display: flex; flex-direction: column; align-items: center; gap: 11px; padding: 28px 24px; }
.elva-pg .img-slot-ic{
  width: 46px; height: 46px; border-radius: 13px; background: var(--surface-mute);
  border: 1px solid var(--cream-2); display: grid; place-items: center; color: var(--ink-4);
}
.elva-pg .img-slot-ic svg{ width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.elva-pg .img-slot-name{
  font-family: var(--font-mono); font-size:13.5px; font-weight: 500; color: var(--ink-1);
  background: var(--cream-0); border: 1px solid var(--cream-2); border-radius: var(--r-pill);
  padding: 5px 12px; display: inline-flex; align-items: center; gap: 7px;
}
.elva-pg .img-slot-name .wb{ color: var(--ai-4); font-size:12px; letter-spacing: .06em; }
.elva-pg .img-slot-dim{ font-family: var(--font-mono); font-size:12px; color: var(--ink-4); letter-spacing: .1em; text-transform: uppercase; }
.elva-pg .img-slot-desc{ font-size:14.5px; line-height:1.5; color: var(--ink-3); max-width: 30ch; text-wrap: pretty; }
.elva-pg .img-slot.compact .img-slot-inner{ gap: 8px; padding: 18px; }
.elva-pg .img-slot.compact .img-slot-ic{ width: 38px; height: 38px; border-radius: 11px; }
.elva-pg .img-slot.compact .img-slot-ic svg{ width: 18px; height: 18px; }
.elva-pg .img-slot.compact .img-slot-desc{ font-size:13px; max-width: 26ch; }
.elva-pg .btn{
  display: inline-flex; align-items: center; gap: 9px; cursor: pointer;
  font-family: var(--font-body); font-weight: 550; font-size:16px; letter-spacing: -0.01em;
  padding: 13px 22px; border-radius: var(--r-pill); border: 1px solid transparent;
  transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), background var(--dur-fast);
  white-space: nowrap;
}
.elva-pg .btn .ico{ width: 17px; height: 17px; }
.elva-pg .btn-primary{ background: var(--sage-0); color: #fff; box-shadow: var(--sh-btn); }
.elva-pg .btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 16px 30px -14px rgba(20,20,30,.7); }
.elva-pg .btn-ghost{ background: transparent; color: var(--ink-0); border-color: var(--cream-shadow); }
.elva-pg .btn-ghost:hover{ background: #fff; border-color: var(--ink-4); transform: translateY(-1px); }
.elva-pg .btn-lg{ font-size: 16px; padding: 16px 28px; }
.elva-pg .btn-light{ background: #fff; color: var(--ink-0); box-shadow: var(--sh-2); }
.elva-pg .btn-light:hover{ transform: translateY(-1px); }
.elva-pg .pill{
  display: inline-flex; align-items: center; gap: 7px;
  font-size:13.5px; font-weight: 550; padding: 5px 11px 5px 9px; border-radius: var(--r-pill);
  border: 1px solid var(--cream-2); background: #fff; color: var(--ink-1);
}
.elva-pg .pill .dot{ width: 7px; height: 7px; border-radius: 50%; flex: none; }
.elva-pg .pill.ai{ border-color: transparent; background: var(--ai-tint); color: #6b3fb0; }
.elva-pg .dot.green{ background: var(--success); }
.elva-pg .dot.gold{ background: var(--gold); }
.elva-pg .dot.red{ background: var(--terracotta); }
.elva-pg .dot.ai{ background: var(--ai-3); }
.elva-pg .brand{ display: flex; align-items: center; gap: 9px; font-family: var(--font-display); font-weight: 600; font-size: 20px; letter-spacing: -0.04em; color: var(--ink-0); }
.elva-pg .brand-mark{ width: 26px; height: 26px; border-radius: 7px; background: var(--grad-spectrum); display: grid; place-items: center; box-shadow: 0 4px 12px -4px rgba(155,92,255,.5); }
.elva-pg .brand-mark::after{ content:''; width: 10px; height: 10px; border-radius: 3px; background: rgba(255,255,255,.92); }
.elva-pg .menu-btn{ display: none; }
.elva-pg .hero{ position: relative; padding: 78px 0 70px; overflow: hidden; }
.elva-pg .hero-glow{ position: absolute; top: -180px; right: -120px; width: 620px; height: 620px; border-radius: 50%; pointer-events: none; z-index: 0;
  background: conic-gradient(from 200deg at 50% 50%, var(--ai-1), var(--ai-2), var(--ai-g1), var(--ai-g2), var(--ai-5), var(--ai-1));
  filter: blur(120px); opacity: .34; animation: spin 36s linear infinite; }
@keyframes spin{ to { transform: rotate(360deg); } }
.elva-pg .hero-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: 1.04fr 0.96fr; gap: 56px; align-items: center; }
.elva-pg .hero h1{ font-size: clamp(40px, 5.2vw, 64px); font-weight: 600; margin: 20px 0 0; max-width: 13ch; }
.elva-pg .hero-lead{ font-size: 18px; line-height: 1.55; color: var(--ink-2); margin-top: 22px; max-width: 46ch; }
.elva-pg .hero-stats{ display: flex; gap: 40px; margin-top: 34px; }
.elva-pg .hstat{ display: flex; flex-direction: column; gap: 2px; }
.elva-pg .hstat-n{ font-family: var(--font-display); font-size: 38px; font-weight: 600; letter-spacing: -0.04em; color: var(--ink-0); line-height: 1; }
.elva-pg .hstat-l{ font-size:15px; color: var(--ink-2); line-height:1.5; max-width: 18ch; margin-top: 7px; }
.elva-pg .hstat-n .elva-spectrum{ font-weight: 700; }
.elva-pg .hero-cta{ display: flex; align-items: center; gap: 13px; margin-top: 36px; }
.elva-pg .hero-note{ font-size:13.5px; color: var(--ink-3); margin-top: 16px; display: flex; align-items: center; gap: 7px; }
.elva-pg .hero-visual{ position: relative; width: 100%; aspect-ratio: 16 / 9; }
.elva-pg .phone{
  position: absolute; right: 18px; top: 0; width: 290px; height: 540px; border-radius: 44px;
  background: #fff; box-shadow: var(--sh-4); border: 1px solid var(--cream-2); padding: 14px;
  display: flex; flex-direction: column;
}
.elva-pg .phone-screen{ background: var(--cream-0); border-radius: 32px; flex: 1; overflow: hidden; display: flex; flex-direction: column; }
.elva-pg .phone-top{ display: flex; align-items: center; gap: 9px; padding: 16px 16px 12px; background: #fff; border-bottom: 1px solid var(--cream-2); }
.elva-pg .phone-av{ width: 34px; height: 34px; border-radius: 50%; background: var(--grad-ink); color: #fff; display: grid; place-items: center; font-size:14.5px; font-weight: 600; font-family: var(--font-display); flex: none; }
.elva-pg .phone-name{ font-size:15px; font-weight: 600; color: var(--ink-0); }
.elva-pg .phone-sub{ font-size:12.5px; color: var(--ink-3); display: flex; align-items: center; gap: 5px; }
.elva-pg .thread{ padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.elva-pg .msg{ max-width: 82%; padding: 10px 13px; border-radius: 17px; font-size:14.5px; line-height:1.5; opacity: 0; transform: translateY(8px); }
.elva-pg .msg.in{ background: #fff; color: var(--ink-1); border: 1px solid var(--cream-2); border-bottom-left-radius: 5px; align-self: flex-start; }
.elva-pg .msg.out{ background: var(--sage-0); color: #fff; border-bottom-right-radius: 5px; align-self: flex-end; }
.elva-pg .msg.reveal{ animation: msgIn .5s var(--ease-out) forwards; }
@keyframes msgIn{ to { opacity: 1; transform: translateY(0); } }
.elva-pg .msg .stars{ display: flex; gap: 2px; margin-top: 6px; }
.elva-pg .msg .stars svg{ width: 15px; height: 15px; fill: var(--star); stroke: none; }
.elva-pg .review-link{ display: inline-flex; align-items: center; gap: 7px; margin-top: 7px; font-size:13px; font-weight: 600; color: var(--ai-4); }
.elva-pg .review-link svg{ width: 13px; height: 13px; stroke: var(--ai-4); fill: none; stroke-width: 1.8; }
.elva-pg .typing{ align-self: flex-start; background: #fff; border: 1px solid var(--cream-2); border-radius: 17px; border-bottom-left-radius: 5px; padding: 13px 14px; display: flex; gap: 4px; }
.elva-pg .typing span{ width: 6px; height: 6px; border-radius: 50%; background: var(--ink-4); animation: bounce 1.3s infinite; }
.elva-pg .typing span:nth-child(2){ animation-delay:.18s }
.elva-pg .typing span:nth-child(3){ animation-delay:.36s }
@keyframes bounce{ 0%,60%,100%{ transform: translateY(0); opacity:.5 } 30%{ transform: translateY(-5px); opacity:1 } }
.elva-pg .float-card{
  position: absolute; left: -8px; bottom: 64px; width: 268px; background: #fff; border-radius: 18px;
  box-shadow: var(--sh-3); border: 1px solid var(--cream-2); padding: 16px; z-index: 3;
  animation: floaty 6s ease-in-out infinite;
}
@keyframes floaty{ 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-9px) } }
.elva-pg .fc-head{ display: flex; align-items: center; gap: 10px; }
.elva-pg .fc-g{ width: 30px; height: 30px; border-radius: 50%; background: var(--cream-0); border: 1px solid var(--cream-2); display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; font-size:16px; color: var(--ink-1); flex: none; }
.elva-pg .fc-name{ font-size:14.5px; font-weight: 600; color: var(--ink-0); }
.elva-pg .fc-meta{ font-size:12px; color: var(--ink-3); font-family: var(--font-mono); }
.elva-pg .fc-stars{ display: flex; gap: 2px; margin: 11px 0 8px; }
.elva-pg .fc-stars svg{ width: 16px; height: 16px; fill: var(--star); }
.elva-pg .fc-text{ font-size:13px; line-height: 1.5; color: var(--ink-2); }
.elva-pg .fc-badge{ margin-top: 11px; display: inline-flex; align-items: center; gap: 6px; font-size:12px; font-weight: 600; color: #6b3fb0; background: var(--ai-tint); padding: 4px 9px; border-radius: 999px; }
.elva-pg .fc-badge svg{ width: 11px; height: 11px; stroke: #8a52d6; fill: none; stroke-width: 1.8; }
.elva-pg .rating-chip{
  position: absolute; right: -6px; top: 50px; z-index: 4; background: #fff; border-radius: 16px;
  box-shadow: var(--sh-3); border: 1px solid var(--cream-2); padding: 13px 16px; text-align: center;
  animation: floaty 6s ease-in-out infinite; animation-delay: -3s;
}
.elva-pg .rating-chip .rn{ font-family: var(--font-display); font-size: 30px; font-weight: 700; letter-spacing: -0.04em; color: var(--ink-0); line-height: 1; }
.elva-pg .rating-chip .rs{ display: flex; gap: 1px; justify-content: center; margin-top: 5px; }
.elva-pg .rating-chip .rs svg{ width: 12px; height: 12px; fill: var(--star); }
.elva-pg .rating-chip .rl{ font-size: 9.5px; font-family: var(--font-mono); color: var(--ink-3); letter-spacing: .08em; margin-top: 5px; }
.elva-pg .pillars{ padding: 24px 0 20px; }
.elva-pg .pillar-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.elva-pg .pillar{
  background: #fff; border: 1px solid var(--cream-2); border-radius: var(--r-xl); padding: 22px;
  box-shadow: var(--sh-1); transition: transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);
}
.elva-pg .pillar:hover{ transform: translateY(-3px); box-shadow: var(--sh-2); }
.elva-pg .pillar-ic{ width: 38px; height: 38px; border-radius: 11px; background: var(--cream-0); border: 1px solid var(--cream-2); display: grid; place-items: center; color: var(--ink-0); margin-bottom: 16px; }
.elva-pg .pillar-ic.ai{ background: var(--ai-tint); border-color: transparent; color: #7a48c4; }
.elva-pg .pillar-grid.grid-2x2{ grid-template-columns: repeat(2, 1fr); gap: 18px; }
.elva-pg .pillar-grid.grid-2x2 .pillar{ padding: 26px 28px; }
.elva-pg .pillar-ic.c-blue{ background: var(--info-tint); border-color: transparent; color: var(--info); }
.elva-pg .pillar-ic.c-purple{ background: var(--ai-tint); border-color: transparent; color: #7a48c4; }
.elva-pg .pillar-ic.c-green{ background: var(--success-tint); border-color: transparent; color: var(--success); }
.elva-pg .pillar-ic.c-gold{ background: var(--gold-tint); border-color: transparent; color: var(--gold); }
.elva-pg .pillar h3{ font-size: 16.5px; font-weight: 600; }
.elva-pg .pillar p{ font-size:15px; line-height: 1.5; color: var(--ink-2); margin-top: 8px; }
.elva-pg .section{ padding: 92px 0; }
.elva-pg .section-head{ max-width: 640px; }
.elva-pg .section-head.center{ margin: 0 auto; text-align: center; }
.elva-pg .section-head h2{ font-size: clamp(30px, 3.6vw, 44px); font-weight: 600; margin-top: 16px; }
.elva-pg .section-head p{ font-size: 17px; line-height: 1.55; color: var(--ink-2); margin-top: 18px; }
.elva-pg .feature{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.elva-pg .feature.alt .feat-text{ order: 2; }
.elva-pg .feat-text h2{ font-size: clamp(28px, 3.3vw, 40px); font-weight: 600; margin-top: 16px; }
.elva-pg .feat-text p{ font-size: 16.5px; line-height: 1.6; color: var(--ink-2); margin-top: 18px; }
.elva-pg .feat-list{ list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-direction: column; gap: 13px; }
.elva-pg .feat-list li{ display: flex; gap: 11px; align-items: flex-start; font-size:16px; color: var(--ink-1); line-height:1.5; }
.elva-pg .feat-list .tick{ width: 21px; height: 21px; border-radius: 50%; background: var(--success-tint); display: grid; place-items: center; flex: none; margin-top: 1px; }
.elva-pg .feat-list .tick svg{ width: 12px; height: 12px; stroke: var(--success); fill: none; stroke-width: 2.4; }
.elva-pg .viz{ position: relative; border-radius: var(--r-2xl); background: #fff; border: 1px solid var(--cream-2); box-shadow: var(--sh-3); padding: 26px; overflow: hidden; }
.elva-pg .viz-bg{ position: absolute; inset: 0; background:
   radial-gradient(60% 50% at 80% 0%, var(--ai-tint), transparent 70%); opacity: .8; pointer-events: none; }
.elva-pg .sms{ position: relative; display: flex; flex-direction: column; gap: 12px; }
.elva-pg .sms-row{ display: flex; }
.elva-pg .sms-b{ max-width: 78%; padding: 11px 15px; border-radius: 18px; font-size:15.5px; line-height:1.5; box-shadow: var(--sh-1); }
.elva-pg .sms-b.in{ background: var(--cream-0); color: var(--ink-1); border: 1px solid var(--cream-2); border-bottom-left-radius: 5px; }
.elva-pg .sms-b.out{ background: var(--sage-0); color: #fff; border-bottom-right-radius: 5px; margin-left: auto; }
.elva-pg .sms-time{ font-family: var(--font-mono); font-size:12px; color: var(--ink-4); margin-top: 5px; }
.elva-pg .sms-tag{ align-self: center; font-family: var(--font-mono); font-size:12px; letter-spacing: .12em; color: var(--ink-3); text-transform: uppercase; background: #fff; border: 1px solid var(--cream-2); padding: 4px 11px; border-radius: 999px; }
.elva-pg .fw{ position: relative; display: flex; flex-direction: column; gap: 0; }
.elva-pg .fw-node{ display: flex; align-items: center; gap: 13px; background: #fff; border: 1px solid var(--cream-2); border-radius: var(--r-lg); padding: 14px 16px; box-shadow: var(--sh-1); }
.elva-pg .fw-node .ic{ width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; flex: none; }
.elva-pg .fw-node .ttl{ font-size:15px; font-weight: 600; color: var(--ink-0); }
.elva-pg .fw-node .sub{ font-size:13px; color: var(--ink-2); margin-top: 2px; }
.elva-pg .fw-split{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.elva-pg .fw-branch{ border-radius: var(--r-lg); padding: 16px; border: 1px solid var(--cream-2); }
.elva-pg .fw-branch.happy{ background: linear-gradient(180deg, var(--success-tint), #fff); }
.elva-pg .fw-branch.unhappy{ background: linear-gradient(180deg, var(--terracotta-tint), #fff); }
.elva-pg .fw-branch .lab{ font-family: var(--font-mono); font-size:12px; letter-spacing: .1em; text-transform: uppercase; display: flex; align-items: center; gap: 6px; }
.elva-pg .fw-branch.happy .lab{ color: var(--success); }
.elva-pg .fw-branch.unhappy .lab{ color: var(--terracotta); }
.elva-pg .fw-branch .bt{ font-size:15px; font-weight: 600; color: var(--ink-0); margin-top: 10px; }
.elva-pg .fw-branch .bd{ font-size:13px; line-height:1.5; color: var(--ink-2); margin-top: 5px; }
.elva-pg .fw-branch .bstars{ display: flex; gap: 2px; margin-top: 9px; }
.elva-pg .fw-branch .bstars svg{ width: 14px; height: 14px; fill: var(--star); }
.elva-pg .fw-connect{ height: 22px; width: 2px; background: var(--cream-shadow); margin: 0 auto; }
.elva-pg .statband{ background: var(--sage-0); color: #fff; position: relative; overflow: hidden; padding: 96px 0; }
.elva-pg .statband-glow{ position: absolute; bottom: -200px; left: 50%; transform: translateX(-50%); width: 900px; height: 420px; border-radius: 50%;
  background: var(--grad-spectrum); filter: blur(130px); opacity: .26; pointer-events: none; }
.elva-pg .statband-inner{ position: relative; z-index: 1; text-align: center; max-width: 880px; margin: 0 auto; }
.elva-pg .statband h2{ color: #fff; font-size: clamp(32px, 4.4vw, 56px); font-weight: 600; }
.elva-pg .statband .big{ display: block; }
.elva-pg .statband-sub{ font-size: 18px; color: rgba(255,255,255,.66); margin-top: 22px; line-height: 1.55; max-width: 60ch; margin-left: auto; margin-right: auto; }
.elva-pg .statband-row{ display: flex; justify-content: center; gap: 64px; margin-top: 52px; flex-wrap: wrap; }
.elva-pg .statband-cta{ margin-top: 44px; display: flex; justify-content: center; }
.elva-pg .sb-stat{ text-align: center; }
.elva-pg .sb-n{ font-family: var(--font-display); font-size: 52px; font-weight: 700; letter-spacing: -0.04em; line-height: 1; }
.elva-pg .sb-l{ font-size:15px; color: rgba(255,255,255,.6); margin-top: 12px; max-width: 20ch; }
.elva-pg .sb-div{ width: 1px; background: rgba(255,255,255,.14); }
.elva-pg .manager{ padding: 92px 0; }
.elva-pg .mgr-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 56px; }
.elva-pg .mgr-card{ background: #fff; border: 1px solid var(--cream-2); border-radius: var(--r-2xl); padding: 0; overflow: hidden; box-shadow: var(--sh-1); transition: transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out), background var(--dur-med), border-color var(--dur-med); display: flex; flex-direction: column; }
.elva-pg .mgr-card:hover{ transform: translateY(-4px); box-shadow: var(--sh-3); border-color: transparent; background: linear-gradient(155deg, rgba(155,92,255,.13), rgba(175,200,255,.05) 46%, rgba(255,183,168,.14)); }
.elva-pg .mgr-card:hover .mgr-viz{ background: transparent; border-bottom-color: transparent; }
.elva-pg .mgr-card:hover .img-slot{ background-color: rgba(255,255,255,.5); }
.elva-pg .mgr-viz{ aspect-ratio: 550 / 350; background: var(--cream-0); border-bottom: 1px solid var(--cream-2); position: relative; overflow: hidden; padding: 22px; transition: background var(--dur-med), border-color var(--dur-med); }
.elva-pg .mgr-body{ padding: 24px 26px 28px; }
.elva-pg .mgr-body .eyebrow{ margin-bottom: 12px; }
.elva-pg .mgr-card h3{ font-size: 21px; font-weight: 600; }
.elva-pg .mgr-card p{ font-size:15.5px; line-height: 1.55; color: var(--ink-2); margin-top: 10px; }
.elva-pg .mini-review{ background: #fff; border: 1px solid var(--cream-2); border-radius: 14px; padding: 14px; box-shadow: var(--sh-1); }
.elva-pg .mini-row{ display: flex; align-items: center; gap: 9px; }
.elva-pg .mini-av{ width: 26px; height: 26px; border-radius: 50%; background: var(--grad-ink); flex: none; }
.elva-pg .mini-stars{ display: flex; gap: 2px; }
.elva-pg .mini-stars svg{ width: 12px; height: 12px; fill: var(--star); }
.elva-pg .mini-name{ font-size:13px; font-weight: 600; color: var(--ink-0); }
.elva-pg .mini-line{ height: 7px; border-radius: 4px; background: var(--cream-2); }
.elva-pg .mini-reply{ margin-top: 10px; background: var(--ai-tint); border-radius: 10px; padding: 10px; font-size:12.5px; color: #6b3fb0; line-height:1.5; position: relative; }
.elva-pg .mini-reply .tag{ font-family: var(--font-mono); font-size: 8.5px; letter-spacing: .1em; opacity: .8; display: flex; align-items: center; gap: 5px; margin-bottom: 5px; }
.elva-pg .mini-reply .tag svg{ width: 10px; height: 10px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.elva-pg .mini-time{ display: flex; flex-direction: column; gap: 9px; }
.elva-pg .mini-tnode{ display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--cream-2); border-radius: 10px; padding: 9px 12px; box-shadow: var(--sh-1); font-size:13px; color: var(--ink-1); font-weight: 500; }
.elva-pg .mini-tnode .tc{ width: 8px; height: 8px; border-radius: 50%; flex: none; }
.elva-pg .mini-tnode.skip{ opacity: .5; }
.elva-pg .mini-tnode.skip .txt{ text-decoration: line-through; }
.elva-pg .mini-tnode .when{ margin-left: auto; font-family: var(--font-mono); font-size: 9.5px; color: var(--ink-3); }
.elva-pg .mini-phone{ background: #fff; border: 1px solid var(--cream-2); border-radius: 16px; box-shadow: var(--sh-2); padding: 14px; max-width: 200px; margin: 6px auto 0; }
.elva-pg .mini-phone .sms-b{ font-size:13px; padding: 8px 11px; }
.elva-pg .mini-rate{ display: flex; gap: 5px; justify-content: center; margin-top: 12px; }
.elva-pg .mini-rate svg{ width: 24px; height: 24px; fill: var(--star); filter: drop-shadow(0 3px 6px rgba(232,169,60,.4)); }
.elva-pg .mini-rate svg:last-child{ fill: var(--cream-2); filter: none; }
.elva-pg .tap{ position: absolute; width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--ai-4); right: 56px; bottom: 30px; animation: tap 2.2s ease-out infinite; }
@keyframes tap{ 0%{ transform: scale(.4); opacity: 0 } 30%{ opacity: 1 } 100%{ transform: scale(1.6); opacity: 0 } }
.elva-pg .mini-chart{ display: flex; align-items: flex-end; gap: 8px; height: 110px; padding: 0 6px; }
.elva-pg .mini-bar{ flex: 1; border-radius: 6px 6px 0 0; background: var(--cream-2); position: relative; }
.elva-pg .mini-bar.hot{ background: var(--grad-spectrum); }
.elva-pg .mini-chart-cap{ display: flex; justify-content: space-between; margin-top: 10px; font-family: var(--font-mono); font-size: 9.5px; color: var(--ink-3); }
.elva-pg .mgr-spark{ position: absolute; top: 16px; right: 16px; display: inline-flex; align-items: center; gap: 6px; font-size:12px; font-weight: 600; color: var(--success); background: var(--success-tint); padding: 5px 10px; border-radius: 999px; }
.elva-pg .mgr-spark svg{ width: 12px; height: 12px; stroke: var(--success); fill: none; stroke-width: 2; }
.elva-pg .cta{ padding: 40px 0 100px; }
.elva-pg .cta-card{ position: relative; overflow: hidden; background: var(--sage-0); border-radius: 34px; padding: 80px 56px; text-align: center; color: #fff; box-shadow: var(--sh-4); }
.elva-pg .cta-glow{ position: absolute; inset: 0; background: radial-gradient(70% 120% at 50% 120%, rgba(155,92,255,.5), transparent 60%); pointer-events: none; }
.elva-pg .cta-card .eyebrow{ color: rgba(255,255,255,.55); position: relative; }
.elva-pg .cta-card h2{ color: #fff; font-size: clamp(32px, 4vw, 50px); font-weight: 600; margin-top: 16px; position: relative; }
.elva-pg .cta-card p{ font-size: 18px; color: rgba(255,255,255,.66); margin-top: 18px; position: relative; max-width: 48ch; margin-left: auto; margin-right: auto; }
.elva-pg .cta-btns{ display: flex; justify-content: center; gap: 14px; margin-top: 36px; position: relative; }
.elva-pg .foot-brand{ max-width: 240px; }
.elva-pg .foot-brand p{ font-size:15px; color: var(--ink-2); line-height: 1.5; margin-top: 16px; }
.elva-pg .foot-contact{ font-size:13.5px; color: var(--ink-3); margin-top: 18px; line-height: 1.7; font-family: var(--font-mono); }
.elva-pg .foot-col h4{ font-family: var(--font-mono); font-size:12px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); font-weight: 500; margin: 0 0 16px; }
.elva-pg .foot-col ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
.elva-pg .foot-col a{ font-size:15px; color: var(--ink-1); transition: color var(--dur-fast); }
.elva-pg .foot-col a:hover{ color: var(--ai-4); }
.elva-pg [data-reveal]{ opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }
.elva-pg [data-reveal].in{ opacity: 1; transform: none; }
.elva-pg [data-reveal][data-delay="1"]{ transition-delay: .08s; }
.elva-pg [data-reveal][data-delay="2"]{ transition-delay: .16s; }
.elva-pg [data-reveal][data-delay="3"]{ transition-delay: .24s; }
@media (prefers-reduced-motion: reduce){
.elva-pg [data-reveal]{ opacity: 1; transform: none; transition: none; }
.elva-pg .hero-glow,.elva-pg .float-card,.elva-pg .rating-chip,.elva-pg .tap,.elva-pg .typing span{ animation: none; }
.elva-pg .msg{ opacity: 1 !important; transform: none !important; }
}
@media (max-width: 980px){
.elva-pg .hero-grid{ grid-template-columns: 1fr; gap: 40px; }
.elva-pg .hero-visual{ aspect-ratio: 16 / 9; margin: 0 auto; width: 100%; max-width: 520px; }
.elva-pg .feature{ grid-template-columns: 1fr; gap: 36px; }
.elva-pg .feature.alt .feat-text{ order: 0; }
.elva-pg .pillar-grid{ grid-template-columns: repeat(2, 1fr); }
.elva-pg .mgr-grid{ grid-template-columns: 1fr; }
.elva-pg .foot-brand{ grid-column: 1 / -1; }
}
@media (max-width: 560px){
.elva-pg .wrap,.elva-pg .wrap-wide{ padding: 0 20px; }
.elva-pg .hero-stats{ gap: 26px; }
.elva-pg .statband-row{ gap: 32px; }
.elva-pg .sb-div{ display: none; }
.elva-pg .pillar-grid{ grid-template-columns: 1fr; }
.elva-pg .pillar-grid.grid-2x2{ grid-template-columns: 1fr; }
.elva-pg .hero-cta{ flex-direction: column; align-items: stretch; }
.elva-pg .cta-card{ padding: 56px 26px; }
.elva-pg .cta-btns{ flex-direction: column; }
}
.elva-pg .slider{ position:relative; margin-top:46px; }
.elva-pg .slider-track{ display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x proximity; scroll-behavior:auto; padding:6px 2px 22px; scrollbar-width:none; position:relative; }
.elva-pg .slider-track::-webkit-scrollbar{display:none;}
.elva-pg .slide-card{ scroll-snap-align:start; flex:0 0 clamp(290px,46%,520px); background:#fff; border:1px solid var(--cream-2); border-radius:var(--r-2xl); box-shadow:var(--sh-1); padding:20px 20px 28px; display:flex; flex-direction:column; transition: box-shadow var(--dur-med) var(--ease-out), border-color var(--dur-med), background var(--dur-med), transform var(--dur-med) var(--ease-out); }
.elva-pg .slide-card:hover{ transform:translateY(-4px); border-color:transparent; box-shadow:var(--sh-3); background: linear-gradient(155deg, rgba(155,92,255,.13), rgba(175,200,255,.05) 46%, rgba(255,183,168,.14)); }
.elva-pg .sc-media{ border-radius:var(--r-xl); overflow:hidden; aspect-ratio:16/10; }
.elva-pg .sc-media .img-slot{ border-radius:0; height:100%; }
.elva-pg .sc-media .img-slot::before{ border-radius:0; }
.elva-pg .slide-card:hover .sc-media .img-slot{ background-color: rgba(255,255,255,.55); }
.elva-pg .sc-tag{ display:flex; align-items:center; gap:13px; margin-top:24px; }
.elva-pg .sc-tag-ic{ width:50px;height:50px;border-radius:14px; background:#fff; border:1px solid var(--cream-2); box-shadow:var(--sh-2); display:grid;place-items:center; color:#7a48c4; flex:none; }
.elva-pg .sc-tag-ic svg{ width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7; }
.elva-pg .sc-tag-lbl{ font-size:16px; font-weight:600; color:var(--ink-0); letter-spacing:-0.01em; }
.elva-pg .slide-card h3{ font-size:25px; font-weight:600; margin-top:20px; line-height:1.1; }
.elva-pg .sc-desc{ font-size:15.5px; line-height:1.6; color:var(--ink-2); margin-top:14px; text-wrap:pretty; }
.elva-pg .slider-nav{ display:flex; align-items:center; justify-content:space-between; margin-top:12px; gap:18px; }
.elva-pg .sl-dots{ display:flex; gap:8px; align-items:center; }
.elva-pg .sl-dot{ width:8px;height:8px;border-radius:50%; background:var(--cream-shadow); border:none; padding:0; cursor:pointer; transition:all var(--dur-fast); }
.elva-pg .sl-dot.active{ width:26px; border-radius:999px; background:var(--grad-spectrum); }
.elva-pg .slider-arrows{ display:flex; gap:10px; }
.elva-pg .sl-arrow{ width:48px;height:48px;border-radius:50%; border:1px solid var(--cream-2); background:#fff; display:grid;place-items:center; cursor:pointer; transition:all var(--dur-fast); }
.elva-pg .sl-arrow:hover:not(:disabled){ border-color:var(--ink-4); transform:translateY(-1px); box-shadow:var(--sh-2); }
.elva-pg .sl-arrow:disabled{ opacity:.34; cursor:default; }
.elva-pg .sl-arrow svg{ width:20px;height:20px;stroke:var(--ink-0);fill:none;stroke-width:2; }
@media (max-width:560px){
.elva-pg .slide-card{ flex-basis:86%; padding:24px; }
}
/* builder: important-feature media wrapper keeps reveal+aspect on the outer div */
.elva-pg .elva01-feat-media{ position:relative; }
.elva-pg .elva01-feat-media .img-slot{ width:100%; height:100%; }
/* main-feature masonry: staggered like the Home suite-grid — even cards drop
   46px so left/right columns sit at different heights (the offset look). */
.elva-pg .mgr-grid{ align-items:start; }
.elva-pg .mgr-card:nth-child(even){ margin-top:46px; }
/* real image fills the card top edge-to-edge (no inset frame); placeholder
   keeps its 22px padded look. Taller area (240px) gives the image room. */
.elva-pg .mgr-viz{ height:240px; }
.elva-pg .mgr-viz:has(.img-slot.has-img){ padding:0; border-bottom:none; }
.elva-pg .mgr-viz .img-slot.has-img{ border:none; border-radius:0; }
.elva-pg .mgr-viz .img-slot.has-img::before{ display:none; }
.elva-pg .mgr-viz .img-slot.has-img .img-slot-img{ object-fit:cover; }
/* important-feature media: same treatment — real image fills the 4:3 frame
   edge-to-edge, placeholder keeps its framed look */
.elva-pg .elva01-feat-media .img-slot.has-img{ border:none; }
.elva-pg .elva01-feat-media .img-slot.has-img::before{ display:none; }
.elva-pg .elva01-feat-media .img-slot.has-img .img-slot-img{ object-fit:cover; padding:0; }
.elva-pg .mgr-viz .img-slot.has-img{ border:1px solid var(--cream-2); }
.elva-pg .mgr-viz .img-slot.has-img::before{ display:none; }
/* hero media: frame scales with the actual image rather than a fixed inset.
   Object-fit:contain inside the slot + visible dashed outline on real images.
   No fixed inset — the frame is the slot border + the ::before dashed ring,
   both of which scale naturally with the container. */
.elva-pg .hero-visual .img-slot.has-img{ background:none; border:none; }
.elva-pg .hero-visual .img-slot.has-img::before{ display:none; }
.elva-pg .hero-visual .img-slot.has-img .img-slot-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:top left; padding:0;
  border-radius:var(--r-2xl); box-shadow:var(--sh-4); border:1px solid var(--cream-2);
}

/* sticky-safe horizontal clipping (overrides scoped body overflow-x:hidden) */
.elva-pg{ overflow-x: clip; }
/* image-slot override: when a real image is assigned in WP admin, it fills the slot */
.elva-pg .img-slot{ position:relative; }
.elva-pg .img-slot.has-img{ background:none; border-style:solid; }
.elva-pg .img-slot-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }

/* ===== readability pass: secondary text one contrast step darker ===== */
.elva-pg{ --ink-2:#5A5A5F; --ink-3:#6E6E73; --ink-4:#98989E; }