:root{
            --black: #FBFAF9;
            --gray-900: #FFFFFF;
            --gray-800: #E6E2DD;
            --gray-700: #D2CCC4;
            --gray-600: #57514A;
            --gray-500: #766E65;
            --gray-400: #766E65;
            --gray-300: #57514A;
            --white: #16130F;

            --blue: #B84A00;
            --blue-light: #E85D00;
            --blue-dark: #8F3A00;
            --green: #1E7A3E;
            --orange: #8A5A00;
            --purple: #6B3FA0;

            --font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 20px;
            --radius-xl: 28px;
        }
*{ margin: 0; padding: 0; box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
            font-family: var(--font);
            background: var(--black);
            color: var(--white);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }
.btn{ display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 14px; font-weight: 600; font-family: var(--font); border-radius: var(--radius-sm); border: none; cursor: pointer; transition: all 0.2s; text-decoration: none; gap: 8px; }
.btn-primary{ background:var(--o); color: var(--white); }
.btn-primary:hover{ background: #2563eb; }
.btn-lg{ padding: 14px 28px; font-size: 16px; border-radius: var(--radius-lg); }
/* HERO */
        .hero{
            padding: 120px 24px 80px;
            position: relative;
            overflow: hidden;
            text-align: center;
        }
.hero::before{
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 150%;
            height: 100%;
            background: radial-gradient(ellipse at center top, rgba(59,130,246,0.08) 0%, transparent 60%);
            pointer-events: none;
        }
.breadcrumb{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            color: var(--gray-500);
            margin-bottom: 24px;
        }
.breadcrumb a{
            color: var(--gray-400);
            text-decoration: none;
            transition: color 0.2s;
        }
.breadcrumb a:hover{ color: var(--blue); }
.breadcrumb svg{
            width: 12px;
            height: 12px;
            color: var(--gray-600);
        }
.breadcrumb .current{
            color: var(--white);
            font-weight: 500;
        }
.hero h1{
            font-size: clamp(40px, 7vw, 64px);
            font-weight: 700;
            letter-spacing: -0.03em;
            line-height: 1.1;
            margin-bottom: 20px;
        }
.hero-sub{
            font-size: clamp(16px, 2vw, 20px);
            color: var(--gray-400);
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }
/* SECTIONS */
        section{ padding: 80px 24px; }
.section-container{
            max-width: 1100px;
            margin: 0 auto;
        }
.category-heading{
            font-size: 12px;
            font-weight: 600;
            color: var(--blue);
            text-transform: uppercase;
            letter-spacing: 0.15em;
            margin-bottom: 32px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--gray-800);
        }
.card-body .btn{
            width: 100%;
            justify-content: center;
        }
/* CTA SECTION */
        .cta-section{
            background: linear-gradient(180deg, var(--black) 0%, var(--gray-900) 100%);
            text-align: center;
            padding: 100px 24px;
        }
.cta-box{
            max-width: 600px;
            margin: 0 auto;
            padding: 64px;
            background: linear-gradient(135deg, rgba(59,130,246,0.1) 0%, rgba(168,85,247,0.1) 100%);
            border: 1px solid var(--gray-800);
            border-radius: var(--radius-xl);
        }
.cta-box h2{
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 16px;
        }
.cta-box p{
            font-size: 16px;
            color: var(--gray-400);
            margin-bottom: 32px;
            line-height: 1.6;
        }
.cta-phone{
            display: block;
            margin-top: 20px;
            font-size: 15px;
            color: var(--gray-400);
        }
.cta-phone a{
            color: var(--blue);
            text-decoration: none;
            font-weight: 600;
        }
.cta-phone a:hover{ text-decoration: underline; }
/* RESPONSIVE */
        @media (max-width: 1024px){
            .equipment-grid { grid-template-columns: repeat(2, 1fr); }
            .footer-grid { grid-template-columns: repeat(2, 1fr); }
        }
@media (max-width: 768px){.hero{ padding: 100px 20px 60px; }
.cta-box{ padding: 40px 24px; }

        }