* { box-sizing: border-box; } html, body { margin:0; padding:0; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif; color:#0d0f12; background:#f6f7f9; line-height:1.55; }
a { color:#111; text-decoration:none } a:hover{text-decoration:underline}
.container { width:min(1140px, 92vw); margin-inline:auto; }
.site-header{position:sticky;top:0;z-index:50;background:#0f1114e6;backdrop-filter:blur(6px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.5px}
.brand-logo{height:28px;width:auto;border-radius:4px}
.nav a{color:#d7dae0;margin-left:22px;font-weight:600}.nav a:hover{color:#fff}
.hero{position:relative;color:#fff;background:
  radial-gradient(circle at 20% 15%, rgba(255,211,0,.08), rgba(16,18,20,0) 40%),
  radial-gradient(circle at 80% 85%, rgba(255,211,0,.06), rgba(16,18,20,0) 38%),
  repeating-linear-gradient(-12deg,#14161a 0 14px,#111318 14px 28px), #101214}
.hero-inner{position:relative;padding:120px 0}
.hero-logo{height:92px;width:auto;margin:0 0 12px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}
.hero h1{font-size:clamp(2.2rem,3.8vw,4rem);margin:.25rem 0 .75rem}
.hero p{max-width:780px;font-size:1.15rem;color:#e5e7eb}
.cta-row{display:flex;gap:12px;margin-top:22px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700;border:2px solid transparent}
.btn-primary{background:#ffd300;color:#101214}.btn-primary:hover{filter:brightness(.95);text-decoration:none}
.btn-outline{border-color:#ffd300;color:#ffd300}.btn-outline:hover{background:#ffd30014;text-decoration:none}
.section{padding:64px 0}.section h2{font-size:clamp(1.6rem,2.2vw,2.1rem);margin:0 0 22px}
.card{background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(16,18,20,.06);padding:22px}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service{padding:18px;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(16,18,20,.05);transition:transform .2s ease,box-shadow .2s ease}
.service:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,18,20,.08)}
.service .icon{width:36px;height:36px;color:#0d0f12}
.service h3{margin:10px 0 6px;font-size:1.05rem}.service p{color:#4b5563;font-size:.97rem;margin:0 0 10px}
.service a.more{display:inline-flex;align-items:center;gap:6px;color:#101214;font-weight:700}
.about{display:grid;grid-template-columns:1.7fr .9fr;gap:24px}
.about .fact{display:flex;gap:12px;align-items:flex-start}.about .fact .dot{width:10px;height:10px;background:#ffd300;border-radius:50%;margin-top:8px}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.form{display:grid;gap:12px}.input,.textarea{padding:12px 14px;border:1px solid #d9dee5;border-radius:12px;background:#fff}.textarea{min-height:140px}
.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:#374151}
.submit{background:#ffd300;border:none;padding:12px 16px;border-radius:10px;font-weight:800}.submit:hover{cursor:pointer;filter:brightness(.95)}
.footer{background:#0e0f12;color:#cbd0d6;padding:44px 0 8px;margin-top:44px}.footer h4{color:#fff;margin-top:0}.footer a{color:#e5e7eb}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-bottom{border-top:1px solid #26282f;margin-top:18px;padding-top:10px;text-align:center;color:#9aa3ad}
.legal .hero-legal{background:#0e0f12;color:#fff;padding:60px 0}.legal .content{background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(16,18,20,.06);padding:22px}
:target{scroll-margin-top:80px}
@media(max-width:980px){.services-grid{grid-template-columns:repeat(2,1fr)}.about,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero-inner{padding:80px 0}}