:root{--bg:#f8fafc;--surface:#fff;--fg:#0f172a;--muted:#475569;--border:#e2e8f0;--primary:#38b6ca;--primary-soft:#d0f4f8;--accent:#2a9ab8;--hero-bg:#e6f8fb;--shadow:0 24px 80px #0f172a14}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.site-header{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:20px 24px;display:flex;position:relative}.brand-group{flex-direction:column;gap:4px;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--fg);font-size:1.5rem;font-weight:700}.brand-slogan{color:var(--primary);margin:0;font-weight:600;line-height:1.4}.nav-links{flex-wrap:wrap;gap:28px;display:flex}.nav-links a{color:var(--muted);font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-toggle{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:6px;display:none}.nav-toggle .bar{background:var(--fg);border-radius:3px;width:22px;height:3px;margin:3px auto;display:block}.nav-toggle:focus{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.page-shell{min-height:calc(100vh - 140px)}.page-content{padding-top:64px}.container{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0}.hero{background:linear-gradient(#38b6ca14 0%,#ffffffe6 100%);padding:72px 0 56px}@media (max-width:899px){.hero{padding:48px 0 32px}}.hero-inner{gap:32px;display:grid}@media (min-width:900px){.hero-inner{grid-template-columns:1fr 1fr;align-items:center}}.hero-image{place-self:center;width:100%;max-width:320px}.hero.wide .hero-image{width:100%;max-width:none}@media (min-width:900px){.hero.wide .hero-inner{grid-template-columns:1fr}}.profile-image{aspect-ratio:1;object-fit:cover;width:100%;box-shadow:var(--shadow);object-position:center 20%;border:1px solid #38b6ca1f;border-radius:28px}.hero .eyebrow{background:var(--primary-soft);color:var(--primary);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin-bottom:24px;padding:8px 16px;font-weight:700;display:inline-flex}.hero h1{max-width:760px;margin:0;font-size:clamp(2rem,3.2vw,3.25rem);line-height:.95}.hero-text,.section-intro p,.section-cta p{max-width:720px;color:var(--muted);font-size:1.05rem}.hero-actions,.cta-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cta-actions{justify-content:center;margin-top:24px}.button{border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{background:var(--primary);color:#fff}.secondary{color:var(--primary);border:1px solid var(--primary);background:0 0}.section-header{max-width:720px;margin-bottom:24px}.section-label{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-weight:700;display:block}.section-block{border-top:1px solid var(--border);padding:24px 0}.section-block:first-of-type{border-top:none;padding-top:0}.section-block h3{margin-top:32px;margin-bottom:12px;font-size:1.65rem}.section-block p,.section-block ul{margin:0 0 14px}.section-block ul li{margin-bottom:8px}.cards,.steps{gap:24px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:32px;padding:32px;position:relative;overflow:hidden}.card h3{color:var(--fg);margin-top:0;margin-bottom:16px}.card p,.step p,ul li{color:var(--muted)}.service-card{min-height:220px;position:relative}.service-card:before{content:"";opacity:1;filter:brightness(.8);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.service-card:after{content:"";z-index:0;background:linear-gradient(#0f172a1a 0%,#0f172a3d 35%,#0f172ab3 100%);position:absolute;inset:0}.service-card h3,.service-card p{color:#fff;z-index:2;text-shadow:0 10px 22px #0f172a59;margin:0;position:relative}.service-card:before{background-image:var(--image-url,url(/images/service-bilan-bd.png))}.section-light{border-top:1px solid var(--border);background:#fff;padding:72px 0}.step{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px}.step strong{color:var(--primary);margin-bottom:16px;display:block}.benefits ul,.section-light ul{max-width:740px;color:var(--muted);margin:0;padding-left:20px;list-style:inside}.section-cta{background:var(--primary);color:#fff;text-align:center;border-radius:32px;margin-top:40px;padding:56px 32px}.section-cta h2{margin:0 0 16px;font-size:clamp(2rem,3vw,2.75rem)}.section-cta p{margin:0 auto 28px}.section-cta .button{background:var(--primary-soft);color:var(--fg);border:1px solid var(--fg)}.site-footer{border-top:1px solid var(--border);background:#f8fafc}.footer-inner{max-width:1120px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:24px;display:flex}.footer-links a{color:var(--primary)}@media (max-width:820px){.footer-inner{flex-direction:column;align-items:flex-start}.header-inner{align-items:center;width:100%;position:relative}.nav-links{gap:12px}.hero{padding:72px 0 56px}.nav-toggle{display:inline-flex}.nav-links{border-top:1px solid var(--border);z-index:25;background:#fffffffa;flex-direction:column;gap:0;width:100%;padding:12px 0 24px;display:none;position:fixed;inset:72px 0 0;overflow-y:auto;box-shadow:0 18px 42px #0f172a1f}.nav-links a{text-align:left;border-top:1px solid #0000;width:100%;padding:16px 24px;display:block}.nav-links a+a{border-top-color:var(--border)}.site-header.nav-open .nav-links{display:flex}.nav-toggle{order:3;margin-left:auto}.brand{order:1}.nav-links{order:2}}
