.root{--accent:#ff6b35;--bg:#f4f6f8;--dark:#0f1720;--muted:#66707a}
:root{--accent:#ff6b35;--bg:#f4f6f8;--dark:#0f1720;--muted:#66707a}
html,body{height:100%}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fbfbfd 0%, #f4f6f8 100%);color:var(--dark);margin:0;-webkit-font-smoothing:antialiased}
.container{max-width:1200px;margin:0 auto;padding:20px}
.site-main{min-height:60vh}
.page{background:rgba(255,255,255,0.75);border-radius:14px;box-shadow:0 12px 40px rgba(15,23,32,0.06);padding:22px;margin:22px 0;backdrop-filter: blur(6px)}
.page h1{font-family:Lora,serif;font-size:2rem;margin:0 0 12px}
.page p{color:var(--muted);line-height:1.6}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
.logo-img{width:64px;height:64px;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,32,0.08)}
.site-title{font-weight:700;font-family:Lora,serif;font-size:1.15rem}
.hero{background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.85));border-radius:14px;padding:26px;margin:22px 0;overflow:hidden;box-shadow:0 12px 40px rgba(15,23,32,0.06)}
.hero-bg{width:100%;height:320px;object-fit:cover;border-radius:12px;box-shadow:inset 0 -30px 60px rgba(0,0,0,0.02)}
.hero-content h1{font-family:Lora,serif;font-size:2rem;margin:0 0 8px}
.hero-content p{color:var(--muted);margin:0}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.feature-card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,32,0.04)}
.feature-icon{font-size:1.6rem;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.feature-svg-icon{width:40px;height:40px;color:var(--accent)}
.feature-value{font-weight:700;font-size:1.1rem;margin:6px 0}
.feature-desc{color:var(--muted);margin:0}
.menu-icon{display:block;width:26px;height:26px;margin:0 auto 8px;filter:grayscale(15%) brightness(0.25);opacity:0.95;transition:filter .25s ease, transform .25s ease}
.menu-icon[src$=".svg"]{width:26px;height:26px}
.site-footer{background:#0f1720;color:#fff;padding:20px 0;margin-top:36px;border-top-left-radius:12px;border-top-right-radius:12px}
.footer-inner{display:flex;justify-content:space-between;align-items:center}

/* About page */
.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}
.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}
.stat{background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 24px rgba(15,23,32,0.04)}
.stat-value{font-weight:800;font-size:1.1rem}
.stat-label{color:var(--muted);font-size:.85rem;margin-top:4px}
.about-media{display:grid;gap:12px}
.about-img{width:100%;border-radius:14px;box-shadow:0 10px 26px rgba(15,23,32,0.06)}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.service-item{background:#fff;border-radius:14px;box-shadow:0 10px 26px rgba(15,23,32,0.06);padding:16px;overflow:hidden}
.service-img{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:10px}
.service-item h3{margin:8px 0 6px 0}
.service-item p{margin:0;color:var(--muted)}

.service-files{margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,23,32,0.10)}
.service-files-title{font-size:12px;font-weight:700;color:#49525b;letter-spacing:.02em;text-transform:uppercase}
.service-files-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.service-file{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;
  background:rgba(255,255,255,0.75);
  border:1px solid rgba(15,23,32,0.10);
  text-decoration:none;color:var(--dark);font-size:12px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.service-file:hover{transform:translateY(-2px);border-color:rgba(255,107,53,0.35);box-shadow:0 10px 20px rgba(15,23,32,0.10)}
.service-file-ico{font-size:14px}
.service-file-title{color:var(--muted)}

@media (max-width: 860px){
  .about-grid{grid-template-columns:1fr}
}

/* SVG Icons */
.tile-icon{width:32px;height:32px;color:var(--accent)}
.doc-svg-icon{width:24px;height:24px;color:var(--muted)}
.service-file-ico svg{width:16px;height:16px;color:var(--muted)}

/* Note: main-nav visual effect is defined in effects.css; keep base colors here only */
.main-nav a{color:var(--muted)}

/* Stats Section - Beautiful Cards */
.stats-section{margin:32px 0}
.stats-section h2{font-family:Lora,serif;font-size:1.75rem;margin:0 0 24px;text-align:center}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto}
.stat-card{
    background:linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border-radius:16px;
    padding:28px 24px;
    text-align:center;
    box-shadow:
        0 4px 20px rgba(15,23,32,0.06),
        0 1px 3px rgba(15,23,32,0.04);
    border:1px solid rgba(15,23,32,0.06);
    transition:all 0.35s cubic-bezier(0.4,0,0.2,1);
    position:relative;
    overflow:hidden
}
.stat-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg, var(--accent), #ff8c5a);
    opacity:0;
    transition:opacity 0.3s ease
}
.stat-card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 20px 40px rgba(15,23,32,0.12),
        0 8px 16px rgba(255,107,53,0.15);
}
.stat-card:hover::before{opacity:1}
.stat-icon-wrapper{
    width:64px;
    height:64px;
    margin:0 auto 16px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, rgba(255,107,53,0.1) 0%, rgba(255,107,53,0.05) 100%);
    transition:all 0.35s ease
}
.stat-card:hover .stat-icon-wrapper{
    transform:scale(1.1) rotate(5deg);
    background:linear-gradient(135deg, rgba(255,107,53,0.15) 0%, rgba(255,107,53,0.08) 100%);
    box-shadow:0 8px 24px rgba(255,107,53,0.2)
}
.stat-icon{width:32px;height:32px;color:var(--accent);transition:all 0.35s ease}
.stat-card:hover .stat-icon{transform:scale(1.15)}
.stat-card .stat-value{
    font-size:2rem;
    font-weight:800;
    color:var(--dark);
    margin:0 0 8px;
    line-height:1.2;
    transition:color 0.3s ease
}
.stat-card:hover .stat-value{color:var(--accent)}
.stat-card .stat-label{
    font-size:1rem;
    font-weight:600;
    color:var(--dark);
    margin:0 0 6px;
}
.stat-card .stat-desc{
    font-size:0.85rem;
    color:var(--muted);
    margin:0;
    line-height:1.4
}

/* Responsive */
@media (max-width: 900px){
    .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 540px){
    .stats-grid{grid-template-columns:1fr}
}

/* News Section */
.news-section{padding:32px 0}
.news-section .section-title{font-family:Lora,serif;font-size:1.75rem;margin:0 0 24px;text-align:center}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.news-card{
    background:linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border-radius:14px;
    padding:22px;
    box-shadow:0 6px 20px rgba(15,23,32,0.06);
    border:1px solid rgba(15,23,32,0.06);
    transition:all 0.3s ease
}
.news-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,23,32,0.10)}
.news-date{font-size:12px;color:var(--accent);font-weight:600;margin-bottom:8px}
.news-title{font-size:1.1rem;font-weight:700;margin:0 0 10px;color:var(--dark)}
.news-excerpt{font-size:14px;color:var(--muted);margin:0;line-height:1.5}