/* Above-the-fold styles — keep small; full styles load asynchronously */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    --primary-bg:#333;
    --primary-text:#e6e6e6;
    --secondary-text:#b0b0b0;
    --accent-color:#FF6A2D;
    --glass-bg:rgba(255,106,45,.1);
    --glass-border:rgba(255,106,45,.2);
    --gradient-primary:linear-gradient(135deg,#FF6A2D 0%,#ff8833 100%);
}
html{scrollbar-gutter:stable both-edges}
body{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    background:var(--primary-bg);
    color:var(--primary-text);
    line-height:1.6;
    overflow-x:hidden;
}
.container{max-width:1400px;margin:0 auto;padding:0 20px}
.header{
    position:fixed;top:0;left:0;right:0;z-index:10001;
    background:rgba(51,51,51,.95);
    border-bottom:1px solid var(--glass-border);
    padding:10px 0;
    box-shadow:0 2px 20px rgba(0,0,0,.3);
}
.nav-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative}
.logo{display:flex;align-items:center}
.logo-img,.logo-img-full-mobile{max-height:72px;width:auto;object-fit:contain}
.main{margin-top:120px;min-height:calc(100vh - 120px)}
.hero-section{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    min-height:calc(100vh - 200px);text-align:center;padding:60px 0;
}
.hero-title{
    font-size:clamp(3.5rem,7vw,7rem);
    color:var(--primary-text);
    margin-bottom:30px;
    line-height:1.05;
}
.hero-tagline{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--secondary-text);max-width:700px;margin:0 auto 40px}
.hero-badge{
    display:inline-block;background:var(--glass-bg);border:1px solid var(--glass-border);
    padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;
    letter-spacing:2px;color:var(--accent-color);margin-bottom:30px;text-transform:uppercase;
}
.contact-page{padding:40px 0}
.contact-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:20px}