/* 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 .footer-logo{display:block;width:128px;height:auto;max-width:100%;object-fit:contain}
footer h4{margin:0 0 14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--white);font-weight:600}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px}
footer ul a:hover{color:var(--white)}
footer .bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
footer .bottom em{font-family:var(--serif);font-style:italic;color:var(--mint);font-size:15px}
@media (max-width:820px){footer .top{grid-template-columns:1fr 1fr}}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

/* =====================================================================
   Pongg theme layer
   Loaded after site.css on every page. Applies the Pongg brand guide
   (palette, pill buttons, type) site-wide and holds the layouts for the
   new homepage sections (classes starting with .cg-).
   All colors come from the tokens below; change them here only.
   ===================================================================== */

:root{
  /* Brand guide: Primary */
  --p-900:#383838; --p-700:#1C4750; --p-500:#507B84; --p-100:#E5F3F4; --p-50:#F4FCFD;
  /* Brand guide: Grey */
  --g-400:#ABABAB; --g-200:#EDEDED; --g-50:#F8F8F8;
  /* Brand guide: functional */
  --success:#16A34A; --success-200:#B5FFCF; --success-50:#E0FFEB;
  --warning:#EA580C; --warning-200:#FFBC97; --warning-50:#FFE0CF;
  --danger:#FF1B1B;  --danger-200:#FF8A8A;  --danger-50:#FFE0E0;
  /* Logo mint */
  --brand-mint:#5EEAB5;

  /* Roles */
  --ink:var(--p-900); --text:var(--p-900); --teal:var(--p-700); --slate:var(--p-500);
  --mist:var(--p-100); --ice:var(--p-50);
  --paper:var(--g-50); --white:#FFFFFF; --line:var(--g-200);
  --muted:#4F6164;
  --mint:var(--brand-mint); --mint-deep:var(--success);
  --on-dark:#F4FCFD; --on-dark-muted:#A9C2C6;
  --accent:var(--p-700);              /* italic accent words on light */
  --accent-on-dark:var(--brand-mint); /* italic accent words on dark  */

  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;

  --r:24px; --r-sm:16px; --pill:32px;
  --frame:1240px;
}

/* ---------- Base type ---------- */
body{background:var(--paper);color:var(--text)}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
h1 em,h2 em,h3 em,.accent{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}
.dark h1 em,.dark h2 em,.cg-dark h2 em,.cg-introcard h2 em{color:var(--accent-on-dark)}
.lead{color:var(--muted)}
.dark .lead{color:var(--on-dark-muted)}
.eyebrow{color:var(--p-500)}
.dark .eyebrow,.cg-dark .eyebrow{color:var(--brand-mint)}
.chip{color:var(--p-700);background:var(--p-100)}
.chip::before{background:var(--success)}

/* ---------- Buttons (brand guide: 32px radius, 24x16 large) ---------- */
.btn{border-radius:var(--pill);padding:16px 24px;font-weight:500;font-size:15px;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,transform .15s}
.btn-primary,.btn-dark{background:var(--p-900);color:#fff}
.btn-primary:hover,.btn-dark:hover{background:var(--p-700)}
.btn-primary:active,.btn-dark:active{background:var(--p-500)}
.btn-ghost{background:#fff;border:1px solid var(--p-900);color:var(--p-900)}
.btn-ghost:hover{background:var(--p-50)}
.btn-ghost:active{background:var(--p-100)}
.btn-light{background:#fff;color:var(--p-900)}
.btn-light:hover{background:var(--p-100)}
.btn:focus-visible{outline:3px solid var(--brand-mint);outline-offset:3px}
.dark .btn-ghost,.cg-dark .btn-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.dark .btn-ghost:hover{background:rgba(255,255,255,.08)}

/* ---------- Announcement bar ---------- */
.cg-announce{position:relative;z-index:21;background:var(--p-700);color:#fff;font-size:13px;font-weight:500;text-align:center;padding:9px 44px}
.cg-announce a{color:#fff}
.cg-announce a b{font-weight:600;color:var(--brand-mint)}
.cg-announce a:hover b{text-decoration:underline;text-underline-offset:3px}
.cg-announce button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;background:none;color:#fff;font-size:18px;line-height:1;cursor:pointer;opacity:.8}
.cg-announce button:hover{opacity:1}
.cg-announce[hidden]{display:none}

/* ---------- Nav ---------- */
.nav{background:rgba(248,248,248,.9);border-bottom:1px solid var(--line)}
.nav .wrap{max-width:var(--frame)}
.nav ul{align-items:center;gap:4px}
.nav ul > li{display:flex;align-items:center}
.nav ul > li > a,.nav-dd-btn{padding:8px 12px;border-radius:var(--pill)}
.nav ul > li > a:hover,.nav-dd-btn:hover{background:var(--p-100);color:var(--p-900)}
.nav .actions .btn{padding:12px 16px;font-size:14px}

/* ---------- Shared surfaces (all pages) ---------- */
.wrap{max-width:var(--frame)}
.dark{background:var(--p-900)}
.teal{background:var(--p-700)!important}
.panel{border-color:var(--line)}
input,select,textarea{border-radius:var(--pill)}
textarea{border-radius:var(--r-sm)}

/* ---------- Footer ---------- */
footer{background:var(--p-700);color:var(--on-dark-muted)}
footer h4{color:#fff}
footer a:hover{color:var(--brand-mint)}
footer .bottom{border-color:rgba(255,255,255,.14)}
footer .bottom em{color:var(--brand-mint)}

/* =====================================================================
   HOMEPAGE LAYOUT
   ===================================================================== */

/* Framed sections: thin vertical rules at the content edges */
.cg-sec{position:relative;border-bottom:1px solid var(--line);padding-block:clamp(64px,8vw,104px)}
.cg-sec::before,.cg-sec::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--line);pointer-events:none}
.cg-sec::before{left:max(16px,calc(50% - var(--frame)/2))}
.cg-sec::after{right:max(16px,calc(50% - var(--frame)/2))}
.cg-sec > .wrap{position:relative;z-index:1}
.cg-head{max-width:760px;margin-bottom:clamp(32px,4vw,48px)}
.cg-head.center{margin-inline:auto;text-align:center}
.cg-head h2{margin-top:12px}
.cg-head .lead{margin-top:14px;font-size:17px}
.cg-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,48px)}
.cg-head-row .cg-head{margin-bottom:0}

/* ---------- Hero: full-height, light wash over your video ---------- */
.hero[data-v="d"]{padding:0;border-bottom:1px solid var(--line)}
.hero[data-v="d"][data-dv="7"] .wrap{max-width:none;min-height:calc(100svh - 72px - 36px);border-radius:0;box-shadow:none;margin-inline:0;
  padding:clamp(56px,8vw,112px) var(--gutter) clamp(40px,5vw,64px);align-content:center;
  grid-template-areas:"val val val" "h1 h1 h1" "lead lead lead" "ctas ctas ctas" ". badge ." ". card ."}
.hero[data-v="d"][data-dv="7"] .wrap::before{border-radius:0;background:linear-gradient(180deg,rgba(244,252,253,.97) 0%,rgba(244,252,253,.93) 46%,rgba(244,252,253,.68) 70%,rgba(244,252,253,.2) 100%)}
.hero[data-v="d"][data-dv="7"] .wrap > h1{color:var(--p-900);text-shadow:none;font-size:clamp(44px,6.4vw,88px)!important;line-height:1;letter-spacing:-.03em}
.hero[data-v="d"][data-dv="7"] .wrap > .lead{color:var(--muted);text-shadow:none;font-weight:400;max-width:46ch;font-size:clamp(16px,1.35vw,19px)}
.hero[data-v="d"][data-dv="7"] .btn-primary{background:var(--p-900);color:#fff}
.hero[data-v="d"][data-dv="7"] .btn-primary:hover{background:var(--p-700)}
.hero[data-v="d"][data-dv="7"] .btn-ghost{background:#fff;color:var(--p-900);border:1px solid var(--p-900);text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero[data-v="d"][data-dv="7"] .btn-ghost:hover{background:var(--p-50)}
.hero[data-v="d"][data-dv="7"] .hs-val{grid-area:val;margin:0 0 22px!important;padding:6px 14px;border-radius:var(--pill);background:var(--p-100);color:var(--p-700)!important;text-shadow:none!important;font-size:11.5px;font-weight:600}
.hero[data-v="d"][data-dv="7"] .pw-inline span{color:var(--p-900);text-shadow:none}
.hero[data-v="d"] .hs-log{border-radius:var(--r-sm)}
@media (max-width:879px){.hero[data-v="d"][data-dv="7"] .wrap{min-height:0;padding:40px 18px}}

/* ---------- Logo strip (integrations) ---------- */
.cg-logos{border-bottom:1px solid var(--line);background:var(--paper);padding-block:22px 26px}
.cg-logos .wrap p{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--p-500);text-transform:uppercase;text-align:center;margin:0 0 14px}
.cg-logos .crm-tile{background:transparent;border:0;box-shadow:none}
.cg-logos .crm-tile img{filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.cg-logos .crm-tile:hover img{filter:none;opacity:1}

/* ---------- Intro statement (brand teal card) + stats ---------- */
.cg-intro{padding-block:clamp(28px,4vw,48px)}
.cg-introcard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;background:var(--p-700);color:#fff;border-radius:var(--r);padding:clamp(28px,4.5vw,56px);overflow:hidden}
.cg-introcard .chip{background:rgba(255,255,255,.1);color:#fff}
.cg-introcard .chip::before{background:var(--brand-mint)}
.cg-introcard h2{margin-top:18px;font-size:clamp(30px,3.4vw,44px);color:#fff;line-height:1.08}
.cg-introcard h2 .brand{color:var(--brand-mint)}
.cg-introcard p{margin:18px 0 0;color:var(--on-dark-muted);font-size:17px;max-width:52ch}
.cg-introcard .hero-ctas{justify-content:flex-start;margin-top:26px}
.cg-introcard figure.cg-introart{margin:0;justify-self:end;width:min(100%,360px);background:#fff;border-radius:var(--r);padding:28px;transform:rotate(2deg);box-shadow:0 30px 60px -24px rgba(10,31,34,.7)}
.cg-introcard figure.cg-introart img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.cg-intro .glance{padding:clamp(28px,3.5vw,44px) 0 0;background:none}
.cg-intro .glance .wrap{padding:0;max-width:none}
.cg-intro .glance-row{max-width:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.6vw,32px) 0}
.cg-intro .glance-item b{color:var(--p-900)}
.cg-intro .glance-item:nth-child(odd) b{color:var(--p-700)}

/* ---------- Four pillar cards ---------- */
.cg-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cg-pack{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cg-pack-top{padding:18px 22px 20px;border-bottom:1px solid var(--line);background:linear-gradient(165deg,#fff 50%,var(--p-50) 75%,var(--p-100))}
.cg-pack-art{display:block;height:96px;width:auto;max-width:70%;margin:0 0 14px auto;object-fit:contain}
.cg-pack-top h3{font-size:26px}
.cg-pack-top p{margin:10px 0 0;font-size:14px;color:var(--muted);line-height:1.45}
.cg-pack.is-dark .cg-pack-top{background:linear-gradient(165deg,#fff 50%,var(--g-50) 75%,var(--g-200))}
.cg-pack-body{flex:1;display:flex;flex-direction:column;padding:18px 22px 22px;text-align:center}
.cg-pack-body small{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}
.cg-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:22px}
.cg-tag{display:inline-block;padding:4px 10px;border-radius:var(--pill);background:var(--p-100);color:var(--p-700);font-size:12px;font-weight:500;line-height:1.4;transition:background .15s,color .15s}
a.cg-tag:hover{background:var(--p-700);color:#fff}
.cg-pack-body .btn{margin-top:auto;justify-content:center;width:100%;padding:12px 16px}
.cg-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:13px;color:var(--muted)}
.cg-hint .cg-tag{pointer-events:none}

/* ---------- Dark compare section ---------- */
.cg-dark{background:var(--p-900);color:#fff;border-bottom:0}
.cg-dark::before,.cg-dark::after{background:rgba(255,255,255,.1)}
.cg-dark h2{color:#fff}
.cg-dark .lead{color:var(--on-dark-muted)}
.cg-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cg-cmp{border-radius:var(--r);overflow:hidden;background:#fff;color:var(--p-900);display:flex;flex-direction:column}
.cg-cmp-vis{min-height:220px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;padding:24px;background:var(--g-50);border-bottom:1px solid var(--line)}
.cg-cmp-vis s{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--danger-200);border-radius:var(--pill);color:#C81414;background:var(--danger-50);font-size:14px;font-weight:500;text-decoration-thickness:1.5px}
.cg-cmp.is-us .cg-cmp-vis{background:radial-gradient(120% 120% at 70% 15%,var(--p-500) 0%,var(--p-700) 45%,var(--p-900) 100%);flex-direction:column;align-items:center;gap:16px;border-bottom:0}
.cg-cmp.is-us .cg-cmp-vis img{height:34px;width:auto;filter:brightness(0) invert(1)}
.cg-cmp-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.cg-cmp-pills span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:500}
.cg-cmp-pills span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand-mint)}
.cg-cmp-body{padding:22px 24px 26px}
.cg-cmp-body h3{font-size:22px}
.cg-cmp-body p{margin:10px 0 0;color:var(--muted);font-size:15px}
.cg-cmp-body .hero-ctas{justify-content:flex-start;margin-top:20px}

/* ---------- App: picture + two options ---------- */
.cg-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.cg-two-vis{position:relative;border-radius:var(--r);background:linear-gradient(150deg,var(--p-100) 0%,#BFDDE1 45%,var(--p-500) 100%);min-height:440px;overflow:hidden}
.cg-two-vis img{position:absolute;height:auto;border-radius:var(--r-sm);box-shadow:0 30px 60px -24px rgba(10,31,34,.5)}
.cg-two-vis .is-tablet{width:72%;left:6%;top:12%}
.cg-two-vis .is-phone{width:38%;right:7%;bottom:-6%;border-radius:22px}
.cg-opts{display:flex;flex-direction:column;gap:16px}
.cg-opt{position:relative;flex:1;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,30px)}
.cg-opt-art{position:absolute;right:18px;top:16px;width:92px;height:auto}
.cg-opt h3{font-size:22px;padding-right:96px}
.cg-opt h3 span{font-style:italic;color:var(--accent)}
.cg-opt p{margin:10px 0 0;color:var(--muted);font-size:15px;padding-right:96px}
.cg-opt small{display:block;margin-top:16px;font-size:13px;color:var(--p-900);font-weight:600}
.cg-opt .btn{margin-top:18px}

/* ---------- How it works (timeline panel) ---------- */
.cg-hub #hub{padding:0}
.cg-hub .panel.hub{background:#fff;border-radius:var(--r)}
.cg-hub .tnode{background:var(--p-900)!important}

/* ---------- "Still your business" cards ---------- */
.cg-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cg-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column}
.cg-card-art{width:150px;max-height:120px;height:auto;object-fit:contain;object-position:left bottom}
.cg-card h3{margin-top:28px;font-size:22px}
.cg-card p{margin:10px 0 0;font-size:15px;color:var(--muted)}

/* ---------- Industries grid + everything included ---------- */
.cg-ind{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cg-indc{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.cg-indc:hover{transform:translateY(-3px);box-shadow:0 24px 40px -24px rgba(10,31,34,.3)}
.cg-indc img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cg-indc .badge{position:absolute;top:12px;left:12px;z-index:1;padding:4px 10px;border-radius:var(--pill);background:var(--p-700);color:#fff;font-size:11.5px;font-weight:600}
.cg-indc .body{flex:1;display:flex;flex-direction:column;padding:18px}
.cg-indc h3{font-size:21px}
.cg-indc p{margin:8px 0 18px;font-size:14px;color:var(--muted)}
.cg-indc .btn{margin-top:auto;justify-content:center;padding:12px 16px}
.cg-indc .ind-link{position:absolute;inset:0;z-index:2}
.cg-more{display:flex;justify-content:center;margin-top:28px}
.cg-incl{margin-top:clamp(48px,6vw,72px)}
.cg-incl > h3{font-size:clamp(24px,2.6vw,30px)}
.cg-incl > p{margin:8px 0 22px;color:var(--muted)}
.cg-incl .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cg-incl .col{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 24px}
.cg-incl .col h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:20px}
.cg-incl .col h3 small{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:0;padding:4px 10px;border-radius:var(--pill);background:var(--p-100);color:var(--p-700);text-transform:none}
.cg-incl .col ul{margin:14px 0 0;padding:0;list-style:none}
.cg-incl .col li{padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.cg-incl .col li::before{display:none}

/* ---------- FAQ: centered card ---------- */
.cg-faq{background:var(--paper)!important;border-top:0!important}
.cg-faq .wrap{max-width:820px}
.cg-faqcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 50px -30px rgba(10,31,34,.25);padding:6px 26px}
.cg-faqcard details{border:0;border-bottom:1px solid var(--line);margin:0;padding:0;background:none}
.cg-faqcard details:last-child{border-bottom:0}
.cg-faqcard summary{padding:18px 0;font-weight:500;font-size:16px}
.cg-faqcard details p{margin:0 0 18px;color:var(--muted);font-size:15px}
.cg-faqfoot{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}
.cg-faqfoot a{color:var(--p-700);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ---------- Illustrations (white backgrounds blend on light surfaces) ---------- */
.cg-hero-art,.cg-pack-art,.cg-opt-art,.cg-card-art{mix-blend-mode:multiply;pointer-events:none;user-select:none}
.hero[data-v="d"] .wrap > .cg-hero-art{position:absolute;z-index:2;height:auto}
.hero[data-v="d"] .wrap > .cg-hero-left{left:clamp(0px,3vw,64px);top:44%;width:clamp(150px,17vw,250px);transform:rotate(-6deg)}
.hero[data-v="d"] .wrap > .cg-hero-right{right:clamp(0px,3vw,56px);top:5%;width:clamp(130px,13vw,200px);transform:rotate(4deg)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .cg-packs,.cg-ind{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero[data-v="d"] .wrap > .cg-hero-art{width:120px;opacity:.55}
  .hero[data-v="d"] .wrap > .cg-hero-left{top:auto;bottom:8%}
}
@media (max-width:880px){
  .cg-introcard,.cg-two,.cg-compare,.cg-cards3,.cg-incl .cols{grid-template-columns:minmax(0,1fr)}
  .cg-introcard figure.cg-introart{justify-self:start;max-width:320px}
  .cg-two-vis{min-height:340px}
  .cg-sec::before,.cg-sec::after{display:none}
}
@media (max-width:700px){.hero[data-v="d"] .wrap > .cg-hero-art{display:none}}
@media (max-width:560px){
  .cg-packs,.cg-ind{grid-template-columns:minmax(0,1fr)}
  .cg-faqcard{padding:2px 18px}
  .cg-announce{font-size:12px;padding:8px 40px}
  .cg-opt-art{width:64px}
  .cg-opt h3,.cg-opt p{padding-right:64px}
}

/* FAQ: single centered column (overrides the original two-column .faq grid) */
.cg-faq .wrap{display:block!important;grid-template-columns:none!important}
.cg-faq .cg-head{max-width:640px;margin:0 auto clamp(28px,3.5vw,40px)}

/* Hero background video (and its poster image) in black and white */
.hero[data-v="d"] .hero-video{filter:grayscale(1)}
.hero[data-v="d"][data-dv="7"] .wrap{background-blend-mode:luminosity;background-color:#808080}

/* ---------- Hero v2: no listening card, shorter, "Powered by" at the bottom ---------- */
.hero[data-v="d"][data-dv="7"] .wrap{
  min-height:0;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"val" "h1" "lead" "ctas" "pw";
  justify-items:center;text-align:center;
  padding:clamp(56px,7vw,96px) var(--gutter) clamp(28px,3.5vw,40px)}
.hero[data-v="d"][data-dv="7"] .hs-log,
.hero[data-v="d"][data-dv="7"] .hs-dd,
.hero[data-v="d"][data-dv="7"] .hs-prog,
.hero[data-v="d"][data-dv="7"] .hs-badge,
.hero[data-v="d"][data-dv="7"] .hs-listen{display:none!important}
.hero[data-v="d"][data-dv="7"] .hs-val{justify-self:center}
.hero[data-v="d"][data-dv="7"] .wrap > h1,
.hero[data-v="d"][data-dv="7"] .wrap > .lead{justify-self:center;margin-inline:auto}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{justify-self:center;justify-content:center}
.hero[data-v="d"][data-dv="7"] .pw-inline{grid-area:pw;justify-self:center;margin:clamp(48px,6vw,72px) 0 0;opacity:1}
.hero[data-v="d"][data-dv="7"] .pw-inline span{color:var(--p-900)}
.hero[data-v="d"][data-dv="7"] .wrap::before{background:linear-gradient(180deg,rgba(244,252,253,.96) 0%,rgba(244,252,253,.9) 55%,rgba(244,252,253,.72) 100%)}
.hero[data-v="d"] .wrap > .cg-hero-left{top:auto;bottom:18%}
.hero[data-v="d"] .wrap > .cg-hero-right{top:10%}
.hero[data-v="d"][data-dv="7"] .wrap{grid-template-rows:auto auto auto auto auto;grid-auto-rows:0;row-gap:0;align-content:start}

/* Hero headline is the longer stance line: size it to fit in 2–3 lines */
.hero[data-v="d"][data-dv="7"] .wrap > h1{max-width:24ch;font-size:clamp(38px,5vw,68px)!important;line-height:1.04}

/* ---------- Hero v3: still photo (black and white), taller, Powered by pinned to the bottom ---------- */
.hero[data-v="d"][data-dv="7"] .wrap{
  min-height:clamp(600px,calc(100svh - 108px),900px);
  grid-template-rows:1fr auto auto auto auto 1fr auto;
  grid-template-areas:"." "val" "h1" "lead" "ctas" "." "pw";
  align-content:stretch;
  background:#7a7a7a url("/_site/7703846d63aa.jpg") center 60%/cover no-repeat;
  background-blend-mode:luminosity}
.hero[data-v="d"][data-dv="7"] .wrap::before{background:linear-gradient(180deg,rgba(244,252,253,.95) 0%,rgba(244,252,253,.88) 50%,rgba(244,252,253,.6) 85%,rgba(244,252,253,.5) 100%)}
.hero[data-v="d"][data-dv="7"] .pw-inline{margin-top:40px}
.hero[data-v="d"] .wrap > .cg-hero-left{bottom:22%}
@media (max-width:879px){.hero[data-v="d"][data-dv="7"] .wrap{min-height:560px}}

/* Hero v4: $10M badge higher, Powered by higher and in white */
.hero[data-v="d"][data-dv="7"] .hs-val{margin:0 0 40px!important;transform:translateY(-12px)}
.hero[data-v="d"][data-dv="7"] .pw-inline{margin:40px 0 36px;opacity:1}
.hero[data-v="d"][data-dv="7"] .pw-inline span{color:#fff;text-shadow:0 1px 8px rgba(10,31,34,.55)}
.hero[data-v="d"][data-dv="7"] .pw-inline img{filter:none;opacity:1}
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-white{display:block!important;opacity:1!important}
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-color{display:none!important}
/* darker band at the bottom so the white text reads on the photo */
.hero[data-v="d"][data-dv="7"] .wrap::before{background:linear-gradient(180deg,rgba(244,252,253,.95) 0%,rgba(244,252,253,.88) 50%,rgba(244,252,253,.45) 74%,rgba(10,31,34,.25) 88%,rgba(10,31,34,.55) 100%)}

/* Hero v5: light wash restored; "Powered by" sits in a small dark pill */
.hero[data-v="d"][data-dv="7"] .wrap::before{background:linear-gradient(180deg,rgba(244,252,253,.95) 0%,rgba(244,252,253,.88) 50%,rgba(244,252,253,.6) 85%,rgba(244,252,253,.5) 100%)}
.hero[data-v="d"][data-dv="7"] .pw-inline{display:inline-flex;gap:16px;padding:9px 18px;border-radius:var(--pill);background:rgba(10,31,34,.88);box-shadow:0 10px 24px -12px rgba(10,31,34,.6)}
.hero[data-v="d"][data-dv="7"] .pw-inline span{text-shadow:none}
/* white logos by default, real brand colors on hover / keyboard focus */
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-white,
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-color{display:block!important;transition:opacity .2s}
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-white{opacity:1!important}
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-color{opacity:0!important}
.hero[data-v="d"][data-dv="7"] .pw-logo:hover .pw-white,.hero[data-v="d"][data-dv="7"] .pw-logo:focus .pw-white{opacity:0!important}
.hero[data-v="d"][data-dv="7"] .pw-logo:hover .pw-color,.hero[data-v="d"][data-dv="7"] .pw-logo:focus .pw-color{opacity:1!important}
.hero[data-v="d"][data-dv="7"] .pw-inline img:hover{transform:none}

/* Hero v6: $10M badge centered between hero top and headline;
   Powered by centered between the buttons and hero bottom (equal flexible gaps) */
.hero[data-v="d"][data-dv="7"] .wrap{
  grid-template-rows:1fr auto 1fr auto auto auto 1fr auto 1fr;
  grid-template-areas:"." "val" "." "h1" "lead" "ctas" "." "pw" ".";
  padding-top:0;padding-bottom:0}
.hero[data-v="d"][data-dv="7"] .hs-val{margin:0!important;transform:none}
.hero[data-v="d"][data-dv="7"] .pw-inline{margin:0}
.hero[data-v="d"][data-dv="7"] .hs-val{top:0!important}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:0}
.hero[data-v="d"][data-dv="7"] .pw-inline{position:relative;top:0!important}
.hero[data-v="d"][data-dv="7"] .wrap > .hero-ctas{margin-bottom:0!important}

/* Hero v7: illustrations removed, no pill behind Powered by, badge nudged down, Powered by nudged up */
.cg-introcard{grid-template-columns:minmax(0,1fr)}
.hero[data-v="d"][data-dv="7"] .pw-inline{background:none;box-shadow:none;padding:0;top:-14px!important}
.hero[data-v="d"][data-dv="7"] .hs-val{top:12px!important}

/* =====================================================================
   Mega menu (built by nav-mega.js from the existing dropdown links)
   ===================================================================== */
@media (min-width:900px){
  .nav .nav-dd-menu.mm-ready{
    position:absolute;top:100%;left:50%;transform:translate(-50%,-4px);
    width:min(var(--frame),calc(100vw - 32px));margin:0;padding:0;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:0;
    background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r);
    box-shadow:0 30px 60px -30px rgba(10,31,34,.35);
    opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s}
  .nav .nav-dd.is-open .nav-dd-menu.mm-ready{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .nav .nav-dd-menu.mm-ready::before{top:-20px;height:20px}
  .nav.mm-switching .nav-dd-menu.mm-ready{transition:none}

  .mm-main{display:flex;flex-direction:column;padding:22px 8px 18px 22px}
  .mm-cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);flex:1}
  .mm-col{padding:0 16px;border-left:1px solid var(--line)}
  .mm-col:first-child{border-left:0;padding-left:0}
  .mm-h{margin:0 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--p-500)}
  .nav .nav-dd-menu a.mm-link{display:grid;grid-template-columns:18px 1fr;column-gap:10px;align-items:start;padding:9px 10px;margin-left:-10px;border-radius:12px}
  .nav .nav-dd-menu a.mm-link:hover,.nav .nav-dd-menu a.mm-link:focus-visible{background:var(--p-50)}
  .mm-ic{width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--p-700);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .nav .nav-dd-menu a.mm-link b{font-size:14.5px;font-weight:600;color:var(--p-900)}
  .nav .nav-dd-menu a.mm-link small{grid-column:2;font-size:12.5px;color:var(--muted)}
  .nav .nav-dd-menu a.mm-all{display:inline-block;align-self:flex-start;margin-top:14px;padding:6px 0;font-size:13.5px;font-weight:600;color:var(--p-700);background:none}
  .nav .nav-dd-menu a.mm-all:hover{text-decoration:underline;text-underline-offset:3px;background:none}

  .mm-cards{padding:22px 22px 22px 22px;background:var(--p-50);border-left:1px solid var(--line);border-radius:0 0 var(--r) 0}
  .mm-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .nav .nav-dd-menu a.mm-card{display:flex;flex-direction:column;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;transition:transform .15s,box-shadow .15s}
  .nav .nav-dd-menu a.mm-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(10,31,34,.4)}
  .mm-card-img{display:block;aspect-ratio:4/3;background-size:cover;filter:grayscale(.15)}
  .nav .nav-dd-menu a.mm-card b{padding:10px 12px 0;font-size:13.5px;font-weight:600;color:var(--p-900)}
  .nav .nav-dd-menu a.mm-card small{padding:2px 12px 12px;font-size:12px;color:var(--muted)}
}

/* Mega menu without highlight cards */
@media (min-width:900px){
  .nav .nav-dd-menu.mm-ready{grid-template-columns:minmax(0,1fr);width:min(860px,calc(100vw - 32px))}
}

/* Mega menu: wider and shorter (landscape rectangle), roomier spacing, squarer corners */
@media (min-width:900px){
  .nav .nav-dd-menu.mm-ready{width:min(1120px,calc(100vw - 32px));border-radius:0 0 12px 12px}
  .mm-main{padding:28px 36px 22px}
  .mm-cols{column-gap:0}
  .mm-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:20px;row-gap:4px;align-content:start;padding:0 28px}
  .mm-col:first-child{padding-left:0}
  .mm-col:last-child{padding-right:0}
  .mm-col .mm-h{grid-column:1/-1;margin-bottom:12px}
  .mm-all{margin-top:18px!important;padding-top:16px!important;border-top:1px solid var(--line);width:100%}
}
@media (min-width:900px){
  .mm-col{grid-template-columns:minmax(0,1fr)}
  .mm-col:has(> a:nth-of-type(4)){grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Top nav items: plain text, no pill or curved underline (hover and current page = color only) */
.nav ul > li > a,.nav ul > li > a.current,.nav-dd-btn,.nav-dd-btn.current{border-radius:0!important;border:0!important;background:none!important;box-shadow:none!important;padding:8px 12px!important}
.nav ul > li > a:hover,.nav-dd-btn:hover,.nav-dd.is-open .nav-dd-btn,.nav-dd:focus-within .nav-dd-btn{background:none!important;color:var(--p-500)}
.nav ul > li > a.current,.nav-dd-btn.current{color:var(--p-700);font-weight:600}

/* Hero buttons (option 2): navy pill with arrow + underlined text link with play icon */
.hero .cg-btn-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.hero .cg-btn-arrow:hover svg{transform:translateX(3px)}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-link{background:none!important;border:0!important;box-shadow:none;padding:16px 12px;color:var(--p-900);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-link:hover{color:var(--p-700);text-decoration-color:var(--p-500)}
.hero .cg-btn-link svg{width:14px;height:14px;fill:currentColor}
.hero[data-v="d"][data-dv="7"] .hs-val{top:24px!important}

/* Hero "Book a Demo": white pill, thin border, soft shadow */
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow{background:#fff!important;color:var(--p-900)!important;border:1px solid rgba(10,31,34,.18)!important;box-shadow:0 8px 22px -10px rgba(10,31,34,.35)}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:hover{background:var(--p-50)!important;border-color:var(--p-900)!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:active{background:var(--p-100)!important}

/* Hero "Book a Demo": brand navy-teal */
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow{background:var(--p-700)!important;color:#fff!important;border:1px solid var(--p-700)!important;box-shadow:0 8px 22px -10px rgba(10,31,34,.45)}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:hover{background:var(--p-900)!important;border-color:var(--p-900)!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:active{background:var(--p-500)!important;border-color:var(--p-500)!important}

/* Stats row now sits above the intro card */
.cg-intro .glance{padding:0 0 clamp(20px,2.6vw,32px)}
.cg-intro .glance{padding-bottom:clamp(40px,5vw,64px)}

/* "Integrates with" label: serif heading style */
.cg-logos .wrap p{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:-.01em;text-transform:none;color:var(--p-900);margin-bottom:16px}

/* Integrations carousel: logos fade in/out at the left and right edges */
.cg-logos .crm-viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.cg-logos .crm-viewport::before,.cg-logos .crm-viewport::after{display:none}

/* Stats row above the integrations carousel */
.cg-stats{padding:clamp(32px,4vw,48px) 0 clamp(20px,2.5vw,28px)}
.cg-stats .glance{padding:0;background:none}
.cg-stats .glance .wrap{padding:0;max-width:none}
.cg-stats .glance-row{max-width:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.6vw,32px) 0}
.cg-stats .glance-item b{color:var(--p-900)}
.cg-stats .glance-item:nth-child(odd) b{color:var(--p-700)}
.cg-logos{border-top:0}

/* Thin divider under the stats row */
.cg-stats{border-bottom:1px solid var(--line);padding-bottom:clamp(32px,4vw,48px)}

/* Divider under stats fades out to the left and right */
.cg-stats{position:relative;border-bottom:0}
.cg-stats::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,#D4DCDD 25%,#D4DCDD 75%,transparent 100%)}

/* Stronger fade on the stats divider, and the same faded line under the logo carousel */
.cg-stats::after,.cg-logos::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,#D4DCDD 40%,#D4DCDD 60%,transparent 100%)}
.cg-logos{position:relative;border-bottom:0!important}

/* Clickable stats */
a.glance-item{display:block;color:inherit;text-decoration:none;border-radius:var(--r-sm);transition:background .15s}
a.glance-item:hover{background:var(--p-50)}
a.glance-item:focus-visible{outline:3px solid var(--brand-mint);outline-offset:2px}
.glance-more{display:block;margin-top:10px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--p-700);opacity:0;transform:translateY(-2px);transition:opacity .15s,transform .15s}
a.glance-item:hover .glance-more,a.glance-item:focus-visible .glance-more{opacity:1;transform:none}
@media (hover:none){.glance-more{opacity:1;transform:none}}

/* Stats: no card around them; hover only recolors the text */
.cg-stats .glance-row{background:none;border:0;border-radius:0;padding:8px 0}
a.glance-item,a.glance-item:hover{background:none!important;border-radius:0}
a.glance-item b,a.glance-item > span{transition:color .15s}
a.glance-item:hover b,a.glance-item:hover b *,a.glance-item:focus-visible b,a.glance-item:focus-visible b *{color:var(--p-500)!important}
a.glance-item:hover > span,a.glance-item:focus-visible > span{color:var(--p-700)}
a.glance-item:focus-visible{outline:0}

/* Feature cards: squarer, cleaner, tops aligned */
.cg-packs{grid-template-rows:auto 1fr;gap:16px}
.cg-pack{border-radius:6px;display:grid;grid-row:span 2;grid-template-rows:subgrid;gap:0}
.cg-pack-top{background:#fff;padding:24px 24px 22px}
.cg-pack.is-dark .cg-pack-top{background:#fff}
.cg-pack-top h3{font-size:24px}
.cg-pack-body{text-align:left;padding:20px 24px 24px;background:var(--p-50)}
.cg-pack-body small{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--p-500)}
.cg-tags{justify-content:flex-start}
.cg-tag{border-radius:3px;background:#fff;border:1px solid var(--line);color:var(--p-700)}
a.cg-tag:hover{background:var(--p-700);border-color:var(--p-700);color:#fff}
.cg-pack-body .btn{border-radius:4px}
.cg-hint .cg-tag{border-radius:3px}
@media (max-width:1080px){.cg-packs{grid-template-rows:none}.cg-pack{grid-row:auto;grid-template-rows:auto 1fr}}

/* =====================================================================
   Feature cards (copy on top, mini product picture on a dotted panel)
   ===================================================================== */
.cg-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cg-feat{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.cg-feat-copy{padding:30px 32px 26px;border-bottom:1px solid var(--line)}
.cg-feat-copy h3{font-family:var(--sans);font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.25;color:var(--p-900)}
.cg-feat-copy > p{margin:12px 0 0;font-size:15.5px;line-height:1.6;color:var(--muted)}
.cg-old{display:flex;align-items:baseline;gap:10px;margin:16px 0 0!important;font-size:13px!important}
.cg-old span{flex:none;padding:2px 7px;border-radius:3px;background:var(--g-50);border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--p-500)}
.cg-old s{color:var(--g-400);text-decoration-thickness:1px}
.cg-feat-vis{position:relative;padding:28px 32px 32px;background-color:#FBFCFC;background-image:radial-gradient(rgba(10,31,34,.09) 1px,transparent 1.2px);background-size:14px 14px;min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:12px}

.fv-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px -18px rgba(10,31,34,.35);padding:16px 18px}
.fv-row{display:flex;align-items:center;gap:12px;padding:8px 0}
.fv-row + .fv-row{border-top:1px solid var(--line)}
.fv-av{flex:none;width:32px;height:32px;border-radius:6px;display:grid;place-items:center;background:var(--p-100);color:var(--p-700);font-size:12px;font-weight:600}
.fv-av.fv-ai{background:var(--p-700);color:#fff}
.fv-grow{flex:1;min-width:0}
.fv-grow small{display:block;font-size:11.5px;color:var(--p-500)}
.fv-grow b{display:block;font-size:14px;font-weight:600;color:var(--p-900)}
.fv-pill{flex:none;padding:3px 8px;border-radius:3px;background:var(--brand-mint);color:var(--p-900);font-size:11.5px;font-weight:600}
.fv-pill.fv-muted{background:var(--g-50);color:var(--p-500);border:1px solid var(--line)}
.fv-note{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:4px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--p-700)}
.fv-note i{width:8px;height:8px;border-radius:50%;background:var(--success)}
.fv-note.fv-ok{background:var(--success-50);border-color:var(--success-200);color:#0F6B33}

.fv-sms{display:flex;flex-direction:column;gap:8px}
.fv-label{font-size:11.5px;color:var(--p-500);margin-bottom:2px}
.fv-bub{max-width:86%;padding:9px 12px;border-radius:8px;background:var(--p-700);color:#fff;font-size:13px;line-height:1.45}
.fv-bub.fv-me{align-self:flex-end;background:var(--p-100);color:var(--p-900)}

.fv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fv-kpis b{display:block;font-family:var(--serif);font-size:24px;font-weight:400;color:var(--p-900);line-height:1.1}
.fv-kpis small{display:block;margin-top:2px;font-size:11.5px;color:var(--p-500)}
.fv-chart{display:block;width:100%;height:64px;margin-top:12px}
.fv-area{fill:var(--p-100)}
.fv-line{fill:none;stroke:var(--p-700);stroke-width:2;vector-effect:non-scaling-stroke}
.fv-foot{display:block;margin-top:6px;font-size:11px;color:var(--g-400)}

.fv-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fv-checks li{position:relative;padding-left:28px;font-size:14px;color:var(--p-900)}
.fv-checks li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:4px;background:var(--p-700) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}

@media (max-width:880px){.cg-feats{grid-template-columns:minmax(0,1fr)}.cg-feat-copy,.cg-feat-vis{padding-left:22px;padding-right:22px}}
.cg-feat-sec .cg-head h2 em{color:var(--brand-mint)}

/* =====================================================================
   "Revenue leak" section: step list + one animated picture panel
   ===================================================================== */
.cg-steps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.cg-steps-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.cg-step{position:relative;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:start;width:100%;padding:22px 4px 22px 0;margin:0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.cg-step-n{font-family:var(--serif);font-size:15px;color:var(--g-400);padding-top:2px;transition:color .2s}
.cg-step-txt b{display:block;font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--p-500);transition:color .2s}
.cg-step-txt small{display:block;max-height:0;overflow:hidden;opacity:0;margin-top:0;font-size:14.5px;line-height:1.55;color:var(--muted);transition:max-height .35s ease,opacity .3s ease,margin .3s ease}
.cg-step:hover .cg-step-txt b{color:var(--p-700)}
.cg-step.is-on .cg-step-n{color:var(--p-700)}
.cg-step.is-on .cg-step-txt b{color:var(--p-900)}
.cg-step.is-on .cg-step-txt small{max-height:80px;opacity:1;margin-top:6px}
.cg-step:focus-visible{outline:2px solid var(--brand-mint);outline-offset:2px}
/* progress bar along the bottom edge of the active step */
.cg-step-bar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--p-700)}
.cg-steps.is-live .cg-step.is-on .cg-step-bar{animation:cgStepBar var(--step-dur,5000ms) linear forwards}
.cg-steps.is-paused .cg-step.is-on .cg-step-bar{animation-play-state:paused}
.cg-steps.is-static .cg-step.is-on .cg-step-bar{animation:none;width:100%}
@keyframes cgStepBar{from{width:0}to{width:100%}}

/* single picture panel */
.cg-steps-vis{position:relative;display:grid;place-items:center;min-height:380px;padding:clamp(24px,4vw,48px);border-radius:8px;background:linear-gradient(160deg,var(--p-50) 0%,var(--p-100) 100%);border:1px solid #DCEBEC;overflow:hidden}
.cg-pane{width:min(100%,440px);display:flex;flex-direction:column;gap:12px}
.cg-pane[hidden]{display:none}
.cg-pane.is-on > *{animation:cgRise .5s cubic-bezier(.2,.7,.2,1) both}
.cg-pane.is-on > *:nth-child(2){animation-delay:.18s}
/* inner pieces arrive one after another */
.cg-pane.is-on .fv-row,.cg-pane.is-on .fv-bub,.cg-pane.is-on .fv-kpis > div,.cg-pane.is-on .fv-checks li{animation:cgRise .45s cubic-bezier(.2,.7,.2,1) both}
.cg-pane.is-on .fv-row:nth-child(2),.cg-pane.is-on .fv-bub:nth-of-type(2),.cg-pane.is-on .fv-kpis > div:nth-child(2),.cg-pane.is-on .fv-checks li:nth-child(2){animation-delay:.45s}
.cg-pane.is-on .fv-bub:nth-of-type(3),.cg-pane.is-on .fv-kpis > div:nth-child(3),.cg-pane.is-on .fv-checks li:nth-child(3){animation-delay:.9s}
.cg-pane.is-on .fv-checks li:nth-child(4){animation-delay:1.3s}
.cg-pane.is-on .fv-note{animation-delay:1.1s}
.cg-pane.is-on .fv-line{stroke-dasharray:1;stroke-dashoffset:1;animation:cgDraw 1.4s .4s ease forwards}
@keyframes cgRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes cgDraw{to{stroke-dashoffset:0}}
.cg-steps.is-static .cg-pane *{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}

@media (max-width:880px){
  .cg-steps{grid-template-columns:minmax(0,1fr)}
  .cg-steps-vis{min-height:300px;order:-1}
}

/* Revenue-leak panel: faint grid lines that fade out toward the edges */
.cg-steps-vis{isolation:isolate}
.cg-steps-vis::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(28,71,80,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(28,71,80,.10) 1px,transparent 1px);
  background-size:32px 32px;background-position:center center;
  -webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 20%,transparent 75%)}

/* Hero "Book a Demo": black */
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow{background:#000!important;border-color:#000!important;color:#fff!important;box-shadow:0 8px 22px -10px rgba(0,0,0,.5)}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:hover{background:#1F1F1F!important;border-color:#1F1F1F!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:active{background:#333!important;border-color:#333!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow{background:#383838!important;border-color:#383838!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:hover{background:#2E2E2E!important;border-color:#2E2E2E!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow{background:#383838!important;border-color:#383838!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:hover{background:#4A4A4A!important;border-color:#4A4A4A!important}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-link{color:#383838!important;text-decoration-color:#383838}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-link:hover{color:#4A4A4A!important;text-decoration-color:#4A4A4A}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-link:hover{color:var(--p-700)!important;text-decoration-color:var(--p-700)}
.hero[data-v="d"][data-dv="7"] .btn.cg-btn-arrow:hover{background:var(--p-700)!important;border-color:var(--p-700)!important}

/* =====================================================================
   Why Pongg: comparison table
   ===================================================================== */
.cg-vs{position:relative;max-width:980px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.02)}
/* highlighted Pongg column */
.cg-vs::before{content:"";position:absolute;top:0;bottom:0;right:0;width:38%;background:linear-gradient(180deg,rgba(94,234,181,.10),rgba(94,234,181,.04));border-left:1px solid rgba(94,234,181,.28);pointer-events:none}
.cg-vs-row{position:relative;display:grid;grid-template-columns:24% 38% 38%;align-items:center;border-top:1px solid rgba(255,255,255,.08)}
.cg-vs-row:first-child{border-top:0}
.cg-vs-row > span{padding:20px 24px;font-size:15.5px;line-height:1.45}
.cg-vs-head > span{padding-top:22px;padding-bottom:18px}
.cg-vs-head .cg-vs-them{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted)}
.cg-vs-head .cg-vs-us img{display:block;height:24px;width:auto;filter:brightness(0) invert(1)}
.cg-vs-label{font-size:13px!important;font-weight:600;letter-spacing:.04em;color:var(--on-dark-muted)}
.cg-vs-them{display:flex;gap:12px;align-items:flex-start;color:rgba(244,252,253,.55)}
.cg-vs-us{display:flex;gap:12px;align-items:flex-start;color:#fff;font-weight:500}
.cg-x,.cg-ok{flex:none;width:20px;height:20px;margin-top:1px;border-radius:4px;display:inline-grid;place-items:center}
.cg-x{background:rgba(255,138,138,.12)}
.cg-x::before{content:"";width:10px;height:10px;background:linear-gradient(45deg,transparent 43%,#FF8A8A 43%,#FF8A8A 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,#FF8A8A 43%,#FF8A8A 57%,transparent 57%)}
.cg-ok{background:var(--brand-mint)}
.cg-ok::before{content:"";width:11px;height:11px;background: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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.cg-vs-cta{display:flex;justify-content:center;margin-top:32px}
/* rows fade up one after another when the table scrolls into view */
.cg-vs .cg-vs-row{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.cg-vs.is-in .cg-vs-row{opacity:1;transform:none}
.cg-vs.is-in .cg-vs-row:nth-child(2){transition-delay:.12s}
.cg-vs.is-in .cg-vs-row:nth-child(3){transition-delay:.24s}
.cg-vs.is-in .cg-vs-row:nth-child(4){transition-delay:.36s}
.cg-vs.is-in .cg-vs-row:nth-child(5){transition-delay:.48s}
@media (max-width:760px){
  .cg-vs::before{display:none}
  .cg-vs-row{grid-template-columns:1fr 1fr}
  .cg-vs-label{grid-column:1/-1;padding-bottom:0!important}
  .cg-vs-head > span:first-child{display:none}
  .cg-vs-row > span{padding:14px 16px;font-size:14.5px}
  .cg-vs-us{background:rgba(94,234,181,.07)}
}

/* Why Pongg comparison: light version */
.cg-vs-sec{background:var(--paper)}
.cg-vs-sec .eyebrow{color:var(--p-500)}
.cg-vs-sec h2 em{color:var(--accent)}
.cg-vs{background:#fff;border-color:var(--line);box-shadow:0 24px 50px -36px rgba(10,31,34,.35)}
.cg-vs::before{background:linear-gradient(180deg,var(--p-50),#EEF8F9);border-left:1px solid #D6E9EB}
.cg-vs-row{border-top-color:var(--line)}
.cg-vs-head .cg-vs-them{color:var(--p-500)}
.cg-vs-head .cg-vs-us img{filter:none}
.cg-vs-label{color:var(--p-500)}
.cg-vs-them{color:var(--muted)}
.cg-vs-us{color:var(--p-900)}
.cg-x{background:var(--danger-50)}
.cg-x::before{background:linear-gradient(45deg,transparent 43%,#E5484D 43%,#E5484D 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,#E5484D 43%,#E5484D 57%,transparent 57%)}
.cg-ok{background:var(--p-700)}
.cg-ok::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
@media (max-width:760px){.cg-vs-us{background:var(--p-50)}}

/* =====================================================================
   App section: drawn dashboard + phone mockup (replaces device photos)
   ===================================================================== */
.cg-appmock{position:relative;isolation:isolate;min-height:460px;border-radius:8px;overflow:hidden;
  background:linear-gradient(160deg,var(--p-50) 0%,var(--p-100) 100%);border:1px solid #DCEBEC;padding:0}
.cg-appmock::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(28,71,80,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(28,71,80,.10) 1px,transparent 1px);
  background-size:32px 32px;background-position:center;
  -webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 20%,transparent 75%)}
.cg-appmock img{position:static;border-radius:0;box-shadow:none}

.am-desk{position:absolute;left:7%;top:10%;width:70%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px 14px;box-shadow:0 24px 48px -26px rgba(10,31,34,.35);transition:transform .3s ease,box-shadow .3s ease,opacity .3s}
.am-bar{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.am-bar img{height:14px!important;width:auto!important}
.am-bar span{margin-left:auto;font-size:11.5px;color:var(--p-500)}
.am-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.am-kpis div{padding:10px;border-radius:6px;background:var(--p-50)}
.am-kpis small{display:block;font-size:10.5px;color:var(--p-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-kpis b{display:block;margin-top:2px;font-family:var(--serif);font-size:20px;font-weight:400;color:var(--p-900)}
.am-chart{display:flex;align-items:flex-end;gap:7px;height:110px;margin-top:16px;padding:0 2px;border-bottom:1px solid var(--line)}
.am-chart i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:var(--p-700);opacity:.9;transform-origin:bottom;transform:scaleY(.04);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.am-chart i:nth-child(even){background:#3E7C86}
.am-chart i:last-child{background:var(--brand-mint)}
.cg-appmock.is-in .am-chart i{transform:scaleY(1)}
.am-chart i:nth-child(2){transition-delay:.05s}.am-chart i:nth-child(3){transition-delay:.1s}.am-chart i:nth-child(4){transition-delay:.15s}.am-chart i:nth-child(5){transition-delay:.2s}.am-chart i:nth-child(6){transition-delay:.25s}.am-chart i:nth-child(7){transition-delay:.3s}.am-chart i:nth-child(8){transition-delay:.35s}.am-chart i:nth-child(9){transition-delay:.4s}.am-chart i:nth-child(10){transition-delay:.45s}
.am-foot{display:block;margin-top:8px;font-size:10.5px;color:var(--g-400)}

.am-phone{position:absolute;right:6%;bottom:-6%;width:34%;min-width:200px;padding:8px;border-radius:26px;background:var(--p-900);box-shadow:0 30px 60px -24px rgba(10,31,34,.55);transition:transform .3s ease,opacity .3s}
.am-notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:34%;height:14px;border-radius:8px;background:var(--p-900);z-index:1}
.am-screen{background:#fff;border-radius:19px;padding:30px 12px 16px;min-height:320px}
.am-title{display:block;font-family:var(--serif);font-weight:400;font-size:22px;color:var(--p-900)}
.am-mini{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 8px}
.am-mini div{padding:8px;border-radius:6px;background:var(--p-50)}
.am-mini small{display:block;font-size:9.5px;color:var(--p-500)}
.am-mini b{font-family:var(--serif);font-weight:400;font-size:18px;color:var(--p-900)}
.am-call{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.am-av{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:var(--p-100);color:var(--p-700);font-size:9px;font-weight:700}
.am-call b{display:block;font-size:11.5px;color:var(--p-900)}
.am-call small{display:block;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.am-tag{font-style:normal;font-size:9.5px;font-weight:600;padding:2px 6px;border-radius:3px;background:var(--brand-mint);color:var(--p-900)}
.am-tag.am-new{background:var(--p-100);color:var(--p-700)}
.cg-appmock.is-in .am-call{animation:cgRise .45s cubic-bezier(.2,.7,.2,1) both}
.cg-appmock.is-in .am-call:nth-of-type(2){animation-delay:.6s}.cg-appmock.is-in .am-call:nth-of-type(3){animation-delay:.75s}.cg-appmock.is-in .am-call:nth-of-type(4){animation-delay:.9s}

/* hovering an option card brings its device forward */
.cg-appmock[data-focus="phone"] .am-phone{transform:translateY(-8px) scale(1.03)}
.cg-appmock[data-focus="phone"] .am-desk{opacity:.55}
.cg-appmock[data-focus="desk"] .am-desk{transform:translateY(-6px) scale(1.02);box-shadow:0 30px 60px -26px rgba(10,31,34,.45)}
.cg-appmock[data-focus="desk"] .am-phone{opacity:.55}
.cg-opt[data-target]{transition:border-color .2s}
.cg-opt[data-target]:hover{border-color:var(--p-500)}

@media (prefers-reduced-motion:reduce){.am-chart i{transition:none;transform:none}.cg-appmock .am-call{animation:none!important}}
@media (max-width:880px){.cg-appmock{min-height:420px}.am-desk{left:5%;width:84%}.am-phone{right:4%;width:44%}}
@media (max-width:520px){.am-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.am-chart{height:70px}.am-phone{width:56%;bottom:-14%}.cg-appmock{min-height:440px}}
.am-screen{overflow:hidden}
.am-call{grid-template-columns:24px minmax(0,1fr) auto}
.am-call > div{min-width:0}
.am-call small{max-width:none}
.am-tag{white-space:nowrap}
.am-mini small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* App section: just the two option cards, side by side */
.cg-two-solo{display:block}
.cg-two-solo .cg-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cg-two-solo .cg-opt{border-radius:8px;padding:32px}
.cg-two-solo .cg-opt h3,.cg-two-solo .cg-opt p{padding-right:0}
@media (max-width:760px){.cg-two-solo .cg-opts{grid-template-columns:minmax(0,1fr)}.cg-two-solo .cg-opt{padding:24px}}


/* App section: cards stacked on the left, app screenshot on the right */
.cg-two-solo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px;align-items:stretch}
.cg-two-solo .cg-opts{grid-template-columns:minmax(0,1fr);gap:20px}
.cg-app-shot{margin:0;border-radius:8px;overflow:hidden;background:#13272A}
.cg-app-shot img{display:block;width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center 30%}
@media (max-width:760px){.cg-two-solo{grid-template-columns:minmax(0,1fr)}.cg-app-shot img{max-height:480px}}

/* App section: 2x2 — phone | app card, dashboard card | tablet */
.cg-two-solo{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:20px}
.cg-two-solo .cg-opts{display:contents}
.cg-two-solo .cg-app-shot{grid-column:1;grid-row:1}
.cg-two-solo .cg-opt[data-target="phone"]{grid-column:2;grid-row:1}
.cg-two-solo .cg-opt[data-target="desk"]{grid-column:1;grid-row:2}
.cg-two-solo .cg-desk-shot{grid-column:2;grid-row:2}
.cg-two-solo .cg-opt{display:flex;flex-direction:column;justify-content:center}
.cg-two-solo .cg-opt .btn{align-self:flex-start}
.cg-desk-shot{margin:0;border-radius:8px;overflow:hidden;background:#8B5E3C}
.cg-app-shot img,.cg-desk-shot img{display:block;width:100%;height:340px;max-height:none;object-fit:cover}
.cg-app-shot img{object-position:center 22%}
.cg-desk-shot img{object-position:center 45%}
@media (max-width:760px){
  .cg-two-solo{grid-template-columns:minmax(0,1fr)}
  .cg-two-solo .cg-app-shot,.cg-two-solo .cg-opt,.cg-two-solo .cg-desk-shot{grid-column:1;grid-row:auto}
  .cg-two-solo .cg-opt[data-target="desk"]{order:3}.cg-two-solo .cg-desk-shot{order:4}
  .cg-app-shot img,.cg-desk-shot img{height:280px}
}
@media (max-width:760px){.cg-two-solo .cg-app-shot{order:1}.cg-two-solo .cg-opt[data-target="phone"]{order:2}}

/* App section: each photo joined to its card; full phone shown */
.cg-two-solo{column-gap:0;row-gap:24px}
.cg-two-solo .cg-opt{border-radius:0;box-shadow:none}
.cg-two-solo .cg-app-shot{border-radius:8px 0 0 8px}
.cg-two-solo .cg-opt[data-target="phone"]{border-radius:0 8px 8px 0;border-left:0}
.cg-two-solo .cg-opt[data-target="desk"]{border-radius:8px 0 0 8px;border-right:0}
.cg-two-solo .cg-desk-shot{border-radius:0 8px 8px 0}
.cg-two-solo .cg-opt{padding:40px 44px}
.cg-app-shot{background:#06171A}
.cg-app-shot img{height:420px;object-fit:contain;object-position:center;background:#06171A}
.cg-desk-shot img{height:420px}
@media (max-width:760px){
  .cg-two-solo{row-gap:0}
  .cg-two-solo .cg-opt,.cg-two-solo .cg-opt[data-target]{border:1px solid var(--line);border-radius:8px 8px 0 0}
  .cg-two-solo .cg-app-shot,.cg-two-solo .cg-desk-shot{border-radius:0 0 8px 8px}
  .cg-two-solo .cg-app-shot{margin-bottom:20px}
  .cg-two-solo .cg-opt{padding:24px}
  .cg-app-shot img,.cg-desk-shot img{height:320px}
}
@media (max-width:760px){
  .cg-two-solo .cg-app-shot,.cg-two-solo .cg-desk-shot,.cg-two-solo .cg-opt[data-target="phone"],.cg-two-solo .cg-opt[data-target="desk"]{grid-column:1!important;grid-row:auto!important}
}
@media (max-width:760px){
  .cg-two-solo .cg-app-shot{border-radius:8px 8px 0 0;margin-bottom:0}
  .cg-two-solo .cg-opt[data-target="phone"]{border-radius:0 0 8px 8px;border-top:0;margin-bottom:20px}
}

/* Phone cutout floats on a light panel (no dark box) */
.cg-app-shot{background:linear-gradient(160deg,var(--p-50),var(--p-100));border:1px solid var(--line);border-right:0;display:grid;place-items:center;padding:28px 0}
.cg-app-shot img{width:auto!important;height:364px!important;max-width:100%;object-fit:contain;background:none!important;filter:drop-shadow(0 22px 30px rgba(10,31,34,.28))}
@media (max-width:760px){.cg-app-shot{border-right:1px solid var(--line);border-bottom:0}.cg-app-shot img{height:300px!important}}

/* Phone photo (tan background) shown full-bleed like the tablet photo */
.cg-app-shot{background:#C79A6A;border:0;padding:0;display:block}
.cg-app-shot img{width:100%!important;height:420px!important;object-fit:cover;object-position:center;filter:none;background:none!important}
@media (max-width:760px){.cg-app-shot img{height:320px!important}}

/* App section: each image + card is one outlined row; hover outlines both together */
.cg-two-solo{display:flex;flex-direction:column;gap:24px}
.cg-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.cg-pair > *{grid-row:1!important}
.cg-pair .cg-opt,.cg-pair .cg-opt[data-target]{border:0!important;border-radius:0!important;box-shadow:none;margin:0!important}
.cg-pair .cg-app-shot,.cg-pair .cg-desk-shot{border:0!important;border-radius:0!important;margin:0!important}
.cg-pair:hover,.cg-pair:focus-within{border-color:var(--p-700);box-shadow:0 0 0 1px var(--p-700),0 18px 40px -28px rgba(10,31,34,.4)}
.cg-opt[data-target]:hover{border-color:transparent}
@media (max-width:760px){
  .cg-pair{grid-template-columns:minmax(0,1fr)}
  .cg-pair > *{grid-row:auto!important}
  .cg-pair-rev .cg-desk-shot{order:2}
}

/* App section cards: better-scaled, better-spaced text */
.cg-pair .cg-opt{padding:48px clamp(32px,4.5vw,64px)!important;justify-content:center}
.cg-pair .cg-opt h3{font-size:clamp(26px,2.4vw,32px);line-height:1.15;letter-spacing:-.02em;padding-right:0;max-width:16ch}
.cg-pair .cg-opt p{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--muted);padding-right:0;max-width:34ch}
.cg-pair .cg-opt small{display:block;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;font-weight:500;line-height:1.5;color:var(--p-700);max-width:34ch}
.cg-pair .cg-opt .btn{margin-top:28px}
@media (max-width:760px){.cg-pair .cg-opt{padding:28px 24px 30px!important}.cg-pair .cg-opt p{font-size:16px}}
.cg-pair .cg-opt h3{max-width:none;text-wrap:balance}

/* Hero photo shifted down: the top of the aerial photo (trees and rooftops) sits at the bottom of the hero */
.hero[data-v="d"][data-dv="7"] .wrap{background:#F4FCFD!important}
.hero[data-v="d"][data-dv="7"] .wrap::after{content:"";position:absolute;left:0;right:0;top:34%;height:100%;z-index:0;pointer-events:none;
  background:url("/_site/7703846d63aa.jpg") center top/cover no-repeat;filter:grayscale(1)}

/* Fill the top: mirrored copy of the photo above the original, meeting at 34% */
.hero[data-v="d"][data-dv="7"] .wrap::after{top:calc(34% - var(--hero-h,100%));height:calc(var(--hero-h,100%) * 2);
  background:url("/_site/b4ad95ba0881.webp") center top/100% 50% no-repeat,url("/_site/7703846d63aa.jpg") center bottom/100% 50% no-repeat}
.hero[data-v="d"][data-dv="7"] .wrap{--hero-h:100%}
@media (max-width:880px){.hero[data-v="d"][data-dv="7"] .wrap::after{background-size:auto 50%,auto 50%}}
.hero[data-v="d"][data-dv="7"] .wrap{overflow:hidden!important}

/* Hero photo: one sharp still from the hero video, houses edge to edge (replaces the mirrored fill) */
.hero[data-v="d"][data-dv="7"] .wrap::after{top:0!important;height:100%!important;
  background:url("/_site/b4ad95ba0881.webp") center 40%/cover no-repeat!important;filter:grayscale(1)}
.hero[data-v="d"][data-dv="7"] .hs-val{background:none!important;padding:0!important;border-radius:0!important}

/* "One call, start to finish": panels and chat bubbles match the rest of the page */
.cg-hub .ui{background:linear-gradient(160deg,var(--p-50),var(--p-100));border:1px solid #DCEBEC;border-radius:8px;padding:20px;gap:12px}
.cg-hub .ui-row{border-radius:8px;border:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(10,31,34,.35)}
.cg-hub .avatar{border-radius:6px;width:34px;height:34px;background:var(--p-100);color:var(--p-700)}
.cg-hub .avatar.ai{background:var(--p-700);color:#fff}
.cg-hub .pill{border-radius:4px;background:var(--brand-mint);color:var(--p-900);padding:4px 9px;font-size:11.5px}
.cg-hub .pill.soft{background:#fff;color:var(--p-700);border:1px solid var(--line)}
.cg-hub .bubble{border-radius:8px;font-size:14px;padding:11px 14px}
.cg-hub .bubble.agent{background:var(--p-700);color:#fff}
.cg-hub .bubble.caller{background:#fff;color:var(--p-900);border:1px solid var(--line)}
.cg-hub .ui .wave i{background:var(--p-700)}
.cg-hub .ui-note .dot{background:var(--success)}
.cg-hub .booking{border-radius:8px}
.cg-hub .booking .check{border-radius:6px;background:var(--p-700)}
.cg-hub .ui.dark{background:var(--p-700);border-color:var(--p-700)}
.cg-hub .ui.dark .ui-row{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
.cg-hub .ui.dark .kpis > div{border-radius:6px}
.cg-hub .calls{border-radius:8px}
.cg-hub .grade{border-radius:4px}
.cg-hub .chip{border-radius:4px}

/* =====================================================================
   Light ending: final CTA panel + light footer
   ===================================================================== */
.final.dark{background:var(--paper)!important;color:var(--p-900);padding-block:clamp(64px,8vw,104px)}
.final.dark > svg{display:none}
.final.dark .wrap{position:relative;isolation:isolate;max-width:var(--frame);padding:clamp(56px,7vw,96px) var(--gutter);border-radius:8px;border:1px solid #DCEBEC;
  background:linear-gradient(160deg,var(--p-50) 0%,var(--p-100) 100%);overflow:hidden}
.final.dark .wrap::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(28,71,80,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(28,71,80,.10) 1px,transparent 1px);
  background-size:32px 32px;background-position:center;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 20%,transparent 75%)}
.final.dark h2{color:var(--p-900)!important;margin-top:0!important}
.final.dark h2 em{color:var(--accent)}
.final.dark .lead{color:var(--muted)}
.final.dark .btn-light{background:#383838;color:#fff;border:1px solid #383838}
.final.dark .btn-light:hover{background:var(--p-700);border-color:var(--p-700)}
.final.dark .btn-ghost{background:none;border:0;color:#383838;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;padding-left:12px;padding-right:12px}
.final.dark .btn-ghost:hover{background:none;color:var(--p-700)}

footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}
footer h4{color:var(--p-900)}
footer a{color:var(--muted)}
footer a:hover{color:var(--p-700)}
footer .bottom{border-color:var(--line);color:var(--g-400)}
footer .bottom a{color:var(--muted)}
footer .bottom em{color:var(--p-700)}
.final.dark .eyebrow,.final.dark .eyebrow *{color:var(--p-500)!important}

/* =====================================================================
   Ending v3: photo bookend CTA + charcoal footer with big faint wordmark
   ===================================================================== */
.final.dark{position:relative;isolation:isolate;overflow:hidden;background:#383838!important;color:#fff;padding-block:clamp(110px,14vw,180px) clamp(90px,11vw,140px)}
.final.dark::after{content:"";position:absolute;inset:0;z-index:-2;background:url("/_site/b4ad95ba0881.webp") center 55%/cover no-repeat;filter:grayscale(1);opacity:.5}
.final.dark::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,28,28,.55) 0%,rgba(28,28,28,.7) 60%,#383838 100%)}
.final.dark .wrap{background:none!important;border:0!important;border-radius:0!important;padding:0 var(--gutter)!important;overflow:visible!important;max-width:820px}
.final.dark .wrap::before{display:none!important}
.final.dark h2{color:#fff!important;font-size:clamp(38px,5vw,64px)}
.final.dark h2 em{color:var(--brand-mint)}
.final.dark .lead{color:rgba(255,255,255,.75)}
.final.dark .eyebrow,.final.dark .eyebrow *{color:var(--brand-mint)!important}
.final.dark .btn-light{background:#fff;color:#383838;border:1px solid #fff}
.final.dark .btn-light:hover{background:var(--p-700);color:#fff;border-color:var(--p-700)}
.final.dark .btn-ghost{background:none;border:0;color:#fff;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.final.dark .btn-ghost:hover{background:none;color:var(--brand-mint)}

footer{background:#383838;color:#A3A3A3;border-top:0;padding-bottom:0;overflow:hidden}
footer h4{color:#fff}
footer a{color:#A3A3A3}
footer a:hover{color:var(--brand-mint)}
footer .bottom{border-color:rgba(255,255,255,.1);color:#8A8A8A}
footer .bottom a{color:#A3A3A3}
footer .bottom em{color:var(--brand-mint)}
footer::after{content:"";display:block;height:clamp(70px,13vw,190px);margin-top:clamp(28px,4vw,48px);
  background:url("/_site/2db1ed474d98.webp") center bottom/auto 100% no-repeat;opacity:.07;transform:translateY(18%)}
footer::after{height:clamp(120px,22vw,330px);opacity:.045;filter:brightness(0) invert(1);background-size:auto 100%;transform:translateY(16%)}
/* Footer watermark: the supplied white Pongg logo */
footer::after{background-image:url("/_site/2db1ed474d98.webp");filter:none}

/* Site-wide mint announcement bar */
.pg-announce{position:relative;z-index:21;display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;padding:8px 48px;background:var(--brand-mint);color:var(--p-900);font-size:13.5px;font-weight:500;text-align:center}
.pg-announce p{margin:0;line-height:1.4}
.pg-announce a{color:var(--p-900);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.pg-announce a:hover{color:var(--p-700)}
.pg-announce-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--p-900);vertical-align:1px;animation:pgPulse 1.8s ease-in-out infinite}
.pg-announce-sep{margin:0 6px;opacity:.6}
.pg-announce button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:4px;background:none;color:var(--p-900);font-size:18px;line-height:1;cursor:pointer}
.pg-announce button:hover{background:rgba(10,31,34,.08)}
@keyframes pgPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.pg-announce-dot{animation:none}}
@media (max-width:640px){.pg-announce{font-size:12.5px;padding:8px 40px 8px 14px}.pg-announce-sep{display:block;height:0;overflow:hidden;margin:0}}

/* Announcement bar typography: serif italic event names, cleaner sans around them */
.pg-announce{font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:-.005em}
.pg-announce a{font-family:var(--serif);font-style:italic;font-weight:500;font-size:15.5px;letter-spacing:0;text-decoration-thickness:1px;text-underline-offset:4px}
.pg-announce-sep{margin:0 10px}
.pg-announce-dot{display:none}
.pg-announce-sep{opacity:1;margin:0 4px;font-family:var(--serif);font-style:italic}
@media (max-width:640px){.pg-announce-sep{display:inline;height:auto;overflow:visible;margin:0 4px}}
/* Banner uses the hero headline font throughout */
.pg-announce,.pg-announce p{font-family:var(--serif);font-weight:400;font-size:15.5px;letter-spacing:0}
.pg-announce a{font-family:var(--serif);font-style:italic;font-weight:400;font-size:15.5px}
.pg-announce-sep{font-family:var(--serif);font-style:normal}
@media (max-width:640px){.pg-announce,.pg-announce p,.pg-announce a{font-size:14px}}

/* Footer: watermark sits behind the link columns; page ends after the bottom (TOS) row */
footer{position:relative;isolation:isolate;padding-bottom:clamp(28px,3vw,40px)!important}
footer > .wrap{position:relative;z-index:1}
footer::after{position:absolute;left:0;right:0;top:50%;transform:translateY(-55%);z-index:0;margin:0!important;pointer-events:none;
  height:clamp(110px,18vw,270px)}

/* Industry cards: black-and-white photos with a flat navy-teal tint (no gradient) */
.cg-indc .badge{display:none}
.cg-indc{isolation:isolate}
.cg-indc img{filter:grayscale(1) contrast(1.05)}
.cg-indc::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:4/3;z-index:1;pointer-events:none;background:var(--p-700);opacity:.22;mix-blend-mode:multiply}
/* Industry photos: brighter, with a flat whitish-blue wash instead of the navy tint */
.cg-indc img{filter:grayscale(1) brightness(1.08) contrast(.95)}
.cg-indc::before{background:#E5F3F4;opacity:.38;mix-blend-mode:normal}
/* Industry photos: same treatment as the hero photo (grayscale + the hero's light wash) */
.cg-indc img{filter:grayscale(1)}
.cg-indc::before{opacity:1;mix-blend-mode:normal;background:linear-gradient(180deg,rgba(244,252,253,.95) 0%,rgba(244,252,253,.88) 50%,rgba(244,252,253,.6) 85%,rgba(244,252,253,.5) 100%)}
/* Industry photos: hero-style wash, lighter so the photos read clearly */
.cg-indc::before{background:linear-gradient(180deg,rgba(244,252,253,.6) 0%,rgba(244,252,253,.45) 50%,rgba(244,252,253,.25) 85%,rgba(244,252,253,.15) 100%)}
/* Industry photos: flat (no gradient) hero-colored wash, less washed out */
.cg-indc::before{background:rgba(244,252,253,.3)}
.cg-indc::before{background:rgba(244,252,253,.15)}
.cg-sec:has(.cg-ind) .cg-head h2 em{color:var(--brand-mint)}

/* Footer: light white/blue instead of charcoal */
footer{background:var(--p-50);color:var(--muted);border-top:1px solid #DCEBEC}
footer h4{color:var(--p-900)}
footer a{color:var(--muted)}
footer a:hover{color:var(--p-700)}
footer .bottom{border-color:#DCEBEC;color:var(--g-400)}
footer .bottom a{color:var(--muted)}
footer .bottom em{color:var(--p-700)}
footer::after{filter:brightness(0) saturate(100%) invert(22%) sepia(27%) saturate(900%) hue-rotate(148deg);opacity:.06}

/* Ending v4: light photo CTA (like the hero) that blends straight into the white-blue footer */
.final.dark{background:var(--p-50)!important;color:var(--p-900)}
.final.dark::after{opacity:1;filter:grayscale(1)}
.final.dark::before{background:linear-gradient(180deg,rgba(244,252,253,.78) 0%,rgba(244,252,253,.86) 55%,rgba(244,252,253,.96) 85%,#F4FCFD 100%)}
.final.dark h2{color:var(--p-900)!important}
.final.dark h2 em{color:var(--accent)}
.final.dark .lead{color:var(--muted)}
.final.dark .eyebrow,.final.dark .eyebrow *{color:var(--p-500)!important}
.final.dark .btn-light{background:#383838;color:#fff;border:1px solid #383838}
.final.dark .btn-light:hover{background:var(--p-700);border-color:var(--p-700);color:#fff}
.final.dark .btn-ghost{color:#383838}
.final.dark .btn-ghost:hover{color:var(--p-700)}
footer{border-top:0!important}

/* "One call, start to finish": less blue — neutral panels, charcoal accents */
.cg-hub .ui{background:#F6F6F5;border-color:var(--line)}
.cg-hub .avatar{background:#EDEDED;color:#383838}
.cg-hub .avatar.ai{background:#383838;color:#fff}
.cg-hub .pill.soft{color:#383838}
.cg-hub .bubble.agent{background:#383838;color:#fff}
.cg-hub .bubble.caller{background:#fff;color:#383838}
.cg-hub .ui .wave i{background:#383838}
.cg-hub .booking .check{background:#383838}
.cg-hub .ui.dark{background:#2B2B2B;border-color:#2B2B2B}
.cg-hub .tnode{background:#383838!important}
.cg-hub .timeline::before,.cg-hub .timeline::after{background:#383838}
.cg-hub .ui-note{color:#5E5E5E}
/* "One call": a little blue back — faint blue panels, navy-teal Pongg bubbles/avatar; rest stays charcoal */
.cg-hub .ui{background:var(--p-50);border-color:#DCEBEC}
.cg-hub .bubble.agent{background:var(--p-700)}
.cg-hub .avatar.ai{background:var(--p-700)}
/* "One call": one consistent accent — navy-teal for every Pongg element, neutral white panels */
.cg-hub .ui{background:#fff;border-color:var(--line)}
.cg-hub .ui-row{box-shadow:none;background:var(--g-50)}
.cg-hub .tnode{background:var(--p-700)!important;color:#fff!important}
.cg-hub .timeline::before,.cg-hub .timeline::after{background:var(--p-700)}
.cg-hub .avatar{background:#EDEDED;color:#383838}
.cg-hub .avatar.ai,.cg-hub .bubble.agent,.cg-hub .booking .check{background:var(--p-700);color:#fff}
.cg-hub .bubble.caller{background:var(--g-50);border-color:var(--line)}
.cg-hub .ui .wave i{background:var(--p-700)}
.cg-hub .pill.soft{color:#383838}
.cg-hub .ui.dark{background:var(--p-700);border-color:var(--p-700)}
.cg-hub .ui.dark .ui-row{background:rgba(255,255,255,.08)}
/* Hero "Powered by": navy-teal label and logos (real colors still appear on hover) */
.hero[data-v="d"][data-dv="7"] .pw-inline span{color:var(--p-700)!important;text-shadow:none!important}
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-white{filter:brightness(0) saturate(100%) invert(22%) sepia(32%) saturate(780%) hue-rotate(146deg) brightness(.95)!important}
/* Hero "Powered by": charcoal (#383838), same as the Book a Demo button */
.hero[data-v="d"][data-dv="7"] .pw-inline span{color:#383838!important}
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-white{filter:brightness(0) invert(22%)!important}
/* Hero "Powered by": back to white */
.hero[data-v="d"][data-dv="7"] .pw-inline span{color:#fff!important}
.hero[data-v="d"][data-dv="7"] .pw-inline .pw-white{filter:none!important}
/* Announcement bar: white text */
.pg-announce,.pg-announce p,.pg-announce a,.pg-announce button{color:#fff!important}
.pg-announce a:hover{color:#fff!important;text-decoration-thickness:2px}
.pg-announce button:hover{background:rgba(255,255,255,.18)}
/* Announcement bar: navy-teal text */
.pg-announce,.pg-announce p,.pg-announce a,.pg-announce button{color:var(--p-700)!important}
.pg-announce a:hover{color:var(--p-900)!important}
.pg-announce button:hover{background:rgba(28,71,80,.1)}
/* Announcement bar: charcoal text, same as the Book a Demo button */
.pg-announce,.pg-announce p,.pg-announce a,.pg-announce button{color:#383838!important}
.pg-announce a:hover{color:#383838!important}
.pg-announce button:hover{background:rgba(56,56,56,.1)}

/* One black everywhere: #383838 (same as the Book a Demo button) */
:root{--p-900:#383838;--ink:#383838;--text:#383838}
body{color:#383838}
.btn-dark:hover,.btn-primary:hover{background:var(--p-700)}

/* Calculator sliders: same mint as the results panel, light track */
.calc-row input[type=range]{-webkit-appearance:none;appearance:none;height:28px;margin-top:8px;border-radius:3px;background:linear-gradient(to right,var(--brand-mint) var(--fill,0%),var(--g-200) var(--fill,0%));background-size:100% 6px;background-position:center;background-repeat:no-repeat;accent-color:var(--brand-mint);outline-offset:6px}
.calc-row input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.calc-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand-mint);border:3px solid #fff;box-shadow:0 0 0 1px rgba(56,56,56,.18)}
.calc-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand-mint);border:3px solid #fff;box-shadow:0 0 0 1px rgba(56,56,56,.18)}
.calc-row input[type=range]::-moz-range-track{background:transparent}
.calc-preview{display:none}
#missed-call-estimate{scroll-margin-top:110px;min-width:0}
.calc-big b,.calc-small b{overflow-wrap:anywhere}
@media(max-width:860px){
  .calc-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding:18px 0 0;border-top:1px solid var(--line)}
  .calc-preview>span{font-size:12px;line-height:1.5;color:var(--muted)}
  .calc-preview strong{display:block;color:var(--ink);font-family:var(--serif);font-size:30px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums;margin-top:5px}
  .calc-preview small{display:block;font-size:11px;line-height:1.5;margin-top:6px}
  .calc-preview a{font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:flex;align-items:center;gap:5px}
  .calc-small{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-row input[type=range]{height:44px;margin-top:0}
}
/* Article body text matches the site black */
.article p,.article ul,.legal{color:#383838}

/* Pages without the photo CTA: fade the page background into the footer (no hard seam) */
body:not(:has(.final.dark)) footer{background:linear-gradient(180deg,var(--paper) 0,var(--p-50) clamp(120px,14vw,200px))}
/* ...and when the last section is white, start the fade from white */
body:not(:has(.final.dark)) footer.ft-from-white{background:linear-gradient(180deg,#fff 0,var(--p-50) clamp(120px,14vw,200px))}

/* Footer links: navy-teal on hover (beats site.css "footer ul a:hover" white) */
footer a:hover,footer ul a:hover,footer .bottom a:hover,footer a:focus-visible{color:var(--p-700)!important}

/* Pricing: "Add-on" tag, quieter sibling of the Soon tag */
.addon-mini{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:4px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;background:#EDEDED;border:1px solid #DADADA;color:#383838}
.plan.hi .addon-mini{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}

/* Pricing: spreadsheet-style plan comparison */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pt-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pt{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;color:#383838}
.pt col,.pt th:first-child{width:42%}
.pt th,.pt td{padding:13px 18px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.pt tbody th{text-align:left;font-weight:400;line-height:1.4}
.pt tbody th .plan-link{color:#383838;text-decoration:underline;text-decoration-color:var(--g-400);text-underline-offset:3px}
.pt tbody th .plan-link:hover{color:var(--p-700);text-decoration-color:var(--p-700)}
.pt thead th{padding:26px 18px 20px;vertical-align:bottom;border-bottom:1px solid #383838}
.pt-name{display:block;font-family:var(--serif);font-size:26px;line-height:1.1;color:#383838}
.pt-for{display:block;margin-top:6px;font-size:13.5px;color:var(--muted);font-weight:400}
.pt-pop{display:inline-block;margin-bottom:10px;padding:2px 8px;border-radius:4px;background:var(--brand-mint);color:#383838;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.pt .pt-hi,.pt td:nth-child(3){background:var(--p-50)}
.pt-group th{padding:22px 18px 10px!important;text-align:left!important;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--p-500);background:#fff!important;border-bottom:1px solid var(--line)}
.pt-yes{width:22px;height:22px;color:var(--p-700);vertical-align:middle}
.pt-no{width:18px;height:18px;color:var(--g-400);vertical-align:middle}
.pt-add{font-size:13px;font-weight:600;color:#383838}
.pt td b{font-weight:600}
.pt tfoot th,.pt tfoot td{border-bottom:0;padding:22px 14px 26px}
.pt tfoot .btn{display:flex;justify-content:center;width:100%;padding:12px 10px;white-space:nowrap}
.pt tfoot .btn-ghost{background:#fff;border:1px solid #383838;color:#383838;text-decoration:none}
.pt tfoot .btn-ghost:hover{border-color:var(--p-700);color:var(--p-700)}
.pt .soon-mini{vertical-align:2px}
@media (max-width:760px){
  .pt{font-size:13px}
  .pt th,.pt td{padding:11px 6px}
  .pt tbody th{padding-left:12px}
  .pt th:first-child{width:38%}
  .pt-name{font-size:18px}
  .pt-for{display:none}
  .pt-yes{width:18px;height:18px}
  .pt-add{font-size:11.5px}
  .pt tfoot .btn{font-size:12px;padding:10px 4px;white-space:normal}
}
@media (max-width:760px){
  .pt th:first-child{width:34%}
  .pt thead th{padding:18px 3px 14px}
  .pt td{padding-left:3px;padding-right:3px}
  .pt-name{font-size:14px;overflow-wrap:anywhere}
  .pt-pop{font-size:9.5px;padding:2px 5px;margin-bottom:6px}
}
.pt-mcta{display:none}
@media (max-width:760px){
  .pt-name{font-size:12.5px;overflow-wrap:normal}
  .pt tfoot{display:none}
  .pt-mcta{display:flex;justify-content:center;margin-top:16px}
}

/* Pricing table v2: colored plan headers, no row lines, sans plan names */
.pt{border-collapse:separate;border-spacing:0}
.pt-wrap{border:0;background:transparent;overflow:visible}
.pt th,.pt td{border-bottom:0!important}
.pt thead th{border-bottom:0;padding:0 6px 14px;vertical-align:bottom}
.pt thead th:not(:first-child)>*{position:relative;z-index:1}
.pt thead th.pt-c1,.pt thead th.pt-c2,.pt thead th.pt-c3{padding:0 6px 14px}
.pt thead th .pt-name{font-family:var(--sans);font-weight:600;font-size:19px;letter-spacing:-.01em;line-height:1.15;padding:18px 12px 4px;border-radius:10px 10px 0 0}
.pt thead th .pt-for{margin-top:0;padding:0 12px 16px;border-radius:0 0 10px 10px;font-size:13px}
.pt-c1 .pt-name,.pt-c1 .pt-for{background:#fff;border:1px solid var(--line);color:#383838}
.pt-c1 .pt-name{border-bottom:0}.pt-c1 .pt-for{border-top:0}
.pt-c2 .pt-name,.pt-c2 .pt-for{background:#383838;color:#fff}
.pt-c2 .pt-for{color:rgba(255,255,255,.75)}
.pt-c3 .pt-name,.pt-c3 .pt-for{background:var(--p-700);color:#fff}
.pt-c3 .pt-for{color:rgba(255,255,255,.75)}
.pt .pt-hi{background:transparent}
.pt td:nth-child(3){background:transparent}
.pt tbody tr:not(.pt-group):nth-child(odd) th,.pt tbody tr:not(.pt-group):nth-child(odd) td{background:#F7F7F7}
.pt tbody tr:not(.pt-group) th{border-radius:8px 0 0 8px}
.pt tbody tr:not(.pt-group) td:last-child{border-radius:0 8px 8px 0}
.pt th,.pt td{padding-top:12px;padding-bottom:12px}
.pt-group th{background:transparent!important;border:0!important;padding:28px 18px 8px!important}
.pt-yes{color:#383838}
.pt td:nth-child(4) .pt-yes{color:var(--p-700)}
.pt-no{color:#C9C9C9}
.pt-pop{margin-bottom:8px}
@media (max-width:760px){
  .pt thead th,.pt thead th.pt-c1,.pt thead th.pt-c2,.pt thead th.pt-c3{padding:0 2px 10px}
  .pt thead th .pt-name{font-size:12.5px;padding:12px 4px;border-radius:8px}
  .pt-c1 .pt-name{border-bottom:1px solid var(--line)!important}
  .pt-for{display:none!important}
}
/* v2b: each plan header is one solid block */
.pt thead th .pt-name,.pt thead th .pt-for{background:none!important;border:0!important;border-radius:0;padding-left:0;padding-right:0;color:inherit}
.pt thead th .pt-name{padding:0}
.pt thead th .pt-for{padding:4px 0 0;opacity:.75}
.pt-card{display:block;padding:18px 12px 16px;border-radius:10px;text-align:center}
.pt-c1 .pt-card{background:#fff;border:1px solid var(--line);color:#383838}
.pt-c2 .pt-card{background:#383838;color:#fff}
.pt-c3 .pt-card{background:var(--p-700);color:#fff}
.pt-c2 .pt-pop{display:table;margin:-30px auto 10px}
.pt-no{color:#ABABAB}
@media (max-width:760px){
  .pt-card{padding:12px 4px;border-radius:8px}
  .pt-c2 .pt-pop{margin:-22px auto 6px}
}

/* Pricing v3: split plan cards (summary on top, features below) */
.pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
[data-page="pricing"] .pc{display:flex;flex-direction:column;background:#F6F7F7;border:1px solid var(--line);border-radius:14px;overflow:hidden;color:#383838}
.pc-top{background:#fff;padding:26px 26px 24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.pc-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc-tag{font-family:var(--sans);font-weight:600;font-size:20px;letter-spacing:-.01em}
.pc-pop{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:var(--brand-mint);color:#383838}
.pc-for{margin:8px 0 0;font-size:15px;line-height:1.45;color:var(--muted);min-height:2.9em}
.pc-seats{margin:22px 0 0;font-size:16px;color:var(--muted);line-height:1.2}
.pc-seats b{font-family:var(--sans);font-weight:600;font-size:46px;letter-spacing:-.03em;color:#383838;margin-right:4px}
.pc-seats span{display:block;margin-top:6px;font-size:13.5px}
.pc-top .btn{margin-top:22px;display:flex;justify-content:center;width:100%;padding:13px 16px;text-decoration:none}
.pc-top .btn-ghost{background:#fff;border:1px solid #383838;color:#383838}
.pc-top .btn-ghost:hover{border-color:var(--p-700);color:var(--p-700)}
.pc-top .btn-dark{background:#383838;color:#fff;border:1px solid #383838}
.pc-top .btn-dark:hover{background:var(--p-700);border-color:var(--p-700)}
.btn-teal{background:var(--p-700);color:#fff;border:1px solid var(--p-700)}
.btn-teal:hover{background:#383838;border-color:#383838}
.pc-bot{padding:22px 26px 26px;flex:1}
.pc-lead{margin:0 0 12px;font-size:13.5px;font-weight:600;color:var(--muted)}
.pc-bot ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pc-bot li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
.pc-bot li svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--p-700)}
.pc-bot .plan-link{color:#383838;text-decoration:underline;text-decoration-color:var(--g-400);text-underline-offset:3px}
.pc-bot .plan-link:hover{color:var(--p-700);text-decoration-color:var(--p-700)}
[data-page="pricing"] .pc .soon-mini,[data-page="pricing"] .pc .addon-mini{border-radius:4px}
/* tell the plans apart at a glance: a colored top edge per plan */
.pc-1 .pc-top{box-shadow:inset 0 4px 0 #D6D6D6}
.pc-2{border-color:#383838}
.pc-2 .pc-top{box-shadow:inset 0 4px 0 #383838}
.pc-3 .pc-top{box-shadow:inset 0 4px 0 var(--p-700)}
.pc-3 .pc-bot li svg{color:var(--p-700)}
.pc-note{margin:18px 0 0;text-align:center;font-size:14.5px;color:var(--muted)}
.pc-note .plan-link{color:#383838}
@media (max-width:900px){
  .pcs{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  .pc-for{min-height:0}
}
/* AutoPilot: no navy-teal accent, matches Recovery */
.pc-3 .pc-top{box-shadow:inset 0 4px 0 #D6D6D6}

/* Keep the live booking step clear of the sticky navigation when it scrolls into view. */
.demo-form-wrap{scroll-margin-top:96px}

/* ===== Mobile spacing pass ===== */
@media (max-width:640px){
  /* Announcement bar: two tidy lines instead of three */
  .pg-announce{padding:8px 40px 8px 16px;min-height:0;font-size:12.5px}
  .pg-announce p{line-height:1.35}
  .pg-announce button{right:6px}

  /* "One call, start to finish": less nesting, more room for the mockups */
  .panel.hub{padding:22px 14px!important}
  .cg-hub .tstep,#hub .tstep{grid-template-columns:28px minmax(0,1fr)!important;column-gap:10px!important}
  .cg-hub .tnode,#hub .tnode{width:28px!important;height:28px!important;font-size:13px!important}
  .cg-hub .ui,#hub .ui{padding:12px!important}
  .cg-hub .ui-row,#hub .ui-row{padding:12px!important}
  .cg-hub .booking,#hub .booking{padding:12px!important}

  /* "Still your business" cards: no empty space above the title */
  .cg-card h3{margin-top:0}

  /* Footer: brand blurb full width, link columns two-up beneath it */
  footer .top{grid-template-columns:1fr 1fr;gap:28px 20px}
  footer .top > div:first-child{grid-column:1/-1}
  footer .top > div:first-child p{max-width:36ch}

  /* Comparison tables: stacked rows instead of a sideways scroll */
  .compare .scroll{overflow:visible}
  .compare table,.compare thead,.compare tbody,.compare tr{display:block}
  .compare thead tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
  .compare thead th{padding:0;border:0;width:auto!important;font-size:17px}
  .compare thead th:first-child{display:none}
  .compare tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:14px 16px;border-bottom:1px solid var(--line)}
  .compare tbody tr:last-child{border-bottom:0}
  .compare td{padding:0;border:0!important;width:auto!important;font-size:14.5px;line-height:1.4}
  .compare td:first-child{grid-column:1/-1;margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--p-500)}

  /* Media + copy rows: a little more air between the stacked halves */
  .feature{gap:44px}

  /* Demo form: selects don't clip their placeholder text */
  .demo-form select,form select{padding-left:12px;padding-right:28px;font-size:15px;text-overflow:ellipsis}
}
@media (max-width:640px){#pg-announce.pg-announce,#pg-announce.pg-announce p,#pg-announce.pg-announce a{font-size:13px;line-height:1.35}}
@media (max-width:640px){#pg-announce .pg-announce-sep{display:inline;height:auto;margin:0 4px}#pg-announce.pg-announce{padding:7px 36px 7px 12px}}
@media (max-width:640px){#pg-announce .pg-loc{display:none}}

/* Visible scroll progress and touch motion on the small-screen marketing site. */
.cg-hub .timeline::before { background:var(--line); }
.cg-hub .timeline::after { background:var(--p-700); }
@media (max-width:640px) {
  .cg-hub .timeline::before,#hub .timeline::before { left:13px;top:14px;bottom:14px; }
  .cg-hub .timeline::after,#hub .timeline::after { left:13px;top:14px;height:calc((100% - 28px) * var(--prog,0)); }
  .cg-logos .crm-tile img { opacity:.8; }
}
@media (prefers-reduced-motion:reduce) {
  #hub .timeline::after { transition:none; }
  .crm-viewport { overflow-x:auto;touch-action:pan-x pan-y; }
  .crm-track [data-clone] { display:none; }
}

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