html,body{margin:0;padding:0}body{background:#f6fbff;overflow-x:hidden}.cblink-landing{--bg-dark: #051629;--bg-dark-2: #0a2f4a;--teal: #05d3cb;--teal-2: #07b5c8;--text-main: #0b2238;--text-muted: #4f6f88;--line: #d7e9f5;--max: 1320px;min-height:100%;width:100%;overflow-x:clip;background:#fff;color:var(--text-main);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cblink-landing .visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cblink-landing .heroShell{background:#f6fbff;padding:0;width:100%}.cblink-landing .header{max-width:none;margin:0;padding:0 22px;background:linear-gradient(105deg,var(--bg-dark) 0%,#06375a 62%,#06779a 100%);border-radius:0;border:1px solid rgba(87,180,210,.28);border-left:0;border-right:0;border-bottom:0;position:relative;z-index:2}.cblink-landing .nav{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:12px}.cblink-landing .brand{display:inline-flex;align-items:center;gap:10px;line-height:1}.cblink-landing .brandLogo{display:block;height:36px;width:auto;max-width:min(220px,42vw);object-fit:contain}.cblink-landing .brandName{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#f2fbff;white-space:nowrap}.cblink-landing .navLinks{display:flex;align-items:center;gap:20px}.cblink-landing .navLink{color:#d2f5ff;font-size:16px;font-weight:600;text-decoration:none}.cblink-landing .navCta{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--teal-2));color:#fff;font-size:14px;font-weight:700;text-decoration:none}.cblink-landing .hero{max-width:none;margin:0;border-radius:0;border:1px solid rgba(87,180,210,.28);border-left:0;border-right:0;border-top:0;padding:18px 22px 14px;background:linear-gradient(105deg,var(--bg-dark) 0%,#06375a 62%,#06779a 100%);color:#fff}.cblink-landing .heroInner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,1fr);gap:24px;align-items:center}.cblink-landing .heroCopy{display:grid;gap:12px}.cblink-landing .heroTitle{margin:0;font-size:clamp(24px,2.6vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.03em;white-space:nowrap}.cblink-landing .heroAccent{color:#10dfd0}.cblink-landing .heroLead{margin:0;max-width:570px;font-size:18px;line-height:1.55;color:#ffffffe0}.cblink-landing .heroActions{display:flex;gap:10px;flex-wrap:wrap}.cblink-landing .heroTrial,.cblink-landing .heroGhost{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 21px;text-decoration:none;font-weight:700;font-size:15px}.cblink-landing .heroTrial{color:#fff;background:linear-gradient(90deg,var(--teal),var(--teal-2))}.cblink-landing .heroGhost{color:#dff8ff;background:#04182aa6;border:1px solid rgba(130,211,237,.32)}.cblink-landing .heroChecks{margin:0;padding:0;list-style:none;display:flex;gap:18px;flex-wrap:wrap;color:#c5e6f4;font-size:13px}.cblink-landing .heroChecks li:before{content:"◉";color:#08d6cb;margin-right:6px}.cblink-landing .heroVisual{min-width:0;border-radius:16px;padding:10px;border:1px solid rgba(105,195,228,.25);background:#06283d66}.cblink-landing .compareRoot{position:relative;aspect-ratio:16 / 10;border-radius:13px;overflow:hidden;container-type:inline-size}.cblink-landing .compareBase{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.cblink-landing .compareClip{position:absolute;left:0;top:0;bottom:0;z-index:1;overflow:hidden;box-shadow:4px 0 24px #0003}.cblink-landing .compareBeforeImg{position:absolute;left:0;top:0;height:100%;width:100cqw;max-width:none;object-fit:cover;filter:blur(2.5px) saturate(.75) brightness(.88)}.cblink-landing .compareSpinner{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:landingSpin .9s linear infinite}@keyframes landingSpin{to{transform:rotate(360deg)}}.cblink-landing .compareLabelBefore,.cblink-landing .compareLabelAfter{position:absolute;bottom:12px;z-index:2;max-width:calc(50% - 16px);padding:7px 10px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.2;background:#0a192fd1;color:#fff;pointer-events:none;box-sizing:border-box}.cblink-landing .compareLabelBefore{left:12px}.cblink-landing .compareLabelAfter{right:12px;background:#00bfa5e6}.cblink-landing .compareHandle{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;background:#fffffff2;pointer-events:none;z-index:3}.cblink-landing .compareHandleGrip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;color:#051629;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 4px 20px #00000040}.cblink-landing .compareRangeLabel{position:absolute;top:0;right:0;bottom:0;left:0;cursor:ew-resize;z-index:4}.cblink-landing .compareRange{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.cblink-landing .heroStats{max-width:var(--max);margin:12px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px}.cblink-landing .heroStats li{min-height:66px;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#0a253be6,#061627f5);border:1px solid rgba(91,174,205,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cblink-landing .heroStats strong{color:#f2fcff;font-size:20px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cblink-landing .heroStats span{color:#9ccde2;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cblink-landing .how{max-width:var(--max);margin:14px auto 0;padding:0 22px;box-sizing:border-box;background:transparent}.cblink-landing .sectionTitle{margin:16px 0 18px;text-align:center;font-size:clamp(30px,2.5vw,42px);font-weight:800;color:#0b2a46;white-space:nowrap}.cblink-landing .howGrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cblink-landing .howCard{text-align:center;padding:14px 12px;border-radius:14px;border:1px solid var(--line);box-shadow:0 8px 20px #0c2a4414}.cblink-landing .howIcon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 0 10px;border-radius:12px;background:linear-gradient(180deg,#f2fdff,#dcf6fb);border:1px solid #bce8f1;color:#08a8c3}.cblink-landing .howSvg{width:30px;height:30px}.cblink-landing .howCardTitle{margin:0 0 .45rem;font-size:28px;font-weight:800;color:#08243d;white-space:normal}.cblink-landing .howCardBody{margin:0;font-size:13px;line-height:1.4;color:var(--text-muted);white-space:normal;overflow-wrap:anywhere}.cblink-landing .metricsBanner{max-width:var(--max);margin:18px auto 0;padding:18px 20px;box-sizing:border-box;border-radius:12px;display:grid;grid-template-columns:250px 1fr 1fr;gap:18px;align-items:center;background:linear-gradient(100deg,#031325,#072540 56%,#05192d);color:#effbff;box-shadow:0 12px 28px #05192a42}.cblink-landing .metricsGauge .gaugeWrap{display:flex;justify-content:center}.cblink-landing .metricsGauge .gaugeSvg{width:min(100%,215px);height:auto}.cblink-landing .gaugeSvg text{display:none}.cblink-landing .gaugeNeedle,.cblink-landing .gaugePivot{stroke:#dff8ff;fill:#dff8ff}.cblink-landing .metricsMain{display:flex;flex-direction:column;justify-content:center;min-height:116px}.cblink-landing .metricsMain+.metricsMain{border-left:1px solid rgba(181,214,233,.35);padding-left:18px}.cblink-landing .metricsMain p{margin:0;color:#d9edf9;font-size:22px;font-weight:700}.cblink-landing .metricsMain h3{margin:6px 0 4px;font-size:52px;line-height:1;color:#fff}.cblink-landing .metricsMain h3 span{color:#3affdd;font-size:30px}.cblink-landing .metricsMain small{color:#b3d0e0;font-size:17px;line-height:1.35}.cblink-landing .why{max-width:var(--max);margin:18px auto 0;padding:0 22px;box-sizing:border-box}.cblink-landing .sectionTitleDark{margin:0 0 14px;text-align:center;font-size:clamp(30px,2.5vw,40px);color:#0c2741;white-space:nowrap}.cblink-landing .whyGrid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.cblink-landing .whyCard{border-radius:14px;border:1px solid var(--line);box-shadow:0 8px 20px #0b2d4912;background:#fff;padding:14px 16px;text-align:center}.cblink-landing .whyCard h3{margin:0 0 7px;font-size:22px;color:#083153;white-space:normal;overflow-wrap:anywhere}.cblink-landing .whyCard p{margin:0;line-height:1.4;color:var(--text-muted);font-size:12px;white-space:normal;overflow-wrap:anywhere}.cblink-landing .pricing{max-width:var(--max);margin:20px auto 0;padding:0 22px;box-sizing:border-box}.cblink-landing .pricingInner{border-radius:16px;padding:20px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;color:#edfdff;background:linear-gradient(110deg,#02b7b6,#07a8bd 56%,#0a94bb)}.cblink-landing .pricingTitle{margin:0 0 8px;font-size:clamp(30px,2.6vw,42px);line-height:1.1}.cblink-landing .pricingBody{margin:0 0 8px;color:#dcffff;font-size:15px}.cblink-landing .pricingChecks{color:#d9ffff}.cblink-landing .pricingCta{text-decoration:none;color:#057d90;background:#fff;border-radius:999px;padding:12px 23px;font-size:16px;font-weight:700}.cblink-landing .install{width:100%;box-sizing:border-box;margin:16px 0 0;padding:18px 22px 26px;background:linear-gradient(180deg,#f7fcff,#fff);border-top:1px solid rgba(0,180,216,.15)}.cblink-landing .installTitle{margin:0 0 .4rem;text-align:center;font-size:1.1rem;font-weight:800;color:var(--text-main)}.cblink-landing .installLead{margin:0 auto 1rem;max-width:28rem;text-align:center;color:var(--text-muted);font-size:.82rem;line-height:1.5}.cblink-landing .installForm{width:100%;max-width:min(640px,100%);min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:8px}.cblink-landing .installLabel{display:block;font-size:.98rem;color:var(--text-main);font-weight:700}.cblink-landing .installRow{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:10px;align-items:center}.cblink-landing .installHint{margin:0;color:var(--text-muted);font-size:.86rem}.cblink-landing .installInput{height:46px;width:100%;padding:0 14px;border-radius:10px;border:1px solid rgba(10,25,47,.2);background:#fff;color:var(--text-main);font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.cblink-landing .installInput:focus{outline:none;border-color:var(--teal-2);box-shadow:0 0 0 3px #00bfa538}.cblink-landing .installButton{height:46px;width:108px;padding:0 14px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--teal-2));color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;justify-self:end}.cblink-landing .footer{background:#061a2f;color:#ffffffd9;width:100%;padding:16px 22px;margin:0}.cblink-landing .footerInner{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem}.cblink-landing .footerLinks{display:flex;flex-wrap:wrap;gap:.9rem}.cblink-landing .footerLink{color:#ffffffc7;font-size:.78rem;text-decoration:none}.cblink-landing .footerLink:hover{color:var(--teal-2)}.cblink-landing .footerSocial{display:flex;gap:1rem}.cblink-landing .socialLink{display:flex;color:#ffffffd9}.cblink-landing .socialLink:hover{color:var(--teal-2)}.cblink-landing .socialLink svg{width:1.35rem;height:1.35rem}@media only screen and (max-width:1100px){.cblink-landing .heroInner{grid-template-columns:1fr}.cblink-landing .heroStats{grid-template-columns:repeat(3,1fr)}.cblink-landing .metricsBanner{grid-template-columns:1fr}.cblink-landing .whyGrid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.cblink-landing .heroShell{padding:0}.cblink-landing .header{padding:0 14px}.cblink-landing .hero{padding:14px 14px 16px}.cblink-landing .how,.cblink-landing .why,.cblink-landing .pricing{padding-left:14px;padding-right:14px}.cblink-landing .install{padding:18px 14px 24px}.cblink-landing .nav{min-height:52px;flex-wrap:nowrap;justify-content:space-between;padding:0;gap:8px}.cblink-landing .navLinks{width:auto;gap:12px}.cblink-landing .navLink{font-size:13px}.cblink-landing .navCta{padding:6px 12px;font-size:13px}.cblink-landing .brand{font-size:18px}.cblink-landing .brandMark{width:24px;height:24px;font-size:13px}.cblink-landing .heroInner{grid-template-columns:1fr;gap:16px}.cblink-landing .heroCopy{gap:10px}.cblink-landing .heroTitle{font-size:clamp(28px,8vw,38px);white-space:normal;line-height:1.18}.cblink-landing .heroLead{font-size:14px;line-height:1.55}.cblink-landing .heroActions{gap:8px}.cblink-landing .heroTrial,.cblink-landing .heroGhost{flex:0 0 auto;padding:8px 14px;font-size:13px;min-height:36px;line-height:1.1}.cblink-landing .heroChecks{gap:8px 14px;font-size:12px}.cblink-landing .heroVisual{padding:6px}.cblink-landing .compareLabelBefore,.cblink-landing .compareLabelAfter{font-size:11px;padding:5px 8px;bottom:8px}.cblink-landing .compareLabelBefore{left:8px}.cblink-landing .compareLabelAfter{right:8px}.cblink-landing .heroStats{grid-template-columns:repeat(2,1fr);gap:8px}.cblink-landing .heroStats li{min-height:56px;padding:8px 10px}.cblink-landing .heroStats strong{font-size:16px;white-space:normal}.cblink-landing .heroStats span{font-size:11px;white-space:normal}.cblink-landing .sectionTitle,.cblink-landing .sectionTitleDark{font-size:clamp(22px,6.8vw,28px);margin:16px 0 14px}.cblink-landing .howGrid,.cblink-landing .whyGrid{grid-template-columns:1fr;gap:10px}.cblink-landing .howCard,.cblink-landing .whyCard{padding:14px 16px}.cblink-landing .howCardTitle{font-size:20px;white-space:normal}.cblink-landing .howCardBody{font-size:13px;white-space:normal;overflow:visible;text-overflow:clip}.cblink-landing .whyCard h3{font-size:18px;white-space:normal;overflow:visible;text-overflow:clip}.cblink-landing .whyCard p{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip}.cblink-landing .metricsBanner{margin:16px 14px 0;padding:16px 14px;gap:12px}.cblink-landing .metricsGauge .gaugeSvg{width:min(100%,220px)}.cblink-landing .metricsMain p{font-size:15px}.cblink-landing .metricsMain h3{font-size:36px;margin:4px 0}.cblink-landing .metricsMain h3 span{font-size:22px}.cblink-landing .metricsMain small{font-size:12px}.cblink-landing .metricsMain+.metricsMain{border-left:0;border-top:1px solid rgba(181,214,233,.35);padding-left:0;padding-top:10px}.cblink-landing .pricingInner{grid-template-columns:1fr;padding:18px 14px;text-align:center}.cblink-landing .pricingChecks{justify-content:center}.cblink-landing .pricingTitle{font-size:clamp(22px,6vw,30px)}.cblink-landing .pricingBody{font-size:13px}.cblink-landing .pricingCta{padding:10px 20px;font-size:14px;justify-self:center}.cblink-landing .installTitle{font-size:1.05rem}.cblink-landing .installLead{font-size:.8rem}.cblink-landing .installRow{grid-template-columns:1fr;gap:8px;overflow:hidden}.cblink-landing .installInput{min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.cblink-landing .installHint{word-break:break-all;overflow-wrap:break-word}.cblink-landing .installButton{width:100%;height:44px;min-width:0}.cblink-landing .footer{padding:14px}.cblink-landing .footerInner{flex-direction:column;align-items:flex-start;gap:10px}.cblink-landing .footerLinks{gap:12px}}@media only screen and (max-width:480px){.cblink-landing .navLinks{gap:10px}.cblink-landing .navLink{display:none}.cblink-landing .heroActions{flex-direction:row;flex-wrap:wrap}.cblink-landing .heroTrial,.cblink-landing .heroGhost{flex:0 0 auto;width:auto;padding:7px 13px;font-size:12.5px;min-height:34px}.cblink-landing .heroStats{grid-template-columns:1fr 1fr}}