.cb2-page { background:#f6f8fb; }
.cb2-page section { overflow:hidden; }
.cb2-page h2 { max-width:820px; }
.cb2-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.cb2-header-actions .button{white-space:nowrap}.cb2-login-action{background:#fff;color:#17395f;border-color:#aebfd3}
.cb2-language-switcher{display:flex;align-items:center;gap:3px;flex:0 0 auto;padding:3px;border:1px solid #cad7e6;border-radius:10px;background:#f5f8fc}.cb2-language-switcher a{display:grid;place-items:center;min-width:30px;min-height:30px;padding:4px;border-radius:7px;color:#43536a;font-size:10px;font-weight:900;letter-spacing:.04em;text-decoration:none}.cb2-language-switcher a:hover,.cb2-language-switcher a:focus-visible{background:#dbeafe;color:#1559b7}.cb2-language-switcher a[aria-current="page"]{background:#176fe7;color:#fff}
.cb2-hero { padding:72px 0 82px; background:radial-gradient(circle at 88% 12%,rgba(34,165,229,.18),transparent 31%),linear-gradient(135deg,#f9fcff,#eaf3ff); }
.cb2-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(550px,1.1fr); gap:62px; align-items:center; }
.cb2-hero h1 { max-width:740px; margin:0; font-size:clamp(43px,5.1vw,70px); line-height:.98; letter-spacing:-.05em; }
.cb2-hero h1 em { color:#176fe7; font-style:normal; }
.cb2-product-view { position:relative; min-height:560px; margin:0; padding:0 30px 62px 0; }
.cb2-real-shot{overflow:hidden;border:1px solid #cbd8e8;background:#fff;box-shadow:0 26px 62px rgba(29,65,112,.17)}.cb2-real-shot > span{display:block;padding:11px 15px;border-bottom:1px solid #dce4ee;background:#f6f8fb;color:#55657a;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.cb2-real-shot img{display:block;width:100%;object-fit:cover;object-position:left top}
.cb2-central-shot{border-radius:22px}.cb2-central-shot img{height:450px}
.cb2-mobile-shot{position:absolute;right:0;bottom:30px;width:218px;border:8px solid #13243a;border-radius:28px;box-shadow:0 24px 40px rgba(20,42,70,.34)}.cb2-mobile-shot > span{background:#13243a;color:#dce9f9;text-align:center}.cb2-mobile-shot img{height:405px}
.cb2-product-view figcaption,.cb2-field-preview figcaption,.cb2-map figcaption { padding:11px 15px; border-top:1px solid #e1e7ef; background:#fff; color:#6c7888; font-size:11px; }
.cb2-product-view > figcaption { position:absolute; left:0; right:28px; bottom:0; border:1px solid #cbd8e8; border-radius:0 0 18px 18px; }

.cb2-separation { background:#fff; }
.cb2-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.55fr); gap:55px; align-items:end; margin-bottom:38px; }
.cb2-heading h2 { margin-bottom:0; }.cb2-heading > p { margin:0; color:#667386; font-size:17px; }
.cb2-surface-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.cb2-surface-card { position:relative; min-height:490px; padding:34px; border:1px solid #cad9eb; border-radius:24px; background:#f7fbff; box-shadow:0 18px 44px rgba(31,70,120,.09); }
.cb2-surface-card.mobile { background:#f1fbf8; border-color:#bfe3d8; }
.cb2-surface-icon { display:grid; place-items:center; width:56px; height:56px; margin:48px 0 25px; border-radius:16px; background:#2678eb; color:#fff; font-size:30px; }.cb2-surface-card.mobile .cb2-surface-icon { background:#188c70; }
.cb2-surface-card h3 { margin:0 0 8px; font-size:29px; }.cb2-surface-card > p { color:#667386; }.cb2-surface-card ul { display:grid; gap:10px; padding:0; list-style:none; color:#4c596b; }.cb2-surface-card li::before,.cb2-checks li::before { content:"✓"; margin-right:8px; color:#168d70; font-weight:900; }
.cb2-status { display:inline-flex; width:max-content; padding:6px 9px; border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.cb2-status.available { background:#dcfce7; color:#126f42; }

.cb2-complement { background:linear-gradient(135deg,#102a49,#183f68); color:#fff; }
.cb2-complement .section-kicker,.cb2-complement .cb2-heading > p { color:#b9d4f7; }
.cb2-complement .cb2-heading h2 { color:#fff; }
.cb2-complement-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.cb2-complement-grid article { min-height:230px; padding:26px; border:1px solid rgba(189,215,247,.28); border-radius:18px; background:rgba(255,255,255,.06); }
.cb2-complement-grid article.cb2-bridge { border-color:#62a7ff; background:linear-gradient(145deg,rgba(38,120,235,.44),rgba(25,95,181,.28)); box-shadow:0 18px 38px rgba(0,0,0,.16); }
.cb2-complement-grid span { color:#8fc0ff; font-size:10px; font-weight:900; letter-spacing:.12em; }
.cb2-complement-grid h3 { margin:26px 0 8px; color:#fff; font-size:21px; }
.cb2-complement-grid p { margin:0; color:#d4e3f5; font-size:13px; line-height:1.55; }
.cb2-complement-note { margin:18px 0 0; padding:16px 19px; border-left:4px solid #65d6ad; border-radius:10px; background:rgba(255,255,255,.09); color:#dbeafd; }

.cb2-clients { padding:92px 0; background:#f7faff; }
.cb2-client-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.cb2-client-grid article { min-height:210px; padding:24px; border:1px solid #dce7f8; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(16,49,91,.07); }
.cb2-client-grid h3 { margin:0 0 12px; color:#102d59; font-size:1.13rem; }
.cb2-client-grid p,.cb2-client-note { margin:0; color:#4c6182; line-height:1.62; }
.cb2-client-note { max-width:920px; margin:28px auto 0; text-align:center; font-weight:600; }

.cb2-flow { background:#edf5ff; }
.cb2-flow-track { position:relative; display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:0; padding:0; list-style:none; }
.cb2-flow-track::before { content:""; position:absolute; left:6%; right:6%; top:28px; height:2px; background:#bed7f8; }
.cb2-flow-track li { position:relative; z-index:1; display:grid; justify-items:center; gap:7px; text-align:center; }
.cb2-flow-track span { display:grid; place-items:center; width:56px; height:56px; border:5px solid #edf5ff; border-radius:50%; background:#2678eb; color:#fff; font-size:10px; font-weight:900; box-shadow:0 0 0 1px #aacbf7; }
.cb2-flow-track b{margin-top:5px}.cb2-flow-track small{color:#68778a;font-size:11px;line-height:1.45}
.cb2-flow-note { display:flex; gap:18px; align-items:center; margin-top:35px; padding:16px 20px; border-left:4px solid #2678eb; border-radius:10px; background:#fff; color:#526173; font-size:12px; }.cb2-flow-note b{color:#1e2d40;white-space:nowrap}

.cb2-field { background:#fff; }
.cb2-feature-grid,.cb2-supervision-grid { display:grid; grid-template-columns:minmax(310px,.82fr) minmax(560px,1.18fr); gap:65px; align-items:center; }
.cb2-intro { color:#667386; font-size:18px; }
.cb2-mini-cards { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:28px; }.cb2-mini-cards article{display:grid;gap:4px;padding:15px;border:1px solid #d5dfeb;border-radius:12px;background:#f8fafc}.cb2-mini-cards b{font-size:13px}.cb2-mini-cards span{color:#6c7888;font-size:11px}
.cb2-field-preview { margin:0; overflow:hidden; border:1px solid #cbd8e8; border-radius:22px; background:#f7f9fc; box-shadow:0 20px 52px rgba(31,70,120,.14); }
.cb2-real-mobile-preview{max-width:430px;margin-inline:auto}.cb2-real-mobile-preview > header{display:flex;justify-content:space-between;gap:12px;padding:14px 17px;background:#102a49;color:#fff;font-size:11px}.cb2-real-mobile-preview > header span{color:#87e9c4}.cb2-real-mobile-preview > div{max-height:675px;overflow:hidden;background:#eef3f9}.cb2-real-mobile-preview img{display:block;width:100%;height:auto}

.cb2-central { background:#f2f7fd; }
.cb2-capability-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cb2-capability-grid article{min-height:210px;padding:24px;border:1px solid #cfddec;border-top:3px solid #2678eb;border-radius:17px;background:#fff}.cb2-capability-grid span{color:#176fe7;font-size:10px;font-weight:900}.cb2-capability-grid h3{margin:30px 0 8px;font-size:20px}.cb2-capability-grid p{margin:0;color:#667386;font-size:13px}
.cb2-caution{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-top:18px;padding:18px 20px;border-left:4px solid #f0a310;border-radius:10px;background:#fff8e8;color:#755317}.cb2-caution p{margin:0;font-size:12px}.cb2-caution b{color:#593d08;white-space:nowrap}

.cb2-supervision { background:#fff; }
.cb2-checks { display:grid;gap:9px;padding:0;list-style:none;color:#4f5d70}.cb2-sensitive{margin-top:22px;padding:14px;border-left:4px solid #f0a310;background:#fff8e8;color:#765313;font-size:12px}
.cb2-metrics { display:grid; gap:7px; margin-top:22px; padding:18px; border:1px solid #bcd6f6; border-radius:14px; background:#eef6ff; color:#29476e; }
.cb2-metrics strong { color:#123d75; font-size:15px; }
.cb2-metrics p { margin:0; line-height:1.55; }
.cb2-metrics small { color:#5c6f88; line-height:1.45; }
.cb2-map { margin:0;overflow:hidden;border:1px solid #cbd8e8;border-radius:22px;background:#fff;box-shadow:0 20px 52px rgba(31,70,120,.14)}.cb2-map > header{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #dbe3ed;background:#f6f8fb;font-size:12px}.cb2-map > header span{color:#168d70;font-size:10px}
.cb2-map-body{display:grid;grid-template-columns:155px 1fr;min-height:420px}.cb2-map-body aside{display:grid;align-content:start;gap:8px;padding:15px;border-right:1px solid #dbe3ed}.cb2-map-body label{display:flex;justify-content:space-between;padding:11px;border-radius:9px;background:#edf5ff;color:#596779;font-size:9px}.cb2-map-body label b{color:#176fe7;font-size:17px}.cb2-map-body label.alert{background:#fff0ef}.cb2-map-body label.alert b{color:#d43131}
.cb2-map-canvas{position:relative;min-height:420px;overflow:hidden;background:#e8f1f1}.cb2-map-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:25px;color:#5f7084;text-align:center}.cb2-map-canvas .leaflet-control-attribution{font-size:9px}.cb2-map-canvas .leaflet-popup-content{font-size:12px;line-height:1.45}.cb2-map-canvas .leaflet-popup-content strong{display:block;color:#143e72}.cb2-map-canvas .leaflet-popup-content small{display:block;margin-top:3px;color:#68778a}.cb2-map-canvas.is-ready .cb2-map-fallback{display:none}

.cb2-install { background:#edf5ff; }
.cb2-install-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none}.cb2-install-steps li{display:grid;align-content:start;gap:8px;min-height:225px;padding:20px;border:1px solid #c8daf0;border-radius:17px;background:#fff}.cb2-install-steps span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:12px;background:#2678eb;color:#fff;font-size:12px;font-weight:900}.cb2-install-steps b{font-size:15px}.cb2-install-steps small{color:#667386;font-size:11px}
.cb2-install-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.cb2-install-notes article{padding:18px;border:1px solid #d2deeb;border-radius:14px;background:#f9fbfd}.cb2-install-notes b{font-size:13px}.cb2-install-notes p{margin:6px 0 0;color:#667386;font-size:11px}
.cb2-cta{text-align:center;background:linear-gradient(135deg,#102a49,#174878);color:#fff}.cb2-cta h2{margin-inline:auto}.cb2-cta > .shell > p:not(.section-kicker){max-width:720px;margin:20px auto 0;color:#ccdaeb}.cb2-cta .hero-actions{justify-content:center}.cb2-cta .button-ghost{border-color:#7697bc;background:transparent;color:#fff}
.cb2-subscription{background:#f5f7f9}.cb2-pricing{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cb2-pricing article{display:flex;flex-direction:column;padding:30px;border:1px solid #d1dcea;border-radius:20px;background:#fff}.cb2-pricing article.featured{border:2px solid #2678eb;box-shadow:0 20px 45px rgba(38,120,235,.13)}.cb2-pricing article > p{margin:0 0 7px;color:#176fe7;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cb2-pricing h3{margin:0;font-size:24px}.cb2-pricing article > strong{margin-top:22px;font-size:30px}.cb2-pricing strong small{color:#667386;font-size:12px}.cb2-pricing article > span{color:#667386;font-size:12px}.cb2-pricing ul{display:grid;gap:9px;flex:1;padding:0;margin:22px 0;list-style:none;color:#526071}.cb2-pricing li::before{content:"✓";margin-right:8px;color:#168d70;font-weight:900}.cb2-pricing .button{width:100%}.cb2-price-note{margin-top:18px;padding-top:16px;border-top:1px solid #d8e1ec;color:#667386;font-size:12px}
.cb2-page .footer-grid span{color:#667386;font-size:13px}

@media (max-width:1080px){
  .cb2-hero-grid,.cb2-feature-grid,.cb2-supervision-grid{grid-template-columns:1fr}
  .cb2-product-view{max-width:780px}
  .cb2-heading{grid-template-columns:1fr;gap:14px}
  .cb2-flow-track{grid-template-columns:repeat(3,1fr);row-gap:28px}.cb2-flow-track::before{display:none}
  .cb2-capability-grid{grid-template-columns:repeat(2,1fr)}
  .cb2-complement-grid{grid-template-columns:1fr}
  .cb2-client-grid{grid-template-columns:1fr 1fr}
  .cb2-install-steps{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){
  .cb2-hero{padding:48px 0 58px}.cb2-hero h1{font-size:clamp(39px,12.5vw,56px)}
  .cb2-product-view{min-height:735px;padding:0 0 56px}.cb2-product-view > figcaption{right:0}.cb2-central-shot img{height:315px}.cb2-mobile-shot{right:50%;bottom:30px;width:210px;transform:translateX(50%)}
  .cb2-surface-grid,.cb2-capability-grid,.cb2-pricing,.cb2-client-grid{grid-template-columns:1fr}.cb2-surface-card{min-height:auto}.cb2-surface-icon{margin-top:36px}.cb2-complement-grid article{min-height:auto}
  .cb2-flow-track{grid-template-columns:repeat(2,1fr)}.cb2-flow-note{align-items:flex-start;flex-direction:column;gap:5px}
  .cb2-mini-cards{grid-template-columns:1fr}
  .cb2-caution{grid-template-columns:1fr;gap:7px}.cb2-caution b{white-space:normal}
  .cb2-map-body{grid-template-columns:1fr}.cb2-map-body aside{grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid #dbe3ed}.cb2-map-canvas{min-height:390px}
  .cb2-install-steps,.cb2-install-notes{grid-template-columns:1fr}.cb2-install-steps li{min-height:auto}
  .cb2-header-actions{margin-left:0}.cb2-login-action{min-height:44px;padding:9px 12px;font-size:12px}.cb2-language-switcher a{min-width:28px;min-height:44px}
}
@media (max-width:440px){
  .cb2-flow-track{grid-template-columns:1fr}.cb2-surface-card{padding:24px}.cb2-map-body aside{grid-template-columns:1fr}.cb2-heading > p,.cb2-intro{font-size:16px}.cb2-header-actions{display:none}.cb2-language-switcher{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){.cb2-page *{scroll-behavior:auto!important;transition:none!important}}