/* CoreLink Platform - professional public landing */
.cl-page {
    --ink: #0c1726;
    --muted: #617086;
    --line: #e4eaf1;
    --soft: #f5f8fc;
    --blue: #1e6bff;
    --blue-dark: #0b3ea8;
    --green: #20a36a;
    --purple: #7558e8;
    --orange: #ed8b32;
    color: var(--ink);
    background: #fff;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    overflow: hidden;
}
.cl-page * { box-sizing: border-box; }
.cl-page a { text-decoration: none; color: inherit; }
.cl-header {
    max-width: 1240px;
    margin: 0 auto;
    height: 78px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.cl-brand { display:flex; align-items:center; gap:11px; }
.cl-logo {
    width: 38px; height:38px; border-radius: 11px;
    display:grid; place-items:center;
    color:#fff; font-weight:900; font-size:20px;
    background: linear-gradient(135deg,#174dca,#39a1ff);
    box-shadow: 0 9px 22px rgba(30,107,255,.22);
}
.cl-logo.small { width:30px;height:30px;border-radius:9px;font-size:15px; }
.cl-brand strong { display:block;font-size:17px;letter-spacing:-.3px; }
.cl-brand small { display:block;color:#8390a2;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:1px; }
.cl-nav { display:flex; gap:32px; color:#5d6c80; font-size:14px; font-weight:600; }
.cl-nav a:hover { color:var(--blue); }
.cl-header-contact {
    border:1px solid #d9e1eb; border-radius:10px; padding:10px 16px;
    font-size:13px; font-weight:700; background:#fff;
}
.cl-header-contact:hover { border-color:var(--blue); color:var(--blue); }

.cl-hero {
    max-width:1240px; margin:0 auto; min-height:590px;
    padding:72px 28px 82px; display:grid; grid-template-columns: 1fr 1fr;
    gap:60px; align-items:center;
}
.cl-kicker,.cl-label { color:var(--blue); text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:1.8px; }
.cl-kicker { display:flex;align-items:center;gap:9px;margin-bottom:19px; }
.cl-kicker span { width:25px;height:2px;background:var(--blue); }
.cl-hero h1 { font-size:clamp(44px,5vw,70px);line-height:.99;letter-spacing:-3.6px;margin:0 0 25px;font-weight:850; }
.cl-hero h1 em,.cl-section-head h2 span,.cl-about h2 span,.cl-contact h2 span { color:var(--blue);font-style:normal; }
.cl-lead { color:var(--muted);font-size:18px;line-height:1.65;max-width:560px;margin:0 0 30px; }
.cl-hero-actions { display:flex;gap:12px;align-items:center; }
.cl-btn { padding:13px 19px;border-radius:10px;font-size:14px;font-weight:800;transition:.2s; }
.cl-btn-primary { color:#fff!important;background:var(--blue);box-shadow:0 10px 25px rgba(30,107,255,.22); }
.cl-btn-primary:hover { transform:translateY(-2px);background:#1558d6; }
.cl-btn-primary span { margin-left:10px;font-size:18px; }
.cl-btn-secondary { border:1px solid #dce4ed;color:#405067!important;background:#fff; }
.cl-btn-secondary:hover { border-color:var(--blue);color:var(--blue)!important; }
.cl-proof { display:flex;gap:22px;margin-top:42px;padding-top:20px;border-top:1px solid var(--line); }
.cl-proof div { display:flex;flex-direction:column;gap:5px; }
.cl-proof b { color:#a1adbb;font-size:9px;letter-spacing:1px; }
.cl-proof span { font-size:11px;font-weight:700;color:#526176; }

.cl-visual { min-height:430px;position:relative;display:grid;place-items:center; }
.cl-orbit { position:absolute;border:1px solid #dfe7f1;border-radius:50%; }
.cl-orbit-one { width:360px;height:360px; }
.cl-orbit-two { width:520px;height:280px;transform:rotate(-25deg); }
.cl-core { width:152px;height:152px;border-radius:50%;background:#0e1d31;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 55px rgba(12,23,38,.22);z-index:2; }
.cl-core-mark { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#216cff,#5ab6ff);font-weight:900;font-size:18px;margin-bottom:8px; }
.cl-core strong { font-size:12px;letter-spacing:2px; }
.cl-core small { font-size:7px;letter-spacing:2px;color:#9cadc1;margin-top:3px; }
.cl-node { position:absolute;z-index:3;background:#fff;border:1px solid #e2e9f1;border-radius:13px;padding:11px 13px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 35px rgba(28,50,78,.09);min-width:190px; }
.cl-node b { display:block;font-size:11px; }
.cl-node small { display:block;color:#8794a5;font-size:9px;margin-top:3px; }
.node-icon { width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900; }
.cl-node-m365 { top:8px;right:25px; } .cl-node-m365 .node-icon{background:#3c78e8;}
.cl-node-win { left:0;top:190px; } .cl-node-win .node-icon{background:#20a36a;}
.cl-node-vm { right:5px;bottom:47px; } .cl-node-vm .node-icon{background:#7558e8;}
.cl-node-backup { left:28px;bottom:30px; } .cl-node-backup .node-icon{background:#ed8b32;}
.cl-status { position:absolute;bottom:-7px;right:92px;border:1px solid #dfe7ef;background:#fff;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:700;color:#59697e;box-shadow:0 8px 20px rgba(20,40,70,.06); }
.cl-status i { display:inline-block;width:7px;height:7px;border-radius:50%;background:#20b979;margin-right:6px; }

.cl-services { background:var(--soft);padding:88px max(28px,calc((100vw - 1184px)/2)) 95px; }
.cl-section-head { display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px; }
.cl-section-head h2,.cl-about h2,.cl-contact h2 { font-size:40px;line-height:1.1;letter-spacing:-1.8px;margin:12px 0 0; }
.cl-section-head p { max-width:360px;color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 2px; }
.cl-service-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:15px; }
.cl-service { background:#fff;border:1px solid #e5ebf2;border-radius:16px;padding:23px;min-height:275px;position:relative;transition:.2s; }
.cl-service:hover { transform:translateY(-5px);box-shadow:0 20px 45px rgba(30,50,80,.09); }
.cl-service-top { display:flex;justify-content:space-between;align-items:center;color:#a4afbd;font-size:10px;font-weight:800;letter-spacing:1px; }
.cl-service-icon { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px; }
.cl-service-blue .cl-service-icon{background:#3d7df1}.cl-service-green .cl-service-icon{background:#20a36a}.cl-service-purple .cl-service-icon{background:#7558e8}.cl-service-orange .cl-service-icon{background:#ed8b32}
.cl-service h3 { font-size:21px;margin:22px 0 9px;letter-spacing:-.7px; }
.cl-service p { color:var(--muted);font-size:12px;line-height:1.6;min-height:58px; }
.cl-tags { display:flex;flex-wrap:wrap;gap:6px;margin-top:17px; }
.cl-tags span { font-size:9px;font-weight:700;color:#647288;background:#f1f4f8;border-radius:5px;padding:5px 7px; }

.cl-about { max-width:1240px;margin:0 auto;padding:100px 28px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.cl-about-graphic { min-height:350px;display:grid;place-items:center;background:radial-gradient(circle at center,#edf5ff 0,#fff 63%);border-radius:28px; }
.cl-mini-window { width:min(460px,90%);background:#0d1c30;border-radius:15px;box-shadow:0 25px 55px rgba(11,28,48,.18);overflow:hidden;color:#fff; }
.mini-top { height:43px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid #203149;color:#7f90a7;font-size:8px;letter-spacing:1px; }
.mini-top span { width:6px;height:6px;border-radius:50%;background:#4d6078; }.mini-top b{margin-left:10px;font-size:8px;}
.mini-bars { padding:27px 24px 18px;display:grid;gap:21px; }
.mini-bars div { display:grid;grid-template-columns:100px 1fr 30px;align-items:center;gap:10px;font-size:9px;color:#aebdce; }
.mini-bars i { height:7px;border-radius:20px;background:#20344d;overflow:hidden; }
.mini-bars i b { display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#2c7cff,#62b8ff); }
.mini-bars strong { font-size:9px;color:#eaf2ff;text-align:right; }
.mini-footer { padding:12px 20px;background:#0a1728;display:flex;justify-content:space-between;font-size:8px;color:#73859d; }
.mini-footer span:first-child { color:#68c99b; }
.cl-about-copy > p { color:var(--muted);line-height:1.75;font-size:14px;max-width:520px;margin:22px 0 28px; }
.cl-benefits { display:grid;gap:14px; }
.cl-benefits > div { display:flex;gap:12px;align-items:flex-start; }
.cl-benefits > div > span { width:24px;height:24px;border-radius:7px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:900; }
.cl-benefits b,.cl-benefits small { display:block; }.cl-benefits b{font-size:12px}.cl-benefits small{color:#8491a2;font-size:11px;margin-top:3px; }

.cl-contact { max-width:1184px;margin:0 auto 80px;padding:58px 65px;border-radius:22px;background:#0d1c30;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden; }
.cl-contact:after { content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(102,166,255,.16);border-radius:50%;right:-100px;top:-150px;box-shadow:0 0 0 45px rgba(102,166,255,.035),0 0 0 90px rgba(102,166,255,.02); }
.cl-contact .cl-label { color:#67a8ff; }.cl-contact h2{margin-bottom:12px}.cl-contact p{color:#9dafc4;max-width:500px;line-height:1.6;font-size:13px;position:relative;z-index:1;}
.cl-contact-card { position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:14px;padding:19px 24px;display:flex;align-items:center;gap:14px;min-width:250px;box-shadow:0 15px 35px rgba(0,0,0,.15); }
.contact-icon { width:38px;height:38px;border-radius:10px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:17px; }
.cl-contact-card small,.cl-contact-card strong{display:block}.cl-contact-card small{color:#7e8b9b;font-size:9px;text-transform:uppercase;letter-spacing:1px}.cl-contact-card strong{font-size:18px;margin-top:4px;letter-spacing:.2px;}
.cl-footer { border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8793a3;font-size:9px; }
.cl-footer > div{display:flex;align-items:center;gap:9px;color:#46556a;font-size:11px; }

@media (max-width: 1000px) {
    .cl-hero{grid-template-columns:1fr;gap:25px}.cl-visual{min-height:420px}
    .cl-service-grid{grid-template-columns:repeat(2,1fr)}
    .cl-about{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 700px) {
    .cl-header{height:auto;padding:18px 20px}.cl-nav{display:none}.cl-header-contact{padding:8px 10px;font-size:11px}
    .cl-hero{padding:55px 20px 70px}.cl-hero h1{letter-spacing:-2.4px}.cl-lead{font-size:16px}
    .cl-proof{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cl-hero-actions{flex-wrap:wrap}
    .cl-node{transform:scale(.84)}.cl-node-m365{right:-18px}.cl-node-win{left:-18px}.cl-node-vm{right:-18px}.cl-node-backup{left:-10px}
    .cl-orbit-one{width:310px;height:310px}.cl-orbit-two{width:390px;height:250px}
    .cl-services{padding:65px 20px}.cl-section-head{display:block}.cl-section-head p{margin-top:18px}.cl-section-head h2,.cl-about h2,.cl-contact h2{font-size:31px}
    .cl-service-grid{grid-template-columns:1fr}.cl-about{padding:70px 20px}.cl-mini-window{width:100%}
    .cl-contact{margin:0 20px 55px;padding:40px 25px;display:block}.cl-contact-card{margin-top:25px;min-width:0}
    .cl-footer{padding:22px 20px;display:block}.cl-footer>span{display:block;margin-top:8px}
}