/*
Theme Name: TEN28digital
Theme URI: https://ten28digital.co.za/
Author: TEN28digital
Description: One-page emergency-trade WordPress theme recreated from the TEN28digital Lovable design. Fast, dark, neon, mobile-first.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: ten28digital
*/

:root{--bg:#151a25;--fg:#f5f7ed;--card:#202735;--muted:#aeb7c8;--border:#3a4354;--lime:#a9ff19;--green:#18e87b;--cyan:#55d8ef;--amber:#ffbd55;--chrome:#a6b8cf;--radius:4px;--display:"Bebas Neue","Arial Narrow",sans-serif;--body:"Space Grotesk",system-ui,sans-serif;--shadow-volt:0 0 0 1px rgba(169,255,25,.5),0 18px 60px -18px rgba(169,255,25,.55);--shadow-neon:0 0 28px rgba(169,255,25,.35),0 0 80px rgba(169,255,25,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.container{width:min(1152px,calc(100% - 40px));margin:auto}.display,h1,h2,h3{font-family:var(--display);letter-spacing:.01em}h1,h2,h3,p{margin-top:0}.volt{background:linear-gradient(100deg,var(--lime),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.chrome{background:linear-gradient(135deg,var(--chrome),var(--lime) 55%,#d9e7f7);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3em;color:var(--lime)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid rgba(58,67,84,.75);background:rgba(21,26,37,.82);backdrop-filter:blur(14px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{height:50px;width:auto;object-fit:contain}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px;transition:.25s ease}.nav-cta{padding:11px 16px;background:var(--lime);color:#142015}.btn{padding:14px 22px}.btn-primary{background:var(--lime);color:#142015;box-shadow:var(--shadow-volt)}.btn-outline{border:1px solid var(--border)}.btn:hover,.nav-cta:hover{transform:translateY(-2px) scale(1.02)}
.hero{position:relative;min-height:92svh;display:flex;align-items:center;padding:120px 0 90px;overflow:hidden}.hero-media,.hero-overlay,.hero-grid{position:absolute;inset:0}.hero-media{width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:.84;animation:ken 22s ease-in-out infinite alternate}.hero-overlay{background:linear-gradient(180deg,rgba(21,26,37,0) 0%,rgba(21,26,37,.18) 30%,rgba(21,26,37,.98) 100%)}.hero-grid{opacity:.25;background-image:linear-gradient(rgba(169,255,25,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(169,255,25,.08) 1px,transparent 1px);background-size:44px 44px}.hero-content{position:relative;z-index:2}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(169,255,25,.5);background:rgba(21,26,37,.42);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);animation:ping 1.5s infinite}.hero h1{font-size:clamp(56px,13vw,128px);line-height:.85;text-transform:uppercase;max-width:950px;margin:26px 0 20px}.hero p{max-width:690px;font-size:clamp(15px,2vw,19px);line-height:1.6;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.marquee-wrap{overflow:hidden;border-block:1px solid var(--border);background:rgba(169,255,25,.07);padding:10px 0}.marquee{display:flex;width:max-content;gap:32px;white-space:nowrap;animation:marquee 26s linear infinite}.marquee span{font-family:var(--display);font-size:28px;text-transform:uppercase;color:rgba(169,255,25,.8)}
.section{padding:96px 0}.section h2{font-size:clamp(44px,8vw,80px);line-height:.92;text-transform:uppercase;margin-bottom:0}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}.service{position:relative;overflow:hidden;padding:26px;border:1px solid var(--border);background:var(--card);border-radius:6px;transition:.3s}.service:hover{transform:translateY(-5px);border-color:var(--lime);box-shadow:var(--shadow-neon)}.service-num{font-family:var(--display);font-size:58px;color:rgba(169,255,25,.22)}.service h3{font-size:30px;text-transform:uppercase;margin:5px 0 8px}.service p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
.fleet{border-block:1px solid var(--border);background:rgba(32,39,53,.25);padding:64px 0;overflow:hidden}.fleet-track{display:flex;gap:20px;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.vehicle{position:relative;width:clamp(300px,42vw,416px);height:290px;flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--border);border-radius:6px;overflow:hidden}.vehicle img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.vehicle:hover img{transform:scale(1.08)}.vehicle figcaption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:38px 16px 14px;background:linear-gradient(to top,rgba(21,26,37,.95),transparent)}.vehicle-title{font-family:var(--display);font-size:24px;text-transform:uppercase}.vehicle-tag{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.pricing{border-block:1px solid var(--border);background:rgba(32,39,53,.35)}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:50px}.price-card{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid var(--border);border-radius:9px;background:var(--card);min-height:500px;transition:.3s}.price-card:hover{transform:translateY(-7px);border-color:rgba(169,255,25,.65);box-shadow:var(--shadow-neon)}.price-card.featured{border-color:var(--lime);box-shadow:var(--shadow-volt);margin-top:-16px}.badge{position:absolute;right:18px;top:18px;background:var(--lime);color:#142015;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.price-name{font-family:var(--display);font-size:30px;text-transform:uppercase}.price{font-family:var(--display);font-size:72px;line-height:.95;margin-top:16px}.note{font-size:11px;text-transform:uppercase;letter-spacing:.25em;color:var(--muted)}.divider{height:1px;background:var(--border);margin:24px 0}.features{padding:0;margin:0;list-style:none;display:grid;gap:12px;flex:1}.features li{display:flex;gap:10px;color:var(--muted);font-size:14px;line-height:1.4}.check{color:var(--lime);font-weight:900}.price-card .btn{margin-top:28px}
.quote-box{max-width:760px;margin:34px auto 0;padding:26px;border:1px solid var(--border);background:var(--card);border-radius:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:3px;padding:11px 12px;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime)}
.site-footer{border-top:1px solid var(--border);padding:38px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-logo{height:48px;width:auto}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:var(--muted);font-size:14px}.footer-contact a:hover{color:var(--lime)}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:90;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#142015;box-shadow:0 0 0 0 rgba(169,255,25,.55);animation:ring 2.2s ease-out infinite}.whatsapp-float svg{width:29px;height:29px}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes ken{from{transform:scale(1)}to{transform:scale(1.12) translateY(-1.5%)}}@keyframes ping{50%{box-shadow:0 0 0 7px rgba(169,255,25,.08)}}@keyframes ring{0%{box-shadow:0 0 0 0 rgba(169,255,25,.55)}100%{box-shadow:0 0 0 22px rgba(169,255,25,0)}}
@media(max-width:800px){.container{width:min(100% - 28px,1152px)}.nav{min-height:64px}.brand img{height:43px}.nav-cta{padding:10px 12px}.hero{padding-top:100px}.hero h1{font-size:clamp(52px,15vw,92px)}.section{padding:72px 0}.services-grid,.price-grid,.form-grid{grid-template-columns:1fr}.price-card.featured{margin-top:0}.vehicle{height:240px}.footer-row{align-items:flex-start;flex-direction:column}.footer-contact{align-items:flex-start}.whatsapp-float{right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}