/* base */
[hidden]{display:none!important}

/* base */
:root{
  --ink:#0A1F22; --teal:#1C4750; --slate:#507B84; --mist:#E5F3F4; --ice:#F4FCFD;
  --mint:#5EEAB5; --mint-deep:#16A34A; --paper:#F8F9F8; --white:#FFFFFF;
  --text:#0A1F22; --muted:#5B6B6E; --line:#DDE5E4;
  --on-dark:#F4F7F6; --on-dark-muted:#A9BCBC;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --r:28px; --gutter:clamp(16px,5vw,64px);
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.05;margin:0;text-wrap:balance}
h1{font-size:clamp(42px,6.2vw,76px)}
h2{font-size:clamp(34px,4.4vw,54px)}
h3{font-size:clamp(24px,2.4vw,30px);line-height:1.15}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--gutter)}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.dark .eyebrow{color:var(--mint)}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--muted);max-width:60ch}
.dark .lead{color:var(--on-dark-muted)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font-weight:600;font-size:16px;line-height:1;border:1.5px solid transparent;transition:transform .15s ease,background .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.btn-primary{background:var(--ink);color:var(--white)}
.btn-primary:hover{background:var(--teal)}
.btn-light{background:var(--white);color:var(--ink)}
.btn-light:hover{background:var(--mist)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}
.dark .btn-ghost{border-color:rgba(255,255,255,.28);color:var(--on-dark)}
.btn-ghost:hover{border-color:var(--slate)}
section{padding-block:clamp(64px,9vw,120px)}
.dark{background:var(--ink);color:var(--on-dark)}
.teal{background:var(--teal);color:var(--on-dark)}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(248,249,248,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}
.nav img{height:26px;width:auto}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-weight:500;font-size:15px}
.nav ul a:hover{color:var(--slate)}
.nav .actions{display:flex;gap:10px;align-items:center}
.nav .actions .btn{padding:12px 20px;font-size:15px}
@media (max-width:820px){.nav ul,.nav .login{display:none}}

/* hero */
.hero{background:var(--paper);color:var(--text);overflow:hidden;position:relative;padding-block:clamp(56px,7vw,96px) clamp(48px,6vw,80px);text-align:center}
.hero .wrap{max-width:980px}
.hero h1{color:var(--ink);font-size:clamp(46px,7vw,92px)}
.hero .lead{margin:28px auto 0;max-width:56ch;font-size:clamp(18px,1.7vw,22px)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:32px}
.hero .btn{padding:20px 34px;font-size:17px}
.hero-proof{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;margin-top:26px;font-size:14px;color:var(--muted)}
.hero-proof span{display:flex;align-items:center;gap:8px}
.hero-proof i{width:8px;height:8px;border-radius:50%;background:var(--mint);display:inline-block}
/* stacked call log */
.stack{position:relative;margin:clamp(40px,5vw,64px) auto 0;max-width:820px;display:grid;gap:0;justify-items:center}
.log{background:var(--white);border-radius:14px;box-shadow:0 18px 44px rgba(10,31,34,.10),0 1px 0 rgba(10,31,34,.04);width:100%;text-align:left;position:relative;z-index:3}
.log .head{display:flex;align-items:center;gap:22px;padding:18px 26px;border-bottom:1px solid var(--line);font-size:17px;color:var(--muted);font-variant-numeric:tabular-nums}
.log .head .agent{flex:1}
.log .body{display:grid;grid-template-columns:1.1fr 1.4fr 1.3fr;gap:24px;align-items:center;padding:22px 26px}
.log small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.log b{font-weight:500;font-size:22px;color:var(--ink);line-height:1.1}
.log q{font-size:13px;color:var(--ink);quotes:"\201C" "\201D";line-height:1.4}
.log .wave{margin:0;height:34px;gap:3px;justify-self:center}
.log .wave i{width:3px}
.log .wave i:nth-child(n+7){opacity:.28}
.log.l2{z-index:2;width:calc(100% - 60px);margin-top:-6px;background:#EEF0EF;box-shadow:0 10px 30px rgba(10,31,34,.06);opacity:.9}
.log.l3{z-index:1;width:calc(100% - 120px);margin-top:-6px;background:transparent;box-shadow:none;opacity:.35}
.log.l2 .body,.log.l3 .body{padding:16px 26px 20px}
.log.l2 b,.log.l3 b{font-size:20px}
@media (max-width:700px){.log .body{grid-template-columns:1fr;gap:12px}.log .head{font-size:14px;gap:12px;flex-wrap:wrap}.log.l2{width:calc(100% - 30px)}.log.l3{width:calc(100% - 60px)}}
.wave{display:flex;align-items:center;gap:5px;height:26px;margin-top:12px}
.wave i{display:block;width:4px;border-radius:2px;background:var(--ink);opacity:.85}
.wave i:nth-child(1){height:8px}.wave i:nth-child(2){height:18px}.wave i:nth-child(3){height:10px}.wave i:nth-child(4){height:24px}.wave i:nth-child(5){height:14px}.wave i:nth-child(6){height:22px}.wave i:nth-child(7){height:9px}.wave i:nth-child(8){height:16px}.wave i:nth-child(9){height:12px}.wave i:nth-child(10){height:20px}.wave i:nth-child(11){height:8px}.wave i:nth-child(12){height:15px}.wave i:nth-child(13){height:11px}.wave i:nth-child(14){height:19px}.wave i:nth-child(15){height:7px}.wave i:nth-child(16){height:14px}
@media (prefers-reduced-motion:no-preference){
  .wave.live i:nth-child(-n+6){animation:bar 1.1s ease-in-out infinite alternate}
  .wave.live i:nth-child(odd){animation-duration:.85s}
  @keyframes bar{to{transform:scaleY(.4)}}
}
.pill{display:inline-block;background:var(--mint);color:var(--ink);font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;white-space:nowrap}

/* logos strip */
.logos{padding-block:36px;border-bottom:1px solid var(--line);background:var(--white)}
.logos .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;justify-content:center}
.logos p{width:100%;text-align:center;font-size:13px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.logos span{font-family:var(--serif);font-size:19px;color:var(--slate);opacity:.85;white-space:nowrap}

/* stats */
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:820px){.statgrid{grid-template-columns:1fr!important}}
.stat{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:30px 30px 28px}
.stat b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(44px,5vw,64px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat b em{font-style:normal;color:var(--mint-deep);font-size:.55em;vertical-align:.45em;margin-left:4px}
.stat p{margin-top:12px;color:var(--muted);font-size:16px}
@media (max-width:820px){.stats .wrap{grid-template-columns:1fr}}

/* section headers */
.sec-head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}
.sec-head h2{margin-top:14px}
.sec-head .lead{margin-top:18px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .lead{margin-inline:auto}

/* features (alternating) */
.num{font-family:var(--serif);font-size:15px;color:var(--slate);letter-spacing:.06em;margin-right:10px}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;padding-block:clamp(28px,4vw,56px)}
.feature+.feature{border-top:1px solid var(--line)}
.feature:nth-child(even) .f-media{order:2}
.f-media{position:relative}
.f-media img{border-radius:var(--r);width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.f-copy h3{font-size:clamp(30px,3.2vw,42px)}
.f-copy .lead{margin-top:16px;font-size:18px}
.f-copy ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.f-copy li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.f-copy li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:1px}
.f-copy .stat-line{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center}
.f-copy .stat-line b{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1;letter-spacing:-.02em}
.f-copy .stat-line span{color:var(--muted);font-size:15px;max-width:34ch;line-height:1.4}
.booked{position:absolute;left:24px;bottom:24px;background:var(--white);color:var(--ink);border-radius:14px;padding:14px 16px;box-shadow:0 16px 40px rgba(10,31,34,.25);display:flex;gap:12px;align-items:center}
.booked .ic{width:38px;height:38px;border-radius:9px;background:var(--ink);display:grid;place-items:center;flex:none}
.booked .ic svg{width:18px;height:18px}
.booked b{font-family:var(--serif);font-weight:400;font-size:20px;display:block;line-height:1.1}
.booked small{color:var(--muted);font-size:12px}
@media (max-width:860px){.feature{grid-template-columns:1fr}.feature:nth-child(even) .f-media{order:0}}

/* control cards */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ccard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:30px}
.ccard .ic{width:44px;height:44px;border-radius:12px;background:var(--mint);display:grid;place-items:center;margin-bottom:22px}
.ccard .ic svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ccard h3{font-size:26px;color:var(--white)}
.ccard p{margin-top:12px;color:var(--on-dark-muted);font-size:16px}
@media (max-width:860px){.cgrid{grid-template-columns:1fr}}

/* industries */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ind{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.ind:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,31,34,.12)}
.ind img{aspect-ratio:4/3;width:100%;object-fit:cover}
.ind .body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ind h3{font-size:24px}
.ind p{color:var(--muted);font-size:15px;flex:1}
.ind .tag{align-self:flex-start;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--mist);color:var(--teal)}
@media (max-width:1000px){.ind-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ind-grid{grid-template-columns:1fr}}

/* why / matrix */
.why .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why .col{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px}
.why .col h3{font-size:22px;padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}
.why .col h3 small{font-family:var(--sans);font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.why .col ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:9px;font-size:15px}
.why .col li{display:flex;gap:10px;align-items:flex-start}
.why .col li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--mint-deep);margin-top:9px}
@media (max-width:860px){.why .cols{grid-template-columns:1fr}}

/* how it works */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}
.step{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px;counter-increment:step}
.step::before{content:counter(step,decimal-leading-zero);font-family:var(--serif);font-size:40px;color:var(--slate);display:block;line-height:1;margin-bottom:18px}
.step h3{font-size:22px}
.step p{margin-top:10px;color:var(--muted);font-size:15px}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* faq */
.faq .wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(28px,6vw,80px)}
.faq details{border-top:1px solid var(--line);padding:6px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-family:var(--serif);font-size:22px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--sans);font-size:24px;color:var(--slate);flex:none;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px;border-radius:6px}
.faq details p{color:var(--muted);padding:0 44px 20px 0;max-width:62ch}
@media (max-width:860px){.faq .wrap{grid-template-columns:1fr}}

/* final cta */
.final{position:relative;overflow:hidden;text-align:center}
.final .wrap{position:relative;z-index:1;max-width:820px}
.final h2{color:var(--white);font-size:clamp(38px,5.4vw,66px)}
.final .lead{margin:18px auto 0}
.final .hero-ctas{justify-content:center}
.final svg{position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;width:min(1400px,140vw);height:auto;opacity:.22;pointer-events:none}

/* footer */
footer{background:var(--ink);color:var(--on-dark-muted);padding-block:56px 34px;border-top:1px solid rgba(255,255,255,.08)}
footer .top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
footer img{height:26px;width:auto;margin-bottom:16px}
footer h4{margin:0 0 14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--white);font-weight:600}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px}
footer ul a:hover{color:var(--white)}
footer .bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
footer .bottom em{font-family:var(--serif);font-style:italic;color:var(--mint);font-size:15px}
@media (max-width:820px){footer .top{grid-template-columns:1fr 1fr}}

/* listen bar */
.listen{max-width:820px;margin:22px auto 0;background:var(--ink);color:var(--on-dark);border-radius:16px;padding:14px 16px 14px 14px;display:flex;align-items:center;gap:16px;text-align:left;box-shadow:0 18px 44px rgba(10,31,34,.18)}
.listen .play{width:48px;height:48px;border-radius:50%;background:var(--mint);border:0;display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .15s}
.listen .play:hover{transform:scale(1.05)}
.listen .play:focus-visible{outline:3px solid var(--white);outline-offset:3px}
.listen .play svg{width:18px;height:18px;fill:var(--ink)}
.listen .play .ic-pause{display:none}
.listen.playing .play .ic-play{display:none}.listen.playing .play .ic-pause{display:block}
.listen .meta{flex:none;min-width:0}
.listen .meta small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);font-weight:600}
.listen .meta b{display:block;font-weight:500;font-size:15px;line-height:1.2;margin-top:3px}
.listen .vwave{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;height:40px;min-width:0;overflow:hidden}
.listen .vwave i{display:block;width:3px;border-radius:2px;background:var(--mint);opacity:.55;height:var(--h,12px);transform-origin:center}
.listen.playing .vwave i{opacity:1}
@media (prefers-reduced-motion:no-preference){.listen.playing .vwave i{animation:vbar .9s ease-in-out infinite alternate;animation-delay:var(--d,0s)}@keyframes vbar{from{transform:scaleY(.35)}to{transform:scaleY(1)}}}
.listen .time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--on-dark-muted);flex:none}
@media (max-width:640px){.listen{flex-wrap:wrap}.listen .vwave{order:3;width:100%;flex:1 0 100%}}


/* ---------- multi-page additions ---------- */
[data-page]{display:none}
[data-page].active{display:block}
.nav ul a.current{color:var(--slate);border-bottom:2px solid var(--mint);padding-bottom:4px}
.page-hero{padding-block:clamp(56px,7vw,96px) clamp(40px,5vw,64px);text-align:center}
.page-hero .wrap{max-width:900px}
.page-hero h1{font-size:clamp(40px,5.6vw,72px)}
.page-hero .lead{margin:22px auto 0}
.page-hero .hero-ctas{justify-content:center}

/* positioning band */
.position{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.position .wrap{display:grid;grid-template-columns:1.1fr 1.6fr;gap:clamp(28px,6vw,80px);align-items:start}
.position h2{font-size:clamp(30px,3.6vw,46px)}
.position .lead{margin-top:16px;font-size:17px}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pillar{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--paper)}
.pillar .ic{width:38px;height:38px;border-radius:10px;background:rgba(94,234,181,.22);display:grid;place-items:center;margin-bottom:14px}
.pillar .ic svg{width:19px;height:19px;stroke:var(--teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pillar h3{font-size:21px}
.pillar p{margin-top:8px;color:var(--muted);font-size:15px}
@media (max-width:900px){.position .wrap{grid-template-columns:1fr}}
@media (max-width:560px){.pillars{grid-template-columns:1fr}}

/* flow */
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}
.flow .node{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;position:relative}
.flow .node small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-weight:600;margin-bottom:8px}
.flow .node b{font-family:var(--serif);font-weight:400;font-size:20px;display:block;line-height:1.15}
.flow .node p{margin-top:8px;font-size:14px;color:var(--muted)}
.flow .node.you{background:var(--mist);border-color:transparent}
.flow .node.ai{background:var(--ink);color:var(--on-dark);border-color:transparent}
.flow .node.ai small{color:var(--mint)}
.flow .node.ai p{color:var(--on-dark-muted)}
@media (max-width:1000px){.flow{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.flow{grid-template-columns:1fr}}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:18px;position:relative}
.plan.hi{background:var(--ink);color:var(--on-dark);border-color:transparent;box-shadow:0 30px 60px rgba(10,31,34,.18)}
.plan .name{font-family:var(--serif);font-size:28px}
.plan .for{font-size:14px;color:var(--muted)}
.plan.hi .for{color:var(--on-dark-muted)}
.plan .price{font-family:var(--serif);font-size:40px;line-height:1;letter-spacing:-.02em}
.plan .price span{font-family:var(--sans);font-size:14px;letter-spacing:0;color:var(--muted);display:block;margin-top:8px}
.plan.hi .price span{color:var(--on-dark-muted)}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px;flex:1;align-content:start}
.plan li{display:flex;gap:10px}
.plan li b{font-weight:600}
.plan li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat;margin-top:3px}
.plan .tag{position:absolute;top:22px;right:22px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--mint);color:var(--ink)}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.compare{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.compare table{width:100%;border-collapse:collapse;font-size:15px}
.compare th,.compare td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare th{font-family:var(--serif);font-weight:400;font-size:20px}
.compare th:first-child{width:34%}
.compare tr:last-child td{border-bottom:0}
.compare td.yes{color:var(--ink)}
.compare td.no{color:var(--muted)}
.compare .scroll{overflow-x:auto}
.roi{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.roi .card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px}
.roi .card.dark{background:var(--ink)}
.roi .kpi{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.roi .kpi div{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px}
.roi .kpi small{font-size:12px;color:var(--on-dark-muted);display:block}
.roi .kpi b{font-family:var(--serif);font-weight:400;font-size:30px;font-variant-numeric:tabular-nums}
.roi .kpi b em{font-style:normal;font-family:var(--sans);font-size:12px;color:var(--mint);margin-left:6px;vertical-align:.5em}
@media (max-width:860px){.roi{grid-template-columns:1fr}}

/* about */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center}
.about-grid img{border-radius:var(--r);width:100%;aspect-ratio:4/3;object-fit:cover}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value{border-top:2px solid var(--ink);padding-top:18px}
.value h3{font-size:22px}
.value p{margin-top:8px;color:var(--muted);font-size:15px}
@media (max-width:860px){.about-grid,.values{grid-template-columns:1fr}}

/* blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-card{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,31,34,.12)}
.post-card img{aspect-ratio:16/10;object-fit:cover;width:100%;object-position:center top}
.post-card .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-card .meta{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.post-card h3{font-size:22px}
.post-card p{color:var(--muted);font-size:15px;flex:1}
.post-card .more{font-weight:600;font-size:14px;color:var(--teal)}
@media (max-width:900px){.posts{grid-template-columns:1fr}}
.article{max-width:720px;margin:0 auto}
.article .meta{font-size:13px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.article h1{font-size:clamp(34px,4.6vw,56px);margin-top:14px}
.article img{border-radius:var(--r);margin:32px 0;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top}
.article p{margin-top:18px;font-size:18px;line-height:1.65;color:#2B3A3C}
.article h2{font-size:30px;margin-top:38px}
.article .back{display:inline-block;margin-bottom:22px;font-weight:600;font-size:14px;color:var(--teal)}

/* forms */
.form-wrap{max-width:560px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,40px)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:600;color:var(--teal)}
.field input,.field select,.field textarea{font:inherit;font-size:15px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--slate);box-shadow:0 0 0 3px var(--mist)}
.form-wrap .btn{width:100%;justify-content:center;margin-top:8px}
.form-note{font-size:13px;color:var(--muted);text-align:center;margin-top:14px}
.thanks{display:none;text-align:center;padding:20px 0}
.thanks h3{font-size:30px}
.thanks p{color:var(--muted);margin-top:12px}
.form-wrap.sent form{display:none}.form-wrap.sent .thanks{display:block}
.demo-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:start}
.demo-split ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.demo-split li{display:flex;gap:12px;font-size:16px}
.demo-split li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
@media (max-width:860px){.demo-split{grid-template-columns:1fr}}
.mobile-nav{display:none}
@media (max-width:820px){
  .mobile-nav{display:flex;gap:6px;overflow-x:auto;padding:10px var(--gutter);border-bottom:1px solid var(--line);background:var(--white);font-size:14px;font-weight:500;-webkit-overflow-scrolling:touch}
  .mobile-nav a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
  .mobile-nav a.current{background:var(--ink);color:#fff;border-color:var(--ink)}
}
.ind-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(24px,4vw,48px)}
.ind-detail+.ind-detail{border-top:1px solid var(--line)}
.ind-detail .f-media img{aspect-ratio:4/3;object-fit:cover}
.ind-detail:nth-child(even) .f-media{order:2}
.ind-stat{border-radius:var(--r);aspect-ratio:4/3;background:var(--ink);color:var(--on-dark);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.ind-stat b{font-family:var(--serif);font-weight:400;font-size:clamp(56px,7vw,96px);line-height:1;letter-spacing:-.02em;display:flex;align-items:baseline;gap:12px}
.ind-stat b em{font-style:normal;font-family:var(--sans);font-size:16px;color:var(--mint);letter-spacing:0}
.ind-stat p{color:var(--on-dark-muted);max-width:30ch}
.ind-detail ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;font-size:15px}
.ind-detail li{display:flex;gap:10px}
.ind-detail li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--mint-deep);margin-top:9px}
@media (max-width:860px){.ind-detail{grid-template-columns:1fr}.ind-detail:nth-child(even) .f-media{order:0}}

/* ---------- hub / timeline (Flossy-style) ---------- */
.panel{background:var(--white);border:1px solid var(--line);border-radius:36px;padding:clamp(28px,5vw,64px)}
.panel-head{max-width:720px;margin-bottom:clamp(32px,4vw,48px)}
.panel-head h2{margin-top:16px;font-size:clamp(30px,3.8vw,46px)}
.panel-head .lead{margin-top:16px;font-size:17px}
.chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--mist);padding:8px 12px;border-radius:999px}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint-deep)}
.pillars.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.pillars.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pillars.four{grid-template-columns:1fr}}
.timeline{position:relative;display:grid;gap:clamp(40px,5vw,64px)}
.timeline::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:var(--line);z-index:0}
.tstep{display:grid;grid-template-columns:48px minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start;min-width:0;position:relative;z-index:1}
.tnode{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--mint);font-family:var(--serif);font-size:20px;display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 0 0 6px var(--white)}
.tcontent{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:4px;min-width:0}
.tcopy,.ui{min-width:0}

.tcopy h3{font-size:clamp(24px,2.6vw,32px)}
.tcopy p{margin-top:12px;color:var(--muted);font-size:16px;max-width:44ch}
.ui{background:var(--mist);border-radius:22px;padding:22px;display:grid;gap:14px;color:var(--ink)}
.ui.dark{background:var(--ink);color:var(--on-dark)}
.ui-row{display:flex;align-items:center;gap:14px;background:var(--white);border-radius:14px;padding:14px 16px}
.ui.dark .ui-row{background:rgba(255,255,255,.06)}
.ui .grow{flex:1;min-width:0}
.ui small{display:block;font-size:12px;color:var(--muted)}
.ui.dark small{color:var(--on-dark-muted)}
.ui b{display:block;font-weight:500;font-size:16px;line-height:1.2}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--slate);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;flex:none}
.avatar.ai{background:var(--mint);color:var(--ink)}
.pill.soft{background:var(--white);color:var(--teal);border:1px solid var(--line)}
.ui-note{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--teal);padding-left:4px}
.ui-note .dot{width:8px;height:8px;border-radius:50%;background:var(--mint-deep)}
.bubble{max-width:82%;padding:12px 14px;border-radius:16px;font-size:14px;line-height:1.45}
.bubble.agent{background:var(--ink);color:var(--on-dark);border-bottom-left-radius:4px;justify-self:start}
.bubble.caller{background:var(--white);color:var(--ink);border-bottom-right-radius:4px;justify-self:end}
.wave.small{height:22px;margin:0;gap:3px;justify-self:start;padding-left:6px}
.wave.small i{width:3px}
.booking{display:flex;gap:14px;align-items:center;background:var(--white);border-radius:14px;padding:16px}
.booking .check{width:44px;height:44px;border-radius:12px;background:var(--ink);display:grid;place-items:center;flex:none}
.booking .check svg{width:20px;height:20px;stroke:var(--mint);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.booking b{font-family:var(--serif);font-weight:400;font-size:20px}
.booking span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
table.calls{width:100%;border-collapse:collapse;background:var(--white);border-radius:14px;overflow:hidden;font-size:13px}
table.calls th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
table.calls td{padding:11px 12px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}
table.calls tr:last-child td{border-bottom:0}
.grade{font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px}
.grade.hot{background:var(--mint);color:var(--ink)}
.grade.warm{background:#FFE0CF;color:#8A3A05}
.grade.spam{background:var(--line);color:var(--muted)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpis div{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px}
.kpis b{font-family:var(--serif);font-weight:400;font-size:28px;font-variant-numeric:tabular-nums;margin-top:4px}
.kpis b em{font-style:normal;font-family:var(--sans);font-size:12px;color:var(--mint);margin-left:6px;vertical-align:.45em}
.ui .tiny{font-size:12px;color:var(--on-dark-muted)}
@media (max-width:900px){.tcontent{grid-template-columns:1fr}}
@media (max-width:560px){.ui-row{display:grid;grid-template-columns:auto 1fr;gap:10px 12px}.ui-row .pill{grid-column:1/-1;justify-self:start}.tstep{grid-template-columns:36px minmax(0,1fr)}.tnode{width:36px;height:36px;font-size:16px}.timeline::before{left:17px}.ui{padding:16px}.tcontent{gap:18px}.ui:has(table.calls){overflow-x:auto}}

/* pg-hub-anim-css */
/* "One call, start to finish" — steps reveal one by one on scroll */
#hub .timeline::after{content:"";position:absolute;left:23px;top:24px;width:2px;height:calc((100% - 48px) * var(--prog,0));background:var(--teal);border-radius:2px;transition:height .15s linear;z-index:0}
@media (max-width:560px){#hub .timeline::after{left:17px}}
html.pg-anim #hub .tstep{opacity:0;transform:translateY(48px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
html.pg-anim #hub .tstep .tnode{transform:scale(.3);transition:transform .55s cubic-bezier(.3,1.6,.5,1) .1s,background .4s,color .4s}
html.pg-anim #hub .tstep .tcopy{opacity:0;transform:translateY(16px);transition:opacity .6s ease .15s,transform .7s ease .15s}
html.pg-anim #hub .tstep .ui{opacity:0;transform:translateX(40px) scale(.97);transition:opacity .7s ease .3s,transform .8s cubic-bezier(.2,.7,.2,1) .3s}
html.pg-anim #hub .tstep.in,html.pg-anim #hub .tstep.in .tcopy,html.pg-anim #hub .tstep.in .ui{opacity:1;transform:none}
html.pg-anim #hub .tstep.in .tnode{transform:none;background:var(--mint-deep);color:#fff}
html.pg-text #hub .tstep,html.pg-text #hub .tstep *,html.pg-design #hub .tstep,html.pg-design #hub .tstep *{opacity:1!important;transform:none!important}

/* pg-hero-card-css */
/* Product hero: rounded card with line pattern + interactive shadow */
.hc-sec .wrap{max-width:1180px}
.hero-card{position:relative;border-radius:36px;overflow:hidden;background:linear-gradient(160deg,#FFFFFF 0%,var(--ice) 55%,var(--mist) 100%);border:1px solid var(--line);
  padding:clamp(48px,7vw,96px) clamp(20px,5vw,72px);
  --sx:0px;--sy:24px;--rx:0deg;--ry:0deg;--mx:50%;--my:40%;
  box-shadow:var(--sx) var(--sy) 60px -12px rgba(10,31,34,.22),calc(var(--sx)*.4) calc(var(--sy)*.4) 18px -8px rgba(10,31,34,.10);
  transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));transition:box-shadow .35s ease,transform .35s ease;will-change:transform}
.hc-bg{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 48%,transparent 0%,rgba(0,0,0,.25) 45%,#000 85%);mask-image:radial-gradient(ellipse 60% 55% at 50% 48%,transparent 0%,rgba(0,0,0,.25) 45%,#000 85%)}
.hc-lines{position:absolute;inset:-6%;width:112%;height:112%;transform:translate(calc(var(--sx)*-.6),calc((var(--sy) - 24px)*-.6));transition:transform .35s ease}
.hc-glow{position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(94,234,181,.28),transparent 60%);opacity:0;transition:opacity .4s}
.hero-card.hc-on .hc-glow{opacity:1}
.hc-body{position:relative;max-width:860px;margin:0 auto}
@media (prefers-reduced-motion:reduce){.hero-card,.hc-lines{transition:none;transform:none}}

/* pg-toggle-css */
/* Product page: on/off control card */
.tgl-card .tg-master{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.tgl-card .tg-dot{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(94,234,181,.18);flex:none;transition:background .3s,box-shadow .3s}
.tgl-card .tg-txt{flex:1;min-width:0}
.tgl-card .tg-txt b{display:block;font-weight:500;font-size:16px;color:#fff;line-height:1.25}
.tgl-card .tg-txt small{display:block;font-size:12.5px;color:var(--on-dark-muted);margin-top:2px}
.tgl-card .tg-rules{margin-top:10px;display:grid;transition:opacity .3s}
.tgl-card .tg-row{display:flex;align-items:center;gap:14px;padding:12px 4px 12px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.tgl-card .tg-row:last-child{border-bottom:0}
.tgl-card .tg-row .tg-txt b{font-size:14.5px}
.tg-sw{flex:none;position:relative;width:44px;height:26px;border-radius:999px;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.18);transition:background .25s}
.tg-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.tg-sw[aria-checked="true"]{background:var(--mint-deep)}
.tg-sw[aria-checked="true"] i{transform:translateX(18px)}
.tg-sw.big{width:56px;height:32px}
.tg-sw.big i{width:26px;height:26px}
.tg-sw.big[aria-checked="true"] i{transform:translateX(24px)}
.tg-sw:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.tgl-card.off .tg-dot{background:#8A9A9C;box-shadow:none}
.tgl-card.off .tg-rules{opacity:.35;pointer-events:none}

/* pg-logos-css */
/* Powered-by line + CRM logo carousel */
.pw-inline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin:0 0 22px;opacity:.75}
.pw-inline span{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pw-inline img{height:15px;width:auto;display:block;filter:grayscale(1);opacity:.8;transition:filter .25s,opacity .25s,transform .2s}
.pw-inline img:hover{filter:none;opacity:1;transform:translateY(-1px)}
.pw-inline .pw-nvidia{height:18px}
.pw-above{margin:-13px auto 0;padding:0 16px 64px;position:relative}
.crm-carousel{padding-block:26px 34px}
.crm-carousel .wrap{display:block}
.crm-viewport{position:relative;overflow:hidden;margin-top:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);cursor:grab;touch-action:pan-y}
.crm-viewport.drag{cursor:grabbing}
.crm-track{display:flex;gap:16px;width:max-content;padding:10px 0;will-change:transform}
.crm-tile{flex:none;display:grid;place-items:center;width:190px;height:72px;background:none;border:0;transition:transform .2s,opacity .2s,filter .25s;opacity:.7;filter:grayscale(1)}
.crm-tile:hover{transform:translateY(-3px);opacity:1;filter:none}
.crm-tile img{height:26px;width:auto;max-width:140px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.crm-tile img.lg-tall{height:44px}
html.pg-text .crm-tile img,html.pg-design .crm-tile img{pointer-events:auto}
html.pg-text .crm-track [data-clone],html.pg-design .crm-track [data-clone]{display:none}
html.pg-text .crm-track,html.pg-design .crm-track{transform:none!important;flex-wrap:wrap;width:auto;justify-content:center}
@media (max-width:560px){.pw-above{margin-top:-8px;padding-bottom:40px}.crm-tile{width:150px;height:60px}.crm-tile img{max-width:110px}.pw-inline{gap:12px}}

/* pg-apppages-css */
/* App + dashboard detail pages */
.app-card{position:relative;transition:transform .2s,box-shadow .2s}
.app-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,31,34,.10)}
.app-more{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--teal)}
.app-more::after{content:"";position:absolute;inset:0;border-radius:inherit}
.app-card:hover .app-more{text-decoration:underline}
html.pg-text .app-more::after,html.pg-design .app-more::after{display:none}
.pp-hero{padding-bottom:clamp(48px,6vw,80px)}
[data-page="app"] .pp-hero{position:relative;overflow:hidden;padding-block:clamp(56px,7vw,88px) clamp(44px,5vw,64px);background:radial-gradient(circle at 50% 115%,rgba(94,234,181,.18),transparent 42%)}
[data-page="app"] .pp-hero .wrap{max-width:980px;position:relative}
[data-page="app"] .pp-hero h1{max-width:15ch;margin-inline:auto}
[data-page="app"] .pp-hero .lead{max-width:58ch}
.pp-feature-section{padding:0 0 clamp(72px,9vw,112px)}
.pp-page .pp-feature-section .wrap{display:grid;gap:20px}
.pp-page .pp-feature-section .feature{margin:0;padding:clamp(32px,4.5vw,58px);border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.72);box-shadow:0 20px 54px -46px rgba(10,31,34,.55)}
.pp-page .pp-feature-section .feature+.feature{border-top:1px solid var(--line)}
.pp-page .pp-feature-section .feature:nth-child(even){background:linear-gradient(145deg,#fff 0%,var(--ice) 100%)}
.pp-hero-img{margin:48px auto 0;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(10,31,34,.25);background:var(--white)}
.pp-hero-img img{display:block;width:100%;height:auto}
.pp-hero-img.phone{max-width:340px}
.pp-hero-img.tablet{max-width:860px}
.pp-media{display:flex;justify-content:center}
.pp-media>*{width:100%;max-width:480px}
.pp-page .tgl-card{text-align:left;background:var(--ink);border-radius:24px;padding:28px;box-shadow:0 24px 50px -24px rgba(10,31,34,.35)}
.pp-mock{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 24px 50px -24px rgba(10,31,34,.22);font-size:14px;text-align:left}
.pp-mock b{font-weight:600}
.pp-mock small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.pp-mock-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.pp-mock-top b{flex:1}
.pp-muted{color:var(--muted);font-size:12.5px}
.pp-av{flex:none;width:40px;height:40px;border-radius:50%;background:var(--mist);color:var(--teal);display:grid;place-items:center;font-weight:700;font-size:13px}
.pp-av.sm{width:32px;height:32px;font-size:11px}
.pp-av.lg{width:52px;height:52px;font-size:15px;background:var(--ink);color:var(--mint)}
.pp-live-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.5);animation:ppPulse 1.6s infinite}
@keyframes ppPulse{70%{box-shadow:0 0 0 9px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.pp-caller{display:flex;gap:12px;align-items:center}
.pp-wave{display:flex;align-items:center;gap:3px;height:34px;margin:16px 0}
.pp-wave i{flex:1;height:var(--h);border-radius:3px;background:var(--mint-deep);opacity:.55;animation:ppWave 1.2s ease-in-out infinite alternate}
.pp-wave i:nth-child(3n){animation-delay:.3s}.pp-wave i:nth-child(3n+1){animation-delay:.6s}
@keyframes ppWave{to{transform:scaleY(.4)}}
.pp-live[data-state="listen"] .pp-wave i{opacity:1}
.pp-lines{display:grid;gap:8px}
.pp-lines p{margin:0;background:var(--paper);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.4}
.pp-lines p.ai{background:var(--mist)}
.pp-lines span{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:2px}
.pp-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.pp-btn{font:inherit;font-weight:600;font-size:14px;padding:12px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pp-btn.solid{background:var(--ink);border-color:var(--ink);color:#fff}
.pp-btn.sm{padding:8px 12px;font-size:12.5px}
.pp-btn.act{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.pp-state{margin:10px 0 0;font-size:12.5px;color:var(--mint-deep);font-weight:600;min-height:1em;text-align:center}
.pp-ring{display:flex;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;margin-bottom:14px}
.pp-ring small{color:var(--on-dark-muted)}
.pp-ring-ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F22' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/18px no-repeat;animation:ppRing 1.4s infinite}
@keyframes ppRing{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}
.pp-set{display:grid;gap:2px}
.pp-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-top:1px solid var(--line)}
.pp-row:first-child{border-top:0}
.pp-row.col{flex-direction:column;align-items:flex-start;gap:8px}
.pp-txt{flex:1;min-width:0}
.pp-page .pp-mock .tg-sw{background:#cfd9d8}
.pp-page .pp-mock .tg-sw[aria-checked="true"]{background:var(--mint-deep)}
.pp-pill{flex:none;font-size:12px;font-weight:600;color:var(--teal);background:var(--mist);padding:6px 10px;border-radius:999px}
.pp-chips{display:flex;flex-wrap:wrap;gap:6px}
.pp-chips span{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line)}
.pp-chips span:last-child{border-style:dashed;color:var(--muted)}
.pp-note{display:flex;gap:12px;align-items:center;background:#FFF7E6;border:1px solid #F5DFB0;border-radius:16px;padding:14px 16px}
.pp-note-ic{flex:none;width:34px;height:34px;border-radius:50%;background:#F59E0B;color:#fff;display:grid;place-items:center;font-weight:700}
.pp-reply{display:flex;gap:10px;align-items:center;margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px}
.pp-reply span{flex:1;font-size:13px;color:var(--text)}
.pp-reply .pp-btn{flex:none}
.pp-learn{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.pp-bars{display:grid;gap:10px}
.pp-bars i{position:relative;display:block;height:26px;border-radius:8px;background:var(--paper);overflow:hidden}
.pp-bars i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--teal);border-radius:8px}
.pp-bars em{position:relative;font-style:normal;font-size:12px;font-weight:600;line-height:26px;padding-left:10px;color:#fff}
.pp-stats,.pp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.pp-stats div,.pp-kpis div{background:var(--paper);border-radius:12px;padding:10px}
.pp-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1}
.pp-kpis{grid-template-columns:1fr 1fr}
.pp-kpis b{display:block;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1;margin-top:4px}
.pp-kpis small{margin:0}
.pp-kpis .hi{background:var(--ink);color:#fff}
.pp-kpis .hi small{color:var(--on-dark-muted)}.pp-kpis .hi b{color:var(--mint)}
.pp-table{font-size:12.5px}
.pp-tr{display:grid;grid-template-columns:.8fr 1.6fr 1fr .9fr 1fr;gap:6px;padding:9px 2px;border-top:1px solid var(--line);align-items:center}
.pp-tr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-tr.th{border-top:0;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.pp-tr .g{font-style:normal;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;text-transform:capitalize}
.g.hot{background:#FEE2E2;color:#B91C1C}.g.warm{background:#FEF3C7;color:#92400E}.g.info{background:var(--mist);color:var(--teal)}.g.spam{background:#EEF0F0;color:#6B7475}
.pp-chart{display:flex;align-items:flex-end;gap:6px;height:110px;padding-top:6px}
.pp-chart i{flex:1;height:var(--v);border-radius:6px 6px 2px 2px;background:var(--teal)}
.pp-cap{margin:8px 0 0}
.pp-csm{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.pp-days,.pp-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.pp-days span,.pp-slots span{display:block;text-align:center;font-size:12.5px;font-weight:600;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:var(--white);color:var(--ink)}
.pp-days span.on,.pp-slots span.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pp-book{display:block;width:100%;margin-top:6px;text-align:center}
span.pp-btn{cursor:default;display:inline-block;text-align:center}
.pp-cta{text-align:center}
.pp-cta .wrap{max-width:760px}
.pp-cta .lead{margin:16px auto 0}
@media (min-width:760px) and (max-width:860px){
  .pp-page .pp-feature-section .feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:32px}
  .pp-page .pp-feature-section .feature:nth-child(even) .f-media{order:2}
  .pp-page .pp-feature-section .feature .f-copy h3{font-size:30px}
  .pp-page .pp-feature-section .feature .f-copy .lead{font-size:16px;line-height:1.5}
  .pp-page .pp-feature-section .feature .f-copy ul{margin-top:20px;gap:9px}
  .pp-page .pp-feature-section .feature .f-copy li{font-size:14px;gap:9px}
  .pp-page .pp-feature-section .feature .f-copy li::before{width:19px;height:19px;background-size:11px}
  .pp-page .tgl-card,.pp-page .pp-mock{padding:18px;border-radius:20px}
  .pp-page .tgl-card .tg-master{padding:13px 14px}
  .pp-page .tgl-card .tg-row{padding:10px 2px 10px 10px}
}
@media (max-width:759px){
  .pp-page .feature .f-media{order:0}
  .pp-page .pp-feature-section .wrap{gap:0}
  .pp-page .pp-feature-section .feature{padding:clamp(34px,9vw,48px) 0;border-width:1px 0 0;border-radius:0;background:transparent;box-shadow:none}
  .pp-page .pp-feature-section .feature:nth-child(even){background:transparent}
  .pp-page .pp-feature-section .feature:last-child{border-bottom:1px solid var(--line)}
}
@media (max-width:560px){
  [data-page="app"] .pp-hero{padding-block:56px 48px}
  [data-page="app"] .pp-hero .eyebrow{font-size:12px}
  [data-page="app"] .pp-hero h1{font-size:clamp(40px,11vw,46px)}
  [data-page="app"] .pp-hero .lead{font-size:18px;line-height:1.5}
  [data-page="app"] .pp-hero .hero-ctas{margin-top:28px}
  .pp-page .pp-feature-section{padding-bottom:72px}
  .pp-page .pp-feature-section .feature{gap:30px}
  .pp-page .pp-feature-section .feature .f-copy h3{font-size:clamp(29px,8.5vw,34px)}
  .pp-page .pp-feature-section .feature .f-copy .lead{font-size:17px;line-height:1.55;margin-top:14px}
  .pp-page .pp-feature-section .feature .f-copy ul{margin-top:22px;gap:10px}
  .pp-page .pp-feature-section .feature .f-copy li{font-size:15px;line-height:1.5;gap:10px}
  .pp-page .pp-feature-section .feature .f-copy li::before{width:20px;height:20px;background-size:12px}
  .pp-page .tgl-card{padding:22px 18px;border-radius:22px}
  .pp-page .tgl-card .tg-master{padding:14px}
  .pp-page .tgl-card .tg-row{padding:11px 0}
  .pp-page .tgl-card .tg-row .tg-txt b{font-size:14px}
  .pp-mock{padding:16px;border-radius:22px}
  .pp-btns{gap:8px}.pp-btn{padding:11px 10px;font-size:13px}
  .pp-stats{grid-template-columns:repeat(2,1fr)}.pp-tr{grid-template-columns:.8fr 1.5fr .9fr .9fr}.pp-tr span:nth-child(5){display:none}
}
@media (prefers-reduced-motion:reduce){.pp-wave i,.pp-live-dot,.pp-ring-ic{animation:none}}

/* pg-final-waves-css */
/* Final CTA waves: centered behind the copy, nearly blended into the background */
.final svg{top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(1600px,160vw);opacity:.07;fill:#5EEAB5}
@media (max-width:640px){.final svg{width:260vw;opacity:.06}}

/* pg-nav-dd-css */
/* Industries hover menu in the top nav */
.nav-dd{position:relative}
.nav-dd-btn{font:inherit;font-weight:500;font-size:15px;color:inherit;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.nav-dd-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.nav-dd-btn:hover,.nav-dd:focus-within .nav-dd-btn{color:var(--slate)}
.nav-dd-btn.current{color:var(--slate);border-bottom:2px solid var(--mint);padding-bottom:4px}
.nav-dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:260px;padding:8px;margin-top:14px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -18px rgba(10,31,34,.28);display:grid;gap:2px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:30}
.nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-dd.is-open .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dd.is-open .nav-dd-btn svg{transform:rotate(180deg)}
.nav-dd-menu a{display:block;padding:10px 14px;border-radius:12px;transition:background .15s}
.nav-dd-menu a:hover,.nav-dd-menu a:focus-visible{background:var(--mist);outline:none}
.nav-dd-menu b{display:block;font-weight:600;font-size:15px;color:var(--ink)}
.nav-dd-menu small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.nav-dd .nav-dd-menu[hidden]{display:none}

/* pg-ind-pages-css */
/* Individual industry pages */
.ix-hero{padding-block:clamp(40px,6vw,80px) clamp(48px,6vw,80px)}
.ix-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.ix-hero h1{font-size:clamp(38px,5vw,64px)}
.ix-hero .lead{margin-top:20px}
.ix-hero .hero-ctas{justify-content:flex-start}
.ix-back{display:inline-block;margin-bottom:22px;font-weight:600;font-size:14px;color:var(--teal)}
.page-hero .ix-back{margin-bottom:18px}
.ix-media img{aspect-ratio:4/3.4}
.ix-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ix-stats .stat p strong{color:var(--ink);font-weight:600}
.ix-trades{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ix-trade::before{display:none}
.ix-more{display:inline-block;margin-top:22px;font-weight:600;font-size:15px;color:var(--teal)}
.ix-more:hover{text-decoration:underline}
.ix-others{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px}
.ix-others span{width:100%;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ix-chip{font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--white);transition:border-color .15s,background .15s}
.ix-chip:hover{border-color:var(--slate);background:var(--mist)}
.ind{position:relative}
.ind-link{position:absolute;inset:0;border-radius:inherit}
html.pg-text .ind-link,html.pg-design .ind-link{display:none}
@media (max-width:1000px){.ix-trades{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.ix-hero-grid,.ix-stats{grid-template-columns:1fr}}
@media (max-width:560px){.ix-trades{grid-template-columns:1fr}}

/* pg-faq-minus-css */
/* FAQ toggle: + when closed, − when open */
.faq details[open] summary::after{content:"\2212";transform:none}

/* pg-careers-css */
/* Careers page */
.jobs{border-top:1px solid var(--line)}
.job-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px auto;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.job-title{font-weight:500;font-size:17px;color:var(--ink)}
.job-type{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.job-loc{font-size:14px;color:var(--muted)}
.job-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,transform .15s}
.job-btn:hover{background:var(--teal);transform:translateY(-1px)}
.jobs-note{margin-top:26px;color:var(--muted);font-size:15px}
.jobs-note a{color:var(--teal);font-weight:600}
.job-detail{padding-block:clamp(48px,6vw,88px)}
.job-detail .wrap{max-width:900px}
.job-detail h1{font-size:clamp(38px,5vw,60px)}
.job-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.job-meta span{font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--mist);color:var(--teal)}
.job-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.job-cols>div,.job-about{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px}
.job-cols h3,.job-about h3{font-size:24px}
.job-cols ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;font-size:15.5px}
.job-cols li{position:relative;padding-left:16px}
.job-cols li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--mint-deep)}
.job-about{margin-top:20px}
.job-about p{margin-top:12px;color:var(--muted);font-size:15.5px}
.job-detail .hero-ctas{margin-top:32px}
#careers-roles{scroll-margin-top:72px}
@media (max-width:760px){.job-row{grid-template-columns:1fr auto;gap:6px 14px}.job-title{grid-column:1}.job-btn{grid-column:2;grid-row:1/span 2}.job-type,.job-loc{grid-column:1;display:inline}.job-cols{grid-template-columns:1fr}}

/* pg-ind-extra-css */
/* Industry-specific sections */
.ix-tl{display:grid;gap:0;border-left:2px solid var(--line);margin-left:8px}
.ix-tl-item{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:0 0 32px 28px;position:relative}
.ix-tl-item:last-child{padding-bottom:0}
.ix-tl-item::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px var(--paper)}
.ix-tl-when{font-family:var(--serif);font-size:24px;line-height:1.1;color:var(--teal)}
.ix-tl-item b{display:block;font-weight:600;font-size:18px}
.ix-tl-item p{margin-top:6px;color:var(--muted);font-size:16px;max-width:60ch}
.ix-sort{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ix-sort-col{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:26px;border-top:6px solid var(--teal)}
.ix-sort-col.hot{border-top-color:#DC2626}.ix-sort-col.warm{border-top-color:#F59E0B}.ix-sort-col.cool{border-top-color:var(--teal)}
.ix-sort-col span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ix-sort-col b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15;margin-top:10px}
.ix-sort-col p{margin-top:10px;color:var(--muted);font-size:15px}
.ix-seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ix-seasons>div{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px}
.ix-seasons span{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--mist);padding:6px 10px;border-radius:999px}
.ix-seasons b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;margin-top:14px}
.ix-seasons p{margin-top:8px;color:var(--muted);font-size:15px}
@media (max-width:900px){.ix-sort{grid-template-columns:1fr}.ix-seasons{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ix-tl-item{grid-template-columns:1fr;gap:6px}.ix-seasons{grid-template-columns:1fr}}

/* pg-val-css */
/* About: pre-seed valuation, minimal */
.val-line{display:table;margin:26px auto 0;text-align:center;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);padding-left:.08em;text-shadow:0 4px 14px rgba(10,31,34,.28),0 1px 2px rgba(10,31,34,.18)}

/* pg-hshow-css */
/* Home hero: industry showcase — photo + live call card + listen bar, one slide per trade */
.hshow{position:relative;left:50%;transform:translateX(-50%);width:min(1160px,calc(100vw - 2*var(--gutter)));margin-top:clamp(40px,5vw,60px);text-align:left}
.hs-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.hs-tab{position:relative;overflow:hidden;font:inherit;font-size:14px;font-weight:600;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.hs-tab:hover{color:var(--ink);border-color:var(--slate)}
.hs-tab.is-on{color:#fff;background:var(--ink);border-color:var(--ink)}
.hs-tab span{position:relative;z-index:1}
.hs-tab i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--mint)}
.hs-tab.is-on i{animation:hsProg var(--hs-dur,7s) linear forwards}
.hshow.paused .hs-tab.is-on i{animation-play-state:paused}
@keyframes hsProg{to{width:100%}}
.hs-stage{position:relative;aspect-ratio:16/9.2;border-radius:28px;overflow:hidden;background:var(--ink);box-shadow:0 40px 80px -40px rgba(10,31,34,.55)}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.hs-slide.is-on{opacity:1;visibility:visible;z-index:1}
.hs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 8s ease-out}
.hs-slide.is-on .hs-img{transform:scale(1)}
.hs-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,31,34,.05) 0%,rgba(10,31,34,0) 35%,rgba(10,31,34,.35) 62%,rgba(10,31,34,.92) 100%)}
.hs-tag{position:absolute;top:20px;left:20px;z-index:2;font-size:13px;font-weight:600;color:var(--ink);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:8px 14px;border-radius:999px;transition:background .2s}
.hs-tag:hover{background:#fff}
.hs-log.log{position:absolute;right:24px;bottom:108px;width:min(640px,calc(100% - 48px));z-index:2;border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);transform:translateY(18px);opacity:0;transition:transform .7s cubic-bezier(.2,.7,.2,1) .25s,opacity .6s ease .25s}
.hs-slide.is-on .hs-log{transform:none;opacity:1}
.hs-log .head{padding:14px 22px;font-size:15px}
.hs-log .body{padding:16px 22px 12px}
.hs-log b{font-size:20px}
.hs-out{display:flex;align-items:center;gap:8px;margin:0 22px 16px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;font-weight:600;color:var(--teal)}
.hs-check{width:18px;height:18px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F22' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat;flex:none}
.hs-listen.listen{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;max-width:none;margin:0;background:rgba(10,31,34,.82);backdrop-filter:blur(10px);box-shadow:none;border:1px solid rgba(255,255,255,.08)}
@media (max-width:760px){
  .hs-stage{aspect-ratio:auto;display:grid}
  .hs-slide{position:relative;inset:auto;grid-area:1/1;padding-bottom:12px}
  .hs-img{position:relative;height:240px}
  .hs-shade{height:240px;bottom:auto;background:linear-gradient(180deg,rgba(10,31,34,0) 40%,var(--ink) 100%)}
  .hs-log.log{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:-56px 12px 0}
  .hs-log .head{padding:12px 16px;font-size:13px;gap:10px}
  .hs-log .head .agent{display:none}
  .hs-log .head .pill{margin-left:auto}
  .hs-log .body{padding:12px 16px 8px;gap:8px}
  .hs-log .wave{justify-self:start}
  .hs-out{margin:0 16px 12px}
  .hs-listen.listen{position:relative;left:auto;right:auto;bottom:auto;margin:12px 12px 0;flex-wrap:nowrap}
  .hs-listen .vwave{display:none}
  .hs-listen .meta{flex:1}
  .hs-tab{padding:8px 13px;font-size:13px}
}
.hs-log.log{width:min(560px,calc(100% - 64px))}
.hs-slide[data-pos="tl"] .hs-log{left:32px;right:auto;top:32px;bottom:auto}
.hs-slide[data-pos="tr"] .hs-log{top:32px;right:32px;bottom:auto;left:auto}
.hs-slide[data-pos="bl"] .hs-log{left:32px;right:auto;bottom:116px;top:auto}
.hs-slide[data-pos="br"] .hs-log{right:32px;left:auto;bottom:116px;top:auto}
.hs-slide[data-pos="mr"] .hs-log{right:32px;left:auto;top:calc(50% - 150px);bottom:auto}
@media (max-width:760px){.hs-slide[data-pos] .hs-log{top:auto;left:auto;right:auto;bottom:auto;width:auto}}
html.pg-text .hs-log,html.pg-design .hs-log{transition:none}
@media (prefers-reduced-motion:reduce){.hs-img,.hs-slide,.hs-log{transition:none}.hs-tab.is-on i{animation:none;width:100%}}

/* pg-nav-dd-row-css */
/* Both menus share a compact five-column layout under the nav. */
.nav .wrap{position:relative}
.nav-dd{position:static}
.nav-dd-menu{left:50%;top:calc(100% - 6px);margin-top:0;min-width:0;width:min(1080px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px}
.nav-dd-menu a{min-width:0;padding:12px 16px}
.nav-dd-menu::before{top:-24px;height:24px}

/* pg-burger-css */
/* Phone: 3-line menu button + slide-down menu */
.nav-burger{display:none;flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--white);cursor:pointer;padding:0;position:relative}
.nav-burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease,top .25s ease}
.nav-burger span:nth-child(1){top:14px}.nav-burger span:nth-child(2){top:21px}.nav-burger span:nth-child(3){top:28px}
html.m-open .nav-burger span:nth-child(1){top:21px;transform:rotate(45deg)}
html.m-open .nav-burger span:nth-child(2){opacity:0}
html.m-open .nav-burger span:nth-child(3){top:21px;transform:rotate(-45deg)}
@media (max-width:820px){
  .nav-burger{display:block}
  .nav .actions .btn{padding:11px 16px;font-size:14px}
  .mobile-nav{display:none;position:fixed;left:0;right:0;top:72px;bottom:0;z-index:19;flex-direction:column;gap:0;overflow-y:auto;padding:8px var(--gutter) 32px;background:var(--white);border-top:1px solid var(--line);font-size:18px;font-weight:500}
  html.m-open .mobile-nav{display:flex}
  html.m-open body{overflow:hidden}
  .mobile-nav>a,.mobile-nav .mm-group a{border:0;border-radius:0;padding:16px 2px;border-bottom:1px solid var(--line);white-space:normal;background:none;color:var(--ink)}
  .mobile-nav a.current{background:none;color:var(--teal);border-color:var(--line)}
  .mm-group{display:flex;flex-direction:column;padding:14px 0 4px;border-bottom:1px solid var(--line)}
  .mm-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .mobile-nav .mm-group a{padding:12px 0 12px 14px;font-size:16px;border-bottom:0;color:var(--text)}
  .mm-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  .mm-ctas .btn{justify-content:center;padding:14px 16px;border-radius:999px}
  .mobile-nav .mm-ctas a{border-bottom:0}
  .mobile-nav .mm-ctas .btn-ghost{border:1.5px solid var(--line)}
}
@media (max-width:380px){.nav .actions>.btn{display:none}}

/* pg-hs-glass-css */
/* Showcase tabs: frosted glass pills above the photo */
.hs-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.hs-tab{color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border:1px solid rgba(10,31,34,.12);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:box-shadow .3s,transform .3s,border-color .2s;padding:10px 20px;font-size:15px}
.hs-tab:hover{color:var(--ink);border-color:rgba(10,31,34,.25);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.5))}
.hs-tab.is-on{color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.35));border-color:rgba(10,31,34,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 30px -10px rgba(10,31,34,.45),0 4px 10px -4px rgba(10,31,34,.25);transform:translateY(-1px)}
.hs-tab i{display:none}
.hs-tag{display:none}
@media (max-width:760px){.hs-tab{padding:8px 13px;font-size:13px}}

/* pg-hs-prog-css */
/* White timer line along the bottom of the showcase photo */
.hs-prog{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:6;background:rgba(255,255,255,.18);pointer-events:none}
.hs-prog i{display:block;height:100%;width:0;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.6)}
.hs-prog i.run{animation:hsProg var(--hs-dur,7s) linear forwards}
.hshow.paused .hs-prog i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.hs-prog{display:none}}

/* pg-legal-css */
/* Terms of Service + Privacy Policy pages */
.legal-page{padding-block:clamp(48px,6vw,88px)}
.legal-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.legal-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;font-size:13.5px}
.legal-toc ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}
.legal-toc a{display:block;padding:6px 10px;border-radius:8px;color:var(--muted);line-height:1.35}
.legal-toc a:hover{background:var(--mist);color:var(--ink)}
.legal{max-width:760px;color:#2B3A3C}
.legal h1{font-size:clamp(38px,5vw,56px);margin-top:12px}
.legal-dates{margin-top:12px;color:var(--muted);font-size:14px}
.legal h2{font-size:24px;margin:44px 0 12px;scroll-margin-top:96px;color:var(--ink)}
.legal p{margin:0 0 14px;font-size:16px;line-height:1.7}
.legal ul{margin:0 0 16px;padding-left:22px;display:grid;gap:6px;font-size:16px;line-height:1.6}
.legal a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.legal table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:14px;display:block;overflow-x:auto}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal th,.legal tr:first-child>*{background:var(--mist);color:var(--ink);font-weight:600}
.legal td{background:var(--white);font-weight:400}
.legal tr:first-child>td{background:var(--mist);font-weight:600}
footer .bottom a{color:inherit;text-decoration:underline;text-underline-offset:2px}
footer .bottom a:hover{color:var(--white)}
.legal-note{margin-top:6px}.legal-note a{color:var(--teal);font-weight:600;text-decoration:underline}
@media (max-width:900px){.legal-wrap{grid-template-columns:1fr}.legal-toc{position:static;max-height:none;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--white)}}

/* pg-list-fix */
/* let bold lead-ins and the rest of the sentence flow as one line of text */
.f-copy li,.demo-split li{display:block;position:relative;padding-left:34px}
.plan li{display:block;position:relative;padding-left:28px}
.why .col li,.ind-detail li{display:block;position:relative;padding-left:16px}
.f-copy li::before,.demo-split li::before,.plan li::before,.why .col li::before,.ind-detail li::before{position:absolute;left:0;top:0}

/* call-log table: fit inside its tinted box */
.ui:has(table.calls){padding:16px;overflow-x:auto}
table.calls{table-layout:auto;font-size:12.5px}
table.calls th,table.calls td{padding:10px 8px;white-space:nowrap}
table.calls th:first-child,table.calls td:first-child{padding-left:14px}
table.calls th:last-child,table.calls td:last-child{padding-right:14px}
table.calls th{font-size:10.5px;letter-spacing:.05em}

/* app showcase */
.app-grid{display:grid;grid-template-columns:1fr 1.53fr;gap:20px;align-items:stretch}
.app-card{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.app-card img{width:100%;height:auto;display:block}
.app-card figcaption{padding:20px 24px 24px}
.app-card figcaption b{display:block;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15}
.app-card figcaption span{display:block;margin-top:6px;color:var(--muted);font-size:15px}
@media (max-width:760px){.app-grid{grid-template-columns:1fr}}

/* pg-hub-node-fix-css */
/* "One call, start to finish": number circles always stay solid and full size so the line never shows through them */
html.pg-anim #hub .tstep{opacity:1;transform:none}
html.pg-anim #hub .tstep .tnode{transform:none;transition:background .4s,color .4s}
html.pg-anim #hub .tstep.in .tnode{animation:pgNodePop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes pgNodePop{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){html.pg-anim #hub .tstep.in .tnode{animation:none}}

/* pg-mm-dd-css */
/* Phone menu: "Industries" is a tap-to-open dropdown, closed by default */
.mobile-nav .mm-group{padding:0}
.mobile-nav .mm-label{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;font-size:18px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.mobile-nav .mm-label::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s;margin-right:6px}
.mobile-nav .mm-group.open .mm-label::after{transform:translateY(2px) rotate(-135deg)}
.mobile-nav .mm-group a{display:none}
.mobile-nav .mm-group.open a{display:block}
.mobile-nav .mm-group.open{padding-bottom:6px}
html.pe-on .mobile-nav .mm-group a{display:block}

/* pg-product-pages-css */
/* "Coming soon" tag on feature pages (delete its text in the editor and it disappears) */
.soon-badge{display:inline-flex;align-items:center;margin-left:10px;padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;background:rgba(94,234,181,.2);border:1px solid #3FD39C;color:var(--ink);vertical-align:middle}
.soon-badge:empty{display:none}
/* Mock UI pieces used on the feature pages */
.pg-mock{display:grid;gap:12px}
.pg-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.pg-row:last-of-type{border-bottom:0}
.pg-row-main{flex:1;min-width:0}
.pg-tag{display:inline-block;margin:6px 6px 0 0;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--paper);border:1px solid var(--line);color:var(--muted)}
.pg-tag.mint{background:rgba(94,234,181,.2);border-color:#3FD39C;color:var(--ink)}
.pg-tag.live{background:#FFF4E5;border-color:#F5C77E;color:#8A5300}
.pg-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.pg-dot{width:8px;height:8px;border-radius:50%;background:var(--mint-deep);box-shadow:0 0 0 4px rgba(22,163,74,.15)}
.pg-bars{display:grid;gap:8px;margin-top:4px}
.pg-bars div{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.pg-bars i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--mint-deep),var(--mint));width:var(--w)}
.pg-bars b{color:var(--ink);text-align:right}
.pg-pick{display:flex;flex-wrap:wrap;gap:6px}
.pg-pick span{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;color:var(--muted);background:var(--white)}
.pg-pick span.on{background:rgba(94,234,181,.2);border-color:#3FD39C;color:var(--ink)}
.pg-fakebtn{font:inherit;font-weight:600;font-size:14px;border:0;border-radius:999px;padding:12px 18px;background:var(--ink);color:#fff;cursor:default}
.pg-steps{display:grid;gap:8px}
.pg-steps div{display:grid;grid-template-columns:52px 1fr;column-gap:10px;padding:10px 12px;border-radius:12px;background:var(--paper)}
.pg-steps span{grid-row:span 2;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-top:2px}
.pg-steps small{color:var(--muted);font-size:12.5px}
.pg-compose{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 16px;color:var(--muted);font-size:13px}
.pg-compose span{background:var(--ink);color:#fff;border-radius:999px;padding:6px 14px;font-weight:600;font-size:12.5px}
.pg-chat{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 24px 50px -24px rgba(10,31,34,.22);display:grid;gap:12px;font-size:14px;max-width:420px;margin-inline:auto}
.pg-chat-top{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.pg-chat-top small{grid-column:2;color:var(--muted);font-size:12px}
.pg-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:8px}
.pg-logo{display:grid;place-items:center;height:96px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px}
.pg-logo img{max-height:30px;max-width:130px;width:auto;object-fit:contain}
/* Light closing banner for feature pages */
.final-lite{text-align:center;background:var(--white);border-top:1px solid var(--line)}
.final-lite h2{max-width:20ch;margin-inline:auto}
.final-lite .lead{margin:16px auto 0}
.final-lite .hero-ctas{justify-content:center;margin-top:28px}

/* pg-landing-css */
/* Feature landing pages: each page has its own layout built from these pieces */
.lp-hero{padding-block:clamp(56px,7vw,104px)}
.lp-hero h1{font-size:clamp(40px,5vw,66px);margin-top:14px}
.lp-hero .lead{margin-top:20px}
.lp-hero .hero-ctas{justify-content:flex-start;margin-top:30px}
.lp-center{text-align:center}.lp-center .lead{margin-inline:auto}.lp-center .hero-ctas{justify-content:center}
.lp-center h1{max-width:18ch;margin-inline:auto}
.lp-split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:860px){.lp-split-grid{grid-template-columns:1fr}}
.lp-narrow{max-width:760px}
.dark .soon-badge,.teal .soon-badge{color:var(--mint)}
.dark .pp-mock,.teal .pp-mock,.dark .pg-chat,.teal .lp-phone-screen{color:var(--text)}
.dark .pp-mock b,.teal .pp-mock b{color:var(--ink)}
.lp-hero.dark .pp-mock,.lp-hero.teal .pp-mock{box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.lp-hero.teal{background:linear-gradient(160deg,var(--teal),#123238)}
.lp-hero.teal .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.lp-stats-sec{padding-block:0;background:var(--ink);color:var(--on-dark)}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12)}
.lp-stats div{padding:28px 24px 40px;border-left:1px solid rgba(255,255,255,.12)}
.lp-stats div:first-child{border-left:0;padding-left:0}
.lp-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,44px);color:var(--mint)}
.lp-stats span{display:block;margin-top:6px;color:var(--on-dark-muted);font-size:15px;max-width:30ch}
@media (max-width:700px){.lp-stats{grid-template-columns:1fr}.lp-stats div{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.12)}}
.lp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.lp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.lp-tiles{grid-template-columns:1fr}}
.lp-tile{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px}
.lp-tile .k,.lp-script .k{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.lp-tile b{display:block;margin-top:14px;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15}
.lp-tile p{margin-top:10px;color:var(--muted);font-size:15px}
.lp-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.lp-grid3 > div{padding:26px 26px 30px 0;border-bottom:1px solid var(--line)}
.lp-grid3 b{font-family:var(--serif);font-weight:400;font-size:24px}
.lp-grid3 p{margin-top:8px;color:var(--muted);font-size:15px;max-width:34ch}
.lp-grid3-cards{gap:14px;border-top:0}
.lp-grid3-cards > div{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--white)}
@media (max-width:800px){.lp-grid3{grid-template-columns:1fr}}
.lp-bars-lg{gap:12px}.lp-bars-lg div{grid-template-columns:120px 1fr 28px;font-size:13.5px}.lp-bars-lg i{height:12px}
.lp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.lp-kpis div{background:var(--paper);border-radius:14px;padding:12px 14px}
.lp-kpis b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1}
.lp-kpis small{margin-top:4px}
.lp-flow{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap}
.lp-flow .lp-chip{flex:1 1 180px;max-width:240px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px 20px;text-align:left}
.lp-flow .lp-chip.mint{background:rgba(94,234,181,.18);border-color:#3FD39C}
.lp-flow .lp-chip small{display:block;font-size:12px;color:var(--muted)}
.lp-flow .lp-chip b{display:block;margin-top:4px;font-size:17px}
.lp-flow .arr{align-self:center;color:var(--slate);font-size:22px}
@media (max-width:700px){.lp-flow .arr{transform:rotate(90deg);width:100%;text-align:center}.lp-flow .lp-chip{max-width:none}}
.lp-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px;background:var(--white)}
.lp-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.lp-table th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:16px 20px;border-bottom:1px solid var(--line)}
.lp-table td{padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:middle}
.lp-table tr:last-child td{border-bottom:0}
.lp-table .pg-tag{margin:0}
.lp-compare td.yes{color:var(--mint-deep);font-weight:600}
.lp-compare td.no{color:var(--muted)}
.lp-compare th:last-child,.lp-compare td:last-child{background:rgba(94,234,181,.08)}
.lp-band{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:var(--teal);color:var(--on-dark);border-radius:28px;padding:clamp(28px,4vw,48px)}
.lp-band .eyebrow{color:var(--mint)}
.lp-band h3{color:#fff;margin-top:10px;font-size:clamp(26px,2.8vw,34px)}
.lp-band p{margin-top:10px;color:var(--on-dark-muted);max-width:56ch}
.lp-band-light{margin-top:0;background:var(--mist);color:var(--text)}
.lp-band-light .eyebrow{color:var(--slate)}.lp-band-light h3{color:var(--ink)}.lp-band-light p{color:var(--muted)}
@media (max-width:700px){.lp-band{grid-template-columns:1fr}}
.lp-bigbtn-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:40px}
.lp-bigbtn{display:inline-flex;align-items:center;gap:14px;padding:18px 30px 18px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:clamp(18px,2vw,22px);box-shadow:0 24px 50px -18px rgba(10,31,34,.55),0 0 0 10px rgba(94,234,181,.18)}
.lp-bigbtn i{width:44px;height:44px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A1F22'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center/20px no-repeat}
.lp-bigbtn-wrap small{color:var(--muted);font-size:14px}
.lp-scripts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:860px){.lp-scripts{grid-template-columns:1fr}}
.lp-script{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:26px}
.lp-script b{display:block;margin-top:12px;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15}
.lp-script blockquote{margin:18px 0 0;padding:14px 16px;background:var(--mist);border-radius:14px;font-size:15px;color:var(--ink)}
.lp-checks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;color:var(--on-dark)}
.lp-checks li{padding-left:30px;position:relative}
.lp-checks li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.lp-cadence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px;position:relative}
.lp-cadence::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:2px;background:linear-gradient(90deg,var(--line),var(--mint))}
.lp-cadence > div{position:relative;padding-top:30px}
.lp-cadence > div::before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--white);border:2px solid var(--slate)}
.lp-cadence > div.win::before{background:var(--mint);border-color:var(--mint-deep)}
.lp-cadence span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.lp-cadence b{display:block;margin-top:6px;font-family:var(--serif);font-weight:400;font-size:26px}
.lp-cadence small{display:block;margin-top:6px;color:var(--muted);font-size:14.5px}
@media (max-width:760px){.lp-cadence{grid-template-columns:1fr 1fr;row-gap:28px}.lp-cadence::before{display:none}}
.lp-note{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:15px;color:var(--teal);font-weight:500}
.lp-mails{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:800px){.lp-mails{grid-template-columns:1fr}}
.lp-mails > div{display:grid;gap:14px;align-content:start}
.lp-col-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.lp-mail{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.lp-mail-head{padding:16px 18px;border-bottom:1px solid var(--line);background:var(--white)}
.lp-mail-head .pg-tag{margin:0 0 8px}
.lp-mail-head small{display:block;color:var(--muted);font-size:12.5px}
.lp-mail-head b{display:block;margin-top:2px;font-size:16px}
.lp-mail-body{padding:16px 18px;font-size:14.5px;color:var(--muted)}
.lp-browser{margin:48px auto 0;max-width:960px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(10,31,34,.35)}
.lp-browser-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line)}
.lp-browser-bar i{width:11px;height:11px;border-radius:50%;background:var(--line)}
.lp-browser-bar span{margin-left:14px;flex:1;max-width:340px;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:12.5px;color:var(--muted)}
.lp-browser-body{position:relative;min-height:470px;padding:40px}
.lp-sk .sk{height:12px;border-radius:6px;background:var(--line);margin-bottom:14px;opacity:.7}
.lp-sk .sk.big{height:30px;border-radius:8px}
.lp-sk .sk.btn{width:150px;height:42px;border-radius:999px;background:var(--mist);margin-top:24px}
.lp-sk .w40{width:40%}.lp-sk .w50{width:50%}.lp-sk .w55{width:55%}.lp-sk .w60{width:60%}.lp-sk .w70{width:70%}
.lp-chat-float{position:absolute;right:24px;bottom:24px;width:min(360px,calc(100% - 48px));margin:0;font-size:13px}
@media (max-width:700px){.lp-browser-body{padding:20px;min-height:0}.lp-sk{display:none}.lp-chat-float{position:static;width:auto}}
.lp-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
@media (max-width:900px){.lp-icons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.lp-icons{grid-template-columns:1fr}}
.lp-icons .ic{width:46px;height:46px;border-radius:14px;background:var(--mint);display:grid;place-items:center;margin-bottom:18px}
.lp-icons .ic svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-icons b{display:block;font-size:18px}
.lp-icons p{margin-top:8px;color:var(--muted);font-size:15px}
.lp-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.lp-channels span{padding:14px 22px;border-radius:999px;border:1px solid var(--line);background:var(--white);font-weight:500}
.lp-channels span.on{background:rgba(94,234,181,.22);border-color:#3FD39C}
.lp-logo-wall{margin-top:48px;text-align:left}
.lp-field{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.lp-field:last-child{border-bottom:0}
.lp-field small{margin:0}
.lp-field b{font-weight:500;font-size:14px}
.lp-phone{width:min(300px,100%);aspect-ratio:71.6/147.6;display:flex;margin-inline:auto;border-radius:54px;background:#081315;padding:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)}
.lp-phone-screen{flex:1;min-height:0;overflow:hidden;background:var(--white);border-radius:45px;padding:26px 14px 18px;display:flex;flex-direction:column;gap:10px;font-size:13.5px}
.lp-phone-screen .lp-sms.in{align-self:flex-start}.lp-phone-screen .lp-sms.out,.lp-phone-screen .lp-sms.ai{align-self:flex-end}
.lp-phone-screen .pg-compose{margin-top:auto}
.lp-phone-top{text-align:center;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.lp-phone-top b{display:block}.lp-phone-top small{color:var(--muted);font-size:11.5px}
.lp-sms{max-width:82%;padding:10px 13px;border-radius:18px;line-height:1.35}
.lp-sms small{display:block;font-size:10.5px;opacity:.7;margin-bottom:2px}
.lp-sms.in{background:var(--paper);justify-self:start;border-bottom-left-radius:6px}
.lp-sms.out{background:var(--ink);color:#fff;justify-self:end;border-bottom-right-radius:6px}
.lp-sms.ai{background:var(--mist);justify-self:end;border-bottom-right-radius:6px}
.lp-phone .pg-compose{margin-top:auto}
.lp-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.lp-uses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.lp-uses{grid-template-columns:1fr}}
.lp-uses > div{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px;border-top:4px solid var(--mint)}
.lp-uses b{font-size:18px}.lp-uses p{margin-top:8px;color:var(--muted);font-size:15px}
/* Product overview: links into each feature page */
.lp-more{display:inline-block;margin-left:6px;font-weight:600;font-size:14px;color:var(--teal);border-bottom:1px solid rgba(28,71,80,.3);white-space:nowrap}
.lp-more:hover{color:var(--ink);border-color:var(--ink)}
.sec-head .lp-more{display:inline-block;margin:18px 0 0}
.lp-more-dark{color:var(--mint);border-color:rgba(94,234,181,.4)}
.lp-more-dark:hover{color:#fff;border-color:#fff}
.lp-explore-sec{background:var(--white);border-top:1px solid var(--line)}
.lp-explore{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.lp-ex{position:relative;display:block;padding:22px 48px 22px 22px;border:1px solid var(--line);border-radius:20px;background:var(--paper);transition:border-color .2s,transform .2s,background .2s}
.lp-ex:hover{border-color:#3FD39C;background:rgba(94,234,181,.08);transform:translateY(-2px)}
.lp-ex b{display:block;font-size:17px}
.lp-ex small{display:block;margin-top:4px;color:var(--muted);font-size:14px}
.lp-ex span{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--slate);font-size:18px}

/* pg-plan-links-css */
/* Pricing plans: feature names link to their product pages; "Soon" marks features still rolling out */
.plan-link{color:inherit;border-bottom:1px solid rgba(80,123,132,.45)}
.plan-link:hover{border-bottom-color:currentColor}
.soon-mini{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;background:rgba(94,234,181,.2);border:1px solid #3FD39C;color:var(--ink)}
.plan.hi .soon-mini{color:var(--mint);background:rgba(94,234,181,.12)}
.soon-mini:empty{display:none}

/* pg-phone-details-css */
/* Texting Hub phone: status bar, camera island and home swipe bar */
.lp-phone-screen{position:relative;padding-top:10px!important;padding-bottom:8px!important}
.lp-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:26px;border-radius:20px;background:#000;z-index:2}
.lp-island i{position:absolute;right:10px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2b3a55 0,#0b0f1a 60%)}
.lp-status{display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 14px 0 18px;margin-bottom:6px;font-size:13px;color:var(--ink)}
.lp-status b{font-weight:600}
.lp-status > span{display:flex;align-items:center;gap:5px}
.lp-status svg{height:10px;width:auto;fill:var(--ink)}
.lp-batt{position:relative;width:22px;height:11px;border:1.2px solid rgba(10,31,34,.45);border-radius:3.5px;padding:1.4px}
.lp-batt::after{content:"";position:absolute;right:-3.5px;top:3px;width:1.8px;height:3.5px;border-radius:0 1px 1px 0;background:rgba(10,31,34,.45)}
.lp-batt i{display:block;height:100%;width:78%;border-radius:1.5px;background:var(--ink)}
.lp-homebar{display:block;flex:none;width:108px;height:4px;border-radius:3px;background:var(--ink);margin:6px auto 0}

/* pg-calc-css */
/* Pricing page: missed-call calculator */
.calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border:1px solid var(--line);border-radius:32px;overflow:hidden;background:var(--white)}
.calc-in{padding:clamp(28px,4vw,48px)}
.calc-in h2{margin-top:12px;font-size:clamp(30px,3.4vw,42px)}
.calc-in .lead{margin-top:12px;font-size:17px}
.calc-row{display:block;margin-top:28px}
.calc-row span{display:flex;justify-content:space-between;align-items:baseline;font-weight:500;font-size:15px}
.calc-row b{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--ink)}
.calc-row input{width:100%;margin-top:10px;accent-color:var(--mint-deep);height:24px;cursor:pointer}
.calc-out{background:var(--ink);color:var(--on-dark);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:22px;justify-content:center}
.calc-out .eyebrow{color:var(--mint)}
.calc-big b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(46px,5.4vw,72px);line-height:1;color:#fff;letter-spacing:-.02em}
.calc-big span{display:block;margin-top:8px;color:var(--on-dark-muted)}
.calc-small{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.calc-small b{display:block;font-size:20px;font-weight:600;color:var(--mint)}
.calc-small span{display:block;margin-top:2px;font-size:13px;color:var(--on-dark-muted)}
.calc-fine{font-size:12.5px;color:var(--on-dark-muted);line-height:1.45}
@media (max-width:860px){.calc{grid-template-columns:1fr}}

/* pg-demo-css */
/* Demo page: two-step form (details, then Calendly) */
.demo-steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--line);font-size:14px;font-weight:500;color:var(--muted)}
.demo-steps li{display:flex;align-items:center;gap:8px;white-space:nowrap}
.demo-steps li::before{display:none!important}
.demo-steps span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--paper);border:1px solid var(--line)}
.demo-steps li.on{color:var(--ink)}
.demo-steps li.on span{background:var(--ink);border-color:var(--ink);color:#fff}
#demo-form .field label small{font-weight:400;color:var(--muted)}
#demo-form select:invalid{color:var(--muted)}
.demo-cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.demo-cal-head b{font-size:18px}
.demo-back{font:inherit;font-size:14px;font-weight:500;color:var(--teal);background:none;border:0;cursor:pointer;padding:6px 0}
.demo-cal-frame iframe{display:block;width:100%;height:720px;border:0;border-radius:16px;background:var(--white)}
#demo-form-wrap.sent .demo-steps{display:none}

/* pg-demo-cal-css */
/* Demo page: custom booking calendar */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pc-meta{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.pc-status{font-size:15px;color:var(--muted);padding:24px 0}
.pc-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}
.pc-day{flex:none;width:84px;font:inherit;text-align:center;padding:10px 6px;border-radius:14px;border:1px solid var(--line);background:var(--white);cursor:pointer;transition:border-color .15s,background .15s}
.pc-day small{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pc-day b{display:block;font-size:16px;margin-top:2px}
.pc-day i{display:block;font-style:normal;font-size:11.5px;color:var(--slate);margin-top:3px}
.pc-day:hover{border-color:#3FD39C}
.pc-day.on{background:rgba(94,234,181,.18);border-color:#3FD39C}
.pc-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:14px;max-height:260px;overflow-y:auto;padding:2px}
.pc-time{font:inherit;font-weight:500;font-size:14.5px;padding:11px 8px;border-radius:12px;border:1px solid var(--line);background:var(--white);cursor:pointer;transition:border-color .15s,background .15s}
.pc-time:hover{border-color:var(--teal)}
.pc-time.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pc-confirm{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.pc-pick{font-weight:600;font-size:15px}
.pc-error{margin-top:12px;color:#B42318;font-size:14px}
.pc-preview{margin-top:14px;font-size:12.5px;color:#8A5300;background:#FFF4E5;border:1px solid #F5C77E;border-radius:10px;padding:8px 12px}
.demo-done{text-align:center;padding:24px 8px}
.demo-done-ic{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1F22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/26px no-repeat}
.demo-done h3{font-size:30px}
.demo-done-when{margin-top:8px;font-weight:600;font-size:17px}
.demo-done p:last-child{margin-top:12px;color:var(--muted)}

/* pg-voices-css */
/* AI Receptionist page: voice library */
.vx-sec{background:var(--paper)}
.vx{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.vx{grid-template-columns:1fr}}
.vx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

.vx-card{display:flex;align-items:center;gap:12px;height:76px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:var(--white);font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;min-width:0}
.vx-card:hover{border-color:var(--slate);transform:translateY(-1px)}
.vx-card.on{background:var(--ink);border-color:var(--ink);color:#fff}
.vx-ic{flex:none;display:flex;align-items:center;justify-content:center;gap:2.5px;width:34px;height:34px;border-radius:10px;background:var(--mist)}
.vx-ic i{width:3px;border-radius:2px;background:var(--teal)}
.vx-ic i:nth-child(1){height:8px}.vx-ic i:nth-child(2){height:16px}.vx-ic i:nth-child(3){height:11px}.vx-ic i:nth-child(4){height:6px}
.vx-card.on .vx-ic{background:rgba(94,234,181,.16)}
.vx-card.on .vx-ic i{background:var(--mint)}
.vx-txt{flex:1;min-width:0}
.vx-txt b{display:block;font-size:15.5px;font-weight:600}
.vx-txt small{display:block;margin-top:2px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vx-card.on .vx-txt small{color:var(--on-dark-muted)}
.vx-panel{position:sticky;top:96px;background:var(--ink);color:var(--on-dark);border-radius:26px;padding:28px}
.vx-panel .eyebrow{color:var(--mint)}
.vx-now{display:flex;align-items:center;gap:14px;margin-top:14px}
.vx-ic-lg{width:56px;height:56px;border-radius:16px;gap:4px;background:rgba(94,234,181,.14)}
.vx-ic-lg i{width:4px;background:var(--mint)}
.vx-ic-lg i:nth-child(1){height:12px}.vx-ic-lg i:nth-child(2){height:26px}.vx-ic-lg i:nth-child(3){height:18px}.vx-ic-lg i:nth-child(4){height:9px}
.vx-name{display:block;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.05;color:#fff}
.vx-desc{display:block;margin-top:4px;color:var(--on-dark-muted);font-size:14px}
.vx-wave{display:flex;align-items:center;gap:4px;height:56px;margin:24px 0 18px}
.vx-wave i{flex:1;max-width:5px;height:var(--h);border-radius:3px;background:rgba(255,255,255,.28);transform-origin:center}
.vx-panel.playing .vx-wave i{background:var(--mint);animation:vxBar .8s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes vxBar{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.vx-panel.playing .vx-wave i{animation:none}}
.vx-line{font-family:var(--serif);font-size:19px;line-height:1.4;color:#fff}
.vx-ctrl{display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.vx-btn{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:var(--mint);cursor:pointer;display:grid;place-items:center;transition:transform .15s}
.vx-btn:hover{transform:scale(1.05)}
.vx-btn span{width:0;height:0;border-left:15px solid var(--ink);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.vx-panel.playing .vx-btn span{width:14px;height:16px;border:0;margin:0;background:linear-gradient(90deg,var(--ink) 0 5px,transparent 5px 9px,var(--ink) 9px 14px)}
.vx-status{font-size:14px;color:var(--on-dark-muted)}
@media (max-width:560px){.vx .vx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vx .vx-card{height:auto;min-height:68px;padding:12px;gap:10px}.vx .vx-grid .vx-ic{width:30px;height:30px}.vx .vx-txt small{white-space:normal;overflow:visible;line-height:1.3}}
.vx-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin:0 0 10px}
.vx-grid + .vx-label{margin-top:22px}

/* pg-stepper-css */
/* Demo form: step indicator, three steps on one line joined by thin connecting lines */
#demo-form-wrap .demo-steps{display:flex;flex-wrap:nowrap;align-items:center;gap:0;margin:0 0 24px;padding:0 0 20px;list-style:none}
#demo-form-wrap .demo-steps li{flex:1 1 auto;display:flex;align-items:center;gap:8px;margin:0;padding:0;width:auto;min-width:0;white-space:nowrap;font-size:14px;line-height:1.2}
#demo-form-wrap .demo-steps li:last-child{flex:0 0 auto}
#demo-form-wrap .demo-steps li::before{display:none!important}
#demo-form-wrap .demo-steps li:not(:last-child)::after{content:"";flex:1;height:1px;min-width:16px;margin:0 14px;background:var(--line)}
#demo-form-wrap .demo-steps li.on:not(:last-child)::after{background:var(--ink)}
#demo-form-wrap .demo-steps span{flex:none}
@media (max-width:420px){#demo-form-wrap .demo-steps li{font-size:13px;gap:6px}#demo-form-wrap .demo-steps li:not(:last-child)::after{margin:0 8px}}

/* pg-hero-split-css */
/* Hero: words on the left, photo + agent card on the right (wide screens; phones stay stacked) */
@media (min-width:880px){
  .hero{text-align:left}
  .hero .wrap{max-width:1240px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:1fr auto auto auto auto 1fr;column-gap:clamp(36px,4vw,64px)}
  .hero .wrap > h1{grid-column:1;grid-row:2;font-size:clamp(44px,4.4vw,64px)}
  .hero .wrap > .lead{grid-column:1;grid-row:3;margin:24px 0 0;font-size:clamp(17px,1.4vw,19px)}
  .hero .wrap > .hero-ctas{grid-column:1;grid-row:4;justify-content:flex-start;margin-top:30px}
  .hero .wrap > .hero-proof{grid-column:1;grid-row:5;flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px}
  .hero .btn{padding:17px 26px;font-size:16px}
  .hero .wrap > .hshow{grid-column:2;grid-row:1 / -1;position:relative;left:auto;transform:none;width:auto;margin-top:0;align-self:center}
  .hero .hs-stage{aspect-ratio:1/.86}
}

/* pg-hero-photo-css */
/* Hero: one photo, agent card on top; the industry dropdown only changes the conversation */
.hero .hs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero .hs-img,.hero .hs-prog,.hero .hs-tag{display:none}
.hero .hs-shade{background:linear-gradient(180deg,rgba(10,31,34,0) 45%,rgba(10,31,34,.35))}
.hero .hs-slide{transition:opacity .35s ease,visibility .35s}
.hero .hs-slide[data-pos] .hs-log{left:0;right:0;top:64px;bottom:66px;margin:auto;height:fit-content;width:min(360px,calc(100% - 40px));border-radius:14px}
.hero .hs-log .head{gap:10px;padding:9px 14px;font-size:12px;white-space:nowrap}
.hero .hs-log .head .agent{display:none}
.hero .hs-log .head .pill{margin-left:auto;font-size:11px;padding:4px 9px}
.hero .hs-log .body{grid-template-columns:1fr auto;gap:6px 12px;padding:10px 14px 9px;font-size:12px}
.hero .hs-log .body > :nth-child(3){grid-column:1 / -1;font-size:12.5px}
.hero .hs-log b{font-size:16px}
.hero .hs-log .wave{height:24px}
.hero .hs-log .hs-out{font-size:12px;padding:8px 14px 10px;margin:0;gap:7px}
.hero .hs-log .hs-check{width:16px;height:16px;flex:0 0 16px;background-size:10px}
/* Glass bubble inside the photo */
.hero .hs-badge{margin:0;white-space:nowrap;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:500;color:#fff;letter-spacing:.01em;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 24px -10px rgba(10,31,34,.5);text-shadow:0 1px 2px rgba(10,31,34,.35)}
@media (max-width:420px){.hero .hs-badge,.hero .hs-dd-btn{font-size:12px;padding:7px 13px}}
/* Sizes: bigger "Built for" bubble, smaller dropdown, compact voice preview */
.hero .hs-head .hs-badge{font-size:17px;padding:12px 24px}
.hero .hs-head .hs-dd-btn{font-size:12.5px;padding:6px 12px;min-width:108px;gap:6px}
.hero .hs-head .hs-dd-btn svg{width:10px;height:10px}
.hero .hs-slide .hs-listen.listen{left:0;right:0;bottom:14px;margin:0 auto;width:min(380px,calc(100% - 28px));padding:8px 14px 8px 8px;gap:12px;border-radius:999px}
.hero .hs-slide .hs-listen .play{width:34px;height:34px}
.hero .hs-slide .hs-listen .play svg{width:14px;height:14px}
.hero .hs-slide .hs-listen .meta small{font-size:9.5px}
.hero .hs-slide .hs-listen .meta b{font-size:13px;margin-top:1px}
.hero .hs-slide .hs-listen .vwave{height:24px;gap:2px}
.hero .hs-slide .hs-listen .vwave i{flex:none;width:2px;height:calc(var(--h,12px) * .65)}
.hero .hs-slide .hs-listen .time{font-size:11.5px}
@media (max-width:420px){.hero .hs-head .hs-badge{font-size:14px;padding:9px 16px}}
/* Industry dropdown (above the photo) */
.hero .hs-head{position:absolute;top:16px;left:16px;right:16px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0}
.hero .hs-stage{z-index:1}
.hero .hs-dd{position:relative;display:inline-block}
.hero .hs-dd-btn{font:inherit;font-size:14px;font-weight:600;min-width:140px;justify-content:space-between;color:#fff;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:9px 16px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 24px -10px rgba(10,31,34,.5);text-shadow:0 1px 2px rgba(10,31,34,.35)}
.hero .hs-dd-btn svg{width:12px;height:12px;transition:transform .2s}
.hero .hs-dd:hover .hs-dd-btn,.hero .hs-dd.open .hs-dd-btn{border-color:rgba(255,255,255,.7);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.18))}
.hero .hs-dd:hover .hs-dd-btn svg,.hero .hs-dd.open .hs-dd-btn svg{transform:rotate(180deg)}
.hero .hs-dd-menu{position:absolute;top:100%;right:0;transform:translateY(6px);z-index:20;display:flex;flex-direction:column;gap:2px;min-width:180px;margin:0;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -12px rgba(10,31,34,.3);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}
.hero .hs-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.hero .hs-dd:hover .hs-dd-menu,.hero .hs-dd:focus-within .hs-dd-menu,.hero .hs-dd.open .hs-dd-menu{opacity:1;visibility:visible}
.hero .hs-dd-menu .hs-tab{all:unset;box-sizing:border-box;display:block;width:100%;padding:9px 12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;text-align:left}
.hero .hs-dd-menu .hs-tab i{display:none}
.hero .hs-dd-menu .hs-tab:hover,.hero .hs-dd-menu .hs-tab:focus-visible{background:var(--paper);color:var(--ink)}
.hero .hs-dd-menu .hs-tab.is-on{background:var(--mist);color:var(--teal);font-weight:600}
@media (max-width:760px){
  .hero .hs-stage{display:block;position:relative;aspect-ratio:4/5;min-height:420px}
  .hero .hs-slide{position:absolute;inset:0;padding:0}
  .hero .hs-slide[data-pos] .hs-log{position:absolute;top:112px;bottom:70px}
  .hero .hs-dd-menu{left:0;right:auto}
  .hero .hs-listen.listen{position:absolute;left:12px;right:12px;bottom:12px;margin:0}
}
html.pg-text .hero .hs-dd-menu{opacity:1;visibility:visible;position:static;transform:none;flex-direction:row;flex-wrap:wrap;margin-top:8px}

/* pg-hero-variants-css */
/* ===== Hero: full photo panel with the call card (chosen design "D7") ===== */
.hero[data-v] .hs-slide{display:flex;flex-direction:column;box-sizing:border-box}
.hero[data-v] .hs-slide[data-pos] .hs-log,.hero[data-v] .hs-slide .hs-listen.listen{position:static;inset:auto;margin:0;height:auto;flex:none}
.hero[data-v] .hs-shade{display:block}

/* ---------- D · Full photo: the whole hero sits on the photo; voice preview under the headline ---------- */
.hero[data-v="d"]{padding-block:clamp(16px,2.5vw,32px) clamp(40px,5vw,64px)}
.hero[data-v="d"] .wrap{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:var(--ink) url("/_site/7703846d63aa.jpg") center/cover no-repeat;color:#fff;padding:clamp(28px,4.5vw,64px);box-shadow:0 40px 80px -40px rgba(10,31,34,.55)}
.hero[data-v="d"] .hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
.hero[data-v="d"] .wrap > :not(.hero-video),.hero[data-v="d"] .hs-stage > *,.hero[data-v="d"] .hs-slide > *{z-index:2}
.hero[data-v="d"] .hero-video[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hero[data-v="d"] .hero-video{display:none!important}}
.hero[data-v="d"] .wrap::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(10,31,34,.78) 0%,rgba(10,31,34,.55) 45%,rgba(10,31,34,.25) 100%)}
.hero[data-v="d"] .hshow,.hero[data-v="d"] .hs-stage,.hero[data-v="d"] .hs-head,.hero[data-v="d"] .hs-slide.is-on{display:contents}
.hero[data-v="d"] .hs-slide:not(.is-on){display:none}
.hero[data-v="d"] .hs-bg,.hero[data-v="d"] .hs-shade{display:none}
.hero[data-v="d"] .wrap > h1{color:#fff;text-shadow:0 2px 20px rgba(10,31,34,.35)}
.hero[data-v="d"] .wrap > .lead{color:rgba(255,255,255,.8)}
.hero[data-v="d"] .hero-proof{color:rgba(255,255,255,.75)}
.hero[data-v="d"] .btn-primary{background:#fff;color:var(--ink)}
.hero[data-v="d"] .btn-primary:hover{background:var(--mist)}
.hero[data-v="d"] .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.hero[data-v="d"] .btn-ghost:hover{border-color:#fff}
.hero[data-v="d"] .hs-badge{justify-self:start;font-size:13px;padding:8px 14px 8px 12px;display:inline-flex;align-items:center;gap:8px;margin-bottom:22px}
.hero[data-v="d"] .hs-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(94,234,181,.25)}
.hero[data-v="d"] .hs-log{position:relative!important;inset:auto!important;margin:0!important;height:auto!important;width:min(400px,100%)!important;justify-self:center;align-self:center;border-radius:18px;box-shadow:0 30px 70px -24px rgba(0,0,0,.6)}
.hero[data-v="d"] .hs-log .head{font-size:13px;padding:11px 16px}
.hero[data-v="d"] .hs-log .body{padding:14px 16px 10px}
.hero[data-v="d"] .hs-log b{font-size:18px}
.hero[data-v="d"] .hs-log .body > :nth-child(3){font-size:13.5px}
.hero[data-v="d"] .hs-log .hs-out{font-size:13px;padding:10px 16px 12px}
.hero[data-v="d"] .hs-listen.listen{position:relative!important;inset:auto!important;margin:30px 0 0!important;width:min(400px,100%);justify-self:start;border-radius:999px;padding:8px 18px 8px 8px;gap:12px;background:rgba(10,31,34,.5);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hero[data-v="d"] .hs-listen .play{width:40px;height:40px}
.hero[data-v="d"] .hs-listen .meta small{font-size:10px}
.hero[data-v="d"] .hs-listen .meta b{font-size:14px}
.hero[data-v="d"] .hs-listen .vwave{height:26px}
.hero[data-v="d"] .hs-dd{justify-self:center;align-self:start;margin-top:18px;position:relative}
.hero[data-v="d"] .hs-dd-btn{display:none}
.hero[data-v="d"] .hs-dd-menu{position:static;opacity:1;visibility:visible;transform:none;flex-direction:row;flex-wrap:nowrap;gap:2px;min-width:0;padding:4px;border-radius:999px;background:rgba(10,31,34,.45);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;white-space:nowrap}
.hero[data-v="d"] .hs-dd-menu::before{display:none}
.hero[data-v="d"] .hs-dd-menu .hs-tab{width:auto;padding:7px 14px;border-radius:999px;font-size:13px;color:rgba(255,255,255,.82)}
.hero[data-v="d"] .hs-dd-menu .hs-tab:hover{background:rgba(255,255,255,.14);color:#fff}
.hero[data-v="d"] .hs-dd-menu .hs-tab.is-on{background:#fff;color:var(--ink)}
@media (min-width:880px){
  .hero[data-v="d"] .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:none;grid-template-areas:"badge ." "h1 card" "lead card" "ctas card" "proof card" "listen chips";column-gap:clamp(32px,4vw,64px);align-items:start}
  .hero[data-v="d"] .hs-badge{grid-area:badge}
  .hero[data-v="d"] .wrap > h1{grid-area:h1}
  .hero[data-v="d"] .wrap > .lead{grid-area:lead}
  .hero[data-v="d"] .wrap > .hero-ctas{grid-area:ctas}
  .hero[data-v="d"] .wrap > .hero-proof{grid-area:proof}
  .hero[data-v="d"] .hs-listen{grid-area:listen}
  .hero[data-v="d"] .hs-log{grid-area:card}
  .hero[data-v="d"] .hs-dd{grid-area:chips;align-self:end}
}
@media (max-width:879px){
  .hero[data-v="d"] .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;margin-inline:12px;padding:32px 18px}
  .hero[data-v="d"] .hs-badge{order:-1;align-self:center}
  .hero[data-v="d"] .hero-proof{flex-direction:column;align-items:center;gap:8px}
  .hero[data-v="d"] .hero-proof span{justify-content:center;text-align:center}
  .hero[data-v="d"] .hs-listen.listen{order:5;align-self:center;margin-top:24px!important}
  .hero[data-v="d"] .hs-dd{order:6;margin-top:28px;max-width:100%;overflow-x:auto}
  .hero[data-v="d"] .hs-log{order:7;margin-top:12px!important}
}

/* ---------- D7 · Centered; industry picker + play button live inside the customer card ---------- */
.hs-cardplay{display:none}
.hero[data-v="d"][data-dv="7"] .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px) minmax(0,1fr);grid-template-areas:"h1 h1 h1" "lead lead lead" "ctas ctas ctas" ". badge ." ". card .";column-gap:0;text-align:center;justify-items:center;padding:clamp(36px,4vw,56px) clamp(18px,4vw,56px) clamp(36px,4vw,52px)}
.hero[data-v="d"][data-dv="7"] .wrap{overflow:visible}
.hero[data-v="d"][data-dv="7"] .wrap::before{border-radius:inherit;background:linear-gradient(180deg,rgba(10,31,34,.72),rgba(10,31,34,.5) 55%,rgba(10,31,34,.6))}
.hero[data-v="d"][data-dv="7"] .wrap > h1{grid-area:h1;font-size:clamp(40px,5vw,68px)}
.hero[data-v="d"][data-dv="7"] .wrap > .lead{grid-area:lead;margin:16px auto 0}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{grid-area:ctas;margin-top:26px;justify-content:center}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-proof,.hero[data-v="d"][data-dv="7"] .hs-listen{display:none!important}
/* "Built for…" as plain words above the card */
.hero[data-v="d"][data-dv="7"] .hs-badge{grid-area:badge;justify-self:center;margin:38px 0 12px;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:15px;font-weight:500;color:rgba(255,255,255,.9);text-shadow:0 1px 10px rgba(10,31,34,.5)}
.hero[data-v="d"][data-dv="7"] .hs-badge::before{display:none}
/* customer card */
.hero[data-v="d"][data-dv="7"] .hs-log{grid-area:card;width:100%!important;margin:0!important;justify-self:stretch;align-self:start}
.hero[data-v="d"][data-dv="7"] .hs-log .head{min-height:48px;padding:9px 14px}
.hero[data-v="d"][data-dv="7"] .hs-log .head > span:not(.pill){display:none}
.hero[data-v="d"][data-dv="7"] .hs-log .head .pill{margin-left:auto}
.hero[data-v="d"][data-dv="7"] .hs-log .body{grid-template-columns:1fr auto;align-items:center}
.hero[data-v="d"][data-dv="7"] .hs-log .wave{display:flex;align-items:center;gap:3px;height:34px}
.hero[data-v="d"][data-dv="7"] .hs-cardplay{display:grid;place-items:center;flex:none;width:34px;height:34px;margin-right:8px;border:0;border-radius:50%;background:var(--mint);cursor:pointer;transition:transform .15s}
.hero[data-v="d"][data-dv="7"] .hs-cardplay:hover{transform:scale(1.06)}
.hero[data-v="d"][data-dv="7"] .hs-cardplay svg{width:14px;height:14px;fill:var(--ink)}
.hero[data-v="d"][data-dv="7"] .hs-cardplay .ic-pause{display:none}
.hero[data-v="d"][data-dv="7"] .hs-cardplay.playing .ic-play{display:none}
.hero[data-v="d"][data-dv="7"] .hs-cardplay.playing .ic-pause{display:block}
/* industry picker inside the card's top bar */
.hero[data-v="d"][data-dv="7"] .hs-dd{grid-area:card;justify-self:start;align-self:start;margin:8px 0 0 12px;z-index:5;position:relative}
.hero[data-v="d"][data-dv="7"] .hs-dd-btn{display:inline-flex;color:var(--ink);text-shadow:none;background:var(--paper);border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;padding:6px 10px;font-size:13px;min-width:0;gap:8px}
.hero[data-v="d"][data-dv="7"] .hs-dd-btn::before{content:"Industry";color:var(--muted);font-weight:500;margin-right:-2px}
.hero[data-v="d"][data-dv="7"] .hs-dd:hover .hs-dd-btn,.hero[data-v="d"][data-dv="7"] .hs-dd.open .hs-dd-btn{background:#fff;border-color:var(--slate)}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu{position:absolute;top:100%;left:0;right:auto;transform:translateY(6px);flex-direction:column;opacity:0;visibility:hidden;padding:6px;border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px -12px rgba(10,31,34,.35);-webkit-backdrop-filter:none;backdrop-filter:none;min-width:180px}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu::before{display:block}
.hero[data-v="d"][data-dv="7"] .hs-dd:hover .hs-dd-menu,.hero[data-v="d"][data-dv="7"] .hs-dd:focus-within .hs-dd-menu,.hero[data-v="d"][data-dv="7"] .hs-dd.open .hs-dd-menu{opacity:1;visibility:visible}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab{width:100%;border-radius:6px;padding:9px 12px;font-size:14px;color:var(--muted)}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab:hover{background:var(--paper);color:var(--ink)}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab.is-on{background:var(--mist);color:var(--teal)}
@media (max-width:879px){
  .hero[data-v="d"][data-dv="7"] .wrap{margin-inline:12px}
  .hero[data-v="d"][data-dv="7"] .hs-badge{font-size:14px;margin-top:30px}
}

/* D7 · cleaner industry picker */
.hero[data-v="d"][data-dv="7"] .hs-dd{margin:9px 0 0 8px}
.hero[data-v="d"][data-dv="7"] .hs-dd-btn{background:transparent;border:0;border-radius:8px;padding:6px 8px;font-size:14px;font-weight:600;color:var(--ink);gap:6px;align-items:baseline}
.hero[data-v="d"][data-dv="7"] .hs-dd-btn::before{content:none}
.hero[data-v="d"][data-dv="7"] .hs-dd-btn svg{width:10px;height:10px;color:var(--muted);align-self:center}
.hero[data-v="d"][data-dv="7"] .hs-dd:hover .hs-dd-btn,.hero[data-v="d"][data-dv="7"] .hs-dd.open .hs-dd-btn{background:var(--paper);border-color:transparent}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu{min-width:200px;padding:6px;border-radius:12px;border:1px solid rgba(10,31,34,.08);box-shadow:0 24px 48px -16px rgba(10,31,34,.35),0 2px 6px rgba(10,31,34,.06);transform:translateY(4px)}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;font-size:14px;font-weight:500;color:var(--ink)}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab:hover{background:var(--paper)}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab.is-on{background:transparent;color:var(--ink);font-weight:600}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab.is-on::after{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C4750' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.hero[data-v="d"][data-dv="7"] .hs-dd-menu .hs-tab.is-on:hover{background:var(--paper)}
/* valuation line under the card (only shown in D7 for now) */
.hero .hs-val{display:none}
.hero[data-v="d"][data-dv="7"] .wrap{grid-template-areas:"h1 h1 h1" "lead lead lead" "ctas ctas ctas" ". badge ." ". card ." ". val ."}
.hero[data-v="d"][data-dv="7"] .hs-val{display:inline-flex;align-items:center;gap:8px;grid-area:val;justify-self:center;margin:18px 0 0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.hero[data-v="d"][data-dv="7"] .hs-val::before{content:none}

/* D7 · even spacing: same gap above "Built for…" as below the valuation; same gap card↔lines */
@media (min-width:880px){
  .hero[data-v="d"][data-dv="7"] .wrap{padding-bottom:30px}
  .hero[data-v="d"][data-dv="7"] .hs-badge{margin:30px 0}
  .hero[data-v="d"][data-dv="7"] .hs-val{margin-top:30px}
}
@media (max-width:879px){
  .hero[data-v="d"][data-dv="7"] .wrap{padding-bottom:24px}
  .hero[data-v="d"][data-dv="7"] .hs-badge{margin:24px 0}
  .hero[data-v="d"][data-dv="7"] .hs-val{margin-top:24px}
}

/* industry dropdowns close as soon as an industry is picked */
.hero[data-dv="7"] .hs-dd.dd-shut .hs-dd-menu{opacity:0!important;visibility:hidden!important}
.hero[data-dv="7"] .hs-dd.dd-shut .hs-dd-btn svg{transform:none}

/* D7 · the industry menu opens only when the industry is clicked (no hover) */
.hero[data-v="d"][data-dv="7"] .hs-dd:not(.open) .hs-dd-menu{opacity:0;visibility:hidden}
.hero[data-v="d"][data-dv="7"] .hs-dd:not(.open) .hs-dd-btn svg{transform:none}
.hero[data-v="d"][data-dv="7"] .hs-dd.open .hs-dd-btn svg{transform:rotate(180deg)}

/* D7 · "Powered by" inside the photo above the card; "Built for…" below the photo */
.hero .hs-pw,.hs-builtfor-out{display:none}
.hero[data-v="d"][data-dv="7"] .hs-badge{display:none}
.hero[data-v="d"][data-dv="7"] .hs-pw{display:flex;grid-area:badge;justify-self:center;margin:30px 0;opacity:1;gap:18px}
.hero[data-v="d"][data-dv="7"] .hs-pw span{color:rgba(255,255,255,.75)}
.hero[data-v="d"][data-dv="7"] .hs-pw img,.hero[data-v="d"][data-dv="7"] .hs-pw img:hover{filter:brightness(0) invert(1);opacity:.85}
.hero[data-v="d"][data-dv="7"] .hs-pw img:hover{opacity:1}
.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out{display:block;position:relative;z-index:1;margin:-13px auto 0;padding:0 16px 64px;text-align:center;font-size:15px;font-weight:500;color:var(--muted)}
@media (max-width:879px){.hero[data-v="d"][data-dv="7"] .hs-pw{margin:24px 0;gap:12px;flex-wrap:wrap}}
@media (max-width:560px){.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out{margin-top:-8px;padding-bottom:40px}}

/* D7 · $10M above the card, smaller "Powered by" below it; cleaner "Built for…" under the photo */
.hero[data-v="d"][data-dv="7"] .hs-val{grid-area:badge;margin:30px 0!important}
.hero[data-v="d"][data-dv="7"] .hs-pw{grid-area:val;margin:30px 0 0!important;gap:12px}
.hero[data-v="d"][data-dv="7"] .hs-pw span{font-size:8.5px;letter-spacing:.14em}
.hero[data-v="d"][data-dv="7"] .hs-pw img{height:10.5px}
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-nvidia{height:12px}
.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out{display:flex;align-items:center;justify-content:center;gap:14px;max-width:none;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out::before,.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out::after{content:"";width:36px;height:1px;background:var(--line)}
@media (max-width:879px){
  .hero[data-v="d"][data-dv="7"] .hs-val{margin:24px 0!important}
  .hero[data-v="d"][data-dv="7"] .hs-pw{margin:24px 0 0!important;gap:10px}
}
@media (max-width:420px){.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out{font-size:10.5px;letter-spacing:.12em;gap:10px}.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out::before,.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out::after{width:20px}}

/* D7 · $10M line sits above the headline; headline moved down */
.hero[data-v="d"][data-dv="7"] .wrap{grid-template-areas:"badge badge badge" "h1 h1 h1" "lead lead lead" "ctas ctas ctas" ". card ." ". val .";padding-top:clamp(26px,2.6vw,34px)}
.hero[data-v="d"][data-dv="7"] .hs-val{margin:0 0 18px!important}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:36px}
@media (max-width:879px){
  .hero[data-v="d"][data-dv="7"] .wrap{padding-top:24px}
  .hero[data-v="d"][data-dv="7"] .hs-val{margin:0 0 14px!important}
  .hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:28px}
}

/* full-photo hero: don't clip the panel's soft shadow at the bottom of the section */
.hero[data-v="d"]{overflow-x:clip;overflow-y:visible;position:relative;z-index:1}
@media (max-width:879px){.hero[data-v="d"][data-dv="7"] .hs-dd{overflow:visible;max-width:none;order:0}}

/* D7 · no "Built for…" line under the photo */
.hero[data-v="d"][data-dv="7"] ~ .hs-builtfor-out{display:none}


/* Hero a little taller: more room above the $10M line, around the card, and below "Powered by" */
.hero[data-v="d"][data-dv="7"] .wrap{padding-top:clamp(40px,4.2vw,56px);padding-bottom:48px}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:44px}
.hero[data-v="d"][data-dv="7"] .hs-pw{margin-top:36px!important}
@media (max-width:879px){
  .hero[data-v="d"][data-dv="7"] .wrap{padding-top:34px;padding-bottom:36px}
  .hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:34px}
  .hero[data-v="d"][data-dv="7"] .hs-pw{margin-top:28px!important}
}

/* Phones: hide the customer card (and its industry picker) to keep the hero short */
@media (max-width:760px){
  .hero[data-v="d"][data-dv="7"] .hs-log,.hero[data-v="d"][data-dv="7"] .hs-dd{display:none!important}
  .hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:0}
}

/* Full-width hero: the photo runs edge to edge, no rounded corners; lighter tint so the photo reads clearer */
.hero[data-v="d"][data-dv="7"]{padding-top:0}
.hero[data-v="d"][data-dv="7"] .wrap{max-width:none;margin:0;border-radius:0;box-shadow:none;padding-left:max(var(--gutter),calc((100vw - 1180px) / 2));padding-right:max(var(--gutter),calc((100vw - 1180px) / 2))}
.hero[data-v="d"][data-dv="7"] .wrap::before{background:radial-gradient(ellipse 55% 42% at 50% 30%,rgba(10,31,34,.28),rgba(10,31,34,0) 75%),linear-gradient(180deg,rgba(10,31,34,.44) 0%,rgba(10,31,34,.30) 45%,rgba(10,31,34,.22) 75%,rgba(10,31,34,.32) 100%)}
@media (max-width:879px){.hero[data-v="d"][data-dv="7"] .wrap{margin-inline:0;padding-left:20px;padding-right:20px}}

/* Taller hero photo on laptops/desktops: content stays centered vertically */
@media (min-width:880px){
  .hero[data-v="d"][data-dv="7"] .wrap{min-height:clamp(720px,88vh,900px);align-content:center}
}

/* ===== Hero spacing (one consistent rhythm) =====
   $10M → 18 → headline → 18 → description → 32 → buttons → 64 → card → 32 → Powered by
   The whole block is centered top-to-bottom in the photo, with equal space above and below. */
.hero[data-v="d"][data-dv="7"] .hs-val{margin:0 0 18px!important}
.hero[data-v="d"][data-dv="7"] .wrap > .lead{margin:18px auto 0}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-top:32px;margin-bottom:64px}
.hero[data-v="d"][data-dv="7"] .hs-pw{margin:32px 0 0!important}
@media (min-width:880px){
  .hero[data-v="d"][data-dv="7"] .wrap{padding-top:56px;padding-bottom:56px;min-height:clamp(720px,88vh,900px);align-content:center}
}
@media (max-width:879px){
  .hero[data-v="d"][data-dv="7"] .hs-val{margin:0 0 14px!important}
  .hero[data-v="d"][data-dv="7"] .wrap > .lead{margin-top:14px}
  .hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-top:26px;margin-bottom:40px}
  .hero[data-v="d"][data-dv="7"] .hs-pw{margin:28px 0 0!important}
  .hero[data-v="d"][data-dv="7"] .wrap{padding-top:44px;padding-bottom:40px}
}
@media (max-width:760px){
  .hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:0}
}

/* $10M and "Powered by" each centered in their own space: equal gaps above/below both
   (flexible spacer rows share the photo's extra height evenly) */
@media (min-width:880px){
  .hero[data-v="d"][data-dv="7"] .wrap{
    grid-template-areas:". . ." "badge badge badge" ". . ." "h1 h1 h1" "lead lead lead" "ctas ctas ctas" ". card ." ". . ." ". val ." ". . .";
    grid-template-rows:1fr auto 1fr auto auto auto auto 1fr auto 1fr;
    align-content:stretch;padding-top:0;padding-bottom:0}
  .hero[data-v="d"][data-dv="7"] .hs-val{margin:0!important}
  .hero[data-v="d"][data-dv="7"] .hs-pw{margin:0!important}
  .hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:64px}
}

/* $10M line sits lower, closer to the headline */
@media (min-width:880px){.hero[data-v="d"][data-dv="7"] .hs-val{position:relative;top:28px}}

/* Hero text legibility over the photo: darker pocket behind the words, brighter text, soft shadows */
.hero[data-v="d"][data-dv="7"] .wrap > h1{text-shadow:0 2px 24px rgba(10,31,34,.6),0 1px 2px rgba(10,31,34,.5)}
.hero[data-v="d"][data-dv="7"] .wrap > .lead{color:rgba(255,255,255,.94);font-weight:500;text-shadow:0 1px 12px rgba(10,31,34,.7),0 1px 2px rgba(10,31,34,.55)}
.hero[data-v="d"][data-dv="7"] .hs-val{color:#fff;text-shadow:0 1px 10px rgba(10,31,34,.75),0 1px 2px rgba(10,31,34,.6)}
.hero[data-v="d"][data-dv="7"] .hs-pw span{color:rgba(255,255,255,.9);text-shadow:0 1px 8px rgba(10,31,34,.7)}
/* White SVG artwork stays readable in Safari without relying on CSS color filters or hover. */
.hero[data-v="d"][data-dv="7"] .hs-pw img,.hero[data-v="d"][data-dv="7"] .hs-pw img:hover{filter:none;opacity:1;transform:none}
.hero[data-v="d"][data-dv="7"] .btn-ghost{background:rgba(10,31,34,.35);border-color:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* "Built for and trusted by…" description shrinks smoothly on smaller screens */
.hero[data-v="d"][data-dv="7"] .wrap > .lead{font-size:clamp(14.5px,calc(8px + 1.1vw),19px);line-height:1.5}

/* Partner artwork changes color on pointer hover and keyboard focus. */
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo{display:inline-grid;align-items:center;line-height:0;border-radius:3px}
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo img{grid-area:1/1;transition:opacity .2s}
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo .pw-color{opacity:0}
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo:hover .pw-color,
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo:focus .pw-color{opacity:1}
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo:hover .pw-white,
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo:focus .pw-white{opacity:0}
.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo:focus-visible{outline:2px solid #fff;outline-offset:5px}
.article ul{padding-left:24px;margin-top:18px;font-size:18px;line-height:1.65;color:#2B3A3C}
.article li+li{margin-top:10px}
.article h3{margin-top:26px;font-size:21px;line-height:1.4}
.article-table{margin-top:24px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.article table{width:100%;min-width:540px;border-collapse:collapse;font-size:15px;line-height:1.5}
.article th,.article td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article thead{background:var(--cream)}
.article tbody th{font-weight:600}
.article tbody tr:last-child>*{border-bottom:0}
@media(prefers-reduced-motion:reduce){.hero[data-v="d"][data-dv="7"] .hs-pw .pw-logo img{transition:none}}

/* pg-glance-css */
.glance{padding-block:clamp(36px,4.5vw,56px) clamp(40px,5vw,64px)}
.glance-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1050px;margin:0 auto}
.glance-item{padding:4px clamp(14px,2.2vw,28px);text-align:center;border-left:1px solid var(--line)}
.glance-item:first-child{border-left:0}
.glance-item b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,42px);line-height:1;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.glance-item > span{display:block;margin:10px auto 0;max-width:22ch;font-size:14px;line-height:1.45;color:var(--muted)}
.glance-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (max-width:760px){.glance-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.glance-item:nth-child(3){border-left:0}}

/* site-build.mjs additions */
/* Every <img> now carries width/height attributes (space reserved before it loads). Keep CSS in
   charge of the rendered height, as it was before the attributes existed: without this an
   element-level height hint beats aspect-ratio rules such as .post-card img. */
img{height:auto}
/* The demo form's honeypot: off screen, out of the tab order and the accessibility tree. */
.pg-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.hs-listen[hidden]{display:none}
/* Grid children must shrink to the viewport instead of inheriting select/step minimum widths. */
.demo-split>*{min-width:0}
#demo-form-wrap{width:100%;min-width:0}
#demo-form-wrap .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#demo-form-wrap .field{min-width:0}
@media(max-width:420px){
  #demo-form-wrap{padding:20px}
  #demo-form-wrap .demo-steps li{font-size:12px;gap:4px}
  #demo-form-wrap .demo-steps span{width:20px;height:20px;font-size:11px}
  #demo-form-wrap .demo-steps li:not(:last-child)::after{min-width:8px;margin:0 6px}
}
@media(max-width:350px){#demo-form-wrap .form-grid{grid-template-columns:minmax(0,1fr)}}
.form-note.form-error{color:#B42318;font-size:14px}
.form-wrap .btn[disabled]{opacity:.6;cursor:progress}
/* The missed-call calculator, on the home page's closing dark band. */
.mc-calc{margin:30px auto 0;max-width:720px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),var(--ink);text-align:left}
.mc-title{margin:0 0 14px;font-weight:600;font-size:17px;color:var(--on-dark)}
.mc-fields,.mc-result{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mc-field span{display:block;font-size:13px;color:var(--on-dark-muted);margin-bottom:6px}
.mc-field input{width:100%;box-sizing:border-box;padding:12px 18px;border-radius:32px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:var(--on-dark);font:inherit;font-size:17px}
.mc-field input:focus{outline:2px solid var(--mint);outline-offset:1px}
.mc-result{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.mc-result b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.4vw,36px);line-height:1.1;color:var(--mint)}
.mc-result small{display:block;font-size:13px;color:var(--on-dark-muted);margin-top:4px}
.mc-note{margin:14px 0 0;font-size:13px;color:var(--on-dark-muted)}
@media (max-width:640px){
  .mc-calc{padding:18px}
  .mc-fields,.mc-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mc-field span{font-size:11px;line-height:1.3;min-height:29px}
  .mc-field input{padding:10px 8px;font-size:14px;text-align:center}
  .mc-result b{font-size:clamp(20px,6vw,25px)}
  .mc-result small{font-size:11px;line-height:1.35}
}
/* Phones (2026-09-28 team feedback, "mobile view spacing"). The How-it-works steps slide in from
   40px right of where they land, and until each is revealed that offset made every phone page
   40px wider than the screen, so it scrolled sideways. clip, not hidden: no scroll container. */
#hub{overflow-x:clip}
/* The sample report card's tiles: equal columns that may shrink, and a smaller figure on a phone,
   so "$45.6k +33%" stays inside its tile. */
.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpis div{min-width:0}
@media (max-width:560px){.kpis b{font-size:22px}}
/* The legal pages: the privacy policy's summary table set the column to its own width (463px),
   so the whole page scrolled sideways on a phone. The column may shrink; the table scrolls. */
.legal-wrap>*{min-width:0}
.legal table{display:block;max-width:100%;overflow-x:auto}
.legal a{overflow-wrap:anywhere}
/* Menu links that land mid-page clear the sticky header. */
#ai-receptionist,#text-back,#auto-email,#crm-booking,#web-chat,#crm{scroll-margin-top:110px}
/* Keep the home page moving on a phone: preserve the hierarchy while removing desktop air. */
@media (max-width:560px){
  [data-page="home"]>section{padding-block:48px}
  [data-page="home"] .hero{padding-block:44px 40px}
  [data-page="home"] .hero .lead{margin-top:20px}
  [data-page="home"] .hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  [data-page="home"] .hero-ctas .btn{justify-content:center;padding:15px 10px;font-size:15px}
  [data-page="home"] .panel{padding:24px 18px;border-radius:24px}
  [data-page="home"] .panel-head{margin-bottom:28px}
  [data-page="home"] .pillar,[data-page="home"] .ccard{padding:22px}
  [data-page="home"] .timeline{gap:44px}
  [data-page="home"] .tstep{gap:14px}
}
/* The cookie consent banner (site/runtime/cookie-consent.js). The site's own colors and type: ink on
   white, teal for the link and focus ring. Both buttons share one size, so declining is as easy to
   find as accepting. Styles live here, not in the script, so the page needs no inline style. */
.pg-consent{position:fixed;left:0;right:0;bottom:0;z-index:1000;box-sizing:border-box;width:100%;margin:0;padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;background:var(--white);color:var(--ink);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(10,31,34,.08);font-family:var(--sans);font-size:15px;line-height:1.5}
.pg-consent-text{margin:0;flex:1 1 320px;min-width:0}
.pg-consent-text a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pg-consent-actions{display:flex;flex:0 0 auto;gap:10px}
.pg-consent-btn{box-sizing:border-box;min-height:44px;padding:12px 24px;border-radius:999px;border:1.5px solid var(--ink);background:var(--ink);color:var(--white);font:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.pg-consent-btn:hover{background:var(--teal);border-color:var(--teal)}
.pg-consent-decline{background:var(--white);color:var(--ink);border-color:var(--slate)}
.pg-consent-decline:hover{background:var(--mist);border-color:var(--ink)}
.pg-consent-btn:focus-visible,.pg-consent-text a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media (max-width:560px){
  .pg-consent{gap:12px}
  .pg-consent-actions{width:100%}
  .pg-consent-btn{flex:1 1 0;padding:12px 16px}
}
/* "Cookie settings" in the footer: a button that reads like the footer's own links. */
.pg-cookie-settings{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.pg-cookie-settings:hover{color:var(--white)}
.pg-cookie-settings:focus-visible{outline:3px solid var(--mint);outline-offset:3px}