
:root{--ccl-navy:#071426;--ccl-navy2:#0d2038;--ccl-blue:#1689ff;--ccl-cyan:#54c7ff;--ccl-red:#ef3340;--ccl-text:#0f172a;--ccl-muted:#64748b;--ccl-bg:#f5f8fc}
.ccl-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ccl-text);background:#fff;line-height:1.5;overflow:hidden}.ccl-page *{box-sizing:border-box}.ccl-wrap{width:min(1160px,calc(100% - 36px));margin:auto}.ccl-nav{position:relative;z-index:20;background:var(--ccl-navy);border-bottom:1px solid #ffffff14}.ccl-nav-in{height:76px;display:flex;align-items:center;justify-content:space-between}.ccl-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.ccl-brand img{height:48px;max-width:250px;object-fit:contain}.ccl-brand strong{font-size:21px}.ccl-brand strong b{background:var(--ccl-red);padding:3px 7px;border-radius:7px}.ccl-mark{display:grid;place-items:center;width:42px;height:42px;border:4px solid var(--ccl-red);border-radius:50%;font-weight:900;color:var(--ccl-cyan);font-size:21px}.ccl-nav-cta{background:#fff;color:var(--ccl-navy);font-weight:800;text-decoration:none;padding:11px 17px;border-radius:10px}
.ccl-hero{background:radial-gradient(circle at 78% 30%,#153c65 0,#0b213a 26%,var(--ccl-navy) 62%);color:#fff;padding:82px 0 88px}.ccl-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px}.ccl-kicker,.ccl-section-tag{display:inline-block;font-size:12px;letter-spacing:.14em;font-weight:900;color:var(--ccl-cyan);margin-bottom:15px}.ccl-hero h1{font-size:clamp(42px,5.3vw,70px);line-height:1.01;letter-spacing:-.045em;margin:0;max-width:760px}.ccl-hero h1 em{font-style:normal;color:var(--ccl-cyan)}.ccl-lead{font-size:19px;color:#c8d6e6;max-width:650px;margin:24px 0 30px}.ccl-actions{display:flex;gap:12px;flex-wrap:wrap}.ccl-btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 22px;border-radius:12px;font-weight:900;text-decoration:none;transition:.2s transform,.2s box-shadow}.ccl-btn:hover{transform:translateY(-2px)}.ccl-primary{background:linear-gradient(135deg,#148dff,#0068e5);color:#fff;box-shadow:0 10px 28px #0077ff3d}.ccl-secondary{border:1px solid #ffffff40;background:#ffffff0d;color:#fff}.ccl-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#9fb3c8}.ccl-phone-stage{min-height:560px;display:grid;place-items:center;position:relative}.ccl-glow{position:absolute;width:410px;height:410px;border-radius:50%;background:#1689ff26;filter:blur(18px)}.ccl-phone{position:relative;width:292px;height:585px;padding:10px;background:#030a12;border:2px solid #52667c;border-radius:44px;box-shadow:0 35px 70px #0008;transform:rotate(4deg)}.ccl-notch{position:absolute;z-index:2;top:17px;left:50%;transform:translateX(-50%);width:95px;height:23px;border-radius:20px;background:#02060b}.ccl-screen{height:100%;border-radius:34px;background:#edf3fa;padding:44px 13px 16px;color:#172033}.ccl-app-head{background:#101f35;color:#fff;border-radius:16px;padding:17px;text-align:center}.ccl-app-head small,.ccl-app-head b{display:block}.ccl-app-head b{font-size:17px;margin-top:3px}.ccl-app-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0}.ccl-app-buttons i{font-style:normal;background:#fff;border:1px solid #d9e1eb;padding:10px 4px;border-radius:9px;text-align:center;font-size:11px;font-weight:800}.ccl-app-new{background:#087cf0;color:#fff;text-align:center;padding:11px;border-radius:10px;font-weight:900;font-size:12px}.ccl-app-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.ccl-app-stats span{background:#fff;border-radius:10px;padding:10px;text-align:center;font-size:8px}.ccl-app-stats b{display:block;font-size:20px;color:#087cf0}.ccl-app-card{background:#fff;border-left:4px solid #1689ff;border-radius:10px;padding:11px;margin-top:8px;box-shadow:0 3px 10px #0f172a0d}.ccl-app-card b,.ccl-app-card small,.ccl-app-card strong{display:block}.ccl-app-card small{font-size:10px;color:#64748b}.ccl-app-card strong{font-size:9px;margin-top:6px}
.ccl-problem,.ccl-features,.ccl-flow,.ccl-faq{padding:90px 0}.ccl-problem{background:var(--ccl-bg)}.ccl-center{text-align:center}.ccl-center h2,.ccl-pwa h2,.ccl-offer h2,.ccl-faq h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 auto 14px}.ccl-center>p{color:var(--ccl-muted);font-size:18px}.ccl-problem-grid,.ccl-feature-grid,.ccl-flow-grid{display:grid;gap:16px;margin-top:42px}.ccl-problem-grid{grid-template-columns:repeat(4,1fr)}.ccl-problem-grid article,.ccl-feature-grid article,.ccl-flow-grid article{background:#fff;border:1px solid #e4eaf1;border-radius:18px;padding:25px;box-shadow:0 10px 30px #0f172a08}.ccl-problem-grid article span{font-size:30px}.ccl-problem-grid b,.ccl-problem-grid small{display:block}.ccl-problem-grid b{margin:11px 0 6px}.ccl-problem-grid small,.ccl-feature-grid p,.ccl-flow-grid p{color:var(--ccl-muted)}.ccl-head{max-width:800px;margin:auto}.ccl-feature-grid{grid-template-columns:repeat(3,1fr)}.ccl-feature-grid article>span{font-size:32px}.ccl-feature-grid h3{font-size:19px;margin:13px 0 7px}.ccl-feature-grid p{margin:0}.ccl-flow{background:#08182b;color:#fff}.ccl-flow-grid{grid-template-columns:repeat(4,1fr)}.ccl-flow-grid article{background:#10243c;border-color:#ffffff16;position:relative}.ccl-flow-grid article>b{position:absolute;right:18px;top:14px;color:#ffffff1f;font-size:34px}.ccl-flow-grid article>span{font-size:32px}.ccl-flow-grid h3{margin:13px 0 5px}.ccl-flow-grid p{color:#aebfd1;margin:0}
.ccl-pwa{padding:90px 0;background:linear-gradient(135deg,#eaf5ff,#f7fbff)}.ccl-pwa-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.ccl-pwa p{color:var(--ccl-muted);font-size:18px;max-width:620px}.ccl-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.ccl-pills span{background:#fff;border:1px solid #dbe6f0;border-radius:999px;padding:9px 14px;font-weight:800;font-size:13px}.ccl-mini-phone{display:grid;place-items:center}.ccl-mini-phone>div{width:250px;min-height:420px;background:#0c1b30;border:9px solid #050b13;border-radius:36px;padding:45px 17px 18px;box-shadow:0 25px 50px #0f172a2b}.ccl-mini-phone strong{color:#fff;text-align:center;display:block;margin-bottom:25px}.ccl-mini-phone span{display:block;background:#fff;color:#172033;padding:14px;margin:10px 0;border-radius:11px;font-weight:800}.ccl-offer{background:#fff;padding:90px 0}.ccl-offer-card{max-width:900px;margin:auto;text-align:center;background:radial-gradient(circle at top,#163d66,var(--ccl-navy) 65%);color:#fff;border-radius:30px;padding:58px 45px;box-shadow:0 25px 60px #0f172a26}.ccl-offer-card p{color:#bed0e2;font-size:18px}.ccl-price{font-size:22px;font-weight:900;margin:25px 0}.ccl-big{min-height:58px;font-size:16px}.ccl-offer-card>small{display:block;color:#90a7bd;margin-top:12px}.ccl-faq{background:var(--ccl-bg)}.ccl-faq-wrap{display:grid;grid-template-columns:.65fr 1fr;gap:60px}.ccl-accordions details{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:18px 20px;margin-bottom:10px}.ccl-accordions summary{font-weight:900;cursor:pointer}.ccl-accordions p{color:var(--ccl-muted);margin-bottom:0}.ccl-footer{background:#06111f;color:#fff;padding:30px 0}.ccl-footer .ccl-wrap{display:flex;align-items:center;gap:20px}.ccl-footer span,.ccl-footer small{color:#8297ac}.ccl-footer small{margin-left:auto}
@media(max-width:800px){.ccl-wrap{width:min(100% - 24px,1160px)}.ccl-nav-in{height:66px}.ccl-nav-cta{font-size:12px;padding:9px 11px}.ccl-brand strong{font-size:17px}.ccl-brand img{height:38px;max-width:180px}.ccl-mark{width:36px;height:36px}.ccl-hero{padding:56px 0 64px}.ccl-hero-grid,.ccl-pwa-grid,.ccl-faq-wrap{grid-template-columns:1fr}.ccl-hero-grid{gap:32px}.ccl-hero h1{font-size:43px}.ccl-lead{font-size:17px}.ccl-actions .ccl-btn{width:100%}.ccl-trust{gap:8px 14px}.ccl-phone-stage{min-height:500px}.ccl-phone{width:250px;height:500px}.ccl-problem,.ccl-features,.ccl-flow,.ccl-pwa,.ccl-offer,.ccl-faq{padding:62px 0}.ccl-problem-grid,.ccl-feature-grid{grid-template-columns:1fr 1fr}.ccl-flow-grid{grid-template-columns:1fr 1fr}.ccl-offer-card{padding:40px 22px;border-radius:22px}.ccl-footer .ccl-wrap{display:grid;gap:5px}.ccl-footer small{margin:0}}
@media(max-width:520px){.ccl-hero h1{font-size:38px}.ccl-problem-grid,.ccl-feature-grid,.ccl-flow-grid{grid-template-columns:1fr}.ccl-problem-grid,.ccl-feature-grid,.ccl-flow-grid{margin-top:28px}.ccl-problem-grid article,.ccl-feature-grid article,.ccl-flow-grid article{padding:20px}.ccl-phone-stage{min-height:470px}.ccl-phone{transform:none}.ccl-nav-cta{display:none}.ccl-center h2,.ccl-pwa h2,.ccl-offer h2,.ccl-faq h2{font-size:31px}}
