/* Editorial treatment for the continuous concept. The film and calculator keep their own motion systems. */
.continuous-page{--section-ink:#f5f8ff;--section-muted:#b8c3d1;--section-line:rgba(202,218,247,.18);--section-blue:#c9dcff}
.continuous-page .connections,
.continuous-page #results,
.continuous-page .benefits,
.continuous-page .pricing,
.continuous-page .faq{position:relative}
.continuous-page .connections{padding-top:148px;padding-bottom:118px;isolation:isolate}
.continuous-page .connections:before{content:"";position:absolute;z-index:-1;inset:5% 0 auto 28%;height:430px;background:radial-gradient(ellipse,rgba(57,98,183,.16),transparent 68%);pointer-events:none}
.continuous-page .eyebrow{font-size:12px;letter-spacing:.2em;line-height:1.4;color:#b9c9e2;margin-bottom:27px}
.continuous-page .connections-head{margin-bottom:62px}
.continuous-page .connections-head h2,
.continuous-page .section-heading h2,
.continuous-page .faq h2{font-size:clamp(58px,6.5vw,100px);line-height:.99;letter-spacing:-.065em;font-weight:500}
.continuous-page .connections-head h2{max-width:1160px}
.continuous-page .connections-head .muted,
.continuous-page .section-heading .muted,
.continuous-page .faq .muted{color:#7e91ad}
.continuous-page .connections-head>p:last-child{font-size:21px;line-height:1.55;color:var(--section-muted);max-width:680px;margin-top:35px}
.continuous-page .logo-category{margin-top:42px}
.continuous-page .logo-category>span{font-size:12px;letter-spacing:.18em;color:#a7bad9;margin-bottom:18px}
.continuous-page .logo-grid{gap:14px}
.continuous-page .logo-grid>a{height:116px;border-radius:15px;padding:26px;background:#f5f7fa;border-color:#e9edf3;box-shadow:0 12px 35px #0003}
.continuous-page .logo-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0005}
.continuous-page .logo-grid img{max-height:53px}
.continuous-page .phone-logos>a{height:116px}
.continuous-page .logo-grid .dark-logo{background:#252d39;border-color:#48566f}
.continuous-page .connections>.fine{font-size:14px!important;line-height:1.6!important;color:#9fadc0!important;margin-top:33px;max-width:910px}

.continuous-page #results{padding-top:155px;padding-bottom:122px}
.continuous-page .section-heading{align-items:end;gap:50px;margin-bottom:72px}
.continuous-page .section-intro{font-size:20px;line-height:1.55;color:var(--section-muted);min-width:270px}
.continuous-page .case-label{font-size:15px;letter-spacing:.03em;gap:18px;padding:14px 17px 14px 14px;border:1px solid var(--section-line);border-radius:14px;background:#131a27}
.continuous-page .case-label small{font-size:13px;color:#aab6ca}
.continuous-page .case-monogram{width:52px;height:52px;border-radius:10px;transform:none;background:#c9dcff;color:#091423;border:none;font-size:33px}
.continuous-page .metrics{border:0;gap:14px;padding:0}
.continuous-page .metrics article,
.continuous-page .metrics article:first-child{min-height:330px;padding:35px;border:1px solid var(--section-line);border-radius:20px;background:linear-gradient(155deg,#1b2534,#10151d 70%);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.continuous-page .metrics article:before{content:"";width:180px;height:180px;position:absolute;top:-90px;right:-65px;border:1px solid rgba(185,210,255,.14);border-radius:50%;box-shadow:0 0 0 35px rgba(173,202,255,.025),0 0 0 70px rgba(173,202,255,.02)}
.continuous-page .metric{font-size:clamp(72px,7vw,118px);line-height:.95;letter-spacing:-.085em;color:var(--section-ink)}
.continuous-page .metric.accent{color:var(--section-blue)}
.continuous-page .metric>span{font-size:.36em;color:#93a8c6}
.continuous-page .metrics h3{font-size:23px;font-weight:500;letter-spacing:-.03em;margin:20px 0 8px}
.continuous-page .metrics p{font-size:15px;line-height:1.5;color:var(--section-muted)}
.continuous-page .evidence-panel{margin-top:14px;padding:45px 50px;gap:65px;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);background:linear-gradient(105deg,#d6e5ff,#a8c8fd);color:#101b2b;border:0;border-radius:20px}
.continuous-page .evidence-main .eyebrow{font-size:12px;color:#415a7b;letter-spacing:.15em;margin-bottom:22px}
.continuous-page .evidence-main strong{display:block;font-size:clamp(95px,10vw,160px);line-height:.82;letter-spacing:-.09em}
.continuous-page .evidence-main strong span{font-size:.5em;color:#345f9f}
.continuous-page .evidence-main p{display:block;font-size:17px;line-height:1.45;margin:30px 0 0;color:#2c435f}
.continuous-page .evidence-detail{display:flex;flex-direction:column;justify-content:center}
.continuous-page .evidence-detail h3{font-size:clamp(30px,3vw,45px);letter-spacing:-.055em;line-height:1.08;margin:0 0 18px}
.continuous-page .evidence-detail>p{font-size:18px;line-height:1.55;color:#2c435f;margin-bottom:22px}
.continuous-page .evidence-detail summary{font-size:16px;color:#1b4a88;min-height:48px;font-weight:600}
.continuous-page .evidence-detail details p{font-size:15px;line-height:1.6;color:#2a405c}

.continuous-page .benefits{padding-top:115px;padding-bottom:120px}
.continuous-page .benefit-row{grid-template-columns:70px minmax(0,.95fr) minmax(0,1.05fr) 52px;gap:28px;padding:46px 0;border-color:var(--section-line)}
.continuous-page .benefit-row:last-child{border-color:var(--section-line)}
.continuous-page .row-number{font-size:16px;letter-spacing:.15em;color:#8faad2;padding-top:11px}
.continuous-page .benefit-row h3{font-size:clamp(33px,3.1vw,48px);letter-spacing:-.055em;line-height:1.06}
.continuous-page .benefit-row p{font-size:18px;line-height:1.55;color:var(--section-muted);max-width:530px}
.continuous-page .benefit-symbol{font-size:43px;color:#c5d9fa}

.continuous-page .crm-section{margin-top:0;padding:145px 0 155px;background:radial-gradient(ellipse 55% 70% at 81% 48%,rgba(41,85,168,.19),transparent 85%),linear-gradient(180deg,#0b111b,#101725 65%,#0b111a);border-top:1px solid var(--section-line);border-bottom:1px solid var(--section-line);overflow:hidden}
.continuous-page .crm-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(55px,6vw,100px);align-items:start}
.continuous-page .crm-copy h2{font-size:clamp(62px,6.3vw,101px);letter-spacing:-.07em;line-height:.98;font-weight:500}
.continuous-page .crm-copy h2 .accent{color:#bdd7ff}
.continuous-page .crm-copy>p:not(.eyebrow){font-size:19px;line-height:1.55;color:var(--section-muted);max-width:610px;margin:32px 0 0}
.continuous-page .crm-copy>.fine{font-size:14px!important;line-height:1.6!important;color:#9eabc0!important;margin-top:40px!important;max-width:590px!important}
.continuous-page .steps{margin:52px 0 0;border-top:1px solid var(--section-line)}
.continuous-page .steps li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;margin:0;padding:25px 0;border-bottom:1px solid var(--section-line)}
.continuous-page .steps li>span{width:auto;height:auto;border:0;border-radius:0;display:block;font-size:36px;letter-spacing:-.07em;line-height:1;color:#a6c7ff;font-weight:400}
.continuous-page .steps strong{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.03em;color:#f4f7ff}
.continuous-page .steps p{font-size:16px;line-height:1.5;color:#aebdd0;margin:7px 0 0}
.continuous-page .crm-demo{margin-top:42px;border-radius:24px;border:1px solid #526b91;background:linear-gradient(145deg,#1d2d45,#121b2b 48%,#101824);box-shadow:0 40px 110px #0009,0 0 90px #365b9933;overflow:hidden;position:relative}
.continuous-page .crm-demo:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#87b5ff,#dbe7fb,#87b5ff)}
.continuous-page .demo-heading{padding:27px 30px;gap:17px;font-size:19px;font-weight:500;letter-spacing:-.02em;border-color:#52637d}
.continuous-page .demo-heading .mini{filter:brightness(1.5)}
.continuous-page .demo-badge{font-size:11px;letter-spacing:.16em;color:#c1d4ee;border:1px solid #607493;border-radius:30px;padding:7px 11px}
.continuous-page .demo-tabs{margin:25px 28px 0;padding:5px;gap:5px;background:#0b1320;border:1px solid #3a4c67;border-radius:12px}
.continuous-page .demo-tabs button{font-size:15px;min-height:54px;border-radius:8px;color:#b8c7dc}
.continuous-page .demo-tabs button[aria-selected=true]{background:#c8dcff;color:#111c2a;box-shadow:0 3px 20px #0004;font-weight:700}
.continuous-page .demo-tabs button:hover:not([aria-selected=true]){color:white;background:#263a59}
.continuous-page #demo-panel{padding:38px 30px 33px;min-height:420px}
.continuous-page .demo-speaker{font-size:12px;letter-spacing:.16em;color:#a9bfdc;margin-bottom:10px}
.continuous-page .bubble{font-size:18px;line-height:1.5;background:#273a56;border-color:#49617e;border-radius:14px 14px 14px 3px;padding:19px 22px;margin-bottom:23px;max-width:91%}
.continuous-page .bubble.client{margin-left:auto;background:#d6e5ff;border-color:#d6e5ff;color:#142238;border-radius:14px 14px 3px 14px}
.continuous-page .demo-footer{margin:0 30px;padding:20px 0;font-size:15px;color:#d0dfed;border-color:#425674}
.continuous-page .demo-footer .check-circle{width:27px;height:27px;font-size:14px;border-color:#97d2ae;color:#a9e6b8}
.continuous-page .demo-disclaimer{font-size:12px;color:#a6b6ce;padding:0 30px 26px;line-height:1.5}
.continuous-page .result-tag{font-size:12px;color:#15233a;background:#c8dcff;border-radius:999px;padding:8px 14px}
.continuous-page .result-label{font-size:12px;letter-spacing:.16em;color:#a9bfdc;margin:21px 0 5px}
.continuous-page .result-title{font-size:30px;letter-spacing:-.045em;line-height:1.1;margin:4px 0 24px}
.continuous-page .result-value{font-size:18px;line-height:1.45;color:#f0f5ff}

.continuous-page .pricing{padding-top:160px;padding-bottom:120px}
.continuous-page .price-grid{gap:15px}
.continuous-page .price-grid article{min-height:355px;border:1px solid var(--section-line);border-radius:18px;padding:35px;background:linear-gradient(155deg,#1a2332,#10151e);display:flex;flex-direction:column;position:relative;overflow:hidden}
.continuous-page .price-grid article:after{content:"";position:absolute;left:35px;right:35px;bottom:108px;height:1px;background:#b9c9e230}
.continuous-page .price-grid .price-accent{background:linear-gradient(145deg,#c9dcff,#a9c8f5);color:#111d2d;border-color:#c9dcff}
.continuous-page .price-grid .price-accent:after{background:#1d477034}
.continuous-page .price-grid .eyebrow{font-size:12px;letter-spacing:.16em;color:#a9bad4;margin:0}
.continuous-page .price-grid .price-accent .eyebrow{color:#294f79}
.continuous-page .price-grid h3{font-size:clamp(54px,5vw,82px);letter-spacing:-.07em;line-height:1;margin:38px 0 auto;font-weight:500}
.continuous-page .price-grid h3 span{font-size:.4em;letter-spacing:-.03em}
.continuous-page .price-grid .price-accent h3{color:#102642}
.continuous-page .price-grid p{font-size:17px;line-height:1.45;color:#bac8db;max-width:370px;margin:30px 0 0}
.continuous-page .price-grid .price-accent p{color:#294563}
.continuous-page .price-note{font-size:14px!important;color:#9eadc0!important;margin-top:25px}

.continuous-page .faq.wrap{display:block;max-width:1696px;padding-top:148px;padding-bottom:126px}
.continuous-page .faq-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.3fr);align-items:end;gap:64px}
.continuous-page .faq h2{font-size:clamp(64px,6.8vw,112px);line-height:.99}
.continuous-page .faq-lead{max-width:330px;margin:0 0 7px;font-size:21px;line-height:1.5;color:#c2cee0}
.continuous-page .faq-list{margin-top:85px;counter-reset:faq}
.continuous-page .faq-list details{counter-increment:faq;border-color:var(--section-line);background:transparent;transition:background .25s ease}
.continuous-page .faq-list details[open]{background:linear-gradient(90deg,rgba(49,92,160,.13),transparent 74%)}
.continuous-page .faq-list summary{display:grid;grid-template-columns:74px minmax(0,1fr) 58px;gap:28px;align-items:center;min-height:132px;padding:29px 10px 29px 0;font-size:clamp(30px,2.65vw,43px);line-height:1.15;letter-spacing:-.052em;font-weight:500;color:#f5f8ff}
.continuous-page .faq-list summary::before{content:counter(faq,decimal-leading-zero);align-self:start;margin-top:11px;font-size:15px;line-height:1.2;letter-spacing:.13em;color:#98b8e8;font-weight:600}
.continuous-page .faq-list summary .faq-question{max-width:1110px;font-size:inherit;line-height:inherit;color:inherit;transform:none;transition:color .2s ease}
.continuous-page .faq-list summary:hover .faq-question,.continuous-page .faq-list details[open] .faq-question{color:#c9dcff}
.continuous-page .faq-list summary .faq-toggle{display:grid;place-items:center;width:56px;height:56px;border:1px solid #8ca9d275;border-radius:50%;font-size:30px;line-height:1;color:#c9dcff;transform:none;transition:transform .25s ease,background .25s ease,color .25s ease}
.continuous-page .faq-list details[open] .faq-toggle{transform:rotate(45deg);background:#c9dcff;color:#102039}
.continuous-page .faq-list p{max-width:1030px;margin:0 100px 44px 102px;font-size:clamp(19px,1.4vw,24px);line-height:1.55;color:#c2cee0}
.continuous-page .final-cta{padding-top:125px;padding-bottom:130px;margin-top:35px;margin-bottom:70px;max-width:1264px;border:1px solid #89a5d250;border-radius:28px;background:radial-gradient(ellipse at 50% 120%,#5181ce75,transparent 65%),linear-gradient(140deg,#1b2a43,#121c2e);box-shadow:0 35px 100px #0007}
.continuous-page .final-cta .eyebrow{font-size:13px;letter-spacing:.19em;color:#b9d1fa}
.continuous-page .final-cta h2{font-size:clamp(65px,7.6vw,115px);line-height:.98;letter-spacing:-.065em}
.continuous-page .final-cta h2 span{color:#c9dcff}
.continuous-page .final-cta>p:not(.eyebrow){font-size:20px;line-height:1.55;color:#bdcce2;margin:32px 0 36px}
.continuous-page .final-cta .button{font-size:17px;border-radius:100px;min-height:66px;padding:20px 29px;color:#101b2b;background:#c9dcff}
.continuous-page .final-cta .button:hover{background:#e3edff}
.continuous-page .cta-footnote{font-size:13px;color:#adc0da;margin-top:18px}

@media(max-width:1100px){
  .continuous-page .connections-head h2,.continuous-page .section-heading h2,.continuous-page .faq h2{font-size:clamp(54px,6.3vw,76px)}
  .continuous-page .crm-grid{grid-template-columns:1fr;gap:15px}
  .continuous-page .crm-copy h2{max-width:900px}
  .continuous-page .crm-demo{width:100%;max-width:760px;justify-self:center;margin-top:42px}
  .continuous-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .continuous-page .steps li{display:block;border-top:1px solid var(--section-line);border-bottom:0}
  .continuous-page .steps li>span{margin-bottom:13px}
  .continuous-page .benefit-row{grid-template-columns:50px minmax(0,1fr) minmax(0,1fr) 30px;gap:18px}
}
@media(max-width:760px){
  .continuous-page .connections{padding-top:88px;padding-bottom:65px}
  .continuous-page .connections-head{margin-bottom:35px}
  .continuous-page .connections-head h2,.continuous-page .section-heading h2,.continuous-page .faq h2{font-size:clamp(45px,9vw,66px);letter-spacing:-.058em}
  .continuous-page .connections-head>p:last-child{font-size:17px;margin-top:24px}
  .continuous-page .eyebrow{font-size:11px;margin-bottom:18px}
  .continuous-page .logo-category{margin-top:30px}
  .continuous-page .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .continuous-page .logo-grid>a,.continuous-page .phone-logos>a{height:88px;padding:15px;border-radius:11px}
  .continuous-page .logo-grid img{max-height:38px}
  .continuous-page .connections>.fine{font-size:13px!important}
  .continuous-page #results,.continuous-page .benefits,.continuous-page .pricing,.continuous-page .faq{padding-top:90px;padding-bottom:75px}
  .continuous-page .section-heading{display:block;margin-bottom:37px}
  .continuous-page .section-intro{font-size:17px;margin-top:26px;min-width:0}
  .continuous-page .case-label{display:inline-flex;margin:24px 0 0}
  .continuous-page .metrics{grid-template-columns:1fr;gap:10px}
  .continuous-page .metrics article,.continuous-page .metrics article:first-child{min-height:218px;padding:28px;display:flex;border:1px solid var(--section-line)}
  .continuous-page .metric{font-size:82px}
  .continuous-page .metrics h3{font-size:21px;margin:14px 0 3px}
  .continuous-page .metrics p{font-size:14px}
  .continuous-page .evidence-panel{grid-template-columns:1fr;padding:34px 30px;gap:35px}
  .continuous-page .evidence-main strong{font-size:116px}
  .continuous-page .evidence-main p{font-size:16px;margin-top:16px}
  .continuous-page .evidence-detail h3{font-size:36px}
  .continuous-page .evidence-detail>p{font-size:16px}
  .continuous-page .benefit-row{grid-template-columns:43px 1fr;gap:10px 16px;padding:34px 0}
  .continuous-page .benefit-row h3{font-size:34px}
  .continuous-page .benefit-row p{grid-column:2;font-size:16px}
  .continuous-page .benefit-symbol{display:none}
  .continuous-page .crm-section{padding:92px 0 100px}
  .continuous-page .crm-copy h2{font-size:clamp(52px,9.6vw,78px)}
  .continuous-page .crm-copy>p:not(.eyebrow){font-size:18px;margin-top:26px}
  .continuous-page .steps{display:block;margin-top:38px}
  .continuous-page .steps li{display:grid;grid-template-columns:47px 1fr;gap:15px;padding:23px 0;border-top:0;border-bottom:1px solid var(--section-line)}
  .continuous-page .steps li>span{font-size:30px;margin:0}
  .continuous-page .steps strong{font-size:20px}
  .continuous-page .steps p{font-size:15px}
  .continuous-page .crm-demo{margin-top:37px;border-radius:18px}
  .continuous-page .demo-heading{font-size:17px;padding:21px 20px}
  .continuous-page .demo-tabs{margin:18px 18px 0}
  .continuous-page .demo-tabs button{font-size:14px;min-height:50px}
  .continuous-page #demo-panel{padding:27px 18px;min-height:380px}
  .continuous-page .bubble{font-size:16px;padding:16px;max-width:96%}
  .continuous-page .demo-footer{font-size:13px;margin:0 18px}
  .continuous-page .demo-disclaimer{font-size:11px;padding:0 18px 20px}
  .continuous-page .result-title{font-size:26px}
  .continuous-page .result-value{font-size:16px}
  .continuous-page .price-grid{grid-template-columns:1fr;gap:10px}
  .continuous-page .price-grid article{min-height:245px;padding:27px}
  .continuous-page .price-grid article:after{bottom:91px;left:27px;right:27px}
  .continuous-page .price-grid h3{font-size:65px;margin-top:28px}
  .continuous-page .price-grid p{font-size:16px;margin-top:26px}
  .continuous-page .faq.wrap{padding-top:90px;padding-bottom:80px}
  .continuous-page .faq-heading{display:block}
  .continuous-page .faq h2{font-size:clamp(45px,9vw,66px)}
  .continuous-page .faq-lead{font-size:17px;max-width:400px;margin:28px 0 0}
  .continuous-page .faq-list{margin-top:44px}
  .continuous-page .faq-list summary{grid-template-columns:35px minmax(0,1fr) 44px;gap:12px;min-height:86px;padding:21px 0;font-size:clamp(21px,5vw,29px);letter-spacing:-.035em}
  .continuous-page .faq-list summary::before{font-size:11px;margin-top:5px}
  .continuous-page .faq-list summary .faq-toggle{width:44px;height:44px;font-size:26px}
  .continuous-page .faq-list p{font-size:17px;line-height:1.55;margin:0 8px 29px 47px}
  .continuous-page .final-cta{margin:20px 22px 70px;padding:78px 21px 80px;border-radius:20px}
  .continuous-page .final-cta h2{font-size:clamp(47px,9vw,70px)}
  .continuous-page .final-cta>p:not(.eyebrow){font-size:17px}
}
@media(max-width:420px){
  .continuous-page .connections-head h2,.continuous-page .section-heading h2,.continuous-page .faq h2{font-size:43px}
  .continuous-page .crm-copy h2{font-size:49px}
  .continuous-page .demo-badge{font-size:9px;padding:6px 8px}
  .continuous-page .demo-heading{font-size:15px;gap:10px}
  .continuous-page .demo-tabs button{font-size:12px}
  .continuous-page .final-cta h2{font-size:44px}
}
@media(prefers-reduced-motion:reduce){.continuous-page .logo-grid>a,.continuous-page .faq-list details,.continuous-page .faq-list summary .faq-question,.continuous-page .faq-list summary .faq-toggle{transition:none}}