/* home.css */
.hero { min-height:calc(90vh - 108px); display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:60px 40px; gap:60px; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; top:-100px; right:-100px; width:600px; height:600px; background:radial-gradient(circle,var(--gold-pale) 0%,transparent 70%); pointer-events:none; }
.hero-content { position:relative; z-index:2; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:var(--gold-pale); border:1px solid var(--gold-light); color:var(--gold); padding:6px 16px; border-radius:100px; font-size:13px; font-weight:600; margin-bottom:28px; white-space:nowrap; width:fit-content; }
.hero-badge .dot { width:6px; height:6px; background:var(--gold); border-radius:50%; animation:pulse 2s infinite; flex-shrink:0; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }
.hero h1 { font-size:clamp(36px,5vw,62px); font-weight:900; line-height:1.15; color:var(--dark); margin-bottom:20px; }
.hero h1 em { font-style:normal; color:var(--gold); }
.hero-content > p { font-size:17px; color:var(--gray); line-height:1.8; max-width:480px; margin-bottom:40px; }
.hero-actions { display:flex; gap:16px; flex-wrap:wrap; }
.hero-visual { position:relative; display:flex; align-items:center; justify-content:center; }
.hero-card-main { background:var(--dark); border-radius:var(--radius-xl); width:100%; max-width:420px; aspect-ratio:1; position:relative; overflow:hidden; }
.hero-card-main img { width:100%; height:100%; object-fit:cover; display:block; }
.hero-card-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(15,20,25,.85) 35%,transparent 65%); }
.hero-card-text { position:absolute; bottom:32px; left:32px; right:32px; z-index:2; }
.hero-card-text h3 { color:#fff; font-size:20px; font-weight:700; margin-bottom:8px; }
.hero-card-text p  { color:rgba(255,255,255,.75); font-size:14px; line-height:1.6; margin:0; }
.hero-stat-cards { position:absolute; display:flex; flex-direction:column; gap:12px; left:-20px; bottom:30px; }
.stat-chip { background:var(--white); border-radius:var(--radius); padding:12px 18px; box-shadow:var(--shadow); display:flex; align-items:center; gap:10px; border:1px solid var(--border); }
.stat-chip .chip-icon { width:32px; height:32px; background:var(--gold-pale); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:16px; }
.stat-chip .num { font-size:20px; font-weight:900; color:var(--dark); }
.stat-chip .lbl { font-size:12px; color:var(--gray-light); }

.stats-strip { background:var(--dark); padding:48px 40px; display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item { text-align:center; padding:20px; border-right:1px solid rgba(255,255,255,.1); }
.stat-item:last-child { border:none; }
.stat-num   { font-size:48px; font-weight:900; color:var(--gold); line-height:1; margin-bottom:8px; }
.stat-label { color:rgba(255,255,255,.6); font-size:14px; }

.about-home { background:var(--white); }
.about-home-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; max-width:1200px; margin:0 auto; }
.about-home-img { position:relative; border-radius:var(--radius-xl); overflow:hidden; aspect-ratio:4/3; }
.about-home-img img { width:100%; height:100%; object-fit:cover; }
.about-home-img-overlay { position:absolute; inset:0; background:rgba(15,20,25,.2); }
.about-badge-box { position:absolute; bottom:-20px; left:30px; background:var(--gold); color:var(--dark); border-radius:16px; padding:20px 28px; font-weight:700; font-size:14px; box-shadow:0 8px 30px rgba(184,149,42,.4); }
.about-badge-box .big { font-size:32px; font-weight:900; display:block; line-height:1; margin-bottom:4px; }
.about-home-text h2 { font-size:clamp(26px,3vw,38px); font-weight:800; color:var(--dark); line-height:1.3; margin-bottom:20px; }
.about-home-text p  { color:var(--gray); font-size:16px; line-height:1.9; margin-bottom:16px; }
.feat-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:28px; }
.feat-item { display:flex; align-items:flex-start; gap:12px; padding:14px; border-radius:var(--radius); background:var(--bg); border:1px solid var(--border); }
.feat-icon { font-size:20px; margin-top:2px; }
.feat-item h4 { font-size:14px; font-weight:700; color:var(--dark); margin-bottom:4px; }
.feat-item p  { font-size:13px; color:var(--gray-light); margin:0; line-height:1.5; }

.services-home { background:var(--bg); }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1200px; margin:0 auto; }
.service-card { background:var(--white); border-radius:var(--radius-lg); border:1px solid var(--border); transition:all .35s; overflow:hidden; position:relative; }
.service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--gold); transform:scaleX(0); transition:transform .35s; z-index:1; }
.service-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--gold-light); }
.service-card:hover::before { transform:scaleX(1); }
.sc-img { height:180px; overflow:hidden; position:relative; }
.sc-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.service-card:hover .sc-img img { transform:scale(1.06); }
.sc-img-overlay { position:absolute; inset:0; background:linear-gradient(to bottom,transparent 50%,rgba(15,20,25,.5)); }
.sc-body { padding:26px; }
.sc-icon { width:56px; height:56px; background:var(--gold-pale); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-size:26px; transition:background .35s; }
.service-card:hover .sc-icon { background:var(--gold); }
.sc-body h3 { font-size:19px; font-weight:700; color:var(--dark); margin-bottom:10px; }
.sc-body p  { color:var(--gray); font-size:14px; line-height:1.8; margin-bottom:14px; }
.sc-link { color:var(--gold); font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:6px; transition:gap .3s; }
.sc-link:hover { gap:10px; }

.why-home { background:var(--dark); }
.why-home .section-header h2 { color:var(--white); }
.why-home .section-header p  { color:rgba(255,255,255,.6); }
.why-home .section-tag { background:rgba(184,149,42,.2); color:var(--gold-light); }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1200px; margin:0 auto; }
.why-card { border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-lg); padding:34px 26px; transition:all .35s; }
.why-card:hover { background:rgba(255,255,255,.04); border-color:var(--gold); transform:translateY(-4px); }
.why-num { font-size:44px; font-weight:900; color:var(--gold); opacity:.3; line-height:1; margin-bottom:14px; }
.why-card h3 { font-size:18px; font-weight:700; color:#fff; margin-bottom:10px; }
.why-card p  { color:rgba(255,255,255,.55); font-size:14px; line-height:1.8; }

@media (max-width:1024px) { .hero { grid-template-columns:1fr; } .hero-visual { display:none; } .about-home-grid { grid-template-columns:1fr; gap:40px; } .services-grid { grid-template-columns:1fr 1fr; } .why-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:768px) { .stats-strip { grid-template-columns:1fr 1fr; } .stat-item { border:none; border-bottom:1px solid rgba(255,255,255,.1); } .services-grid { grid-template-columns:1fr; } .why-grid { grid-template-columns:1fr; } .feat-grid { grid-template-columns:1fr; } }