@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:root{--font-family-base: "Sora", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-sm: .95rem;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--color-text-primary: #1f1f1f;--color-text-muted: #4f4f51;--color-text-on-brand: #ffffff;--color-surface: #fdfdfd;--color-surface-inverse: #ffffff;--color-brand-primary: #4c5ec3;--color-hero-background: #f6f4ee;--color-icon-primary: #2f58ff;--color-border: rgba(0, 0, 0, .08);--color-overlay-soft: rgba(0, 0, 0, .12);--color-overlay-strong: rgba(0, 0, 0, .35);--gradient-primary: linear-gradient(135deg, #007bff, #6f42c1);--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--spacing-5xl: 6rem;--navbar-height: 120px;--container-max-width: 1360px;--container-padding: clamp(.75rem, 2.5vw, 2.5rem);--section-spacing: clamp(3rem, 8vw, 5rem);--transition-fast: .16s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 40px rgba(15, 23, 42, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--control-size-xl: 56px;--control-size-lg: 44px;--control-size-md: 48px;--icon-size-lg: 1.75rem;--icon-size-md: 1.5rem;--icon-size-sm: 1.375rem;--opacity-muted: .85;--z-navbar: 1000;--z-modal: 1100;--z-tooltip: 1200;--z-toast: 1300}.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-padding)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2xs{gap:var(--spacing-2xs)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.font-body{font-family:var(--font-family-base);font-weight:var(--font-weight-regular)}.font-heading{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);letter-spacing:.05em}.font-semibold{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.transition-fast{transition:var(--transition-fast)}.transition-base{transition:var(--transition-base)}.transition-slow{transition:var(--transition-slow)}.bg-surface{background-color:var(--color-surface)}.bg-brand{background-color:var(--color-brand-primary)}.bg-hero{background-color:var(--color-hero-background)}.gradient-primary{background:var(--gradient-primary);color:var(--color-text-on-brand)}.text-primary{color:var(--color-text-primary)}.text-brand{color:var(--color-brand-primary)}.text-muted{color:var(--color-text-muted)}.text-pre-line{white-space:pre-line}.text-on-brand{color:var(--color-text-on-brand)}.surface-base{background-color:var(--color-surface)}.btn{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);border-radius:999px;padding:var(--spacing-sm) var(--spacing-lg);border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:3px;box-shadow:0 0 0 6px #4c5ec326}.btn--filled{color:var(--color-text-on-brand);box-shadow:var(--shadow-lg)}.btn--outline{color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);background:transparent}.btn--on-brand{background:var(--color-surface-inverse);color:var(--color-brand-primary);border-color:var(--color-surface-inverse)}.icon-btn{width:44px;height:44px;border-radius:50%;border:none;background-color:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.icon-btn:hover{transform:translateY(-2px)}.icon-btn--primary{color:var(--color-icon-primary);box-shadow:none}html{overflow-x:hidden;width:100%}body{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);margin:0;color:var(--color-text-primary);background-color:var(--color-surface);overflow-x:hidden;width:100%;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);margin:0}p,span,li,button,input,textarea{font-family:inherit;font-weight:var(--font-weight-regular)}body.theme-light{--color-text-primary: #1f1a17;--color-text-muted: #5e544c;--color-surface: #f7f4ef;--color-hero-background: #efe9e2;background-color:var(--color-surface);color:var(--color-text-primary);color-scheme:light;--shell-panel-bg: #f7f4ef;--shell-panel-text: #1f1a17;--shell-content-bg: #f7f4ef;--shell-content-alt-bg: #efe9e2;--border-color-subtle: rgba(149, 129, 117, .25);--border-color-default: rgba(149, 129, 117, .35);--border-color-muted: rgba(149, 129, 117, .3);--shell-divider-color: rgba(31, 26, 23, .28)}body.theme-dark{--color-text-primary: #e5e7eb;--color-text-muted: #cbd5f5;--color-surface: #262626;--color-hero-background: #1f1f1f;background-color:var(--color-surface);color:var(--color-text-primary);color-scheme:dark;--shell-panel-bg: #1f1f1f;--shell-panel-text: #f9fafb;--shell-content-bg: #262626;--shell-content-alt-bg: #333333;--shell-divider-color: rgba(255, 255, 255, .18)}body.theme-dark .service-detail__backdrop{background:#1a1a1ad9}body.theme-light .service-detail__backdrop{background:#fbfcfabf}.navbar{width:100%;padding-block:.25rem;padding-inline:clamp(1.25rem,4vw,3rem);background-color:#efe9e2e6;position:fixed;top:0;left:0;right:0;z-index:1000;box-sizing:border-box;border-bottom:1px solid var(--shell-divider-color);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);overflow:visible}.theme-dark .navbar{background-color:#1f1f1fe6;box-shadow:0 2px 8px #00000059}body.theme-light .navbar{background-color:var(--color-hero-background);box-shadow:0 2px 8px #00000014}.navbar-container{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:1.5rem;row-gap:.75rem;flex-wrap:wrap;padding-inline-end:clamp(1.25rem,4vw,3rem)}.logo{flex:0 0 auto}.navbar__toggle{display:none;border:none;background:transparent;flex-direction:column;gap:6px;padding:.4rem;cursor:pointer;color:var(--color-text-primary)}.navbar__toggle-bar{width:26px;height:2px;background:currentColor;border-radius:999px}.logo-text{font-size:1.5rem;font-weight:700;color:#333;letter-spacing:2px}.logo-link{display:inline-flex;align-items:center}.logo-img{height:104px;max-height:calc(var(--navbar-height) - 12px);width:auto;display:block}.logo-mark{height:112px;max-height:calc(var(--navbar-height) - 12px);width:112px;display:block;background:var(--gradient-primary);-webkit-mask-image:url("./media/logo-hermopolis-software-partenaire-technique-de-confiance-QR3K3J6T.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:left center;-webkit-mask-size:contain;mask-image:url("./media/logo-hermopolis-software-partenaire-technique-de-confiance-QR3K3J6T.svg");mask-repeat:no-repeat;mask-position:left center;mask-size:contain}@media(max-width:600px){.logo-img{height:56px;max-height:calc(var(--navbar-height) - 20px)}.logo-mark{height:64px;width:64px}}.theme-dark .logo-text,.theme-dark .nav-link{color:#f5f5f5}.nav-right{display:flex;align-items:center;gap:1rem;flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap;min-width:0;flex-shrink:0}.nav-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-link{text-decoration:none;color:#333;font-weight:500;font-size:1rem;transition:color .3s ease}.nav-link:hover{color:#007bff}.theme-dark .nav-link:hover{color:#cbd5f5}.theme-dark .navbar__toggle{color:#f5f5f5}.btn,.contact-btn{border:none;padding:.65rem 1.35rem;border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6f42c14d}.contact-btn:active{transform:translateY(0)}@media(max-width:768px){.navbar-container{gap:1rem}.nav-right{display:none}.nav-links{gap:1rem}.navbar__toggle{display:inline-flex}.nav-link{font-size:.9rem}.logo-text{font-size:1.2rem}.contact-btn{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:480px){.navbar-container{flex-direction:column;gap:1rem;text-align:center}.logo{order:1}.nav-right{order:2;flex-direction:column;gap:1rem;width:100%}.nav-links{justify-content:center}.contact-btn,.hero-actions .btn{width:100%;max-width:220px}}