/* Elva page template — scoped marketing styles (t2). 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{ 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; height: 540px; }
.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 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); display: flex; flex-direction: column; }
.elva-pg .mgr-card:hover{ transform: translateY(-4px); box-shadow: var(--sh-3); }
.elva-pg .mgr-viz{ height: 200px; background: var(--cream-0); border-bottom: 1px solid var(--cream-2); position: relative; overflow: hidden; padding: 22px; }
.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{ height: 520px; margin: 0 auto; width: 100%; max-width: 430px; }
.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 .hero-cta{ flex-direction: column; align-items: stretch; }
.elva-pg .cta-card{ padding: 56px 26px; }
.elva-pg .cta-btns{ flex-direction: column; }
}
.elva-pg .vs-grid{ display:flex; flex-direction:column; gap:0; position:relative; }
.elva-pg .vs-card{ border-radius: var(--r-lg); padding:18px 20px; border:1px solid var(--cream-2); background:#fff; }
.elva-pg .vs-card.old{ background: var(--surface-mute); }
.elva-pg .vs-card.new{ background: linear-gradient(180deg, var(--ai-tint), #fff); border-color: transparent; }
.elva-pg .vs-card .vlab{ font-family:var(--font-mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; display:inline-flex; align-items:center; gap:7px; color:var(--ink-3); }
.elva-pg .vs-card.new .vlab{ color:#7a48c4; }
.elva-pg .vs-card .vlab svg{ width:13px;height:13px; stroke:currentColor; fill:none; stroke-width:1.9; }
.elva-pg .vs-card h4{ font-size:16px; font-weight:600; margin-top:10px; }
.elva-pg .vs-card p{ font-size:14.5px; line-height:1.5; color:var(--ink-2); margin-top:7px; }
.elva-pg .vs-arrow{ align-self:center; width:32px;height:32px;border-radius:50%; background:#fff;border:1px solid var(--cream-2); display:grid;place-items:center; color:var(--ink-3); margin:10px 0; box-shadow:var(--sh-1); position:relative; z-index:1; }
.elva-pg .vs-arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.elva-pg .chat-mock{ display:flex; flex-direction:column; gap:14px; position:relative; }
.elva-pg .cm-row{ display:flex; gap:11px; align-items:flex-start; }
.elva-pg .cm-av{ width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:14.5px;color:#fff; }
.elva-pg .cm-av.dr{ background: var(--grad-ink); }
.elva-pg .cm-av.ai{ background: var(--grad-spectrum); box-shadow:0 4px 12px -4px rgba(155,92,255,.5); }
.elva-pg .cm-bubble{ max-width:84%; padding:13px 16px; border-radius:17px; font-size:15px; line-height:1.5; border:1px solid var(--cream-2); background:#fff; color:var(--ink-1); border-bottom-left-radius:5px; }
.elva-pg .cm-name{ font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; color:var(--ink-3); margin-bottom:5px; }
.elva-pg .cm-name.ai{ color:#7a48c4; }
.elva-pg .cm-code{ font-family:var(--font-mono); font-weight:600; color:var(--ink-0); }
.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; }
}
.elva-pg .mgr-card.t2{ position:relative; padding:0; overflow:hidden; border-color: color-mix(in oklab, var(--acc) 20%, var(--cream-2)); background: linear-gradient(160deg, color-mix(in oklab, var(--acc) 10%, #fff), #fff 58%); }
.elva-pg .mgr-card.t2::before{ content:''; position:absolute; top:-70px; right:-50px; width:190px; height:190px; border-radius:50%; background: radial-gradient(circle, color-mix(in oklab, var(--acc) 30%, transparent), transparent 68%); opacity:.5; pointer-events:none; transition: opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out); }
.elva-pg .mgr-card.t2:hover{ transform: translateY(-4px); border-color: color-mix(in oklab, var(--acc) 46%, var(--cream-2)); box-shadow: 0 24px 46px -26px color-mix(in oklab, var(--acc) 66%, transparent); }
.elva-pg .mgr-card.t2:hover::before{ opacity:.9; transform: scale(1.14); }
.elva-pg .mgr-card.t2 .mgr-body{ position:relative; padding:32px 30px 34px; display:flex; flex-direction:column; }
.elva-pg .mgr-no{ position:absolute; top:16px; right:24px; font-family:var(--font-display); font-size:58px; font-weight:700; line-height:1; letter-spacing:-0.05em; color: color-mix(in oklab, var(--acc) 19%, transparent); pointer-events:none; }
.elva-pg .mgr-head{ margin-bottom:20px; }
.elva-pg .mgr-ic{ width:52px; height:52px; border-radius:15px; display:grid; place-items:center; background: linear-gradient(140deg, var(--acc), color-mix(in oklab, var(--acc) 48%, #fff)); color:#fff; box-shadow: 0 12px 24px -12px color-mix(in oklab, var(--acc) 80%, transparent); }
.elva-pg .mgr-ic svg{ width:24px; height:24px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.elva-pg .mgr-card.t2 .eyebrow{ color: color-mix(in oklab, var(--acc) 72%, var(--ink-2)); margin-bottom:11px; }
.elva-pg .mgr-card.t2 h3{ font-size:21px; font-weight:600; }
.elva-pg .mgr-card.t2 p{ font-size:15.5px; line-height:1.55; color:var(--ink-2); margin-top:10px; }
.elva-pg .mgr-acc-1{ --acc:#3D6FD6; --acc-tint:rgba(91,141,239,.13); }
.elva-pg .mgr-acc-2{ --acc:#8A4BE8; --acc-tint:rgba(155,92,255,.13); }
.elva-pg .mgr-acc-3{ --acc:#1F8A7C; --acc-tint:rgba(31,138,124,.13); }
.elva-pg .mgr-acc-4{ --acc:#C0803A; --acc-tint:rgba(224,160,72,.15); }
.elva-pg .mgr-acc-5{ --acc:#C44C8E; --acc-tint:rgba(196,76,142,.13); }
.elva-pg .mgr-acc-6{ --acc:#2E9B73; --acc-tint:rgba(46,155,115,.13); }
.elva-pg .mgr-grid{ align-items: start; }
.elva-pg .mgr-grid > .mgr-card.t2:nth-child(even){ transform: translateY(54px); }
.elva-pg .mgr-card.t2:hover{ transform: translateY(-5px); }
.elva-pg .mgr-grid > .mgr-card.t2:nth-child(even):hover{ transform: translateY(49px); }
.elva-pg .slide-card.t2{ padding:30px 28px 30px; }
.elva-pg .slide-card.t2 .sc-tag{ margin-top:0; }
.elva-pg .slide-card.t2 h3{ margin-top:22px; }
.elva-pg .hero-centered{ max-width: 800px; margin: 0 auto; text-align: center; }
.elva-pg .hero-centered .eyebrow{ justify-content: center; }
.elva-pg .hero-centered h1{ margin-left: auto; margin-right: auto; max-width: 840px; font-size: clamp(34px, 4.6vw, 52px); text-wrap: balance; }
.elva-pg .hero-centered .hero-lead{ margin-left: auto; margin-right: auto; max-width: 60ch; }
.elva-pg .hero-centered .hero-cta{ justify-content: center; margin-top: 32px; }
.elva-pg .hero-centered .hero-note{ justify-content: center; }
.elva-pg .hero-showcase{ position: relative; max-width: 1140px; margin: 60px auto 0; }
.elva-pg .hero-frame{ position: relative; background:#fff; border:1px solid var(--cream-2); border-radius: var(--r-2xl); box-shadow: var(--sh-4); overflow: hidden; }
.elva-pg .hero-frame-bar{ display:flex; align-items:center; gap:8px; padding:13px 18px; border-bottom:1px solid var(--cream-2); background: var(--cream-0); }
.elva-pg .hero-frame-bar .tl{ display:flex; gap:6px; }
.elva-pg .hero-frame-bar .tl i{ width:10px; height:10px; border-radius:50%; background: var(--cream-shadow); }
.elva-pg .hero-frame-bar .ttl{ font-family: var(--font-mono); font-size:12.5px; letter-spacing:.04em; color: var(--ink-3); margin-left:6px; }
.elva-pg .hero-frame-bar .live{ margin-left:auto; display:inline-flex; align-items:center; gap:7px; font-family: var(--font-mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color: var(--ink-3); }
.elva-pg .hero-frame img{ display:block; width:100%; height:auto; }
.elva-pg .hero-chip{ position:absolute; background:#fff; border:1px solid var(--cream-2); border-radius: var(--r-lg); box-shadow: var(--sh-3); padding:15px 19px; display:flex; flex-direction:column; gap:3px; animation: floaty 6s ease-in-out infinite; }
.elva-pg .hero-chip .cn{ font-family: var(--font-display); font-size:30px; font-weight:700; letter-spacing:-0.04em; line-height:1; color: var(--ink-0); }
.elva-pg .hero-chip .cl{ font-size:13px; color: var(--ink-3); max-width:17ch; line-height:1.5; }
.elva-pg .hero-chip-a{ left:-26px; top:90px; }
.elva-pg .hero-chip-b{ right:-26px; bottom:64px; animation-delay:-3s; }
@media (prefers-reduced-motion: reduce){
.elva-pg .hero-chip{ animation: none; }
}
.elva-pg .secwf-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:22px; margin-top:56px; }
.elva-pg .secwf-card{ background:#fff; border:1px solid var(--cream-2); border-radius: var(--r-2xl); padding:34px 36px 38px; box-shadow: var(--sh-1); transition: transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out); }
.elva-pg .secwf-card:hover{ transform: translateY(-3px); box-shadow: var(--sh-2); }
.elva-pg .secwf-ic{ width:50px; height:50px; border-radius:14px; display:grid; place-items:center; margin-bottom:28px; }
.elva-pg .secwf-ic svg{ width:24px; height:24px; stroke: currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.elva-pg .secwf-card h3{ font-size:20px; font-weight:600; }
.elva-pg .secwf-card p{ font-size:16px; line-height:1.6; color: var(--ink-2); margin-top:12px; max-width:46ch; text-wrap:pretty; }
.elva-pg .swf-1 .secwf-ic{ background: rgba(91,141,239,.13); color:#3D6FD6; }
.elva-pg .swf-2 .secwf-ic{ background: rgba(155,92,255,.13); color:#8A4BE8; }
.elva-pg .swf-3 .secwf-ic{ background: var(--success-tint); color: var(--success); }
.elva-pg .swf-4 .secwf-ic{ background: rgba(224,160,72,.16); color:#C0803A; }
@media (max-width: 860px){
.elva-pg .secwf-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 980px){
.elva-pg .mgr-grid > .mgr-card.t2:nth-child(even){ transform: none; }
.elva-pg .mgr-grid > .mgr-card.t2:nth-child(even):hover{ transform: translateY(-5px); }
}
@media (max-width: 768px){
.elva-pg .hero-showcase{ margin-top: 44px; }
.elva-pg .hero-chip{ display:none; }
}
.elva-pg .t2-gallery{ margin-top: 88px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.elva-pg .t2-gframe{ margin: 0; }
.elva-pg .t2-frame{ position: relative; background: #fff; border: 1px solid var(--cream-2); border-radius: var(--r-2xl); box-shadow: var(--sh-4); overflow: hidden; }
.elva-pg .t2-frame-bar{ display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--cream-2); background: var(--cream-0); }
.elva-pg .t2-frame-bar .tl{ display: flex; gap: 6px; }
.elva-pg .t2-frame-bar .tl i{ width: 10px; height: 10px; border-radius: 50%; background: var(--cream-shadow); }
.elva-pg .t2-frame-bar .ttl{ font-family: var(--font-mono); font-size:12.5px; letter-spacing: .04em; color: var(--ink-3); margin-left: 6px; }
.elva-pg .t2-frame img{ display: block; width: 100%; height: auto; }
.elva-pg .t2-frame .img-slot{ border-radius: 0; aspect-ratio: 16/10; }
@media (max-width: 900px){
.elva-pg .t2-gallery{ grid-template-columns: 1fr; }
}
.elva-pg .hero-frame-plain{ aspect-ratio: 16/9; }
.elva-pg .hero-frame-plain .img-slot{ width:100%; height:100%; border-radius:0; }
.elva-pg .hero-frame-plain .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:inherit; }
.elva-pg .hero-frame-plain img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top left; }

/* ===== components ===== */

/* 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; }