:root {
  --bg: #ffffff;
  --ink: #111827;
  --muted: #6b7280;
  --accent: #f59e0b;
  --maxw: 1200px;
  --card: #ffffff;
  --border: #e5e7eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Poppins',system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.topbar{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 0 3px rgba(245,158,11,.2)}
.brand-text{font-weight:600}
.nav{max-width:var(--maxw);margin:0 auto}
.nav-list{list-style:none;display:flex;gap:18px;padding:0 16px 12px;margin:0;align-items:center}
.nav-list>li>a,.dropdown-button{padding:10px 12px;border-radius:10px}
.nav-list>li>a:hover,.dropdown-button:hover{background:#f8fafc;border:1px solid var(--border)}
.has-dropdown{position:relative}
.dropdown-button{background:none;border:0;color:var(--ink);font:inherit;cursor:pointer}
.dropdown{position:absolute;left:0;top:100%;display:none;background:#fff;padding:16px;border:1px solid var(--border);border-radius:14px;min-width:860px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.has-dropdown.open .dropdown{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.dropdown-col{background:#ffffff;border:1px dashed var(--border);padding:12px;border-radius:12px}
.drop-title{color:var(--accent);font-weight:600;display:block;margin-bottom:8px}
.dropdown-col ul{list-style:disc;padding-left:18px;color:var(--muted)}
.nav-toggle{display:none;background:none;border:0;width:42px;height:34px;position:relative}
.nav-toggle span{position:absolute;left:8px;right:8px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
.nav-toggle span:nth-child(1){top:10px}.nav-toggle span:nth-child(2){top:16px}.nav-toggle span:nth-child(3){top:22px}
.hero{min-height:56vh;display:grid;place-items:center;background:radial-gradient(600px 300px at 20% 30%, rgba(245,158,11,.14), transparent 70%), radial-gradient(600px 300px at 80% 50%, rgba(17,24,39,.08), transparent 70%)}
.hero-text{text-align:center;max-width:760px;padding:40px 16px}
.hero h1{font-size:clamp(28px,6vw,48px);margin:0 0 10px}
.hero p{color:var(--muted);margin:0 0 18px}
.cta{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--accent);color:#111;font-weight:700;border:2px solid #11182710;box-shadow:0 10px 30px rgba(245,158,11,.25)}
.sectors{max-width:var(--maxw);margin:40px auto;padding:0 16px}
.sectors h2,.why h2,.process h2{font-size:28px;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease, box-shadow .15s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.card h3{margin:10px 12px 0;font-size:18px}
.card p{margin:8px 12px 12px;color:var(--muted);font-size:14px}
.card img{height:160px;object-fit:cover}
.why,.process{max-width:var(--maxw);margin:48px auto;padding:0 16px}
.tick-list{list-style:none;padding-left:0}
.tick-list li{position:relative;margin:8px 0;padding-left:28px}
.tick-list li::before{content:"✓";color:var(--accent);position:absolute;left:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{background:#fff;border:1px solid var(--border);padding:16px;border-radius:14px}
.step span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:var(--accent);color:#111;border-radius:50%;font-weight:700;margin-bottom:8px}
.page{max-width:var(--maxw);margin:24px auto 60px;padding:0 16px}
.grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}
.banner{position:relative;height:260px;border-radius:18px;overflow:hidden;margin:16px 0 24px;border:1px solid var(--border)}
.banner img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.02)}
.banner h1{position:absolute;left:20px;bottom:16px;margin:0;font-size:clamp(24px,4vw,40px);background:#ffffffd9;padding:6px 10px;border-radius:10px;border:1px solid var(--border)}
.category{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px}
.category h2{margin:0 0 8px;font-size:20px;color:#111827}
.category ol{margin:0 0 0 18px;color:var(--muted)}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-form{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}
.contact-form .row{margin-bottom:12px}
.contact-form label{display:block;font-weight:600;margin-bottom:6px}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--ink)}
.site-footer{border-top:1px solid var(--border);margin-top:40px;background:#fff}
.footer-inner{max-width:var(--maxw);margin:0 auto;padding:18px 16px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.contact-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}
.footer-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.img-box{height:160px;border-radius:12px;border:1px dashed var(--border);display:grid;place-items:center;color:var(--muted);background:#fff}
.legal{text-align:center;padding:10px 12px 18px;color:var(--muted);font-size:13px}
@media (max-width: 1024px){
  .cards{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .grid-two{grid-template-columns:1fr}
  .dropdown{min-width:90vw}
}
@media (max-width: 720px){
  .nav-toggle{display:inline-block}
  .nav{display:none}
  .nav.open{display:block}
  .nav-list{flex-direction:column;gap:0;padding:8px 16px 16px}
  .has-dropdown .dropdown{position:static;display:none;box-shadow:none;border:0;padding:0;background:transparent}
  .has-dropdown.open .dropdown{display:block}
  .dropdown{min-width:auto;grid-template-columns:1fr!important}
  .cards{grid-template-columns:1fr}
  .contact-wrap{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
}