*{box-sizing:border-box} :root{--bg:#09090b;--panel:#111114;--panel2:#17171b;--red:#ed202b;--red2:#b90f1a;--white:#f5f5f6;--muted:#a2a2aa;--line:#2b2b31}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topline{height:4px;background:var(--red)}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#0b0b0df5;border-bottom:1px solid #ffffff10;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:31px;letter-spacing:-2px;color:#fff;line-height:1}.brand-mark span{color:var(--red);padding:0 2px}.brand-copy{display:flex;flex-direction:column;line-height:1.1;letter-spacing:1.5px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:10px;letter-spacing:4px;color:var(--red);font-weight:800;margin-top:5px}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;color:#ddd}.nav>a:not(.nav-call):hover{color:var(--red)}.nav-call{background:var(--red);padding:12px 18px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:650px;height:min(790px,calc(100vh - 86px));position:relative;display:flex;align-items:center;padding:70px 9%;overflow:hidden;background:#101014 url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=2000&q=90') center 58%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.98) 0%,rgba(5,5,7,.86) 37%,rgba(5,5,7,.28) 75%,rgba(5,5,7,.2)),linear-gradient(0deg,#09090b 0%,transparent 30%,transparent 80%,#09090b55)}.hero-content{position:relative;z-index:1;max-width:700px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#d0d0d5;display:flex;align-items:center;gap:10px;margin:0 0 22px}.eyebrow>span{display:inline-block;width:26px;height:3px;background:var(--red)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.98;margin:0;font-weight:800;letter-spacing:.2px}h1{font-size:clamp(62px,8.3vw,112px);letter-spacing:-1px}h1 span,h2 span{color:var(--red)}.hero-text{max-width:560px;color:#d0d0d5;font-size:15px;margin:25px 0 28px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 20px;font-size:10px;letter-spacing:1px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.button span{font-size:18px}.button-red{background:var(--red);color:#fff}.button-red:hover{background:#ff303a;transform:translateY(-2px)}.button-outline{border-color:#888;color:white;background:#08080a70}.button-outline:hover{border-color:var(--red);color:var(--red)}.hero-tags{display:flex;gap:22px;flex-wrap:wrap;margin-top:42px;color:#aaa;font-size:9px;letter-spacing:1px;text-transform:uppercase}.hero-stamp{position:absolute;right:9%;bottom:16%;border:1px solid #ffffff4a;padding:20px 26px;transform:skew(-7deg);text-align:center;background:#09090b52}.hero-stamp b{font:800 26px/.9 'Barlow Condensed',sans-serif;display:block}.hero-stamp span{display:block;font-size:8px;letter-spacing:2px;color:#ddd;margin-top:12px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff25;padding:16px 7%;display:flex;justify-content:space-between;color:#bdbdc3;font-size:9px;letter-spacing:1.8px}.ticker{overflow:hidden;background:var(--red);padding:13px 0;white-space:nowrap;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:1.4px}.ticker div{width:max-content;animation:marquee 32s linear infinite}.ticker i{font-style:normal;color:#101014;margin:0 23px}@keyframes marquee{to{transform:translateX(-35%)}}.section{padding:100px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section h2,.contact h2,.feature-copy h2,.cta-strip h2{font-size:clamp(38px,5vw,61px)}.section-head .eyebrow{margin-bottom:16px}.section-intro{max-width:330px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{position:relative;min-height:280px;padding:28px 25px;background:var(--panel);border:1px solid #ffffff0c;transition:.25s;overflow:hidden}.service-card:hover{border-color:#ed202b99;transform:translateY(-4px)}.service-card.featured{background:linear-gradient(145deg,#351014,#171114 75%);border-color:#ed202b66}.service-number{position:absolute;right:20px;top:18px;color:#55555e;font:700 14px 'Barlow Condensed',sans-serif}.service-icon{font-size:27px;color:var(--red);height:53px}.service-card h3{font-size:25px;line-height:1.05;min-height:55px}.service-card p{font-size:11px;line-height:1.9;color:var(--muted);min-height:62px}.service-card>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff17;padding-top:16px;margin-top:20px;font-size:9px;font-weight:800;letter-spacing:.7px}.service-card>a b{color:var(--red);font-size:18px}.fineprint{font-size:10px;color:#7e7e86;margin:20px 0 0}.feature-band{display:grid;grid-template-columns:1fr 1fr;min-height:500px;background:#111114}.feature-image{background:linear-gradient(0deg,#09090b22,#09090b22),url('https://images.unsplash.com/photo-1489824904134-891ab64532f1?auto=format&fit=crop&w=1200&q=85') center/cover;min-height:450px}.feature-copy{padding:80px 12% 70px 9%;align-self:center}.feature-copy .eyebrow{margin-bottom:20px}.feature-copy h2{font-size:clamp(37px,4vw,55px)}.feature-copy>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:2;margin:23px 0}.feature-copy ul{list-style:none;padding:0;margin:25px 0 30px;font-size:11px;color:#ddd}.feature-copy li{margin:12px 0}.feature-copy li b{color:var(--red);margin-right:10px}.gallery{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:220px 220px;gap:12px}.gallery-item{position:relative;overflow:hidden;background:var(--panel2)}.gallery-large{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.68) saturate(.75);transition:transform .5s,filter .5s}.gallery-item:hover img{transform:scale(1.05);filter:brightness(.9) saturate(1)}.gallery-label{position:absolute;left:22px;bottom:20px;display:flex;flex-direction:column;gap:5px}.gallery-label small{font-size:9px;letter-spacing:1.5px;color:#ff5960}.gallery-label b{font:700 24px 'Barlow Condensed',sans-serif}.cta-strip{padding:45px 8%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#171013;border-top:1px solid #5a1b20;border-bottom:1px solid #5a1b20}.cta-strip .eyebrow{margin-bottom:14px}.cta-strip h2{font-size:clamp(30px,4vw,47px)}.contact{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:start}.contact-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);max-width:440px;margin:25px 0}.phone-number{display:inline-block;font:700 clamp(26px,3.4vw,39px) 'Barlow Condensed',sans-serif;margin-top:10px}.contact-copy .contact-note{font-size:10px!important;margin:5px 0 20px!important}.social-buttons{display:flex;gap:10px;flex-wrap:wrap}.social{border:1px solid #3c3c43;padding:12px 18px;font-size:11px;font-weight:700}.social:hover{border-color:var(--red)}.contact-form{background:var(--panel);border:1px solid #ffffff12;padding:30px}.contact-form h3{font-size:28px;margin-bottom:25px}.contact-form label{display:block;font-size:10px;color:#c7c7ce;font-weight:700;margin:15px 0 7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#09090b;border:1px solid #33333a;color:white;padding:13px 12px;font:12px Inter,sans-serif;border-radius:0;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red)}.contact-form textarea{resize:vertical}.contact-form select option{background:#111}.submit-button{width:100%;margin-top:20px}.form-hint{font-size:9px;color:#777781;line-height:1.7;margin:12px 0 0}.footer{padding:32px 8%;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer p{font-size:8px;letter-spacing:1px;color:#888;margin:0 auto 0 0}.footer>a:not(.brand){font-size:12px;font-weight:700}.footer>small{width:100%;font-size:9px;color:#696970}.floating-call{display:none;position:fixed;right:18px;bottom:18px;width:52px;height:52px;background:var(--red);border-radius:50%;align-items:center;justify-content:center;z-index:25;font-size:22px;box-shadow:0 6px 25px #0008}
@media(max-width:900px){.header{padding:0 5%}.nav{gap:17px}.hero{padding-left:7%;background-position:60% center}.hero-stamp{right:6%;bottom:13%}.section{padding:78px 6%}.service-grid{grid-template-columns:repeat(2,1fr)}.feature-copy{padding:60px 8%}.contact{gap:5%}.cta-strip{padding:40px 6%}}
@media(max-width:650px){.header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 6% 25px;background:#0b0b0d;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 4px}.nav .nav-call{text-align:center;margin-top:8px}.hero{height:auto;min-height:670px;padding:75px 6% 110px;background-position:59% center}.hero-shade{background:linear-gradient(90deg,#050507ed,#050507a8 65%,#05050766),linear-gradient(0deg,#09090b 0%,transparent 35%)}h1{font-size:clamp(58px,14vw,86px)}.hero-text{font-size:13px}.hero-stamp{display:none}.hero-tags{gap:10px 18px;margin-top:30px}.hero-bottom{font-size:7px;padding:13px 6%}.section{padding:65px 6%}.section-head{display:block}.section-intro{margin-top:18px}.section h2,.contact h2{font-size:43px}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.service-card p{min-height:auto}.feature-band{grid-template-columns:1fr}.feature-image{min-height:260px}.feature-copy{padding:55px 6%}.gallery{grid-template-columns:1fr;grid-template-rows:250px 210px 210px}.gallery-large{grid-row:auto}.gallery-label b{font-size:21px}.cta-strip{align-items:flex-start;flex-direction:column;padding:35px 6%}.cta-strip h2{font-size:37px}.contact{grid-template-columns:1fr;gap:38px}.contact-form{padding:23px 18px}.footer{padding:28px 6%;gap:18px}.footer p{width:100%;order:3}.footer>a:not(.brand){margin-left:auto}.floating-call{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Interactive horsepower estimator */
.power-tool{background:linear-gradient(180deg,#101013,#09090b);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}
.power-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;align-items:stretch}
.power-form{background:var(--panel);padding:30px;border:1px solid #ffffff12}
.power-form label{display:block;font-size:10px;color:#c7c7ce;font-weight:700;margin:14px 0 7px}
.power-form select,.power-form input{width:100%;background:#09090b;border:1px solid #33333a;color:#f5f5f6;padding:13px 12px;font:12px Inter,sans-serif;border-radius:0;outline:none}
.power-form select:focus,.power-form input:focus{border-color:var(--red)}
.power-form select:disabled{opacity:.45}
.power-form option{background:#111}
.power-custom{margin-top:2px}
.power-result{padding:32px;background:linear-gradient(145deg,#211014,#111114 70%);border:1px solid #6a2027;position:relative;overflow:hidden;min-height:100%;display:flex;flex-direction:column}
.power-result:after{content:"C&T";position:absolute;right:-12px;top:70px;font:900 140px/.9 'Barlow Condensed',sans-serif;color:#ffffff06;pointer-events:none}
.result-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:2px;color:#bbb}
.result-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px #ed202b}
.result-car{font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:30px 0 0;color:#ddd}
.power-number{display:flex;align-items:baseline;gap:10px;margin:0;position:relative;z-index:1}
.power-number strong{font:900 clamp(70px,9vw,112px)/1 'Barlow Condensed',sans-serif;letter-spacing:-2px}
.power-number span{font-size:15px;font-weight:800;color:var(--red)}
.result-caption{color:#c2c2c9;font-size:11px;line-height:1.8;margin:7px 0 25px;max-width:410px}
.result-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:18px 0;margin-bottom:20px;position:relative;z-index:1}
.result-stats>div{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:4px 7px}
.result-stats>div+div{border-left:1px solid #ffffff20;padding-left:20px}
.result-stats small{grid-column:1/-1;font-size:8px;letter-spacing:1.4px;color:#aaa}
.result-stats b{font:700 28px 'Barlow Condensed',sans-serif}
.result-stats span{font-size:10px;color:#bbb}
.result-disclaimer{font-size:9px;line-height:1.8;color:#999;margin:0 0 22px}
.result-contact{margin-top:auto;align-self:flex-start}
@media(max-width:800px){.power-layout{grid-template-columns:1fr}.power-form{padding:23px 18px}.power-result{padding:25px}.power-number strong{font-size:88px}}

/* Shaibata brand assets and logo placements */
.brand-logo{width:54px;height:54px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 10px #ed202b22)}
.hero-logo-art{position:absolute;z-index:1;right:4%;top:19%;width:min(44%,620px);display:flex;align-items:center;justify-content:center;pointer-events:none}
.hero-logo-art img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px #000b)}
.feature-image{position:relative;display:flex;align-items:center;justify-content:center}
.feature-round-logo{width:min(74%,360px);height:auto;object-fit:contain;filter:drop-shadow(0 0 24px #ed202b28)}
.project-brand{display:flex;justify-content:center;align-items:center;margin:-4px auto 28px;max-width:780px;padding:8px 20px}
.project-brand img{width:min(100%,700px);height:auto;object-fit:contain;max-height:190px}
.footer-brand .brand-logo{width:46px;height:46px}
@media(max-width:900px){.hero-logo-art{right:1%;width:42%;top:24%}.hero-content{max-width:62%}}
@media(max-width:650px){
 .brand-logo{width:44px;height:44px}
 .brand-copy strong{font-size:11px}.brand-copy small{font-size:9px;letter-spacing:3px}
 .hero-logo-art{position:relative;right:auto;top:auto;width:min(100%,390px);margin:30px auto -10px;z-index:1}
 .hero{display:block;padding-top:60px;padding-bottom:110px;height:auto}
 .hero-content{max-width:100%}
 .hero-logo-art img{max-height:190px}
 .feature-round-logo{width:min(72%,280px)}
 .project-brand{margin-bottom:20px;padding:0}
 .project-brand img{max-height:130px}
}

/* Animated car + expanded software service sections */

.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-card{background:var(--panel);border:1px solid #ffffff0c;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.project-card:hover{border-color:#ed202b99;transform:translateY(-4px)}.project-photo{aspect-ratio:3/4;overflow:hidden;background:var(--panel2)}.project-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85) saturate(.9);transition:transform .5s,filter .5s}.project-card:hover .project-photo img{transform:scale(1.05);filter:brightness(1) saturate(1)}.project-info{padding:20px 20px 22px;border-top:3px solid var(--red)}.project-info small{font-size:9px;letter-spacing:1.5px;color:#ff5960;font-weight:800;text-transform:uppercase}.project-info h3{font-size:24px;line-height:1.05;margin:6px 0 10px}.project-info p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.project-grid{grid-template-columns:1fr}.project-photo{aspect-ratio:4/3.6}}