/*
Theme Name: Kata Studio
Description: A bespoke, responsive Elementor-ready theme for Kata Technologies and Logistics. Supports Elementor Pro Theme Builder.
Version: 1.0.0
Text Domain: kata-studio
*/
:root{--blue:#1676bc;--navy:#0c2340;--ink:#102a43;--muted:#607386;--pale:#f1f6fa;--line:#dce5ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #3dadf1;outline-offset:5px}.skip-link{position:absolute;left:15px;top:-100px;z-index:9999;background:#fff;padding:10px}.skip-link:focus{top:10px}.topbar{background:var(--navy);color:#d7e7f3;font-size:11px;letter-spacing:.08em;padding:7px 5%;display:flex;justify-content:space-between}.topbar a{margin-left:25px}.site-header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand img{width:146px;display:block}.site-nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}.site-nav a:not(.nav-cta){padding:10px 0;position:relative}.site-nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;width:22px;height:2px;background:var(--blue)}.nav-cta,.button{background:var(--blue);color:white;padding:14px 22px;display:inline-block;font-size:13px;font-weight:600}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 13px}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1180px}.elementor-widget:not(:last-child){margin-bottom:20px}.elementor-widget-heading .elementor-heading-title{font-family:inherit;color:inherit;line-height:1.13;letter-spacing:-.045em;font-weight:500}.elementor-widget-text-editor{font-family:inherit;color:inherit}.elementor-widget-text-editor p:last-child{margin-bottom:0}.elementor-widget-heading h1.elementor-heading-title{font-size:68px}.elementor-widget-heading h2.elementor-heading-title{font-size:44px}.elementor-widget-heading h3.elementor-heading-title{font-size:26px}.elementor-widget-heading h4.elementor-heading-title{font-size:20px}.elementor-button{background:var(--blue);color:#fff;border-radius:0;font-size:13px;padding:17px 24px;line-height:1.3;font-weight:600}.elementor-button:hover{background:#10588e;color:white}.eyebrow .elementor-heading-title{font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase;font-weight:700!important;color:var(--blue)}.section{padding:95px 5%}.section .elementor-column>.elementor-element-populated{padding:0 24px 0 0}.section .elementor-column:last-child>.elementor-element-populated{padding-right:0}.hero{position:relative;background:var(--navy);color:white;min-height:660px;padding:105px 5% 100px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,48,.98),rgba(7,26,48,.89) 37%,rgba(7,26,48,.15) 75%)}.hero>.elementor-container{position:relative;z-index:1}.hero .eyebrow .elementor-heading-title{color:#74c7ff}.hero .elementor-widget-heading h1{font-size:76px;max-width:640px}.hero .elementor-widget-text-editor{max-width:450px;color:#d1dce6;font-size:16px;line-height:1.8}.hero .elementor-button{background:white;color:var(--navy)}.hero .elementor-button:hover{background:#dbeefa}.hero em{font-style:normal;color:#77c5fa}.hero .elementor-column>.elementor-element-populated{padding:0}.hero-caption{margin-top:28px!important;font-size:10px!important;letter-spacing:.15em;text-transform:uppercase;opacity:.8}.intro{padding-bottom:70px}.intro .elementor-widget-text-editor{color:var(--muted);font-size:16px;line-height:1.9}.service-grid{padding-top:0}.service-card>.elementor-element-populated{margin-right:22px!important;padding:0 0 26px!important;border-bottom:1px solid var(--line)}.service-card:last-child>.elementor-element-populated{margin-right:0!important}.service-card .elementor-widget-heading,.service-card .elementor-widget-text-editor,.service-card .elementor-widget-button{margin-left:0}.service-card .elementor-widget-image img{height:255px;width:100%;object-fit:cover}.service-card .elementor-widget-text-editor{font-size:15px;color:var(--muted)}.text-link .elementor-button{padding:0;background:transparent;color:var(--blue);font-size:13px}.text-link .elementor-button:hover{background:transparent;color:var(--navy)}.pale{background:var(--pale)}.feature-image img{height:490px!important;width:100%;object-fit:cover}.feature-copy>.elementor-element-populated{padding:35px 0 25px 65px!important}.feature-copy .elementor-widget-text-editor{font-size:16px;color:var(--muted)}.metrics{padding:42px 5%;background:var(--navy);color:white}.metrics .elementor-widget-heading .elementor-heading-title{font-size:46px}.metrics .elementor-widget-text-editor{font-size:12px;color:#aec4d6}.metrics .elementor-column>.elementor-element-populated{padding:0 30px;border-right:1px solid #344b61}.metrics .elementor-column:last-child>.elementor-element-populated{border:0}.projects-heading{padding-bottom:45px}.project-grid{padding-top:0}.project-card .elementor-widget-image img{width:100%;height:310px;object-fit:cover}.project-card .elementor-widget-text-editor{color:var(--muted);font-size:14px}.project-card .eyebrow{margin-top:10px}.clients{border-top:1px solid var(--line);padding:65px 5%}.client-logos{padding-top:0;padding-bottom:65px}.client-logos img{width:135px!important;height:65px!important;object-fit:contain;filter:grayscale(1);opacity:.72}.client-logos img:hover{filter:none;opacity:1}.cta{background:var(--blue);color:white;padding:65px 5%}.cta .eyebrow .elementor-heading-title{color:#c0e6ff}.cta .elementor-button{background:white;color:var(--navy);margin-top:30px}.site-footer{padding:65px 5% 24px;background:#081b2e;color:#b0c1d0;font-size:13px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:55px}.footer-grid h3{color:white;font-size:13px;font-weight:600;margin:0 0 20px}.footer-grid a{display:block;margin-bottom:10px}.footer-brand img{width:146px;margin-bottom:15px}.footer-bottom{max-width:1180px;margin:50px auto 0;border-top:1px solid #294054;padding-top:24px;display:flex;justify-content:space-between;font-size:11px}.page-hero{padding:85px 5%;background:var(--navy);color:white}.page-hero .eyebrow .elementor-heading-title{color:#77c5fa}.page-hero .elementor-widget-text-editor{max-width:760px;color:#c6d5e1}.page-hero h1{max-width:1000px}.detail-copy{color:var(--muted)}.detail-copy li{margin-bottom:12px}.image-wide img{height:440px;width:100%;object-fit:cover}.contact-card{padding:32px;border:1px solid var(--line);background:white}.contact-form{display:grid;gap:16px}.contact-form label{font-size:13px;font-weight:600;display:block}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #ccd9e3;padding:12px;width:100%;background:white;color:var(--ink);border-radius:0}.contact-form textarea{min-height:150px}.contact-form button{border:0;cursor:pointer}.contact-form .honey{position:absolute;left:-9999px}.form-note{font-size:12px;color:var(--muted)}.notice{padding:18px;background:#e5f1fa;border-left:3px solid var(--blue);margin-bottom:20px}.project-gallery{row-gap:40px}.elementor-editor-active .hero:before{pointer-events:none}body:not(.elementor-editor-active) .elementor-widget-image img{transition:filter .25s}.back-link{font-size:13px;color:var(--blue)}
@media(min-width:1500px){.hero{padding-top:130px;padding-bottom:130px}.hero:before{background-position:center 44%}}
@media(max-width:1024px){.site-nav{gap:19px}.section{padding:65px 5%}.hero{padding:80px 5%;min-height:580px}.hero .elementor-widget-heading h1{font-size:62px}.elementor-widget-heading h2.elementor-heading-title{font-size:36px}.feature-copy>.elementor-element-populated{padding:20px 0 20px 30px!important}.service-card .elementor-widget-image img{height:210px}.footer-grid{gap:25px}.topbar{font-size:10px}.project-card .elementor-widget-image img{height:240px}}
@media(max-width:767px){.topbar{justify-content:center}.topbar>span{display:none}.topbar a{margin:0 8px}.site-header{height:80px}.brand img{width:115px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:24px 6%;box-shadow:0 15px 20px #102a4320;flex-direction:column;align-items:stretch;gap:8px}.site-nav.is-open{display:flex}.hero{padding:70px 6%;min-height:620px}.hero:before{background:linear-gradient(90deg,rgba(7,26,48,.96),rgba(7,26,48,.63))}.hero .elementor-widget-heading h1{font-size:51px}.hero .elementor-widget-text-editor{font-size:15px}.section{padding:58px 6%}.section .elementor-column>.elementor-element-populated{padding:0}.elementor-widget-heading h1.elementor-heading-title{font-size:44px}.elementor-widget-heading h2.elementor-heading-title{font-size:34px}.intro .elementor-column:first-child{margin-bottom:20px}.service-grid{padding-top:0}.service-card>.elementor-element-populated{margin:0 0 35px!important}.service-card .elementor-widget-image img{height:250px}.feature-copy>.elementor-element-populated{padding:35px 0 0!important}.feature-image img{height:330px!important}.metrics{padding:32px 6%}.metrics .elementor-column{width:50%!important;margin:15px 0}.metrics .elementor-column>.elementor-element-populated{padding:0 15px!important}.metrics .elementor-widget-heading .elementor-heading-title{font-size:35px}.projects-heading{padding-bottom:25px}.project-grid{padding-top:0}.project-card{margin-bottom:35px}.project-card .elementor-widget-image img{height:280px}.client-logos{padding-top:0}.client-logos .elementor-column{width:33.333%!important;margin-bottom:20px}.client-logos img{width:90px!important;height:55px!important}.cta .elementor-button{margin-top:5px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom a{display:block;margin-top:12px}.page-hero{padding:60px 6%}.image-wide img{height:280px}.contact-card{padding:22px}.section .contact-column{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}