:root{--secondary:var(--primary-light);--light:var(--surface);--primary:#ab0000;--primary-light:#0f766e;--accent:#ab0000;--accent-soft:#fff7ed;--text:#1c1917;--muted:#57534e;--surface:#fafaf9;--surface-2:#fff;--border:rgba(19,78,74,.12);--radius:14px;--radius-lg:22px;--shadow:0 14px 40px rgba(15,23,42,.08);--transition:.22s ease}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;line-height:1.65;color:var(--text);background:var(--surface);overflow-x:hidden}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;color:var(--primary)}
a{color:inherit;text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}
img{max-width:100%;display:block}
ul{list-style:none}
button{font:inherit}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.top-bar{background:linear-gradient(90deg,var(--primary),var(--primary-light));color:#ecfdf5;font-size:.875rem}
.top-bar-content{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;flex-wrap:wrap}
.top-info{display:flex;gap:20px;flex-wrap:wrap;align-items:center;opacity:.95}
.top-info span{display:inline-flex;align-items:center;gap:8px}
.top-bar-tel{display:inline-flex;align-items:center;gap:8px;color:inherit;font-weight:600;white-space:nowrap}
.top-bar-tel:hover{opacity:1;color:#fff}
.top-social{display:flex;gap:14px;align-items:center}
.top-social a{opacity:.85;display:inline-flex;align-items:center;justify-content:center}
.top-social a:hover{opacity:1;color:#fff}
header{background:var(--surface-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;backdrop-filter:saturate(1.2) blur(10px)}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px}
.brand-link{display:flex;align-items:center;gap:10px}
.brand-logo{height:50px;width:auto;display:block}
.nav-links{display:flex;gap:8px;align-items:center}
.nav-links a{padding:10px 14px;border-radius:10px;font-weight:600;color:var(--primary);font-size:.95rem}
.nav-links a:hover{background:var(--accent-soft);color:var(--accent)}
.nav-links a.active{background:rgba(19,78,74,.08);color:var(--primary-light)}
.mobile-menu-btn{display:none;font-size:1.5rem;cursor:pointer;color:var(--primary);padding:8px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}
.hero{min-height:72vh;display:flex;align-items:center;background:linear-gradient(115deg,rgba(171, 0, 0),rgba(15,118,110,.55)),url("../images/header.webp");background-size:cover;background-position:center;color:#fff;padding:72px 0}
.hero-content{max-width:640px}
.hero h2{font-size:clamp(1.85rem,4vw,2.75rem);color:#fff;margin-bottom:16px;line-height:1.15}
.hero p{font-size:1.08rem;opacity:.94;margin-bottom:26px}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:12px;font-weight:700;font-size:.98rem;border:none;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 28px rgba(234,88,12,.35)}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.22)}
.btn-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--primary-light);margin-top:8px}
.btn-link:hover{color:var(--accent)}
.stats-section{margin-top:-36px;position:relative;z-index:2}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:var(--surface-2);padding:22px;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border)}
.stat-item{text-align:center;padding:16px 10px;border-radius:var(--radius)}
.stat-item h4{font-size:1.65rem;color:var(--accent)}
.stat-item p{color:var(--muted);font-weight:600;font-size:.92rem}
section{padding:72px 0}
.section-header{text-align:center;max-width:640px;margin:0 auto 44px}
.section-header h2{font-size:clamp(1.65rem,3vw,2.2rem);margin-bottom:12px}
.section-header p{color:var(--muted)}
.services-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.service-card{background:var(--surface-2);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.service-card img{aspect-ratio:4/3;object-fit:cover;background:#f5f5f4}
.service-content{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.service-content h3{font-size:1.2rem}
.featured-section{background:linear-gradient(180deg,#fff7ed 0%,transparent 55%)}
.featured-content{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.featured-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}
.featured-badge{position:absolute;bottom:18px;left:18px;background:var(--surface-2);padding:14px 18px;border-radius:14px;font-weight:700;color:var(--primary);box-shadow:var(--shadow)}
.featured-badge span{display:block;font-size:1.6rem;color:var(--accent)}
.featured-text h2{margin-bottom:14px}
.featured-text p{color:var(--muted);margin-bottom:18px}
.check-list{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.check-list li{display:flex;gap:12px;align-items:flex-start;font-weight:600;color:var(--text)}
.check-list i{color:var(--accent);margin-top:3px;font-size:1.1rem}
.info-section{background:var(--surface-2);border-block:1px solid var(--border)}
.info-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.info-item{padding:26px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}
.info-item i{font-size:2rem;color:var(--accent);margin-bottom:12px;display:inline-flex}
.info-item h3{margin-bottom:8px;font-size:1.12rem}
.info-item p{color:var(--muted);font-size:.96rem}
.testimonials-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.testimonial-card{background:var(--surface-2);border-radius:var(--radius-lg);padding:26px;border:1px solid var(--border);position:relative}
.testimonial-card .quote{font-size:2rem;color:var(--accent-soft);background:var(--accent);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.stars{color:#fbbf24;margin-bottom:12px;font-size:.95rem}
.testimonial-card p{color:var(--muted);margin-bottom:18px;font-style:italic}
.user-details h4{font-size:1rem;margin-bottom:4px}
.user-details span{font-size:.85rem;color:var(--muted);font-weight:600}
.process-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.process-item{background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:22px;position:relative;overflow:hidden}
.process-number{font-size:.85rem;font-weight:800;color:var(--accent);letter-spacing:.08em;margin-bottom:10px}
.process-item h3{margin-bottom:8px;font-size:1.08rem}
.process-item p{color:var(--muted);font-size:.95rem}
.faq-section{background:var(--surface)}
.faq-container{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}
.faq-question{padding:18px 20px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;color:var(--primary)}
.faq-question:hover{background:#fafaf9}
.faq-answer{max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;padding:0 20px}
.faq-item.active .faq-answer{max-height:220px;opacity:1;padding:0 20px 18px}
.faq-item.active .faq-question i{transform:rotate(45deg)}
.faq-question i{transition:transform var(--transition)}
.cta-banner{background:linear-gradient(120deg,var(--primary),var(--primary-light));color:#fff;padding:44px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}
.cta-banner h2{color:#fff;margin-bottom:10px}
.cta-banner p{opacity:.92;margin-bottom:20px}
.cta-banner .btn-primary{background:var(--accent)}
.footer{background:#0c1f1d;color:#e7e5e4;padding:64px 0 28px;margin-top:40px}
.footer-grid{display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:14px;color:#fff;font-weight:800;font-size:1.28rem;letter-spacing:-.02em}
.footer-brand-icon{width:54px;height:54px;color:#fff;flex-shrink:0}
.footer-col p{opacity:.78;line-height:1.7;font-size:.94rem}
.footer-col h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#a8a29e;margin-bottom:16px;font-weight:700}
.footer-col ul{display:flex;flex-direction:column;gap:10px;font-size:.95rem;opacity:.88}
.footer-col a:hover{color:#fff}
.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;opacity:.65;text-align:center}
.sticky-call{position:fixed;left:16px;right:16px;bottom:16px;z-index:999;display:flex;justify-content:center;pointer-events:none}
.sticky-call-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;padding:14px 22px;border-radius:999px;font-weight:800;box-shadow:0 14px 34px rgba(234,88,12,.45)}
.sticky-call-btn:hover{filter:brightness(1.06)}
.sub-hero{min-height:38vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:48px 20px;background:linear-gradient(120deg,rgba(19,78,74,.85),rgba(15,118,110,.65)),url("../images/header.webp");background-size:cover;background-position:center}
.sub-hero h2{font-size:clamp(1.75rem,3vw,2.35rem);color:#fff;margin-bottom:10px}
.sub-hero p{opacity:.92;font-size:1.05rem}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split-grid.reverse .text-col{order:2}
.split-grid.reverse .media-col{order:1}
.page-inner{padding:72px 0}
.legal-page{background:var(--surface-2)}
.legal-inner{max-width:760px;margin:0 auto}
.legal-inner h1{font-size:2rem;margin-bottom:12px}
.legal-inner h3{margin:28px 0 10px;font-size:1.05rem}
.legal-inner p,.legal-inner li{color:var(--muted);margin-bottom:12px}
.legal-inner ul{padding-left:1.2rem;list-style:disc}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}
.contact-list{display:flex;flex-direction:column;gap:22px}
.contact-row{display:flex;gap:18px;align-items:flex-start}
.contact-row .ci{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}
.contact-row strong{display:block;color:var(--primary);margin-bottom:4px;font-size:.92rem}
.contact-row a{font-weight:700;color:var(--primary-light)}
.values-strip{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:28px}
.value-card{padding:28px;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border)}
.value-card i{font-size:2.2rem;color:var(--accent);margin-bottom:12px;display:inline-flex}
.media-rounded{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow)}
.detail-stack{display:flex;flex-direction:column;gap:72px}
.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.list-check li{display:flex;gap:10px;margin-bottom:10px;color:var(--muted);align-items:flex-start}
.list-check i{color:var(--accent);margin-top:4px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.active{opacity:1;transform:none}
.cta-strip{margin-top:36px}
@media(max-width:900px){.split-grid,.featured-content{grid-template-columns:1fr}.split-grid.reverse .text-col,.split-grid.reverse .media-col{order:unset}.stats-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr}.detail-row .media-col.order-first{order:-1}}
@media(max-width:860px){.mobile-menu-btn{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface-2);flex-direction:column;align-items:stretch;padding:12px 16px 20px;border-bottom:1px solid var(--border);box-shadow:0 18px 40px rgba(0,0,0,.08)}.nav-links a{border-radius:10px}header.nav-open .nav-links{display:flex}header nav{position:relative}}
@media(max-width:768px){
.top-bar{font-size:.8125rem}
.top-bar-content{flex-wrap:nowrap;padding:8px 0;gap:12px}
.top-bar-hide-sm{display:none!important}
.top-info{flex:1;min-width:0;gap:0;flex-wrap:nowrap;justify-content:flex-start}
.top-bar-tel{font-weight:700;font-size:.875rem;gap:7px}
.top-social{flex-shrink:0;gap:8px}
.top-social a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.14);opacity:1;font-size:1rem}
.top-social a:hover{background:rgba(255,255,255,.24);color:#fff}
}
@media(max-width:540px){.stats-grid{grid-template-columns:1fr}.hero{min-height:62vh;padding:52px 0}}