*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#fff;line-height:1.65}a{color:#0b5cab;text-decoration:none}a:hover{text-decoration:underline}header{background:#06183f;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;z-index:10;box-shadow:0 8px 30px rgba(0,0,0,.16)}.nav{max-width:1180px;margin:auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:13px;min-width:300px;font-size:20px;font-weight:800;color:#fff;line-height:1.2;position:relative}.logo:before{content:"";width:54px;height:54px;flex:0 0 54px;background:url('images/kutbi-logo.svg') center/contain no-repeat;filter:drop-shadow(0 5px 10px rgba(0,0,0,.25))}.logo:after{content:"Your Satisfaction Our Motivation";position:absolute;left:67px;top:56px;font-size:10px;font-weight:600;letter-spacing:.7px;color:#f7b51d;white-space:nowrap}nav{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end}nav a{font-weight:700;color:#fff;font-size:14px;padding:7px 4px}nav a:hover{color:#f7b51d;text-decoration:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#06183f 0%,#0b2b68 58%,#06183f 100%);color:#fff;padding:76px 20px 68px}.hero:after{content:"";position:absolute;right:-100px;bottom:-170px;width:520px;height:520px;background:url('images/kutbi-logo.svg') center/contain no-repeat;opacity:.055;transform:rotate(-10deg)}.wrap{max-width:1180px;margin:auto;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:45px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#f7b51d}.hero .eyebrow{color:#f7b51d}h1{font-size:clamp(36px,5.5vw,64px);line-height:1.06;margin:12px 0 20px;max-width:900px}h2{font-size:32px;line-height:1.2;margin-top:0}h3{font-size:22px}.lead{font-size:19px;max-width:900px;color:#eaf0fb}.hero-actions{margin:12px 0}.btn{display:inline-block;background:#f28c00;color:#fff;padding:13px 20px;border-radius:9px;font-weight:800;margin:8px 8px 8px 0;box-shadow:0 8px 18px rgba(0,0,0,.16)}.btn:hover{background:#ff9f18;text-decoration:none}.btn.alt{background:#fff;color:#06183f;border:1px solid #fff}.btn.whatsapp{background:#168b57}.btn.whatsapp:hover{background:#1aa968}.btn.full{width:100%;text-align:center}.review-button,.google-business-button{display:inline-block;text-decoration:none;padding:14px 22px;border-radius:10px;font-weight:700;font-size:16px;margin:10px 8px 10px 0}.review-button{background:#f28c00;color:#fff}.google-business-button{background:#fff;color:#17202a;border:1px solid #ddd}.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.trust-row span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 13px;color:#eaf0fb;font-size:14px}.trust-row strong{color:#f7b51d}.hero-card{background:rgba(255,255,255,.98);color:#172033;border-radius:20px;padding:28px;box-shadow:0 22px 60px rgba(0,0,0,.24);text-align:center}.hero-card img{max-width:180px;height:auto;margin:0 auto 8px}.hero-card h2{font-size:25px;margin:5px 0 8px}.hero-card p{font-size:15px;color:#566174}.quick-proof{padding:0 20px;background:#fff;border-bottom:1px solid #e7ebf0}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #e7ebf0}.proof-grid div{padding:20px;border-right:1px solid #e7ebf0}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{color:#06183f}.proof-grid span{font-size:13px;color:#687386;margin-top:3px}section{padding:60px 20px}.section-intro{max-width:850px;color:#566174;font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.card{border:1px solid #e2e6ed;border-radius:16px;padding:25px;background:#fff;box-shadow:0 8px 28px rgba(6,24,63,.06);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(6,24,63,.12)}.card-icon{font-size:30px}.card h3{margin:9px 0 8px}.card p{color:#566174}.card a{font-weight:800}.center{text-align:center;margin-top:28px}.band{background:#f4f7fb}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.ticks{padding-left:0;list-style:none}.ticks li{margin:12px 0;padding-left:30px;position:relative}.ticks li:before{content:"✓";position:absolute;left:0;top:0;color:#168b57;font-weight:900;font-size:20px}.review-card{background:#fff;border:1px solid #e1e5e9;border-radius:18px;padding:26px;box-shadow:0 8px 26px rgba(6,24,63,.08);text-align:center}.stars{font-size:23px;letter-spacing:2px;color:#f7b51d}.rating-number{font-size:38px;font-weight:900;color:#06183f;margin-top:3px}.review-card h3{margin:5px 0}.review-card p{color:#566174}.project-gallery{padding:56px 20px}.project-gallery .section-head{max-width:820px;margin:0 auto 24px;text-align:center}.project-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-gallery figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(6,24,63,.10)}.project-gallery img{display:block;width:100%;height:250px;object-fit:cover}.project-gallery figcaption{padding:10px 12px;font-size:.9rem;font-weight:700}.project-gallery .project-meta{padding:0 12px 13px;font-size:14px;color:#68737d}.areas{font-size:16px;line-height:2;color:#566174}.final-cta{background:linear-gradient(135deg,#06183f,#0b2b68);color:#fff}.final-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{margin:8px 0}.final-cta p{color:#dce5f4}.final-cta .eyebrow{color:#f7b51d}footer{background:#04132f;color:#e8edf5;padding:45px 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:35px}.footer-grid strong{font-size:18px}.footer-grid a{color:#d8e8ff}.small{font-size:14px;color:#687386}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.gallery figure{margin:0}.gallery img{width:100%;height:240px;object-fit:cover;border-radius:10px}.breadcrumb{font-size:14px;margin-bottom:20px;color:#566174}ul{padding-left:22px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:520px}.proof-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.final-cta .wrap{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.nav{align-items:flex-start;flex-direction:column}.logo{min-width:0}nav{justify-content:flex-start}}@media(max-width:800px){.project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery img{height:220px}}@media(max-width:620px){.grid{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr}.project-gallery-grid{grid-template-columns:1fr}.project-gallery img{height:250px}.hero{padding:52px 20px}.hero-card{padding:22px}.trust-row{display:grid;grid-template-columns:1fr}.nav{padding:10px 14px}.logo{font-size:17px}.logo:before{width:46px;height:46px;flex-basis:46px}.logo:after{left:59px;top:48px;font-size:8px}nav{gap:8px}nav a{font-size:13px}section{padding:45px 20px}.footer-grid{grid-template-columns:1fr}.final-cta .btn{width:100%;text-align:center}}/* Kutbi real-work visual slider: keeps the existing project data but presents the four latest real project photos as a reliable automatic slideshow. */#visual-projects{display:block!important;position:relative!important;height:390px!important;overflow:hidden!important;margin-top:22px!important;padding:0!important}#visual-projects .visual-card{position:absolute!important;inset:0!important;width:100%!important;height:390px!important;margin:0!important;opacity:0;transform:translateX(100%);animation:kutbiVisualSlide 16s infinite ease-in-out!important}#visual-projects .visual-card:nth-child(1){animation-delay:0s!important}#visual-projects .visual-card:nth-child(2){animation-delay:4s!important}#visual-projects .visual-card:nth-child(3){animation-delay:8s!important}#visual-projects .visual-card:nth-child(4){animation-delay:12s!important}#visual-projects .visual-card img{width:100%!important;height:310px!important;object-fit:cover!important}.visual-card .vbody{padding:10px 16px!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.visual-card .vbody h3{margin:0!important;font-size:18px!important}.visual-card .vbody p{margin:0!important}.visual-card .vbody a{margin:0!important}@keyframes kutbiVisualSlide{0%{opacity:0;transform:translateX(100%)}4%{opacity:1;transform:translateX(0)}24%{opacity:1;transform:translateX(0)}29%{opacity:0;transform:translateX(-100%)}100%{opacity:0;transform:translateX(-100%)}}@media(max-width:620px){#visual-projects{height:365px!important}#visual-projects .visual-card{height:365px!important}#visual-projects .visual-card img{height:285px!important}.visual-card .vbody{padding:8px 12px!important;gap:6px!important}.visual-card .vbody h3{font-size:16px!important}.visual-badge{font-size:11px!important}}