.cl-home{--cl-navy:#0b1935;--cl-blue:#1655aa;--cl-line:#d9e2f0;max-width:1320px;margin:0 auto;padding:clamp(12px,3vw,38px);color:#142747}
.cl-home a:focus-visible{outline:3px solid #2683ff;outline-offset:3px}
.cl-home .cl-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:24px;padding:clamp(22px,5vw,70px);border-radius:22px;background:radial-gradient(ellipse at 90% 12%,#234d86,transparent 66%),var(--cl-navy);color:#f4f8ff}
.cl-home .cl-hero h1{margin:8px 0 16px;color:inherit;font-size:clamp(27px,5vw,56px);line-height:1.17;font-weight:750}
.cl-home .cl-hero p{max-width:54ch;color:#dbe9ff}
.cl-home .cl-kicker{margin:0;font-weight:700;letter-spacing:.16em}
.cl-home .cl-actions,.cl-home .cl-section-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cl-home .cl-section-title{justify-content:space-between;margin-bottom:15px}
.cl-home .cl-section-title h2{margin-bottom:0}
.cl-home .cl-button{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid #a5ceff;border-radius:10px;background:#a5ceff;color:#10213e;font-weight:700}
.cl-home .cl-button:hover{background:#dcecff;color:#10213e}
.cl-home .cl-outline{background:transparent;color:#f4f8ff}
.cl-home .cl-circuit{display:grid;min-height:220px;place-items:center;border:1px solid #a0caff58;border-radius:15px;background:repeating-linear-gradient(125deg,transparent 0 36px,#a4cbff22 37px 38px,transparent 39px 52px)}
.cl-home .cl-circuit>span{font-size:clamp(27px,5vw,66px);line-height:.95;font-weight:850;letter-spacing:.07em}
.cl-home .cl-dot{color:#8dc2ff}
.cl-home .cl-section{margin-top:clamp(23px,4vw,49px)}
.cl-home .cl-section h2{font-size:clamp(21px,3vw,32px);line-height:1.25;color:inherit}
.cl-home .cl-grid,.cl-home .cl-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.6vw,20px)}
.cl-home .cl-service-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.cl-home .cl-tile,.cl-home .cl-product{border:1px solid var(--cl-line);border-radius:13px;background:#fff;padding:clamp(10px,2vw,20px);color:inherit}
.cl-home .cl-tile{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:58px;font-weight:650;overflow-wrap:anywhere}
.cl-home .cl-tile:hover,.cl-home .cl-section-title a,.cl-home .cl-price{color:var(--cl-blue)}
.cl-home .cl-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.cl-home .cl-product h3{margin:10px 0;font-size:clamp(14px,1.6vw,18px);line-height:1.4;overflow-wrap:anywhere}
.cl-home .cl-price{font-weight:750}
@media(max-width:720px){.cl-home .cl-hero{grid-template-columns:1fr}.cl-home .cl-circuit{display:none}.cl-home .cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}