/* 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 */
/* Industries menu: horizontal row 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:max-content;max-width:calc(100vw - 32px);display:flex;flex-direction:row;gap:4px;padding:8px}
.nav-dd-menu a{flex:1 1 0;min-width:150px;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-hero-split-css */
/* Hero: words on the left, photo slideshow on the right (wide screens only; phones keep the stacked layout) */
@media (min-width:880px){
  .hero{text-align:left}
  .hero .wrap{max-width:1460px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-rows:1fr auto 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:6;flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px}
  .hero .btn{padding:17px 26px;font-size:16px}
  .hero .hs-stage{aspect-ratio:auto;height:clamp(380px,43vw,560px)}
  .hero .hs-slide[data-pos] .hs-log{left:auto;right:18px;top:auto;bottom:96px;width:min(340px,72%);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}
  /* Call card hangs off the left edge of the photo, with a soft shadow */
  .hero .hs-stage{overflow:visible}
  .hero .hs-img,.hero .hs-shade{border-radius:28px}
  .hero .hs-img,.hero .hs-slide.is-on .hs-img{transform:none;transition:none}
  .hero .hs-prog{border-radius:0 0 28px 28px;overflow:hidden}
  .hero .hs-slide[data-pos] .hs-log{left:-44px;right:auto;bottom:104px;box-shadow:0 34px 60px -18px rgba(10,31,34,.5),0 10px 24px -10px rgba(10,31,34,.3)}
  /* A different spot for the card on each industry */
  .hero .hs-slide[data-i="0"] .hs-log{left:auto;right:-32px;top:auto;bottom:104px}
  .hero .hs-slide[data-i="1"] .hs-log{left:35%;right:auto;top:auto;bottom:96px;margin-left:calc(min(340px,72%) / -2)}
  .hero .hs-slide[data-i="2"] .hs-log{left:-44px;right:auto;top:74px;bottom:auto}
  .hero .hs-slide[data-i="3"] .hs-log{left:auto;right:-32px;top:auto;bottom:112px}
  .hero .hs-slide[data-i="4"] .hs-log{left:-44px;right:auto;top:calc(50% - 130px);bottom:auto}
  .hero .wrap > .hshow{grid-column:2;grid-row:1 / -1;position:relative;left:auto;transform:none;width:auto;margin-top:0;align-self:center}
}

/* pg-hero-tabs-css */
/* Hero industry switcher: a frosted segmented toggle floating inside the top of the photo */
.hero .hshow{position:relative}
.hero .hs-tabs{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:8;display:flex;flex-wrap:nowrap;gap:2px;margin:0;padding:4px;max-width:calc(100% - 32px);border-radius:999px;background:rgba(10,31,34,.42);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
.hero .hs-tab{flex:0 0 auto;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;line-height:1.2;color:rgba(255,255,255,.82);background:transparent;border:1px solid transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;transition:background .25s,color .25s,border-color .25s}
.hero .hs-tab:hover{color:#fff;background:rgba(255,255,255,.1);border-color:transparent}
.hero .hs-tab.is-on,.hero .hs-tab.is-on:hover{color:#fff;background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.65);box-shadow:none;transform:none}
.hero .hs-tab i{display:none}

/* 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-hero-mobile-css */
/* Smaller screens and phones: hide the hero photo slideshow (and its industry tabs) */
@media (max-width:879px){.hero .hshow,.hero .hero-proof{display: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-hero-grid-css */
/* Homepage hero backdrop: faint teal sound-wave ripples (rippling out from behind the photo) that fade out toward the edges and bottom */
[data-page="home"] > .hero{isolation:isolate}
[data-page="home"] > .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:repeating-radial-gradient(circle at 72% 52%,rgba(28,71,80,.03) 0 1.5px,transparent 1.5px 34px);
  -webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,#000 35%,transparent 100%)}
@media (max-width:879px){[data-page="home"] > .hero::before{background-image:repeating-radial-gradient(circle at 50% 45%,rgba(28,71,80,.028) 0 1.5px,transparent 1.5px 30px)}}

/* pg-product-pages-css */
/* Product dropdown: options run left to right, 5 across */
.nav-dd-menu.pd-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(1080px,calc(100vw - 32px));gap:4px}
.nav-dd-menu.pd-menu a{min-width:0;padding:12px 16px}
.nav-dd-menu.pd-menu a:first-child{background:var(--paper)}
.nav-dd-menu.pd-menu a:first-child:hover{background:var(--mist)}
/* "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-voice-bar-white-css */
/* Hero slideshow: "Voice preview" bar in the same frosted glass as the industry toggle */
.hero .hs-listen.listen{background:rgba(10,31,34,.32);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:10px 18px 10px 10px;gap:14px;box-shadow:0 10px 30px -12px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.hero .hs-listen .play{width:44px;height:44px;background:var(--mint);box-shadow:none}
.hero .hs-listen .play svg{width:16px;height:16px;fill:var(--ink)}
.hero .hs-listen .play:focus-visible{outline-color:#fff}
.hero .hs-listen .meta small{color:var(--mint)}
.hero .hs-listen .meta b{color:#fff;font-weight:500}
.hero .hs-listen .vwave{gap:3px;height:32px}
.hero .hs-listen .vwave i{width:2.5px;background:rgba(255,255,255,.55);opacity:1;height:calc(var(--h,12px) * .75)}
.hero .hs-listen.playing .vwave i{background:var(--mint)}
.hero .hs-listen .time{color:rgba(255,255,255,.75);font-weight:500}

/* pg-hero-note-css */
/* Homepage hero: quiet valuation line under the buttons */
.hero-note{margin:20px 0 0;font-size:13.5px;line-height:1;color:var(--muted);letter-spacing:.01em}
@media (min-width:880px){.hero .wrap > .hero-note{grid-column:1;grid-row:5;margin-top:24px;padding-left:4px}.hero .wrap > .hero-proof{margin-top:24px;padding-top:26px;border-top:1px solid var(--line);max-width:420px}}
@media (max-width:879px){.hero-note{margin:22px 0 12px}}

/* 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-card-link-css */
/* Homepage hero: call cards link to the Product page */
.hero .hs-log{cursor:pointer}
.hero .hs-slide.is-on .hs-log:hover{transform:translateY(-3px);box-shadow:0 30px 60px -18px rgba(10,31,34,.55),0 10px 24px -10px rgba(10,31,34,.3)}
.hero .hs-log:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
html.pg-text .hero .hs-log{cursor:text}

/* 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}
/* Seven product destinations need a compact menu rather than one extra-wide row. */
.nav-dd-product .nav-dd-menu{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));width:min(650px,calc(100vw - 32px))}
.nav-dd-product .nav-dd-menu a{min-width:0}
/* 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}
}