/* base reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img,svg,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
a{color:inherit}

/* ===== Cilingiro — urgent 7/24, safety yellow + black ===== */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Archivo+Narrow:wght@500;600;700&display=swap");

.cl-root{--cl-yel:#facc15;--cl-yel2:#eab308;--cl-black:#0a0a0a;--cl-black2:#171717;--cl-bg:#fffdf3;--cl-ink:#141414;--cl-mut:#565247;font-family:"Archivo",system-ui,sans-serif;color:var(--cl-ink);background:var(--cl-bg);}
.cl-root h1,.cl-root h2,.cl-root h3,.cl-root h4{font-weight:800;letter-spacing:-.01em;line-height:1.02;}
.cl-root a{color:inherit;text-decoration:none;}
.cl-wrap{max-width:1140px;margin:0 auto;padding:0 26px;}

.cl-topbar{background:var(--cl-black);color:var(--cl-yel);text-align:center;font-family:"Archivo Narrow";font-weight:600;font-size:14px;letter-spacing:.05em;padding:8px 0;}
.cl-header{background:var(--cl-yel);position:sticky;top:0;z-index:50;border-bottom:4px solid var(--cl-black);}
.cl-nav{display:flex;align-items:center;justify-content:space-between;height:70px;}
.cl-logo{font-weight:900;font-size:26px;color:var(--cl-black);letter-spacing:-.02em;}
.cl-logo b{background:var(--cl-black);color:var(--cl-yel);padding:2px 8px;border-radius:6px;}
.cl-menu{display:flex;gap:26px;align-items:center;}
.cl-menu a{font-family:"Archivo Narrow";font-weight:700;font-size:16px;color:var(--cl-black);letter-spacing:.02em;}
.cl-menu a:hover,.cl-menu a.active{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:3px;}
.cl-call{background:var(--cl-black);color:var(--cl-yel)!important;padding:11px 22px;border-radius:8px;font-weight:800;font-size:16px;display:inline-flex;gap:8px;align-items:center;}
.cl-call:hover{transform:scale(1.04);}
.cl-burger{display:none;background:none;border:0;color:var(--cl-black);font-size:26px;}

.cl-hero{background:var(--cl-black);color:#fff;position:relative;overflow:hidden;padding:90px 0 100px;}
.cl-hero::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 28px,rgba(250,204,21,.05) 28px,rgba(250,204,21,.05) 56px);}
.cl-hero-in{position:relative;z-index:2;max-width:760px;}
.cl-pill{display:inline-flex;align-items:center;gap:8px;background:var(--cl-yel);color:var(--cl-black);font-weight:800;padding:7px 16px;border-radius:999px;font-size:14px;letter-spacing:.03em;}
.cl-hero h1{font-size:clamp(44px,7.5vw,86px);font-weight:900;margin:20px 0;}
.cl-hero h1 mark{background:var(--cl-yel);color:var(--cl-black);padding:0 10px;}
.cl-hero p{font-family:"Archivo Narrow";font-size:20px;color:#d4d4d4;max-width:560px;line-height:1.6;font-weight:500;}
.cl-hero-actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;}
.cl-big-call{background:var(--cl-yel);color:var(--cl-black)!important;padding:16px 30px;border-radius:10px;font-weight:900;font-size:20px;display:inline-flex;gap:10px;align-items:center;}
.cl-big-call:hover{background:#fff;}
.cl-out{border:2px solid #3a3a3a;color:#fff!important;padding:15px 26px;border-radius:10px;font-family:"Archivo Narrow";font-weight:700;font-size:18px;}
.cl-out:hover{border-color:var(--cl-yel);}

.cl-trust{display:flex;gap:0;flex-wrap:wrap;border:3px solid var(--cl-black);border-radius:14px;overflow:hidden;margin-top:56px;background:#fff;}
.cl-trust div{flex:1 1 25%;padding:26px;text-align:center;border-right:3px solid var(--cl-black);}
.cl-trust div:last-child{border-right:0;}
.cl-trust b{display:block;font-size:34px;font-weight:900;}
.cl-trust small{font-family:"Archivo Narrow";font-weight:600;color:var(--cl-mut);font-size:14px;text-transform:uppercase;letter-spacing:.04em;}

.cl-sec{padding:90px 0;}
.cl-eye{font-family:"Archivo Narrow";font-weight:700;color:var(--cl-yel2);font-size:16px;letter-spacing:.14em;text-transform:uppercase;}
.cl-h2{font-size:clamp(34px,5vw,58px);font-weight:900;margin:6px 0 14px;}
.cl-lead{font-family:"Archivo Narrow";color:var(--cl-mut);font-size:18px;line-height:1.6;max-width:560px;font-weight:500;}

.cl-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;}
.cl-svc-c{background:#fff;border:3px solid var(--cl-black);border-radius:14px;padding:32px 28px;box-shadow:6px 6px 0 var(--cl-yel);transition:transform .15s,box-shadow .15s;}
.cl-svc-c:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--cl-yel);}
.cl-svc-ic{width:56px;height:56px;background:var(--cl-yel);border:3px solid var(--cl-black);border-radius:12px;display:grid;place-items:center;font-size:28px;margin-bottom:16px;}
.cl-svc-c h3{font-size:23px;font-weight:800;margin-bottom:8px;}
.cl-svc-c p{font-family:"Archivo Narrow";color:var(--cl-mut);line-height:1.6;font-weight:500;}

.cl-steps{background:var(--cl-black);color:#fff;border-radius:20px;padding:60px 48px;margin-top:20px;}
.cl-steps h2{color:#fff;}
.cl-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:40px;}
.cl-step b{display:grid;place-items:center;width:52px;height:52px;background:var(--cl-yel);color:var(--cl-black);border-radius:50%;font-weight:900;font-size:22px;}
.cl-step h4{color:var(--cl-yel);font-size:20px;margin:16px 0 6px;}
.cl-step p{font-family:"Archivo Narrow";color:#bcbcbc;line-height:1.5;font-weight:500;}

.cl-cta-band{background:var(--cl-yel);border-top:4px solid var(--cl-black);border-bottom:4px solid var(--cl-black);text-align:center;padding:70px 26px;}
.cl-cta-band h2{font-size:clamp(32px,5vw,56px);font-weight:900;color:var(--cl-black);}
.cl-cta-band p{font-family:"Archivo Narrow";font-weight:600;font-size:19px;margin:10px 0 24px;}

.cl-footer{background:var(--cl-black);color:#a3a3a3;padding:64px 0 26px;}
.cl-fg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;}
.cl-footer h4{color:var(--cl-yel);font-size:20px;margin-bottom:14px;}
.cl-footer a{display:block;padding:5px 0;font-family:"Archivo Narrow";font-weight:500;}
.cl-footer a:hover{color:var(--cl-yel);}
.cl-fb{border-top:1px solid #2c2c2c;margin-top:38px;padding-top:22px;font-family:"Archivo Narrow";font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

.cl-phead{background:var(--cl-black);color:#fff;padding:64px 0;border-bottom:4px solid var(--cl-yel);}
.cl-phead h1{font-size:clamp(40px,6vw,74px);font-weight:900;}
.cl-phead h1 mark{background:var(--cl-yel);color:var(--cl-black);padding:0 8px;}
.cl-phead p{font-family:"Archivo Narrow";color:#d4d4d4;margin-top:8px;font-weight:500;}
.cl-prose{max-width:800px;font-family:"Archivo Narrow";line-height:1.9;color:#2f2f2f;font-size:18px;font-weight:500;}
.cl-prose h2{font-family:"Archivo";font-size:30px;font-weight:800;margin:30px 0 12px;}
.cl-prose ul{padding-left:20px;}.cl-prose li{margin-bottom:10px;}

.cl-form{display:grid;gap:16px;max-width:520px;}
.cl-form label{font-family:"Archivo Narrow";font-weight:700;font-size:15px;display:block;margin-bottom:6px;}
.cl-form input,.cl-form textarea{width:100%;border:3px solid var(--cl-black);border-radius:10px;background:#fff;padding:12px 14px;font:inherit;font-size:16px;}
.cl-form input:focus,.cl-form textarea:focus{outline:none;border-color:var(--cl-yel2);}
.cl-erx{color:#b91c1c;font-size:13px;margin-top:4px;}
.cl-okx{background:#fef9c3;color:#713f12;padding:16px 18px;border:3px solid var(--cl-yel);border-radius:10px;font-weight:600;}
.cl-submit{background:var(--cl-black);color:var(--cl-yel);border:0;padding:15px 40px;border-radius:10px;font-weight:900;font-size:18px;cursor:pointer;justify-self:start;}
.cl-submit:hover{background:var(--cl-black2);}
.cl-cg{display:grid;grid-template-columns:1fr 1fr;gap:52px;}
.cl-info div{padding:16px 0;border-bottom:2px solid #f0e6b8;}
.cl-info b{display:block;font-family:"Archivo Narrow";font-weight:700;font-size:15px;color:var(--cl-yel2);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em;}

.cl-cookie{position:fixed;bottom:0;left:0;right:0;background:var(--cl-black);color:#e5e5e5;padding:20px 26px;z-index:100;display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;}
.cl-cookie p{font-family:"Archivo Narrow";font-size:14px;flex:1 1 320px;font-weight:500;}
.cl-cookie a{color:var(--cl-yel);text-decoration:underline;}
.cl-cookie button{padding:10px 22px;border-radius:8px;font-weight:800;font-size:14px;cursor:pointer;border:2px solid #3a3a3a;background:transparent;color:#fff;}
.cl-cookie button.acc{background:var(--cl-yel);border-color:var(--cl-yel);color:var(--cl-black);}

@media(max-width:900px){.cl-svc,.cl-steps-grid,.cl-cg,.cl-fg{grid-template-columns:1fr;}.cl-trust div{flex:1 1 50%;border-bottom:3px solid var(--cl-black);}.cl-steps{padding:44px 26px;}
.cl-menu{position:fixed;inset:70px 0 auto 0;background:var(--cl-yel);flex-direction:column;padding:24px;display:none;border-bottom:4px solid var(--cl-black);}.cl-menu.open{display:flex;}.cl-burger{display:block;}}