.connect-feature-page{--cf-accent: #a8c9f3;--cf-soft: #edf2f8}.cf-qr{--cf-accent: #9ddac9;--cf-soft: #edf5ef}.cf-bio{--cf-accent: #e3b7d1;--cf-soft: #f5edf2}.cf-routing{--cf-accent: #e4c595;--cf-soft: #f6f0e7}.cf-analytics{--cf-accent: #c2aff8;--cf-soft: #f0edf8}.cf-hero-scene{padding-bottom:60px}.cf-breadcrumb{display:flex;align-items:center;gap:10px;padding-top:28px;color:#b2a8c4;font-size:11px}.cf-breadcrumb>a{color:#d9cdee}.cf-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:60px;padding-block:68px 30px}.cf-hero-copy{min-width:0;position:relative;z-index:1}.cf-hero-grid>div{min-width:0}.cf-hero .connect-eyebrow{display:flex;align-items:center;gap:8px;color:var(--cf-accent);font-size:10px;letter-spacing:.04em}.cf-hero h1{margin:27px 0 25px;font-size:clamp(42px,4.2vw,65px);line-height:1.08;letter-spacing:-.055em;font-weight:550;overflow-wrap:anywhere}.cf-hero h1 .connect-title-word:nth-last-child(-n+2)>span{color:var(--cf-accent)}.cf-hero-lead{color:#bbb4c8;font-size:16px;line-height:1.85;max-width:530px;margin:0}.cf-hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.cf-hero-plan{display:flex;gap:8px;color:#aaa0b9;font-size:10px;line-height:1.75;margin:20px 0 0;max-width:460px}.cf-hero-plan>svg{flex-shrink:0;margin-top:3px;color:var(--cf-accent)}.cf-demo-frame{min-width:0;border-radius:19px;isolation:isolate}.cf-demo-label{display:flex;align-items:center;gap:8px;color:#d2c9e0;font-size:10px;margin-bottom:15px}.cf-demo-label>span:last-child{margin-inline-start:auto;color:#b9abc9;font-size:9px}.cf-demo-rim{padding:5px;border:1px solid #c9a7fb29;border-radius:18px;background:#bfa1ff08;box-shadow:0 25px 65px #0004,inset 0 1px #f7e8ff13}.cf-demo-canvas.connect-demo-canvas{color:#463b50;display:block;border:1px solid #d9d0e3;border-radius:12px;overflow:hidden;padding:0;min-height:0;background:#eae6ef}.cf-demo-anchor{width:100%;scroll-margin-top:108px}.cf-demo-anchor>div{width:100%;max-width:none;border-radius:0;border:0;box-shadow:none}.cf-demo-disclosure{color:#b4a7c5;font-size:9px;line-height:1.75;padding-inline:8px;margin:14px 0 0}.cf-ssr-preview{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;color:#6f5681;background:#f4f0f7;border-radius:12px;font-size:13px}.cf-ssr-preview .connect-eyebrow{color:#7d638e}.cf-ssr-preview .connect-chart{height:150px}.cf-ssr-preview small{font-size:10px;text-align:center;color:#7e6c8a}.cf-ssr-row{border:1px solid #dfd3e6;border-radius:8px;padding:14px;background:#fff8;width:100%;font-size:12px}.cf-ssr-faq details{padding:20px 0;border-top:1px solid #ddd6e4}.cf-ssr-faq summary{cursor:pointer;font-weight:500}.cf-ssr-faq p{margin-top:14px;color:#73677e;font-size:13px;line-height:1.8}.connect-feature-page .connect-motion-scene[data-scene-active=false] [data-ambient]{animation-play-state:paused}.cf-demo-canvas .connect-qr-demo{padding:32px 26px;gap:20px}.cf-demo-canvas .connect-bio-demo{padding:30px 26px;gap:25px}.cf-demo-canvas .connect-link-demo{background:#fff}.cf-demo-canvas .connect-demo-toolbar{font-size:12px}.cf-demo-canvas .connect-routing-heading small{font-size:8px}.cf-demo-canvas .connect-input-row>span{color:#686070;font-size:10px}.cf-demo-canvas .connect-input-row>code{color:#736a7e;font-size:11px}.cf-demo-canvas .connect-route-result>code{font-size:12px}.cf-demo-canvas .connect-bio-editor p,.cf-demo-canvas .connect-qr-settings p{font-size:11px}.cf-demo-canvas .connect-qr-paper{padding:20px 16px}.cf-benefits{background:#f9f9f6;padding-block:55px 62px;border-bottom:1px solid #e6e3e8}.cf-benefits .connect-eyebrow{color:#70647e}.cf-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:28px}.cf-benefit{position:relative;padding-inline-start:27px;border-inline-start:1px solid #dcd6e5}.cf-benefit>svg{color:#77628f;margin-top:18px}.cf-benefit-number{color:#756180;font-size:10px;font-variant-numeric:tabular-nums}.cf-benefit h2{font-size:19px;line-height:1.5;font-weight:500;letter-spacing:-.025em;max-width:320px;margin:17px 0 0;color:#343039}.cf-workflow{background:#f0efeb}.cf-workflow-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:115px;align-items:start}.cf-workflow-intro{position:sticky;top:120px}.cf-workflow-intro .connect-heading{margin-bottom:22px}.cf-workflow-intro>p{font-size:13px;line-height:1.85;color:#716a79;max-width:370px;margin-bottom:24px}.cf-workflow-steps{display:grid;gap:0}.cf-workflow-step{display:grid;grid-template-columns:38px 1fr;gap:22px;position:relative;padding-bottom:32px}.cf-workflow-step:not(:last-child):before{content:"";position:absolute;inset-inline-start:18px;top:38px;bottom:0;width:1px;background:linear-gradient(#bda6d6,#d9d4df)}.cf-step-number{display:grid;place-items:center;height:38px;width:38px;border:1px solid #b6a4c7;border-radius:50%;background:#eeebf0;color:#725b8b;font-size:10px}.cf-workflow-step h3{font-size:22px;font-weight:500;letter-spacing:-.03em;margin:3px 0 10px}.cf-workflow-step p{font-size:13px;color:#6d6675;line-height:1.85;margin:0}.cf-step-link,.cf-mini-route,.cf-mini-bars,.cf-mini-blocks,.cf-step-qr{border:1px solid #ddd6e6;background:#f8f7f9;border-radius:9px;padding:17px 19px;margin-top:20px}.cf-step-link{display:flex;gap:10px;align-items:center;font-size:10px;flex-wrap:wrap}.cf-step-link>span{color:#786680}.cf-step-link strong{color:#6c537f;font-weight:500}.cf-step-link svg{color:#9e8ab2}.cf-mini-route{display:flex;align-items:center;gap:12px;color:#8c6b94}.cf-mini-route>i{flex:1;height:1px;background:linear-gradient(90deg,#ba9acc,#d6c7dc)}.cf-mini-bars{height:80px;display:flex;align-items:end;gap:8px}.cf-mini-bars>i{flex:1;background:linear-gradient(#b5a1cc,#d5c8e3);border-radius:3px 3px 0 0;transform-origin:bottom}.cf-workflow-step[data-revealed=true] .cf-mini-bars>i{animation:connect-source-reveal-y .7s ease-out backwards}.cf-mini-blocks{display:grid;gap:6px}.cf-mini-blocks>i{height:10px;width:90%;background:#cbb8dc;border-radius:4px}.cf-mini-blocks>i:nth-child(2){width:73%;background:#dccce5}.cf-mini-blocks>i:nth-child(3){width:82%;background:#b9c9bf}.cf-step-qr{display:flex;align-items:center;gap:16px}.cf-step-qr .connect-qr{width:46px;height:46px}.cf-step-qr>span{display:flex;align-items:center;gap:6px;color:#53685a;font-size:10px}.cf-cases{background:var(--cf-soft)}.cf-case-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.cf-case-tabs{display:grid;align-content:start;gap:10px}.cf-case-tabs>button{display:flex;gap:13px;align-items:center;border:1px solid #d3c9de;border-radius:10px;background:#ffffff45;color:#6e617c;text-align:start;padding:20px;font-size:13px;transition:background .2s,border-color .2s;min-height:65px}.cf-case-tabs>button>svg:last-child{margin-inline-start:auto}.cf-case-tabs>button[data-state=active]{background:#fff;border-color:#a48bbd;color:#493852;box-shadow:0 5px 22px #4d32510a}.cf-case-panels{min-width:0}.cf-case-panel{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;min-height:260px;animation:connect-product-stage-in .4s ease-out}.cf-case-panel[data-state=inactive]{display:none}.cf-case-panel h3{font-size:28px;letter-spacing:-.035em;font-weight:500;line-height:1.25;margin:22px 0 15px}.cf-case-panel p{font-size:13px;color:#6c6377;line-height:1.9}.cf-case-panel .connect-pill{color:#665c72}.cf-case-art{padding:10px 0;min-width:0}.cf-case-links{display:grid;gap:10px}.cf-case-links>span{font-size:8px;color:#685573}.cf-case-links>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:15px;background:#ffffff9c;border:1px solid #d7cfdf;border-radius:8px;transform:rotate(-3deg);box-shadow:0 7px 20px #41304606}.cf-case-links>div:nth-child(3){transform:rotate(2deg)}.cf-case-links strong{font-size:10px;font-weight:500;color:#6c5583}.cf-case-links svg{color:#8f75a9}.cf-case-links i{display:block;height:3px;background:#b8a1d0;border-radius:3px;margin-inline-start:22px}.cf-case-poster{width:min(180px,100%);padding:18px;background:#fbf9f3;border:1px solid #e3dcd5;border-radius:6px;box-shadow:0 14px 35px #4c3a2e0c;transform:rotate(4deg);margin:auto}.cf-case-poster>span{font-size:9px;text-transform:uppercase;color:#73604b}.cf-case-poster>strong{display:block;font:44px/1.5 Georgia,serif;color:#665546}.cf-case-poster .connect-qr{width:72px;height:72px}.cf-pricing{padding-block:38px;background:#22202b;color:#f2ebfa}.cf-pricing-inner{display:flex;align-items:center;gap:40px;justify-content:space-between}.cf-pricing-inner .connect-eyebrow{color:#b7a4d0;margin-bottom:10px}.cf-pricing-inner h2{font-size:28px;letter-spacing:-.035em;font-weight:500;margin:0}.cf-pricing-inner p{color:#bdb0cc;font-size:12px;line-height:1.8;max-width:680px;margin:12px 0 0}.cf-light-button{flex-shrink:0;background:#e1d5ef;color:#392b49!important;border:1px solid #f0e6fc}.cf-related{background:#f1f0ec;padding-top:70px}.cf-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cf-related-grid>div{height:100%}.cf-related-surface{border:1px solid #ddd6e5;border-radius:12px;background:#fbfafc;height:100%}.cf-related-surface>a{display:block;padding:28px;height:100%}.cf-related-surface svg{color:#8b6daa}.cf-related-surface svg:nth-child(2){float:inline-end;color:#a28eaf}.cf-related-surface h3{margin:25px 0 10px;font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.035em}.cf-related-surface p{color:#74697e;font-size:12px;line-height:1.85;margin:0}.cf-final h2{max-width:900px}.cf-demo-toolbar{display:flex;gap:8px;align-items:center;padding:19px 24px;border-bottom:1px solid #e6dfed;font-size:12px}.cf-demo-toolbar>.connect-pill{margin-inline-start:auto;font-size:8px}.cf-routing-demo{background:#faf9fc;color:#574463}.cf-routing-controls{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:end;padding:25px 24px 20px}.cf-routing-controls label>span{display:block;font-size:10px;color:#756880;margin-bottom:8px}.cf-routing-controls select{min-height:44px;width:100%;border:1px solid #d7cbe1;border-radius:7px;background-color:#fff;color:#654d75;font-size:12px;padding-inline:10px 30px}.cf-routing-controls .connect-device-toggle{padding:3px;min-height:44px;margin:0}.cf-routing-controls .connect-device-toggle button{font-size:10px;padding-inline:10px}.cf-routing-source{display:flex;align-items:center;gap:8px;justify-content:center;padding-top:15px;font-size:15px}.cf-routing-source>svg:last-child{display:none}.cf-routing-branches{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:75px 18px 22px}.cf-routing-branches>svg{position:absolute;top:0;inset-inline:0;width:100%;height:82px}.cf-routing-branches path{stroke:#ccbdda;stroke-width:1.4;fill:none;transition:stroke .3s}.cf-routing-branches g[data-active=true]>path:first-child{stroke:#9370b5;stroke-width:2}.cf-routing-branches .cf-route-signal{stroke:#79529f;stroke-width:2.5;stroke-dasharray:10 90;animation:connect-signal-travel 2.6s linear infinite;opacity:0}.cf-routing-branches g[data-active=true] .cf-route-signal{opacity:1}.cf-route-node{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:80px;padding:10px 6px;border:1px solid #ddd4e5;border-radius:8px;background:#f4f0f7;color:#8c799a;gap:7px;font-size:9px;text-align:center;position:relative;transition:background .3s,border-color .3s}.cf-route-node[data-active=true]{background:#e9dff3;border-color:#b296c9;color:#65447f;box-shadow:0 5px 14px #88609e0b}.cf-route-node>svg:last-child:not(:first-child){position:absolute;top:5px;inset-inline-end:5px;color:#799f87}.cf-route-output{margin:0 24px;padding:16px;border:1px solid #c4b3d4;border-radius:8px;background:#eee7f5}.cf-route-output>span{display:block;color:#7b668d;font-size:9px;margin-bottom:8px}.cf-route-output strong{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:500;color:#604777}.cf-demo-explanation{padding:0 24px 22px;font-size:10px;line-height:1.85;color:#7b6b86;margin:14px 0 0}.cf-demo-analytics.connect-demo-canvas{background:#24212f;border-color:#a082c648}.cf-analytics-demo{background:linear-gradient(145deg,#2d273c,#222331);color:#e5d9f3}.cf-analytics-demo .cf-demo-toolbar{border-color:#d7baff14}.cf-analytics-demo .connect-pill{background:#b7a2da14;color:#cebcdf;border-color:#be9fde26}.cf-analytics-tabs{display:flex;gap:3px;padding:20px 24px 0}.cf-analytics-tabs button{border:1px solid transparent;border-radius:6px;background:transparent;display:flex;align-items:center;gap:6px;min-height:44px;padding:9px 12px;font-size:10px;color:#bbaec9;flex:1;justify-content:center}.cf-analytics-tabs button[aria-pressed=true]{background:#bca1f81c;border-color:#c2a8eb40;color:#efe4fc}.cf-analytics-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:25px 28px 10px}.cf-analytics-heading>div>span{display:block;color:#b9acc9;font-size:11px}.cf-analytics-heading strong{display:block;font-size:46px;line-height:1.4;font-weight:500;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.cf-period{display:flex;gap:4px;border:1px solid #b89bd028;border-radius:7px;padding:3px}.cf-period button{min-height:38px;border:0;border-radius:4px;padding:7px 10px;background:none;font-size:10px;color:#baa8c9;white-space:nowrap}.cf-period button[aria-pressed=true]{background:#c3a4ec1c;color:#ebdcff}.cf-analytics-chart{display:block;width:calc(100% - 56px);margin-inline:28px;height:150px;overflow:visible}.cf-analytics-axis{display:flex;justify-content:space-between;margin:5px 28px 20px;font-size:8px;color:#a196af;direction:ltr}.cf-analytics-sources{padding:8px 28px 28px;display:grid;gap:15px}.cf-analytics-sources>div{display:grid;grid-template-columns:105px 1fr 34px;gap:10px;align-items:center;font-size:10px;color:#bfb2d0}.cf-analytics-sources i{display:block;height:4px;background:#c5a9f00d;border-radius:4px;overflow:hidden}.cf-analytics-sources b{display:block;height:100%;background:#b79bdd;border-radius:4px}.cf-analytics-sources strong{font-weight:400;text-align:end;font-variant-numeric:tabular-nums}@media(max-width:1100px){.cf-hero-grid{gap:35px}.cf-hero h1{font-size:46px}.cf-hero-lead{font-size:14px}.cf-demo-canvas .connect-qr-demo,.cf-demo-canvas .connect-bio-demo{padding:26px 18px;gap:18px}.cf-workflow-grid{gap:60px}.cf-case-layout{gap:30px}.cf-case-panel{gap:20px}.cf-routing-controls{grid-template-columns:minmax(0,1fr);gap:12px}.cf-analytics-tabs{padding:12px 12px 0}.cf-analytics-tabs button{font-size:8px;padding:8px 5px}.cf-analytics-heading{padding-inline:22px;gap:12px}.cf-analytics-heading strong{font-size:38px}.cf-period{flex-direction:column}}@media(max-width:900px){.cf-hero-grid{grid-template-columns:minmax(0,1fr);gap:44px;max-width:760px;padding-top:45px}.cf-hero-copy{max-width:650px}.cf-hero h1{font-size:58px}.cf-hero-lead{font-size:16px;max-width:620px}.cf-demo-frame{max-width:660px;margin-inline:auto}.cf-hero-plan{max-width:600px}.cf-benefits-grid{gap:25px}.cf-benefit{padding-inline-start:18px}.cf-benefit h2{font-size:17px}.cf-workflow-grid{gap:45px;grid-template-columns:1fr 1.2fr}.cf-case-layout{grid-template-columns:1fr 1.4fr}.cf-case-panel{grid-template-columns:1fr;gap:10px}.cf-case-art{max-width:250px}.cf-routing-controls{grid-template-columns:1fr 1.2fr}.cf-period{flex-direction:row}.cf-demo-canvas .connect-qr-demo,.cf-demo-canvas .connect-bio-demo{padding:30px 28px;gap:30px}}@media(max-width:767px){.cf-hero-scene{padding-bottom:30px}.cf-breadcrumb{font-size:10px;padding-top:24px}.cf-hero-grid{padding-block:30px;gap:35px}.cf-hero h1{font-size:clamp(37px,8.2vw,55px);margin-block:22px}.cf-hero-lead{font-size:14px}.cf-hero .connect-eyebrow{font-size:9px}.cf-hero-actions{margin-top:25px}.cf-hero-plan{font-size:10px}.cf-demo-frame{width:100%}.cf-demo-label{margin-bottom:12px}.cf-demo-disclosure{font-size:9px}.cf-benefits{padding-block:40px}.cf-benefits-grid{grid-template-columns:1fr;gap:25px}.cf-benefit{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px 16px;padding-inline-start:20px}.cf-benefit>svg{grid-column:1;grid-row:2;margin:0;width:19px}.cf-benefit h2{grid-column:2;grid-row:1/3;margin:0;font-size:18px;max-width:none}.cf-workflow-grid{grid-template-columns:1fr;gap:40px}.cf-workflow-intro{position:static}.cf-workflow-step{gap:16px}.cf-case-layout{grid-template-columns:1fr;gap:25px}.cf-case-tabs{gap:8px}.cf-case-tabs>button{min-height:54px;padding:14px 18px}.cf-case-panel{grid-template-columns:1fr 1fr}.cf-case-panel h3{font-size:25px}.cf-pricing-inner{align-items:start;gap:24px;flex-direction:column}.cf-related-grid{grid-template-columns:1fr}.cf-related-surface>a{padding:25px}.cf-related-surface h3{margin-top:18px}.cf-demo-canvas .connect-qr-demo,.cf-demo-canvas .connect-bio-demo{padding:26px 20px}}@media(max-width:430px){.cf-hero h1{font-size:37px}.cf-hero-lead{font-size:13px}.cf-hero-actions{flex-direction:column}.cf-hero-actions .connect-button{width:100%;min-height:48px}.cf-demo-rim{padding:3px;border-radius:14px}.cf-demo-canvas.connect-demo-canvas{border-radius:10px}.cf-demo-canvas .connect-qr-demo,.cf-demo-canvas .connect-bio-demo{padding:24px 16px}.cf-demo-canvas .connect-routing,.cf-demo-canvas .connect-link-editor{padding-inline:16px}.cf-case-panel{grid-template-columns:1fr}.cf-case-art{margin-top:12px;width:100%}.cf-demo-toolbar{padding:15px 16px;font-size:11px}.cf-routing-controls{padding:20px 16px;grid-template-columns:1fr}.cf-routing-branches{gap:5px;padding-inline:10px}.cf-route-node{font-size:8px;padding:8px 4px}.cf-route-output{margin-inline:16px}.cf-demo-explanation{padding-inline:16px}.cf-analytics-heading{padding-inline:16px;gap:8px}.cf-analytics-heading strong{font-size:34px}.cf-analytics-heading>div>span{font-size:9px}.cf-period button{padding-inline:8px;font-size:9px}.cf-analytics-chart{width:calc(100% - 32px);margin-inline:16px;height:120px}.cf-analytics-axis{margin-inline:16px}.cf-analytics-sources{padding-inline:16px}.cf-analytics-sources>div{grid-template-columns:90px 1fr 32px;font-size:9px;gap:8px}}@media(prefers-reduced-motion:reduce){.connect-feature-page *,.connect-feature-page *:before,.connect-feature-page *:after{animation:none!important;transition:none!important}}