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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* positioning band */
.position{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.position .wrap{display:grid;grid-template-columns:1.1fr 1.6fr;gap:clamp(28px,6vw,80px);align-items:start}
.position h2{font-size:clamp(30px,3.6vw,46px)}
.position .lead{margin-top:16px;font-size:17px}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pillar{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--paper)}
.pillar .ic{width:38px;height:38px;border-radius:10px;background:var(--ink);display:grid;place-items:center;margin-bottom:14px}
.pillar .ic svg{width:19px;height:19px;stroke:var(--mint);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(--mint-deep);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:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dd:hover .nav-dd-btn svg,.nav-dd:focus-within .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.dd-closed .nav-dd-menu{opacity:0!important;visibility:hidden!important}

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

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

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

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

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

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

/* pg-nav-dd-row-css */
/* Industries menu: horizontal row under the nav */
.nav .wrap{position:relative}
.nav-dd{position:static}
.nav-dd-menu{left:50%;top:calc(100% - 6px);margin-top:0;min-width:0;width:max-content;max-width:calc(100vw - 32px);display:flex;flex-direction:row;gap:4px;padding:8px}
.nav-dd-menu a{flex:1 1 0;min-width:150px;padding:12px 16px}
.nav-dd-menu::before{top:-24px;height:24px}

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

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

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

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

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

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

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

/* 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}
.form-note.form-error{color:#B42318;font-size:14px}
.form-wrap .btn[disabled]{opacity:.6;cursor:progress}
/* The missed-call calculator, on the home page's closing dark band. */
.mc-calc{margin:30px auto 0;max-width:720px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),var(--ink);text-align:left}
.mc-title{margin:0 0 14px;font-weight:600;font-size:17px;color:var(--on-dark)}
.mc-fields,.mc-result{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mc-field span{display:block;font-size:13px;color:var(--on-dark-muted);margin-bottom:6px}
.mc-field input{width:100%;box-sizing:border-box;padding:12px 18px;border-radius:32px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:var(--on-dark);font:inherit;font-size:17px}
.mc-field input:focus{outline:2px solid var(--mint);outline-offset:1px}
.mc-result{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.mc-result b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.4vw,36px);line-height:1.1;color:var(--mint)}
.mc-result small{display:block;font-size:13px;color:var(--on-dark-muted);margin-top:4px}
.mc-note{margin:14px 0 0;font-size:13px;color:var(--on-dark-muted)}
@media (max-width:640px){
  .mc-calc{padding:18px}
  .mc-fields,.mc-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mc-field span{font-size:11px;line-height:1.3;min-height:29px}
  .mc-field input{padding:10px 8px;font-size:14px;text-align:center}
  .mc-result b{font-size:clamp(20px,6vw,25px)}
  .mc-result small{font-size:11px;line-height:1.35}
}
/* Phones (2026-09-28 team feedback, "mobile view spacing"). The How-it-works steps slide in from
   40px right of where they land, and until each is revealed that offset made every phone page
   40px wider than the screen, so it scrolled sideways. clip, not hidden: no scroll container. */
#hub{overflow-x:clip}
/* The sample report card's tiles: equal columns that may shrink, and a smaller figure on a phone,
   so "$45.6k +33%" stays inside its tile. */
.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpis div{min-width:0}
@media (max-width:560px){.kpis b{font-size:22px}}
/* The legal pages: the privacy policy's summary table set the column to its own width (463px),
   so the whole page scrolled sideways on a phone. The column may shrink; the table scrolls. */
.legal-wrap>*{min-width:0}
.legal table{display:block;max-width:100%;overflow-x:auto}
.legal a{overflow-wrap:anywhere}
/* Menu links that land mid-page clear the sticky header. */
#ai-receptionist,#text-back,#auto-email,#crm-booking,#web-chat,#crm{scroll-margin-top:110px}
/* Seven product destinations need a compact menu rather than one extra-wide row. */
.nav-dd-product .nav-dd-menu{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));width:min(650px,calc(100vw - 32px))}
.nav-dd-product .nav-dd-menu a{min-width:0}
/* Keep the home page moving on a phone: preserve the hierarchy while removing desktop air. */
@media (max-width:560px){
  [data-page="home"]>section{padding-block:48px}
  [data-page="home"] .hero{padding-block:44px 40px}
  [data-page="home"] .hero .lead{margin-top:20px}
  [data-page="home"] .hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  [data-page="home"] .hero-ctas .btn{justify-content:center;padding:15px 10px;font-size:15px}
  [data-page="home"] .hero-proof{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:10px 16px;text-align:left}
  [data-page="home"] .hero-proof span:first-child{grid-column:1/-1}
  [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}
}