/* Pages built by builder B (pricing, about, investors, demo, insights). */
.pg-top{padding-top:clamp(112px,14vw,160px);padding-bottom:clamp(24px,4vw,48px)}
.pg-top .display,.phero .display,.demo-split .display{text-wrap:balance}
.pg-top .sec-head.center{max-width:820px}
.pg-top .sec-head.center .display{font-size:clamp(38px,5.6vw,64px)}
.fine-c{text-align:center;margin-top:28px}
.center-row{display:flex;justify-content:center;margin-top:clamp(32px,5vw,56px)}
.form-err{color:var(--late);font-weight:600;font-size:14px}

/* pricing */
.prices{align-items:stretch}
.price .who b{font-size:18px}
.say-once,.partner-row{margin-top:16px}
.say-once{padding:clamp(28px,4vw,44px);display:grid;justify-items:center;text-align:center;gap:12px}
.say-once .ic{width:52px;height:52px;border-radius:14px;background:var(--action-tint);color:var(--action);display:grid;place-items:center}
.say-once .ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.say-once .h3{max-width:560px}
.say-once p{max-width:480px}
.say-once .cta-row{margin-top:10px}
.partner-row{display:flex;align-items:center;gap:16px;padding:18px 22px}
.partner-row .thumbs{display:flex}
.partner-row .thumbs img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid var(--surface)}
.partner-row .thumbs img+img{margin-left:-10px}
.partner-row .t{flex:1;display:grid}
.partner-row .t span{font-size:14px;color:var(--ink-2)}
@media (max-width:560px){.partner-row{flex-wrap:wrap}.partner-row .t{flex:1 1 60%}}

/* about */
.people .person{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:22px;align-items:start;align-content:start}
.person img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--sunk)}
.person b{display:block;font-size:18px;line-height:24px}
.person .role{display:block;font-size:13px;font-weight:600;color:var(--action);margin-top:2px}
.person p{margin-top:8px;font-size:14px;line-height:21px;color:var(--ink-2)}
@media (max-width:420px){.people .person{grid-template-columns:72px 1fr;gap:14px}.person img{width:72px;height:72px}}
.wherefit{padding:28px;display:grid;gap:10px;justify-items:start;align-content:start}
.wherefit .ic{width:52px;height:52px;border-radius:14px;background:var(--sunk);color:var(--ink-2);display:grid;place-items:center}
.wherefit .ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wherefit b{font-size:19px;line-height:25px}
.wherefit p{font-size:15px;color:var(--ink-2)}
.company{display:flex;align-items:center;gap:20px;padding:24px 28px;flex-wrap:wrap}
.company .ic{width:52px;height:52px;border-radius:14px;background:var(--action-tint);color:var(--action);display:grid;place-items:center;flex:none}
.company .ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.company .t{flex:1;display:grid;min-width:220px}
.company .t b{font-size:18px}
.company .t span{color:var(--ink-2);font-size:15px}
.company .honest{margin-top:0}
@media (max-width:560px){.company .honest{white-space:normal;align-items:flex-start}.company .honest i{margin-top:6px}}

/* investors */
.story5{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.story5 li{display:grid;grid-template-columns:clamp(48px,7vw,88px) 1fr;gap:12px;padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--line);align-items:baseline}
.story5 .n{font:700 13px/1 var(--font);color:var(--action);letter-spacing:.06em}
.story5 .h3{font-size:clamp(22px,2.8vw,32px);line-height:1.25;letter-spacing:-.02em;max-width:880px}
.doors-two .door{flex-direction:row}
.doors-two .door .ph{width:42%;aspect-ratio:auto;flex:none;min-height:220px}
.doors-two .door .tx{align-content:center;padding:22px}
@media (max-width:560px){.doors-two .door{flex-direction:column}.doors-two .door .ph{width:100%;aspect-ratio:1;min-height:0}}
.form-card{padding:clamp(22px,3vw,32px)}
.form-card .btn{width:100%}
.form-split{align-items:start}

/* demo */
.demo-split{align-items:start;gap:clamp(32px,6vw,72px)}
.demo-split .display{margin-top:18px;font-size:clamp(38px,5vw,60px)}
.demo-split .lede{margin-top:20px;max-width:520px}
.checks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.checks li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}
.checks svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--good-tint);fill:none;stroke:var(--good);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.strip{display:flex;align-items:center;gap:8px;margin-top:36px;flex-wrap:wrap}
.strip img{width:48px;height:48px;border-radius:12px;object-fit:cover}
.strip .fine{margin-left:6px}
.demo-split .choice label{position:relative}

/* thanks */
.thanks .tick{width:72px;height:72px;border-radius:50%;background:var(--good-tint);display:grid;place-items:center;margin:0 auto 24px}
.thanks .tick svg{width:34px;height:34px;fill:none;stroke:var(--good);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.thanks .display{font-size:clamp(38px,5vw,60px)}
.thanks .lede{margin-top:16px}

/* insights index and articles */
.posts .post .tx{align-content:start}
.posts .post b{display:block}
.article{padding-bottom:clamp(40px,6vw,72px)}
.article .back{display:none}
.article .cover{margin:32px 0}
.article .cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article .body .lead{font-size:clamp(20px,2.2vw,23px);line-height:1.55;color:var(--ink);margin:0 0 1.2em;font-weight:500}
.article .body strong{color:var(--ink)}
.article .body .callout{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--action);border-radius:var(--r-lg);padding:24px 26px;margin:2em 0}
.article .body .callout .mono{display:block;font:700 12px/16px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--action);margin-bottom:10px}
.article .body .callout p{margin:0;font-size:20px;line-height:1.5;color:var(--ink);font-weight:500}
.article .body .stat-pull{border-left:3px solid var(--action);padding:16px 22px;margin:2em 0;background:var(--surface);border-radius:0 var(--r-lg) var(--r-lg) 0}
.article .body .stat-pull .figure,.article .body .stat-item .figure{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}
.article .body .stat-pull p,.article .body .stat-item p{margin:6px 0 0;font-size:14px;line-height:21px;color:var(--ink-2)}
.article .body .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin:2em 0}
.article .body .stat-item{background:var(--surface);padding:20px 18px}
.article .body .stat-item .figure{font-size:28px}
@media (max-width:560px){.article .body .stat-row{grid-template-columns:1fr}}
.article .body figure.vfi-figure{margin:2em 0}
.article .body figure.vfi-figure svg,.article .body .vfi-figure-svg,.article .body .vfi-svg-card svg{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}
.article .body figure.vfi-figure img{margin:0}
.article .body figcaption{font-size:13px;color:var(--ink-2);margin-top:10px}
.article .body .src{font-size:14px;color:var(--ink-2);margin:-.6em 0 1.6em}
.article .body .author-line{font-size:16px;font-weight:600;color:var(--ink);margin-top:2.4em;padding-top:1.4em;border-top:1px solid var(--line)}
.article .cta-row{margin-top:32px}
.form-body{display:grid;gap:14px}
.form-body .hp{margin:0}
.posts .post img{height:auto;aspect-ratio:16/10;object-fit:cover}

/* pricing, rebuilt: who pays picture, four plans, comparison, questions */
.whopays{display:grid;grid-template-columns:1fr 56px 132px 56px 1fr;align-items:start;margin-top:clamp(8px,2vw,24px)}
.wp-group{display:flex;gap:clamp(12px,2vw,28px)}
.wp-group.l{justify-content:flex-end}
.wp-group.r{justify-content:flex-start}
.wp-p{display:grid;justify-items:center;align-content:start;gap:8px;width:136px;text-align:center}
.wp-p .face{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid var(--surface);box-shadow:var(--shadow-float)}
.wp-p .face img{width:100%;height:100%;object-fit:cover;display:block}
.wp-p b{font-size:14px;line-height:18px}
.wp-p .chip{white-space:normal;text-align:center;justify-content:center}
.wp-link{height:88px;display:grid;place-items:center}
.wp-link svg{width:56px;height:80px;fill:none;stroke:var(--line-strong);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wp-link.r svg{stroke:var(--action)}
.wp-link .v{display:none}
.wp-hub{width:132px;height:132px;border-radius:50%;background:var(--nav);display:grid;place-items:center;margin-top:-26px;box-shadow:0 0 0 10px var(--action-tint),var(--shadow-float)}
.wp-hub svg{width:62px;height:auto;fill:#fff}
.wp-link{margin-top:0}
@media (max-width:820px){
  .whopays{grid-template-columns:1fr;justify-items:center;row-gap:0}
  .wp-group{flex-wrap:wrap;justify-content:center!important;gap:16px 12px}
  .wp-p{width:104px}
  .wp-link{height:48px;width:80px}
  .wp-link .h{display:none}
  .wp-link .v{display:block;width:80px;height:40px}
  .wp-hub{margin-top:0}
}

.prices.p4{grid-template-columns:repeat(4,1fr);margin-top:clamp(32px,5vw,56px)}
.prices.p4 .price{display:flex;flex-direction:column;gap:16px;padding:24px}
.pl-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:48px}
.pl-head img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none}
.pl-head b{font-size:18px;line-height:22px;flex:1;min-width:110px}
.price .big small{display:block;font-size:14px;font-weight:600;letter-spacing:0;color:var(--ink-2);margin-top:8px}
.price .sub{font-size:15px;line-height:22px;color:var(--ink-2);margin:10px 0 0}
.price .big small+.sub{margin-top:8px}
.price .sub .p{font-weight:700;color:var(--ink)}
.price .sublabel{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-top:1px solid var(--line);padding-top:16px;margin-top:2px}
.price .sublabel+.sub{margin-top:-6px}
.price ul.may li svg{stroke:var(--action)}
.prices.p4 .price .btn{margin-top:auto;width:100%}
.prices.p4 .price>ul{margin-bottom:4px}
@media (max-width:1100px){.prices.p4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.prices.p4{grid-template-columns:1fr}}

.cmp{overflow:hidden;padding:0}
.cmp table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
.cmp th,.cmp td{text-align:left;padding:12px 24px;vertical-align:middle;border-top:1px solid var(--line)}
.cmp thead th{border-top:0;height:52px;background:var(--sunk);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.cmp tbody tr{height:56px}
.cmp tbody th{font-weight:700;width:26%}
.cmp td{color:var(--ink-2);width:37%}
.cmp td.vf{color:var(--ink);font-weight:700}
.cmp tbody td.vf{background:var(--action-tint)}
.cmp thead th:last-child{color:var(--action);background:var(--action-tint)}
.cmp+.fine{margin-top:14px;max-width:820px}
.cmp~.say-once{margin-top:clamp(32px,5vw,56px)}
@media (max-width:760px){
  .cmp table,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto!important}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cmp tbody tr{height:auto;padding:16px 20px;border-top:1px solid var(--line)}
  .cmp tbody tr:first-child{border-top:0}
  .cmp th,.cmp td{border:0;padding:0}
  .cmp tbody th{font-size:17px;margin-bottom:10px}
  .cmp td{display:grid;gap:2px;padding:8px 12px;margin-top:6px;border-radius:var(--r-md);background:var(--sunk)}
  .cmp tbody td.vf{background:var(--action-tint)}
  .cmp td::before{content:attr(data-l);font-size:11px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
}

.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq-i{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}
.faq-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:17px;line-height:24px;font-weight:700}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"";width:20px;height:20px;flex:none;background:linear-gradient(var(--action),var(--action)) center/14px 2px no-repeat,linear-gradient(var(--action),var(--action)) center/2px 14px no-repeat;transition:transform .3s var(--ease)}
.faq-i[open] summary::after{transform:rotate(135deg)}
.faq-i summary:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:var(--r-lg)}
.faq-i p{margin:0;padding:0 24px 22px;color:var(--ink-2);font-size:16px;line-height:25px;max-width:680px}
.sec-tight:has(.faq){padding-top:0}
