/* === STYLE BLOCK 1 === */
@layer astro.images{:where([data-astro-image]){height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}[data-astro-image-fit=fill]{object-fit:fill}[data-astro-image-fit=contain]{object-fit:contain}[data-astro-image-fit=cover]{object-fit:cover}[data-astro-image-fit=scale-down]{object-fit:scale-down}[data-astro-image-pos=top]{object-position:top}[data-astro-image-pos=bottom]{object-position:bottom}[data-astro-image-pos=left]{object-position:left}[data-astro-image-pos=right]{object-position:right}[data-astro-image-pos=center]{object-position:center}[data-astro-image-pos=top-left]{object-position:top left}[data-astro-image-pos=top-right]{object-position:top right}[data-astro-image-pos=top-center]{object-position:top center}[data-astro-image-pos=bottom-left]{object-position:bottom left}[data-astro-image-pos=bottom-right]{object-position:bottom right}[data-astro-image-pos=bottom-center]{object-position:bottom center}[data-astro-image-pos=left-top]{object-position:left top}[data-astro-image-pos=left-bottom]{object-position:left bottom}[data-astro-image-pos=left-center]{object-position:left center}[data-astro-image-pos=right-top]{object-position:right top}[data-astro-image-pos=right-bottom]{object-position:right bottom}[data-astro-image-pos=right-center]{object-position:right center}[data-astro-image-pos=center-top]{object-position:center top}[data-astro-image-pos=center-bottom]{object-position:center bottom}[data-astro-image-pos=center-left]{object-position:center left}[data-astro-image-pos=center-right]{object-position:center right}}

/* --- Light & Clean Verified Stats Section (Reverted from dark blue) --- */
.sheet--night.stats-sheet {
  background: var(--color-sunken, #f8fafc) !important;
  border: 1px solid var(--color-border, #e2e8f0) !important;
  box-shadow: 0 4px 20px -2px rgba(60, 64, 67, 0.06) !important;
  color: var(--color-text, #0f172a) !important;
  padding: clamp(40px, 5vw, 60px) clamp(20px, 4vw, 40px) !important;
  border-radius: 28px !important;
  margin-block: clamp(40px, 5vw, 64px) !important;
}

.stats-sheet .stats-headline {
  color: #0f172a !important;
  font-family: var(--font-display);
  font-size: clamp(26px, 3.5vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}

.stats-sheet .stats-sub {
  color: #475569 !important;
  font-size: 1rem;
  max-width: 600px;
  margin-inline: auto;
  margin-bottom: 36px;
  line-height: 1.5;
}

.stats-sheet .stats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 960px) {
  .stats-sheet .stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}
@media (max-width: 640px) {
  .stats-sheet .stats-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}

.stats-sheet .stat-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 24px 16px !important;
  text-align: center !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.stats-sheet .stat-card:hover {
  transform: translateY(-3px);
  border-color: #0037a7 !important;
  box-shadow: 0 8px 20px rgba(0, 55, 167, 0.1) !important;
}

.stats-sheet .stat-value {
  color: #0037a7 !important; /* Netregia Royal Sapphire */
  font-family: var(--font-display);
  font-size: clamp(30px, 3.5vw, 40px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  display: block !important;
  letter-spacing: -0.02em;
}

.stats-sheet .stat-label {
  color: #475569 !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  display: block !important;
}

/* --- Clean & Aerated Études de Cas: Exactly 3 Per Line on Desktop --- */
.cases-section {
  padding-block: clamp(56px, 6vw, 80px);
}

.cases-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  margin-top: 36px !important;
}

@media (max-width: 1024px) {
  .cases-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 680px) {
  .cases-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.case-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 30px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  box-shadow: 0 1px 4px rgba(60, 64, 67, 0.05) !important;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.case-card:hover {
  transform: translateY(-4px) !important;
  border-color: #0037a7 !important;
  box-shadow: 0 16px 36px rgba(0, 55, 167, 0.12) !important;
}

.case-kpis {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  background: #f8fafc !important;
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
}

.case-kpi-val {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0037a7 !important;
  font-family: var(--font-display) !important;
}

.case-kpi-lbl {
  font-size: 11.5px !important;
  color: #64748b !important;
  margin-top: 2px !important;
}

.badge-chip--blue {
  background: #e8f0fe !important;
  color: #0037a7 !important;
}

.badge-chip--amber {
  background: #fff8e7 !important;
  color: #b45309 !important;
}


/* === STYLE BLOCK 2 === */

/* Google Fonts loaded via high-priority <link> in <head> */.contact-dropdown-wrapper{align-items:center;display:inline-flex;position:relative}@media (width<=768px){.contact-dropdown--hide-mobile{display:none!important}}.contact-trigger-btn{font-family:var(--font-body,inherit);cursor:pointer;border:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.contact-trigger-pill{background:var(--color-surface);min-height:38px;color:var(--color-text);border:1px solid var(--color-border);border-radius:9999px;padding:6px 16px;font-size:.875rem;box-shadow:0 1px 2px #3c40431a}.contact-trigger-pill:hover{background:var(--color-sunken);border-color:var(--color-border-strong);color:var(--color-brand);transform:translateY(-1px);box-shadow:0 1px 3px #3c404326}.contact-dropdown-wrapper.is-open .contact-trigger-pill{background:var(--color-brand-soft);border-color:var(--color-brand);color:var(--color-brand)}.contact-caret{color:var(--color-text-secondary);font-size:11px;transition:transform .2s,color .2s}.contact-dropdown-wrapper:hover .contact-caret,.contact-dropdown-wrapper.is-open .contact-caret{color:var(--color-brand);transform:rotate(180deg)}.contact-card-popover{background:var(--color-surface);width:310px;box-shadow:var(--shadow-card-hover,0 8px 24px #3c404326), 0 14px 36px #3c404329;border:1px solid var(--color-border);z-index:1000;opacity:0;visibility:hidden;transform-origin:100% 0;pointer-events:none;border-radius:20px;flex-direction:column;gap:4px;padding:8px;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),visibility .2s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset-block-start:calc(100% + 8px);transform:translateY(6px)scale(.98)}.contact-dropdown--align-right .contact-card-popover{transform-origin:100% 0;inset-inline-end:0}.contact-dropdown--align-left .contact-card-popover{transform-origin:0 0;inset-inline-start:0}.contact-card-popover:before{content:"";background:0 0;height:12px;position:absolute;inset-block-start:-12px;inset-inline:0}.contact-dropdown-wrapper:hover .contact-card-popover,.contact-dropdown-wrapper:focus-within .contact-card-popover,.contact-dropdown-wrapper.is-open .contact-card-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.contact-option-item{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;text-decoration:none;transition:background-color .15s;display:flex}.contact-option-item:hover{background:var(--color-sunken)}.contact-icon-circle{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.contact-icon--green{color:var(--lightningcss-light,#0f9d58)var(--lightningcss-dark,#34a853);background:var(--lightningcss-light,#e6f4ea)var(--lightningcss-dark,#137333)}.contact-icon--brand{background:var(--color-brand-soft);color:var(--color-brand)}.contact-icon--neutral{color:var(--color-text);background:var(--lightningcss-light,#f1f3f4)var(--lightningcss-dark,#3c4043)}.contact-ph-icon{font-size:20px}.contact-option-info{flex-direction:column;flex:1;gap:2px;display:flex}.contact-option-title{color:var(--color-text);letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.25}.contact-option-desc{color:var(--color-text-secondary);font-size:12.5px;font-weight:400;line-height:1.3}.copy-badge{opacity:0;color:var(--color-muted);font-size:16px;transition:opacity .15s,color .15s}.contact-option-item:hover .copy-badge{opacity:1;color:var(--color-brand)}@media (width<=640px){.contact-card-popover{width:280px;inset-inline-end:0}}.emdash-image-media{max-width:100%;height:auto}:where(:root.dark) .emdash-image--light,:where(:root.light) .emdash-image--dark{display:none}@media (prefers-color-scheme:dark){:where(:root:not(.light)) .emdash-image--light{display:none}}@media (prefers-color-scheme:light){:where(:root:not(.dark)) .emdash-image--dark{display:none}}.has-text-align-center{text-align:center}.has-text-align-right{text-align:right}.has-text-align-justify{text-align:justify}.emdash-image{margin:1.5rem 0}.emdash-image img{max-width:100%;height:auto}.emdash-image figcaption{color:var(--emdash-caption-color,var(--color-muted,#666));text-align:center;margin-top:.5rem;font-size:.875rem}.emdash-image--align-left,.emdash-image--align-right{width:fit-content;max-width:50%}.emdash-image--align-left{float:left;margin:0 1.5rem 1rem 0}.emdash-image--align-right{float:right;margin:0 0 1rem 1.5rem}.emdash-image--align-center{width:fit-content;margin-inline:auto}.emdash-image--align-wide,.emdash-image--align-full{width:100%}@media (width<=640px){.emdash-image--align-left,.emdash-image--align-right{float:none;width:100%;max-width:100%;margin-inline:0}}.emdash-code{margin:1.5rem 0}.emdash-code-filename{color:#ccc;background:#2d2d2d;border-radius:.5rem .5rem 0 0;padding:.5rem 1rem;font-family:monospace;font-size:.75rem}.emdash-code pre{background:#1e1e1e;border-radius:.5rem;margin:0;padding:1rem;overflow-x:auto}.emdash-code-filename+pre{border-radius:0 0 .5rem .5rem}.emdash-code code{color:#e0e0e0;font-family:Fira Code,Consolas,monospace;font-size:.875rem}.emdash-embed{margin:1.5rem 0}.emdash-embed-video{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.emdash-embed-video iframe,.emdash-embed-video video{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.emdash-embed-audio,.emdash-embed-audio audio{width:100%}.emdash-embed figcaption{color:var(--emdash-caption-color,var(--color-muted,#666));text-align:center;margin-top:.5rem;font-size:.875rem}.emdash-gallery{grid-template-columns:repeat(var(--columns,3), 1fr);gap:1rem;margin:1.5rem 0;display:grid}.emdash-gallery-item{margin:0}.emdash-gallery-item img{object-fit:cover;aspect-ratio:1;width:100%;height:auto}.emdash-gallery-item figcaption{color:var(--emdash-caption-color,var(--color-muted,#666));text-align:center;margin-top:.25rem;font-size:.75rem}@media (width<=640px){.emdash-gallery{grid-template-columns:repeat(2,1fr)}}.emdash-columns{gap:2rem;margin:1.5rem 0;display:flex}.emdash-column{flex:1;min-width:0}@media (width<=768px){.emdash-columns{flex-direction:column;gap:1rem}}.emdash-break{margin:2rem 0}.emdash-break-line{border:none;border-top:1px solid var(--emdash-break-color,var(--color-border,#e0e0e0))}.emdash-break-dots{text-align:center;color:var(--emdash-break-dots-color,var(--color-muted,#999));letter-spacing:.5em}.emdash-break-space{height:2rem}iframe[data-emdash-html-block]{border:0;width:100%;margin:1.5rem 0;display:block}.emdash-html-block{margin:1.5rem 0}.emdash-iframe{aspect-ratio:16/9;width:100%;margin:1.5rem 0}.emdash-iframe iframe{border:0;width:100%;height:100%;display:block}.emdash-video{margin:1.5rem 0}.emdash-video video{width:100%;height:auto;max-height:70vh;display:block}.emdash-video figcaption{color:var(--emdash-caption-color,var(--color-muted,#666));text-align:center;margin-top:.5rem;font-size:.875rem}.emdash-table-wrapper{overscroll-behavior-inline:contain;max-inline-size:100%;margin-block:1.5rem;overflow-x:auto}.emdash-table{border-collapse:collapse;inline-size:100%;font-size:.9rem}.emdash-table th,.emdash-table td{border:1px solid var(--color-border,#ddd);text-align:start;vertical-align:top;padding:.75rem;position:relative}.emdash-table th p,.emdash-table td p{margin:0}.emdash-table th{background:var(--color-surface,#f5f5f5);font-weight:600}.emdash-table tbody tr:nth-child(2n){background:var(--color-bg-subtle,#fafafa)}.emdash-table tbody tr:hover{background:var(--color-surface,#f0f0f0)}.emdash-button{cursor:pointer;border-radius:4px;padding:.75em 1.5em;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-block}.emdash-button--default,.emdash-button--fill{background-color:var(--emdash-button-bg,#0073aa);color:var(--emdash-button-color,#fff);border:2px solid var(--emdash-button-bg,#0073aa)}.emdash-button--default:hover,.emdash-button--fill:hover{background-color:var(--emdash-button-bg-hover,#005177);border-color:var(--emdash-button-bg-hover,#005177)}.emdash-button--outline{color:var(--emdash-button-bg,#0073aa);border:2px solid var(--emdash-button-bg,#0073aa);background-color:#0000}.emdash-button--outline:hover{background-color:var(--emdash-button-bg,#0073aa);color:var(--emdash-button-color,#fff)}.emdash-buttons{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;display:flex}.emdash-buttons--vertical{flex-direction:column;align-items:flex-start}.emdash-buttons--horizontal{flex-direction:row;align-items:center}.emdash-cover{background-color:var(--emdash-cover-fallback-bg,#333);border-radius:4px;align-items:center;margin:1.5rem 0;padding:2rem;display:flex;position:relative;overflow:hidden}.emdash-cover__background{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.emdash-cover__video{object-fit:cover}.emdash-cover__overlay{z-index:1;position:absolute;inset:0}.emdash-cover__content{z-index:2;width:100%;color:var(--emdash-cover-text-color,#fff);position:relative}.emdash-cover--align-left{text-align:left;justify-content:flex-start}.emdash-cover--align-center{text-align:center;justify-content:center}.emdash-cover--align-right{text-align:right;justify-content:flex-end}.emdash-cover__content h1,.emdash-cover__content h2,.emdash-cover__content h3,.emdash-cover__content h4,.emdash-cover__content p{color:inherit}.emdash-file{background-color:var(--emdash-file-bg,#f5f5f5);border:1px solid var(--emdash-file-border,#e0e0e0);border-radius:4px;align-items:center;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.emdash-file__link{color:var(--emdash-file-color,#333);flex:1;align-items:center;gap:.5rem;text-decoration:none;display:flex}.emdash-file__link:hover{text-decoration:underline}.emdash-file__icon{width:1.5rem;height:1.5rem;color:var(--emdash-file-icon-color,#666);flex-shrink:0}.emdash-file__name{word-break:break-all;font-weight:500}.emdash-file__download{background-color:var(--emdash-button-bg,#0073aa);width:2.5rem;height:2.5rem;color:var(--emdash-button-color,#fff);border-radius:4px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.emdash-file__download:hover{background-color:var(--emdash-button-bg-hover,#005177)}.emdash-file__download svg{width:1.25rem;height:1.25rem}.emdash-pullquote{border-top:4px solid var(--emdash-pullquote-border,#0073aa);border-bottom:4px solid var(--emdash-pullquote-border,#0073aa);text-align:center;margin:2rem 0;padding:1.5rem 2rem}.emdash-pullquote__text{color:var(--emdash-pullquote-color,#333);margin:0;font-size:1.5rem;font-style:italic;line-height:1.4}.emdash-pullquote__citation{color:var(--emdash-pullquote-citation-color,#666);margin-top:1rem;font-size:.9rem;font-style:normal}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:var(--lightningcss-light,#fafaf9)var(--lightningcss-dark,#0f0e0d);--color-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#181715);--color-sunken:var(--lightningcss-light,#f2f1ee)var(--lightningcss-dark,#1c1b19);--color-text:var(--lightningcss-light,#141312)var(--lightningcss-dark,#f3f2ef);--color-text-secondary:var(--lightningcss-light,#57534e)var(--lightningcss-dark,#b4afa8);--color-muted:var(--lightningcss-light,#78716c)var(--lightningcss-dark,#8f8982);--color-border:var(--lightningcss-light,#14131214)var(--lightningcss-dark,#ffffff14);--color-border-strong:var(--lightningcss-light,#14131229)var(--lightningcss-dark,#ffffff29);--color-brand:var(--color-text);--color-brand-strong:color-mix(in srgb, var(--color-brand) 84%, var(--color-bg));--color-brand-soft:var(--color-text-secondary);--color-on-brand:var(--lightningcss-light,#fafaf9)var(--lightningcss-dark,#141312);--color-brand-ring:color-mix(in srgb, var(--color-brand) 14%, transparent);--color-accent:var(--lightningcss-light,#d97706)var(--lightningcss-dark,#fbbf24);--color-accent-soft:color-mix(in srgb, var(--color-accent) 22%, transparent);--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171);--color-night:var(--lightningcss-light,#141312)var(--lightningcss-dark,#1c1b19);--color-on-night:#f3f2ef;--color-on-night-muted:#f3f2efa3;--glass-bg:var(--lightningcss-light,#ffffffc7)var(--lightningcss-dark,#1c1b19bd);--chip-bg:var(--lightningcss-light,#fafaf9c7)var(--lightningcss-dark,#181715b8);--chip-text:var(--lightningcss-light,#141312)var(--lightningcss-dark,#f3f2ef);--glow-daylight:radial-gradient(60% 70% at 100% 0%, var(--lightningcss-light,#ffcd9680)var(--lightningcss-dark,#ffaa5a14), transparent 70%), radial-gradient(40% 50% at 0% 100%, var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff05), transparent 70%);--glow-dusk:radial-gradient(55% 90% at 88% 0%, #ffa6573d, transparent 65%), radial-gradient(45% 70% at 0% 100%, #8ca0ff1a, transparent 70%);--font-heading:var(--font-body);--font-weight-heading:500;--font-weight-display:400;--font-size-display:clamp(54px, 8.4vw, 120px);--font-size-h2:clamp(38px, 4.4vw, 60px);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:4.5rem;--leading-tight:.95;--leading-snug:1.04;--leading-normal:1.6;--leading-relaxed:1.7;--tracking-tight:-.03em;--tracking-snug:-.02em;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--max-width:720px;--wide-width:1440px;--gutter:24px;--sheet-inset:clamp(8px, 1vw, 16px);--sheet-max:1680px;--section-space:clamp(80px, 9vw, 128px);--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-xl:22px;--radius-media:28px;--radius-sheet:clamp(20px, 2.2vw, 32px);--radius-full:9999px;--ease-out:cubic-bezier(.2, 0, 0, 1);--transition-fast:.15s var(--ease-out);--transition-base:.2s var(--ease-out);--transition-slow:.3s var(--ease-out);--shadow-card:0 0 0 1px var(--color-border), 0 1px 2px var(--lightningcss-light,#1413120a)var(--lightningcss-dark,#0000004d), 0 10px 28px -12px var(--lightningcss-light,#1413121f)var(--lightningcss-dark,#00000080);--shadow-card-hover:0 0 0 1px var(--color-border-strong), 0 2px 4px var(--lightningcss-light,#1413120d)var(--lightningcss-dark,#0000004d), 0 18px 40px -14px var(--lightningcss-light,#14131233)var(--lightningcss-dark,#0009);--shadow-glass:inset 0 0 0 1px var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff14), 0 0 0 1px var(--color-border), 0 12px 32px -12px var(--lightningcss-light,#1413122e)var(--lightningcss-dark,#0009);--shadow-sm:0 1px 2px var(--lightningcss-light,#1413120d)var(--lightningcss-dark,#0000004d);--shadow:var(--shadow-card);--shadow-lg:var(--shadow-card-hover);--shadow-xl:0 0 0 1px var(--color-border), 0 24px 56px -16px var(--lightningcss-light,#1413123d)var(--lightningcss-dark,#000000b3)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=640px){:root{--radius-media:22px}}@supports not (color:light-dark(#000, #fff)){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fafaf9;--color-surface:#fff;--color-sunken:#f2f1ee;--color-text:#141312;--color-text-secondary:#57534e;--color-muted:#78716c;--color-border:#14131214;--color-border-strong:#14131229;--color-on-brand:#fafaf9;--color-accent:#d97706;--color-danger:#dc2626;--color-night:#141312;--glass-bg:#ffffffc7;--chip-bg:#fafaf9c7;--chip-text:#141312;--glow-daylight:radial-gradient(60% 70% at 100% 0%, #ffcd9680, transparent 70%), radial-gradient(40% 50% at 0% 100%, #ffffffb3, transparent 70%);--shadow-card:0 0 0 1px var(--color-border), 0 1px 2px #1413120a, 0 10px 28px -12px #1413121f;--shadow-card-hover:0 0 0 1px var(--color-border-strong), 0 2px 4px #1413120d, 0 18px 40px -14px #14131233;--shadow-glass:inset 0 0 0 1px #ffffffb3, 0 0 0 1px var(--color-border), 0 12px 32px -12px #1413122e;--shadow-sm:0 1px 2px #1413120d;--shadow-xl:0 0 0 1px var(--color-border), 0 24px 56px -16px #1413123d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@supports (color:light-dark(#000, #fff)){:root.light{color-scheme:light}:root.dark{color-scheme:dark}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100vh;font-family:var(--font-body);font-size:var(--font-size-base);font-feature-settings:"cv11", "ss01";line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}main{flex:1}main:focus{outline:none}a:where(:not([class*=emdash]):not([class*=ec-])){color:currentColor;text-decoration:none}p a:not([class]),li a:not([class]){color:var(--color-brand);text-underline-offset:2px;text-decoration:underline}:where(:not([class*=emdash]):not([class*=ec-])):focus-visible{outline:2px solid var(--color-text);outline-offset:2px}:where(.sheet--night) :focus-visible,.btn-light:focus-visible,.btn-glass:focus-visible{outline-color:var(--color-on-night)}img{max-width:100%;height:auto;display:block}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-heading);letter-spacing:-.01em;text-wrap:balance;line-height:1.3}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}.skip-link{z-index:100;border-radius:var(--radius-full);background:var(--color-brand);color:var(--color-on-brand);transition:translate var(--transition-fast);padding:10px 18px;font-size:14px;font-weight:500;position:fixed;inset-block-start:12px;inset-inline-start:12px;translate:0 calc(-100% - 24px)}.skip-link:focus{translate:0}.container{width:min(100% - var(--gutter) * 2, var(--wide-width));margin-inline:auto}.section{padding-block:calc(var(--section-space) / 2)}.sheet-section{margin-block:calc(var(--section-space) / 2)}.sheet-body{padding-block:var(--section-space)}.page-blocks{flex-direction:column;display:flex}section[id],main{scroll-margin-top:88px}.media{isolation:isolate;border-radius:var(--radius-media);position:relative;overflow:hidden}.media:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--lightningcss-light,oklch(0% 0 0/.1))var(--lightningcss-dark,oklch(100% 0 0/.1))}.media__img{display:block}.sheet{isolation:isolate;width:min(100% - var(--sheet-inset) * 2, var(--sheet-max));border-radius:var(--radius-sheet);margin-inline:auto;position:relative;overflow:hidden}.sheet--sunken{background:var(--glow-daylight), var(--color-sunken)}.sheet--night{color:var(--color-on-night);background:var(--glow-dusk), var(--color-night);box-shadow:inset 0 0 0 1px var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--color-border))}.section-header{max-width:780px;margin-bottom:clamp(40px,5vw,64px)}.section-header--center{text-align:center;margin-inline:auto}.section-headline{font-family:var(--font-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-display);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);text-wrap:balance;overflow-wrap:break-word}.section-headline__muted{color:var(--color-muted)}.section-subheadline{color:var(--color-text-secondary);text-wrap:pretty;margin-top:20px;font-size:18px;line-height:1.55}.eyebrow{font-family:var(--font-body);letter-spacing:normal;color:var(--color-text-secondary);font-size:13px;font-weight:500;line-height:1.4;display:inline-block}.eyebrow+:is(h1,h2,h3){margin-top:18px}.display{font-family:var(--font-display);font-weight:var(--font-weight-display);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);text-wrap:balance;overflow-wrap:break-word}.lead{color:var(--color-text-secondary);text-wrap:pretty;font-size:19px;line-height:1.55}.sheet--night :is(.eyebrow,.lead,.section-subheadline,.section-headline__muted){color:var(--color-on-night-muted)}.btn,.btn-primary{border-radius:var(--radius-full);background:var(--color-brand);min-height:44px;color:var(--color-on-brand);text-align:center;cursor:pointer;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), scale var(--transition-fast);border:0;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover,.btn-primary:hover{background:var(--color-brand-strong)}.btn:active,.btn-primary:active{scale:.96}.btn-secondary{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card)}.btn-secondary:hover{background:var(--color-surface);box-shadow:var(--shadow-card-hover)}.btn-light{color:#141312;background:#fafaf9}.btn-light:hover{background:#fff}.btn-glass{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff4d}.btn-glass:hover{background:#fff3}.btn-sm{min-height:40px;padding-inline:16px;font-size:14px}.btn-lg{min-height:50px;padding-inline:24px;font-size:15.5px}.actions{flex-wrap:wrap;gap:10px;display:flex}.text-link{align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.arrow{transition:translate var(--transition-base);flex:none}:is(.btn,.text-link) .arrow{font-size:15px}:is(.btn,.text-link):hover .arrow{translate:2px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .arrow{scale:-1 1}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) :is(.btn,.text-link):hover .arrow{translate:-2px}.card{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), translate var(--transition-base)}.card--lift:hover{box-shadow:var(--shadow-card-hover);translate:0 -2px}.icon-tile{border-radius:var(--radius);background:var(--color-sunken);width:44px;height:44px;color:var(--color-text);flex:none;place-items:center;font-size:21px;display:grid}.media-chip{z-index:1;border-radius:var(--radius-full);background:var(--chip-bg);max-width:calc(100% - 2*clamp(12px,1.6vw,24px));min-height:40px;color:var(--chip-text);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);align-items:center;padding-block:9px;padding-inline:16px;font-size:13.5px;font-weight:500;line-height:1.3;display:inline-flex;position:absolute;inset-block-end:clamp(12px,1.6vw,24px);inset-inline-start:clamp(12px,1.6vw,24px);box-shadow:inset 0 0 0 1px var(--lightningcss-light,#fff9)var(--lightningcss-dark,#ffffff1a),0 10px 30px -10px var(--lightningcss-light,#00000059)var(--lightningcss-dark,#00000080)}.tick{background:var(--color-sunken);width:22px;height:22px;color:var(--color-text);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:12px;display:grid}.sheet--night .tick{color:var(--color-on-night);background:#ffffff1f}.avatar{background:var(--color-sunken);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-secondary);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:13.5px;font-weight:500;display:grid}.empty-state{max-width:640px;padding-block:var(--section-space);text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.empty-state__title{font-size:var(--font-size-h2);line-height:var(--leading-snug)}.empty-state .actions{justify-content:center;margin-top:12px}@media (width<=640px){.media-chip{border-radius:16px;font-size:12.5px}}@media (prefers-reduced-motion:no-preference){.rise{animation:rise-in .9s var(--ease-out) both;animation-delay:calc(var(--rise-index,0) * 90ms)}@supports (animation-timeline:view()){.settle img{animation:linear both media-settle;animation-timeline:view();animation-range:entry cover 45%}}}@keyframes rise-in{0%{opacity:0;filter:blur(6px);translate:0 14px}}@keyframes media-settle{0%{scale:1.12}to{scale:1}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans", "Google Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Plus Jakarta Sans", "Google Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-display:700;--font-weight-heading:600;--color-brand:var(--lightningcss-light,#1a73e8)var(--lightningcss-dark,#8ab4f8);--color-brand-strong:var(--lightningcss-light,#1557d0)var(--lightningcss-dark,#aecbfa);--color-brand-soft:var(--lightningcss-light,#e8f0fe)var(--lightningcss-dark,#172b4d);--color-on-brand:#fff;--color-brand-ring:color-mix(in srgb, var(--color-brand) 25%, transparent);--color-accent:var(--lightningcss-light,#0f9d58)var(--lightningcss-dark,#34a853);--color-accent-soft:var(--lightningcss-light,#e6f4ea)var(--lightningcss-dark,#137333);--color-success:#0f9d58;--color-warning:#f9ab00;--color-danger:#ea4335;--color-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202124);--color-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#303134);--color-sunken:var(--lightningcss-light,#f8f9fa)var(--lightningcss-dark,#282a2d);--color-subtle:var(--lightningcss-light,#f1f3f4)var(--lightningcss-dark,#3c4043);--color-text:var(--lightningcss-light,#202124)var(--lightningcss-dark,#e8eaed);--color-text-secondary:var(--lightningcss-light,#5f6368)var(--lightningcss-dark,#9aa0a6);--color-muted:#5f6368;--color-border:var(--lightningcss-light,#dadce0)var(--lightningcss-dark,#3c4043);--color-border-strong:var(--lightningcss-light,#bdc1c6)var(--lightningcss-dark,#5f6368);--color-night:var(--lightningcss-light,#f8f9fa)var(--lightningcss-dark,#202124);--color-on-night:var(--lightningcss-light,#202124)var(--lightningcss-dark,#fff);--color-on-night-muted:var(--lightningcss-light,#5f6368)var(--lightningcss-dark,#ffffffb8);--glass-bg:var(--lightningcss-light,#fffffff5)var(--lightningcss-dark,#202124f5);--chip-bg:var(--lightningcss-light,#f1f3f4f2)var(--lightningcss-dark,#303134eb);--chip-text:var(--lightningcss-light,#202124)var(--lightningcss-dark,#f8f9fa);--radius-card:20px;--radius-sheet:28px;--shadow-card:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--shadow-card-hover:0 1px 3px 0 #3c40434d, 0 4px 12px 3px #3c404326;--shadow-glass:0 1px 3px 0 #3c40431f, 0 4px 8px 3px #3c404314;--glow-daylight:radial-gradient(50% 60% at 90% 0%, var(--lightningcss-light,#e8f0fecc)var(--lightningcss-dark,#1a73e814), transparent 70%), radial-gradient(40% 50% at 10% 100%, var(--lightningcss-light,#e6f4ea99)var(--lightningcss-dark,#0f9d580d), transparent 70%);--glow-dusk:radial-gradient(60% 80% at 85% 0%, var(--lightningcss-light,#e8f0fe80)var(--lightningcss-dark,#1a73e82e), transparent 70%), radial-gradient(40% 60% at 10% 100%, var(--lightningcss-light,#e6f4ea66)var(--lightningcss-dark,#0f9d581f), transparent 70%)}:root.light{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}:root.dark{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}.btn,.btn-primary{min-height:44px;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #3c40434d;background-color:var(--color-brand)!important;color:#fff!important}.btn:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326;background-color:var(--color-brand-strong)!important}.btn-secondary{color:var(--color-brand)!important;border:1px solid var(--color-border)!important;box-shadow:none!important;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#303134)!important}.btn-secondary:hover{border-color:var(--color-border-strong)!important;background-color:var(--lightningcss-light,#f8f9fa)var(--lightningcss-dark,#3c4043)!important;box-shadow:0 1px 2px #3c404333!important}.btn-light{background-color:var(--color-brand-soft)!important;color:var(--color-brand)!important;border:1px solid #0000!important}.btn-light:hover{background-color:var(--lightningcss-light,#d2e3fc)var(--lightningcss-dark,#1e3a66)!important}.hero__announce{border:1px solid color-mix(in srgb, var(--color-brand) 20%, transparent);letter-spacing:.01em;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex;background-color:var(--color-brand-soft)!important;color:var(--color-brand)!important;box-shadow:none!important}.site-header .nav{border:1px solid var(--color-border);border-radius:9999px;height:64px;background:var(--glass-bg)!important;box-shadow:var(--shadow-glass)!important}.nav__links a{color:var(--color-text-secondary);border-radius:9999px;padding:6px 14px;font-size:.9375rem;font-weight:500;transition:color .15s,background-color .15s}.nav__links a:hover{color:var(--color-brand);background-color:var(--color-sunken)}.netregia-logo{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.netregia-logo__icon{flex-shrink:0;display:block}.netregia-logo__text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-size:1.375rem;font-weight:800;line-height:1}.nav__admin{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9999px;justify-content:center;align-items:center;padding:6px 14px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;color:var(--color-text-secondary)!important}.nav__admin:hover{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand)!important}.card,.features__card,.plan{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover,.card--lift:hover,.features__card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.plan{border-radius:24px!important;padding:36px 32px!important}.plan--highlighted{border:2px solid var(--color-brand)!important;box-shadow:0 4px 24px -2px #1a73e833, var(--shadow-card)!important;color:var(--color-text)!important;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#282a2d)!important}.plan--highlighted .plan__name{color:var(--color-text)!important}.plan--highlighted .plan__badge{letter-spacing:.02em;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:600;background:var(--color-brand)!important;color:#fff!important}.plan--highlighted .plan__period,.plan--highlighted .plan__description,.plan--highlighted .plan__features li{color:var(--color-text-secondary)!important}.plan--highlighted .plan__action .btn{background-color:var(--color-brand)!important;color:#fff!important;box-shadow:0 2px 6px #1a73e859!important}.plan--highlighted .plan__action .btn:hover{background-color:var(--color-brand-strong)!important;box-shadow:0 4px 12px #1a73e873!important}.tick{flex:none;place-items:center;width:22px;height:22px;display:grid;background:var(--color-brand-soft)!important;color:var(--color-brand)!important;border-radius:50%!important}.sheet--night .tick{color:#fff!important;background:#ffffff29!important}.text-link{font-weight:500;text-decoration:none;color:var(--color-brand)!important}.text-link:hover{text-decoration:underline;color:var(--color-brand-strong)!important}.faq__item{transition:box-shadow .2s,border-color .2s;border:1px solid var(--color-border)!important;background:var(--color-surface)!important;border-radius:16px!important}.faq__item:hover{border-color:var(--color-border-strong)!important}.faq__item[open]{box-shadow:var(--shadow-card-hover)!important;border-color:var(--color-brand)!important}.faq__icon{background:var(--color-brand-soft)!important;color:var(--color-brand)!important;border-radius:50%!important}.avatar{background:var(--color-brand-soft)!important;color:var(--color-brand)!important;border-radius:50%!important;font-weight:600!important}.icon-tile{border:1px solid color-mix(in srgb, var(--color-brand) 15%, transparent);background:var(--color-brand-soft)!important;color:var(--color-brand)!important;border-radius:14px!important}.utility-bar{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background-color:var(--lightningcss-light,#f8f9fa)var(--lightningcss-dark,#202124);padding-block:.5rem;font-size:.8125rem}.utility-bar__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.utility-bar__left,.utility-bar__right{align-items:center;gap:.625rem;display:flex}.utility-link{color:inherit;align-items:center;gap:.35rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.utility-link:hover{color:var(--color-brand)}.utility-icon{color:var(--color-brand);font-size:.875rem}.utility-icon-sm{font-size:.75rem}.utility-sep{opacity:.35}.utility-badge{color:var(--lightningcss-light,#137333)var(--lightningcss-dark,#a8dab5);background-color:var(--lightningcss-light,#e6f4ea)var(--lightningcss-dark,#137333);border-radius:9999px;align-items:center;gap:.375rem;padding:.2rem .55rem;font-size:.6875rem;font-weight:600;display:inline-flex}.pulse-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.lang-pill{color:var(--color-text);background-color:var(--lightningcss-light,#e8eaed)var(--lightningcss-dark,#3c4043);border-radius:9999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.mobile-dock{display:none}@media (width<=768px){.mobile-dock{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);background-color:var(--lightningcss-light,#fffffffa)var(--lightningcss-dark,#202124fa);gap:.5rem;padding:.625rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #3c404326}.mobile-dock__btn{border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding-block:.625rem;padding-inline:.5rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.mobile-dock__btn--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.mobile-dock__btn--whatsapp{color:#fff;background-color:#15803d}.mobile-dock__btn--primary{color:#fff;background-color:#1a73e8}body{padding-bottom:4rem}}.cookie-banner{z-index:1050;max-width:440px;color:var(--color-text);border:1px solid var(--color-border);background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#202124);border-radius:20px;padding:1.25rem;font-size:.8125rem;display:none;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 4px 16px #3c404340}.cookie-banner--visible{animation:.3s ease-out slideUp;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cookie-banner__content{gap:.875rem;margin-bottom:1rem;display:flex}.cookie-banner__icon{color:#1a73e8;flex-shrink:0;font-size:1.5rem}.cookie-banner__text strong{color:var(--color-text);margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.cookie-banner__text p{color:var(--color-text-secondary);margin:0;line-height:1.5}.cookie-banner__actions{justify-content:flex-end;gap:.5rem;display:flex}.nav__logo-img{object-fit:contain;width:auto;max-width:170px;height:38px;display:block}.footer__logo-img{object-fit:contain;width:auto;max-width:190px;height:42px;display:block}:root.dark .nav__logo-img,:root.dark .footer__logo-img{filter:brightness(1.2)drop-shadow(0 0 1px #fff6)}.sheet--night{background:var(--glow-dusk), var(--color-night)!important;color:var(--color-on-night)!important;border:1px solid var(--color-border)!important}.sheet--night .stats__value{color:var(--color-brand)!important}.sheet--night .stats__subheadline,.sheet--night .stats__label{color:var(--color-on-night-muted)!important}.cta--night.sheet--night{background:var(--glow-daylight), var(--color-night)!important;color:var(--color-on-night)!important;border:1px solid var(--color-border)!important}.cta--night .cta__headline{color:var(--color-on-night)!important}.cta--night .cta__body{color:var(--color-on-night-muted)!important}.cta--night .btn-light{background-color:var(--color-brand)!important;color:#fff!important}.cta--night .btn-glass{background-color:var(--color-surface)!important;color:var(--color-brand)!important;border:1px solid var(--color-border)!important}.contact-form-wrap{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:24px;margin-block-start:clamp(48px,6vw,72px);padding:clamp(28px,4vw,48px)}.contact-form-head{text-align:center;margin-block-end:28px}.contact-form-title{font-family:var(--font-display);color:var(--color-text);margin-block:8px 10px;font-size:clamp(24px,3vw,36px);font-weight:700}.contact-form-subtitle{color:var(--color-text-secondary);max-width:54ch;margin-inline:auto;font-size:.9375rem}.contact-form{gap:20px;max-width:720px;margin-inline:auto;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-text);letter-spacing:.01em;font-size:.8125rem;font-weight:600}.form-group .required{color:#ea4335}.form-group input,.form-group select,.form-group textarea{width:100%;font-family:var(--font-body);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);border-radius:12px;outline:none;padding:12px 16px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-ring)}.form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-start:12px;display:flex}.form-privacy{color:var(--color-muted);align-items:center;gap:8px;max-width:44ch;font-size:.75rem;line-height:1.4;display:inline-flex}.form-privacy-icon{color:#0f9d58;flex-shrink:0;font-size:1.25rem}.form-status{border-radius:12px;padding:14px 20px;font-size:.875rem;font-weight:500}.form-status--success{color:var(--lightningcss-light,#137333)var(--lightningcss-dark,#e6f4ea);background-color:var(--lightningcss-light,#e6f4ea)var(--lightningcss-dark,#137333);border:1px solid var(--lightningcss-light,#a8dab5)var(--lightningcss-dark,#1e8e3e)}.form-status--error{color:var(--lightningcss-light,#c5221f)var(--lightningcss-dark,#fce8e6);background-color:var(--lightningcss-light,#fce8e6)var(--lightningcss-dark,#5c1b18);border:1px solid var(--lightningcss-light,#fad2cf)var(--lightningcss-dark,#ea4335)}html,body{-webkit-text-size-adjust:100%;max-width:100vw;position:relative;overflow-x:hidden}*,:before,:after{box-sizing:border-box}@media (width<=768px){:root{--font-size-display:clamp(28px, 7.5vw, 40px);--font-size-h2:clamp(22px, 5.5vw, 32px);--gutter:14px;--sheet-inset:10px;--section-space:48px}.utility-bar{display:none!important}.site-header{padding-block-start:8px!important;padding-inline:10px!important}.site-header .nav{border-radius:9999px!important;justify-content:space-between!important;gap:10px!important;height:54px!important;padding-inline:14px 10px!important}.nav__logo-img{max-width:125px!important;height:28px!important}.nav__cta{display:none!important}.nav__menu-btn{border-radius:50%!important;width:40px!important;height:40px!important;display:grid!important}.nav__panel{border:1px solid var(--color-border)!important;border-radius:20px!important;padding:12px!important;inset-block-start:calc(100% + 6px)!important;box-shadow:0 12px 36px #3c404338!important}.nav__panel a{border-radius:12px!important;min-height:48px!important;padding-inline:16px!important;font-size:.9375rem!important;font-weight:500!important}.nav__panel-cta{border-top:1px solid var(--color-border);margin-block-start:8px;padding-block-start:8px}.nav__panel-cta .btn{width:100%!important;min-height:46px!important}.hero{padding-block-start:24px!important}.hero__announce{white-space:normal!important;text-align:left!important;max-width:100%!important;padding:6px 14px!important;font-size:.75rem!important;line-height:1.35!important}.hero__headline{font-size:var(--font-size-display)!important;letter-spacing:-.02em!important;text-wrap:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;max-width:100%!important;line-height:1.15!important}.hero__lead{max-width:100%!important;font-size:.9375rem!important;line-height:1.5!important}.hero__row{gap:20px!important;margin-block-start:20px!important}.hero .actions{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.hero .actions .btn{width:100%!important;min-height:48px!important;font-size:.9375rem!important}.hero__media{aspect-ratio:16/10!important;border-radius:18px!important;margin-block-start:24px!important}.container{padding-inline:var(--gutter)!important}.sheet{border-radius:20px!important;width:calc(100% - 20px)!important;margin-inline:10px!important}.sheet-body{padding-block:32px!important;padding-inline:16px!important}.section-headline{font-size:var(--font-size-h2)!important;letter-spacing:-.015em!important;text-wrap:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;line-height:1.2!important}.section-header{margin-bottom:28px!important}.features{grid-template-columns:1fr!important;gap:12px!important}.feature{border-radius:16px!important;padding:20px 18px 22px!important}.feature__title{margin-block-start:16px!important;font-size:1.0625rem!important}.feature__description{font-size:.875rem!important;line-height:1.55!important}.split__grid{grid-template-columns:1fr!important;gap:24px!important}.split__body{font-size:.9375rem!important;line-height:1.55!important}.split__points{gap:10px!important}.split__points li{font-size:.875rem!important}.split__media{border-radius:18px!important;margin-block-start:16px!important}.stats__list{grid-template-columns:1fr 1fr!important;gap:24px 14px!important}.stats__value{font-size:clamp(30px,9vw,44px)!important;line-height:1!important}.stats__label{margin-block-start:8px!important;font-size:.8125rem!important;line-height:1.35!important}.testimonials__featured-quote{font-size:clamp(18px,4.8vw,24px)!important;line-height:1.35!important}.testimonials__grid{grid-template-columns:1fr!important;gap:12px!important}.testimonials__card{border-radius:16px!important;padding:20px 18px!important}.plans{grid-template-columns:1fr!important;gap:16px!important}.plan{border-radius:20px!important;padding:24px 20px!important}.plan__amount{font-size:40px!important}.plan__action{padding-block-start:20px!important}.plan__action .btn{min-height:48px!important}.faq{gap:24px!important}.faq__question{gap:12px!important;padding-block:14px!important;padding-inline:16px 14px!important;font-size:.9375rem!important}.faq__answer{padding-block-end:16px!important;padding-inline:16px!important;font-size:.875rem!important}.cta{min-height:auto!important;padding-block:40px!important}.cta__content{padding-inline:16px!important}.cta__headline{font-size:clamp(24px,6.5vw,36px)!important;line-height:1.2!important}.cta__body{margin-block-start:14px!important;font-size:.9375rem!important}.cta__actions{flex-direction:column!important;gap:10px!important;width:100%!important;margin-block-start:24px!important;display:flex!important}.cta__actions .btn{width:100%!important;min-height:48px!important}.contact{grid-template-columns:1fr!important;gap:12px!important}.contact__card{border-radius:16px!important;padding:20px 18px!important}.contact-form-wrap{border-radius:18px!important;margin-block-start:32px!important;padding:20px 16px!important}.form-grid{grid-template-columns:1fr!important;gap:14px!important}.form-group input,.form-group select,.form-group textarea{border-radius:10px!important;padding:12px 14px!important;font-size:16px!important}.form-footer{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.form-footer .btn{width:100%!important;min-height:48px!important}.site-footer{padding-top:32px!important}.footer__grid{grid-template-columns:1fr!important;gap:28px!important}.footer__legal{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.footer__wordmark{margin-top:24px!important;font-size:22vw!important}.cookie-banner{border-radius:16px!important;max-width:calc(100% - 20px)!important;padding:12px 14px!important;bottom:4.5rem!important;left:10px!important;right:10px!important;box-shadow:0 4px 20px #3c40434d!important}.cookie-banner__content{gap:10px!important;margin-bottom:10px!important}.cookie-banner__icon{font-size:1.25rem!important}.cookie-banner__text strong{font-size:.8125rem!important}.cookie-banner__text p{font-size:.75rem!important;line-height:1.4!important}.cookie-banner__actions{gap:8px!important;display:flex!important}.cookie-banner__actions .btn{flex:1!important;min-height:38px!important;padding:6px 12px!important;font-size:.75rem!important}}.media__img,.media__img img,.media__img img.emdash-image-media,img.media__img.emdash-image-media{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.site-header{z-index:50;padding-block-start:12px;padding-inline:var(--sheet-inset);pointer-events:none;position:sticky;top:0}.nav{width:min(100%, var(--wide-width) + 40px);border-radius:var(--radius-full);background:var(--glass-bg);height:60px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);pointer-events:auto;align-items:center;gap:36px;margin-inline:auto;padding-inline:24px 10px;display:flex;position:relative}.nav__logo{flex-shrink:0;align-items:center;min-width:0;line-height:1;display:flex}.nav__logo-img{object-fit:contain;width:auto;max-width:170px;height:36px;display:block}.nav__links{color:var(--color-text-secondary);align-items:center;gap:24px;font-size:14.5px;display:flex}.nav__links a{white-space:nowrap;transition:color var(--transition-fast)}.nav__links a:hover{color:var(--color-text)}.nav__dropdown{align-items:center;padding-block:8px;display:inline-flex;position:relative}.nav__dropdown-trigger{font-family:inherit;font-size:inherit;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:0;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.nav__dropdown-trigger:hover,.nav__dropdown:hover .nav__dropdown-trigger,.nav__dropdown.is-open .nav__dropdown-trigger{color:var(--color-text)}.dropdown-caret{transition:transform var(--transition-fast);font-size:12px}.nav__dropdown:hover .dropdown-caret,.nav__dropdown.is-open .dropdown-caret{transform:rotate(180deg)}.nav__dropdown-menu{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);opacity:0;visibility:hidden;width:620px;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);z-index:1000;padding:14px;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:-120px;transform:translateY(8px);box-shadow:0 16px 36px -4px #00000029}.nav__dropdown-menu:before{content:"";background:0 0;height:24px;position:absolute;inset-block-start:-24px;inset-inline:0}.nav__dropdown:hover .nav__dropdown-menu,.nav__dropdown:focus-within .nav__dropdown-menu,.nav__dropdown.is-open .nav__dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dropdown-item{border-radius:var(--radius);color:var(--color-text);transition:background-color var(--transition-fast);align-items:flex-start;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--color-sunken)}.dropdown-item__icon{border-radius:var(--radius-sm);background:var(--color-brand-soft);width:34px;height:34px;color:var(--color-brand);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.dropdown-item__text{flex-direction:column;gap:2px;display:flex}.dropdown-item__head{align-items:center;gap:6px;display:flex}.dropdown-item__head strong{color:var(--color-text);font-size:13.5px;font-weight:600}.dropdown-item__badge{text-transform:uppercase;border-radius:var(--radius-full);background:var(--color-subtle);color:var(--color-text-secondary);padding:2px 6px;font-size:10px;font-weight:700}.dropdown-item p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.35}.mobile-nav__solutions{padding:12px 14px}.mobile-nav__heading{text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand);margin-block-end:10px;font-size:11px;font-weight:700;display:block}.mobile-nav__list{flex-direction:column;gap:8px;display:flex}.mobile-nav__item{border-radius:var(--radius);background:var(--color-sunken);color:var(--color-text);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.mobile-nav__icon{color:var(--color-brand);flex-shrink:0;font-size:18px}.mobile-nav__item strong{font-size:14px;line-height:1.3;display:block}.mobile-nav__item small{color:var(--color-muted);font-size:11.5px;line-height:1.3;display:block}.mobile-nav__divider{background:var(--color-border);height:1px;margin-block:8px}.mobile-nav__link{color:var(--color-text);padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;display:block}.mobile-nav__contact-card{background:var(--color-sunken);border:1px solid var(--color-border);border-radius:18px;flex-direction:column;gap:4px;margin-block-start:12px;padding:8px;display:flex}.mobile-contact-item{color:var(--color-text);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .15s;display:flex}.mobile-contact-item:hover{background:var(--color-surface)}.mobile-contact-item strong{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.25;display:block}.mobile-contact-item small{color:var(--color-text-secondary);font-size:12px;line-height:1.3;display:block}.mobile-contact-item .contact-icon-circle{border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.mobile-contact-item .contact-icon--green{color:var(--lightningcss-light,#0f9d58)var(--lightningcss-dark,#34a853);background:var(--lightningcss-light,#e6f4ea)var(--lightningcss-dark,#137333)}.mobile-contact-item .contact-icon--brand{background:var(--color-brand-soft);color:var(--color-brand)}.mobile-contact-item .contact-icon--neutral{color:var(--color-text);background:var(--lightningcss-light,#f1f3f4)var(--lightningcss-dark,#3c4043)}.mobile-contact-item .contact-ph-icon{font-size:20px}.nav__actions{flex:none;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.nav__admin{color:var(--color-muted);transition:color var(--transition-fast);padding-inline:10px;font-size:14px}.nav__admin:hover{color:var(--color-text)}.nav__cta{white-space:nowrap}.nav__menu-btn{width:40px;height:40px;color:inherit;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;display:none}.nav__menu-btn:hover,.nav__menu-btn[aria-expanded=true]{background:var(--color-sunken)}.nav__menu-btn[aria-expanded=true] .nav__menu-open,.nav__menu-btn[aria-expanded=false] .nav__menu-close{display:none}.nav__panel{background:var(--color-surface);max-height:calc(100dvh - 96px);box-shadow:var(--shadow-glass);border-radius:26px;padding:8px;display:none;position:absolute;inset-block-start:calc(100% + 8px);inset-inline:0;overflow-y:auto}.nav__panel a{min-height:48px;transition:background-color var(--transition-fast);border-radius:18px;align-items:center;padding-inline:18px;font-size:16px;display:flex}.nav__panel a:hover{background:var(--color-sunken)}.nav__panel .nav__panel-admin{color:var(--color-muted)}.site-footer{padding-top:calc(var(--section-space) / 2);overflow:hidden}.footer__grid{grid-template-columns:minmax(0,1.5fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:48px;display:grid}.footer__logo{font-family:var(--font-display);letter-spacing:-.01em;font-size:28px;line-height:1;display:inline-block}.footer__logo-img{object-fit:contain;width:auto;max-width:180px;height:32px}.footer__tagline{max-width:30ch;color:var(--color-muted);margin-top:14px;font-size:14.5px}.footer__heading{letter-spacing:normal;color:var(--color-muted);margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.4}.footer__links{gap:10px;display:grid}.footer__link{color:var(--color-text-secondary);overflow-wrap:anywhere;transition:color var(--transition-fast);font-size:14.5px}.footer__link:hover{color:var(--color-text)}.footer__legal{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:72px;font-size:13.5px;display:flex}.footer__powered a{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.footer__powered a:hover{text-decoration-color:currentColor}.theme-switcher{border-radius:var(--radius-full);background:var(--color-sunken);padding:3px;display:inline-flex}.theme-btn{border-radius:var(--radius-full);height:28px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0;padding-block:0;padding-inline:12px;font-family:inherit;font-size:12.5px}.theme-btn:hover{color:var(--color-text)}.theme-btn[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card)}.footer__wordmark{font-family:var(--font-display);font-size:min(clamp(128px, 27vw, 440px), 250vw / var(--wordmark-length,6));letter-spacing:-.045em;text-align:center;white-space:nowrap;color:#0000;background:linear-gradient(180deg, color-mix(in srgb, var(--color-text) 9%, transparent), color-mix(in srgb, var(--color-text) 2%, transparent) 75%);-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-background-clip:text;background-clip:text;margin-top:40px;margin-bottom:-.2em;line-height:.8}@media (width<=960px){.nav{gap:16px;padding-inline-start:20px}.nav__links,.nav__admin,.nav__cta~.nav__cta{display:none}.nav__menu-btn,.nav__panel:not([hidden]){display:grid}.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:40px 24px}.footer__brand{grid-column:1/-1}}@media (forced-colors:active){.theme-btn[aria-pressed=true]{outline:1px solid canvastext}.footer__wordmark{display:none}}

.hero{padding-block-start:clamp(56px,7vw,104px)}.hero__announce{background:var(--color-surface);min-height:34px;box-shadow:var(--shadow-card);color:var(--color-text-secondary);transition:box-shadow .16s var(--ease-out);border-radius:17px;align-items:center;gap:10px;padding-block:6px;padding-inline:14px;font-size:13.5px;line-height:1.35;text-decoration:none;display:inline-flex}.hero__announce .arrow{color:var(--color-muted);flex:none}a.hero__announce:hover{box-shadow:var(--shadow-card-hover)}.hero__headline{--rise-index:1;max-width:18ch;font-size:var(--font-size-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-block-start:28px}.hero__row{--rise-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-block-start:36px;display:grid}.hero__lead{max-width:52ch}.hero__media{aspect-ratio:21/9;margin-block-start:clamp(48px,5vw,72px);position:relative;overflow:hidden}.media__img img{object-fit:cover;width:100%;height:100%;display:block}.media-chip{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#202124d9;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:16px;left:16px}.logos-section{padding-block:clamp(36px,5vw,56px)}.logos-headline{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-block-end:28px;font-size:12.5px;font-weight:700}.logos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;max-width:980px;margin-inline:auto;display:flex}.logo-chip{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 18px;font-size:13.5px;font-weight:600;box-shadow:0 1px 2px #0000000a}.logo-chip--highlight{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-soft)}.stats-sheet{margin-block:clamp(48px,6vw,72px)}.stats-headline{margin-block-end:14px;font-size:clamp(28px,4.2vw,44px)}.stats-sub{color:var(--color-on-night-muted);max-width:620px;margin-block-end:44px;margin-inline:auto}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.stat-card{text-align:center;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14;padding:24px 18px}.stat-value{font-family:var(--font-display);color:#fff;margin-block-end:8px;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.1;display:block}.stat-label{color:var(--color-on-night-muted);font-size:13px;line-height:1.45}.solutions-section{margin-block:clamp(48px,6vw,72px)}.solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block-start:40px;display:grid}.sol-card{flex-direction:column;padding:32px 28px;display:flex;position:relative}.sol-card--featured{border-color:var(--color-brand);box-shadow:0 4px 20px -2px #1a73e826}.sol-card__badge{border-radius:var(--radius-full);background:var(--color-brand);color:#fff;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:18px;right:18px}.icon-tile{border-radius:var(--radius-md);background:var(--color-subtle);width:44px;height:44px;color:var(--color-text);justify-content:center;align-items:center;margin-block-end:20px;font-size:22px;display:flex}.icon-tile--blue{background:var(--color-brand-soft);color:var(--color-brand)}.sol-card__title{margin-block-end:12px;font-size:18px;font-weight:700;line-height:1.3}.sol-card__desc{color:var(--color-text-secondary);flex-grow:1;margin-block-end:24px;font-size:14px;line-height:1.6}.sol-card__link{color:var(--color-brand);border-block-start:1px solid var(--color-border);transition:gap var(--transition-fast);align-items:center;gap:6px;padding-block-start:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.sol-card:hover .sol-card__link{gap:10px}.comparison-grid{grid-template-columns:1fr 1fr;gap:24px;margin-block-start:36px;display:grid}.comp-box{padding:36px 32px}.comp-box--standard{border:2px solid var(--color-brand);background:var(--lightningcss-light,#f8fcfa)var(--lightningcss-dark,#18251e)}.comp-box--traditional{border:1px solid var(--color-border);background:var(--lightningcss-light,#fffbfa)var(--lightningcss-dark,#251b1a)}.comp-box__tag{text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand);margin-block-end:20px;font-size:13px;font-weight:700}.comp-box__tag--trad{color:var(--color-danger)}.comp-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.comp-list li{align-items:flex-start;gap:12px;display:flex}.comp-tick{color:var(--color-success);flex-shrink:0;margin-block-start:1px;font-size:18px;font-weight:800}.comp-cross{color:var(--color-danger);flex-shrink:0;margin-block-start:1px;font-size:16px;font-weight:800}.comp-list strong{color:var(--color-text);margin-block-end:2px;font-size:15px;display:block}.comp-list p{color:var(--color-muted);margin:0;font-size:13.5px;line-height:1.5}.testimonials__label{line-height:var(--leading-normal);letter-spacing:normal;text-align:center;justify-content:center;margin-block-end:24px;display:flex}.testimonials__featured{text-align:center;max-width:960px;margin-inline:auto}.testimonials__mark{height:.5em;font-family:var(--font-display);color:var(--color-accent);font-size:120px;line-height:1;display:block}.testimonials__featured-quote{letter-spacing:-.012em;color:var(--color-text);margin:0;font-size:clamp(26px,3.5vw,44px);line-height:1.22}.testimonials__who{text-align:start;align-items:center;gap:12px;margin-block-start:32px;font-size:15px;font-weight:500;display:inline-flex}.avatar{border-radius:var(--radius-full);background:var(--color-brand-soft);width:44px;height:44px;color:var(--color-brand);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.testimonials__role{color:var(--color-muted);font-size:14px;font-weight:400;display:block}.testimonials__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block-start:clamp(56px,7vw,96px);display:grid}.testimonials__card{flex-direction:column;justify-content:space-between;padding:32px;display:flex}.testimonials__card .testimonials__who{margin-block-start:24px}.testimonials__quote{text-wrap:pretty;quotes:"“" "”";color:var(--color-text);margin:0;font-size:16px;line-height:1.6}.testimonials__quote p:first-child:before{content:open-quote}.testimonials__quote p:last-child:after{content:close-quote}.testimonials__company-link:hover{opacity:.85}.faq-list{flex-direction:column;gap:12px;max-width:820px;margin-block-start:32px;margin-inline:auto;display:flex}.faq-item{padding:0;overflow:hidden}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-icon{color:var(--color-brand);transition:transform var(--transition-fast);font-size:18px}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{color:var(--color-text-secondary);padding:0 24px 20px;font-size:15px;line-height:1.6}.cta-grand-finale{margin-block:clamp(56px,8vw,96px);padding:0;background:0 0!important;border:0!important}.cta-banner{border-radius:var(--radius-sheet);color:#fff;text-align:center;background:linear-gradient(135deg,#091428 0%,#0d1e38 50%,#060d19 100%);border:1px solid #ffffff1f;padding:clamp(48px,6vw,84px) clamp(20px,4vw,48px);position:relative;overflow:hidden;box-shadow:0 24px 64px -12px #09142873}.cta-glow-backdrop{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#1a73e859 0%,#f9ab001f 40%,#0000 70%);width:min(900px,100%);height:380px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.cta-content{z-index:1;max-width:960px;margin-inline:auto;position:relative}.cta-eyebrow-pill{border-radius:var(--radius-full);color:#8ab4f8;letter-spacing:.06em;text-transform:uppercase;background:#1a73e833;border:1px solid #1a73e873;align-items:center;gap:8px;margin-block-end:22px;padding:6px 16px;font-size:11.5px;font-weight:700;display:inline-flex}.cta-pulse-dot{background:#34a853;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 0 3px #34a8534d}.cta-headline{letter-spacing:-.025em;color:#fff;max-width:22ch;margin-block-end:18px;margin-inline:auto;font-size:clamp(32px,4.8vw,56px);line-height:1.1}.cta-lead{color:#ffffffc7;max-width:680px;margin-block-end:36px;margin-inline:auto;font-size:clamp(15.5px,2vw,18.5px);line-height:1.6}.cta-deliverables-grid{text-align:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-end:40px;display:grid}.cta-deliverable-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff17;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.cta-card-icon{color:#8ab4f8;background:#1a73e840;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.cta-card-text strong{color:#fff;margin-block-end:3px;font-size:14.5px;font-weight:600;display:block}.cta-card-text p{color:#ffffffa6;margin:0;font-size:12.5px;line-height:1.45}.cta-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-block-end:36px;display:flex}.btn-cta-primary{border-radius:var(--radius-full);align-items:center;gap:8px;min-height:48px;padding:12px 28px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px 16px #1a73e873;color:#fff!important;background:#1a73e8!important}.btn-cta-primary:hover{transform:translateY(-1px);background:#1557d0!important}.btn-cta-whatsapp{border-radius:var(--radius-full);align-items:center;gap:8px;min-height:48px;padding:12px 26px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px 16px #25d36659;color:#fff!important;background:#25d366!important}.btn-cta-whatsapp:hover{transform:translateY(-1px);background:#1eb857!important}.cta-trust-footer{color:#ffffffa6;border-block-start:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;padding-block-start:24px;font-size:13px;display:flex}.cta-trust-item{align-items:center;gap:6px;display:inline-flex}.cta-trust-icon{color:#8ab4f8;font-size:15px}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonials__grid,.comparison-grid{grid-template-columns:1fr}.hero__row{grid-template-columns:1fr;gap:20px}}@media (width<=960px){.cta-deliverables-grid{grid-template-columns:1fr;gap:10px}.cta-actions-row{flex-direction:column;gap:12px}.cta-actions-row .btn{justify-content:center;width:100%}}@media (width<=640px){.stats-grid,.solutions-grid{grid-template-columns:1fr}.hero__media{aspect-ratio:16/9}.media-chip{border-radius:var(--radius-sm);margin-block-start:8px;position:static}}

.pricing-section{padding-block:clamp(48px,8vw,88px)}.pricing-eyebrow-pill{border-radius:var(--radius-full);border:1px solid var(--color-border);color:#1a73e8;letter-spacing:.06em;text-transform:uppercase;background:#fff;justify-content:center;align-items:center;margin-block-end:18px;padding:6px 16px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.pricing-main-headline{letter-spacing:-.02em;color:#202124;margin-block-end:16px;font-size:clamp(30px,4.8vw,50px);line-height:1.18}.pricing-main-subheadline{color:#5f6368;max-width:680px;margin-block-end:36px;margin-inline:auto;font-size:clamp(16px,2vw,18px);line-height:1.6}.pricing-tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;width:100%;margin-block-end:48px;padding-inline:8px;display:flex;overflow-x:auto}.pricing-tabs-container::-webkit-scrollbar{display:none}.pricing-tabs-wrapper{border-radius:var(--radius-full);background:#f1f3f4;border:1px solid #e8eaed;flex-wrap:nowrap;align-items:center;gap:4px;width:max-content;max-width:100%;padding:5px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000d}.pricing-tab-btn{border-radius:var(--radius-full);color:#5f6368;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-shrink:0;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.pricing-tab-btn:hover{color:#202124}.pricing-tab-btn--active{background:#1a73e8;box-shadow:0 2px 6px #1a73e859;color:#fff!important}.pricing-panel{display:none}.pricing-panel--active{animation:.3s cubic-bezier(.4,0,.2,1) fadeInTab;display:block}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pricing-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.pricing-card{background:#fff;border:1px solid #dadce0;border-radius:28px;flex-direction:column;padding:40px 32px 36px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #3c404314}.pricing-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3c40431f}.pricing-card--highlighted{border:2px solid #1a73e8;box-shadow:0 4px 16px #1a73e829}.pricing-card__badge-wrap{z-index:2;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card__badge{border-radius:var(--radius-full);color:#202124;letter-spacing:.06em;text-transform:uppercase;background:#f9ab00;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block;box-shadow:0 2px 6px #00000026}.pricing-card__header{margin-block-end:20px}.pricing-card__name{color:#202124;margin-block-end:8px;font-size:22px;font-weight:700;line-height:1.3}.pricing-card--highlighted .pricing-card__name{color:#1a73e8}.pricing-card__subtitle{color:#5f6368;min-height:42px;margin:0;font-size:14px;line-height:1.5}.pricing-card__scope{margin-block-end:24px}.pricing-card__amount{color:#1a73e8;letter-spacing:-.01em;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.15}.pricing-card__subtext{color:#5f6368;margin-block-start:6px;font-size:13px;line-height:1.45}.pricing-card__action{margin-block-end:28px}.btn-full{border-radius:var(--radius-full);width:100%;min-height:48px;font-size:15px;font-weight:600}.pricing-card__divider{background:#e8eaed;height:1px;margin-block-end:24px}.pricing-card__features{color:#3c4043;flex-direction:column;gap:14px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}.pricing-card__features li{align-items:flex-start;gap:10px;display:flex}.pricing-check-icon{color:#1a73e8;flex-shrink:0;font-size:15px;font-weight:800;line-height:1.2}.pricing-footer-banner{background:#f8f9fa;border:1px solid #dadce0;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block-start:48px;padding:24px 32px;display:grid}.banner-item{align-items:flex-start;gap:14px;display:flex}.banner-icon{color:#1a73e8;flex-shrink:0;margin-block-start:2px;font-size:24px}.banner-item strong{color:#202124;margin-block-end:4px;font-size:14.5px;display:block}.banner-item small{color:#5f6368;font-size:13px;line-height:1.45;display:block}@media (width<=1024px){.pricing-cards-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.pricing-footer-banner{grid-template-columns:1fr;gap:18px}}@media (width<=640px){.pricing-tabs-wrapper{border-radius:20px}.pricing-tab-btn{text-align:center;width:100%}.pricing-card{padding:32px 20px}}


:root {
  --color-brand: #0037a7 !important;
  --color-brand-strong: #002880 !important;
  --color-brand-soft: #e8f0fe !important;
  --color-on-brand: #ffffff !important;
  --color-brand-ring: rgba(0, 55, 167, 0.25) !important;
  
  --color-accent: #ffb214 !important;
  --color-accent-strong: #e69d05 !important;
  --color-accent-soft: #fff8e7 !important;
  --color-on-accent: #111827 !important;

  --color-night: #001642 !important;
  --color-on-night: #ffffff !important;
  --color-on-night-muted: rgba(255, 255, 255, 0.8) !important;
}

/* Fix Stats Section Visibility: High Contrast Deep Navy + Solar Amber Numbers */
.sheet--night.stats-sheet {
  background: linear-gradient(145deg, #001236 0%, #002366 50%, #0037a7 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 20px 48px -8px rgba(0, 27, 78, 0.45) !important;
  color: #ffffff !important;
  padding: clamp(40px, 6vw, 64px) clamp(20px, 4vw, 40px) !important;
  border-radius: 28px !important;
  margin-block: clamp(48px, 6vw, 72px) !important;
}

.stats-sheet .stats-headline {
  color: #ffffff !important;
  font-family: var(--font-display);
  font-weight: 700;
  margin-bottom: 12px;
}

.stats-sheet .stats-sub {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 1.05rem;
  max-width: 640px;
  margin-inline: auto;
  margin-bottom: 40px;
}

.stats-sheet .stat-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 20px !important;
  padding: 24px 18px !important;
  text-align: center !important;
  backdrop-filter: blur(8px) !important;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.stats-sheet .stat-card:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: #ffb214 !important;
}

.stats-sheet .stat-value {
  color: #ffb214 !important; /* Solar Amber from logo */
  font-family: var(--font-display);
  font-size: clamp(32px, 4.5vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  display: block !important;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.stats-sheet .stat-label {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  display: block !important;
}

/* Google Workspace Style Unified Top Bar (Single clean bar, zero duplication) */
.google-top-bar {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  position: relative !important;
  z-index: 50 !important;
}
.google-top-bar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 3vw, 32px) !important;
  gap: 12px !important;
}
.google-top-bar__left,
.google-top-bar__right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}
.google-top-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  color: #475569 !important;
}
.google-top-location strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}
.google-top-icon {
  color: #0037a7 !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}
.google-top-sep {
  color: #cbd5e1 !important;
  font-weight: 700 !important;
  user-select: none !important;
}
.google-top-sla {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 9999px !important;
  padding: 3px 9px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #0037a7 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
.google-pulse-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #16a34a !important;
  display: inline-block !important;
  box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7) !important;
  animation: gwPulse 2s infinite !important;
  flex-shrink: 0 !important;
}
@keyframes gwPulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 5px rgba(22, 163, 74, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}
.google-top-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #475569 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.15s ease !important;
  white-space: nowrap !important;
}
.google-top-link:hover {
  color: #0037a7 !important;
}
.google-top-link:hover .google-top-icon-arrow {
  transform: translateX(2px) !important;
}
.google-top-icon-arrow {
  color: #0037a7 !important;
  transition: transform 0.15s ease !important;
}
.google-top-shop {
  font-weight: 600 !important;
  color: #0037a7 !important;
}
.google-top-lang {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0037a7 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  line-height: 1 !important;
  user-select: none !important;
}
@media (max-width: 960px) {
  .google-top-bar {
    height: 32px !important;
    font-size: 11px !important;
  }
  .google-top-bar__right .google-top-link:not(:first-child),
  .google-top-bar__right .google-top-sep {
    display: none !important;
  }
}
@media (max-width: 680px) {
  .google-top-bar {
    display: none !important;
  }
}

/* Header & Nav */
.site-header .nav {
  height: 64px;
}
.nav__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline-start: auto;
}



/* ==========================================================================
   Pourquoi les dirigeants choisissent NETREGIA - Styling
   ========================================================================== */
.comp-method-callout {
  background: #ffffff !important;
  border: 1px solid #dadce0 !important;
  border-radius: 16px !important;
  padding: 16px 22px !important;
  margin-bottom: 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  max-width: 960px !important;
  margin-inline: auto !important;
  box-shadow: 0 1px 3px rgba(60,64,67,0.08), 0 2px 8px rgba(60,64,67,0.04) !important;
}
.comp-method-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #e8f0fe !important;
  color: #1a73e8 !important;
  border: 1px solid #d2e3fc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.comp-method-text p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #1e293b !important;
}
.comp-method-text strong {
  color: #0037a7 !important;
  font-weight: 700 !important;
}

.comp-table-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06) !important;
}
.comp-table-wrapper {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.comp-table {
  width: 100% !important;
  border-collapse: collapse !important;
  text-align: left !important;
  min-width: 680px !important;
}
.comp-table thead th {
  padding: 20px 24px !important;
  vertical-align: middle !important;
}
.comp-th-crit {
  width: 22% !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 12px !important;
  border-bottom: 2px solid #e2e8f0 !important;
}
.comp-th-netregia {
  width: 39% !important;
  background: #eff6ff !important;
  border-left: 1px solid #bfdbfe !important;
  border-right: 1px solid #bfdbfe !important;
  border-bottom: 2px solid #0037a7 !important;
}
.comp-th-badge {
  display: inline-block !important;
  background: #0037a7 !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 3px 8px !important;
  border-radius: 9999px !important;
  margin-bottom: 6px !important;
}
.comp-th-title {
  color: #0037a7 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  font-family: var(--font-display, inherit) !important;
  letter-spacing: -0.01em !important;
}
.comp-th-trad {
  width: 39% !important;
  background: #f8fafc !important;
  color: #475569 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

.comp-table tbody tr {
  border-bottom: 1px solid #f1f5f9 !important;
  transition: background 0.15s ease !important;
}
.comp-table tbody tr:last-child {
  border-bottom: none !important;
}
.comp-table tbody tr:hover {
  background: #fafbfc !important;
}
.comp-table tbody td {
  padding: 18px 24px !important;
  vertical-align: top !important;
}
.comp-td-crit {
  font-weight: 700 !important;
  color: #0f172a !important;
  font-size: 14.5px !important;
  background: #ffffff !important;
  border-right: 1px solid #f1f5f9 !important;
}
.comp-td-netregia {
  background: #f8fbff !important;
  border-left: 1px solid #dbeafe !important;
  border-right: 1px solid #dbeafe !important;
}
.comp-td-trad {
  background: #ffffff !important;
}

.comp-cell-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
  margin-right: 10px !important;
  vertical-align: -2px !important;
}
.comp-cell-icon--tick {
  background: #dcfce7 !important;
  color: #15803d !important;
}
.comp-cell-icon--cross {
  background: #fee2e2 !important;
  color: #b91c1c !important;
}

.comp-cell-text {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #1e293b !important;
  font-weight: 500 !important;
}
.comp-td-netregia .comp-cell-text {
  font-weight: 600 !important;
  color: #0f172a !important;
}
.comp-td-trad .comp-cell-text {
  color: #64748b !important;
}

.comp-mobile-toggle-wrap {
  display: none;
  padding: 12px;
  text-align: center;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
}
.comp-mobile-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 9999px;
  padding: 8px 18px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #0037a7;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
  .comp-method-callout {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px !important;
    gap: 12px !important;
  }
  .comp-mobile-toggle-wrap {
    display: block !important;
  }
  .comp-table-card:not(.is-expanded) .comp-row--secondary {
    display: none !important;
  }
}

/* ==========================================================================
   Google Workspace Style Language Switcher (FR / EN)
   ========================================================================== */
.gws-lang-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.gws-lang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 7px 14px;
  border-radius: 9999px;
  border: 1px solid var(--color-border, #e2e8f0);
  background: var(--color-surface, #ffffff);
  color: var(--color-text, #111827);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  outline: none;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1);
  transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.gws-lang-btn:hover {
  background: #f8fafc;
  border-color: #0037a7;
  color: #0037a7;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 55, 167, 0.15);
}
.gws-lang-switcher.is-open .gws-lang-btn {
  background: #e8f0fe;
  border-color: #0037a7;
  color: #0037a7;
}
.gws-lang-icon {
  width: 16px;
  height: 16px;
  color: #5f6368;
  transition: color 0.2s ease;
  flex-shrink: 0;
}
.gws-lang-btn:hover .gws-lang-icon,
.gws-lang-switcher.is-open .gws-lang-icon {
  color: #0037a7;
}
.gws-lang-label {
  letter-spacing: 0.02em;
}
.gws-lang-caret {
  width: 12px;
  height: 12px;
  color: var(--color-text-secondary, #64748b);
  transition: transform 0.2s ease, color 0.2s ease;
}
.gws-lang-switcher:hover .gws-lang-caret,
.gws-lang-switcher.is-open .gws-lang-caret {
  transform: rotate(180deg);
  color: #0037a7;
}
.gws-lang-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 195px;
  padding: 8px;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 16px 36px -4px rgba(0, 27, 78, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 55, 167, 0.14);
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) scale(0.98);
  transform-origin: top right;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}
.gws-lang-popover::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}
.gws-lang-switcher:hover .gws-lang-popover,
.gws-lang-switcher:focus-within .gws-lang-popover,
.gws-lang-switcher.is-open .gws-lang-popover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.gws-lang-popover-header {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #94a3b8;
  padding: 6px 12px 4px;
}
.gws-lang-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 9px 12px;
  border-radius: 12px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: background 0.15s ease, color 0.15s ease;
}
.gws-lang-option:hover {
  background: #f1f5f9;
}
.gws-lang-option.is-active {
  background: #e8f0fe;
}
.gws-lang-opt-name {
  font-size: 14px;
  font-weight: 500;
  color: #1e293b;
}
.gws-lang-option.is-active .gws-lang-opt-name {
  color: #0037a7;
  font-weight: 700;
}
.gws-lang-opt-tag {
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  background: #f1f5f9;
  padding: 2px 7px;
  border-radius: 6px;
  margin-inline-start: auto;
  margin-inline-end: 8px;
}
.gws-lang-option.is-active .gws-lang-opt-tag {
  background: #dbeafe;
  color: #0037a7;
}
.gws-lang-check {
  color: #0037a7;
  opacity: 0;
  flex-shrink: 0;
  transition: opacity 0.15s ease;
}
.gws-lang-option.is-active .gws-lang-check {
  opacity: 1;
}
.google-top-lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: transparent;
  border: none;
  padding: 2px 6px;
  border-radius: 4px;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.google-top-lang-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.gws-footer-lang {
  display: inline-flex;
  align-items: center;
  position: relative;
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: 9999px;
  padding: 4px 10px;
  height: 34px;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
  transition: all 0.2s ease;
}
.gws-footer-lang:hover {
  border-color: #0037a7;
  box-shadow: 0 2px 6px rgba(0, 55, 167, 0.12);
}
.gws-footer-lang__icon {
  color: #5f6368;
  flex-shrink: 0;
  margin-inline-end: 2px;
}
.gws-footer-lang__select {
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text, #1e293b);
  appearance: none;
  -webkit-appearance: none;
  padding: 0 18px 0 6px;
  cursor: pointer;
  outline: none;
}
.gws-footer-lang__caret {
  position: absolute;
  right: 10px;
  pointer-events: none;
  color: #64748b;
}
.mobile-nav__lang-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  margin: 12px 0;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}
.mobile-nav__lang-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: #475569;
}
.mobile-nav__lang-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mobile-lang-chip {
  padding: 5px 12px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}
.mobile-lang-chip.is-active {
  background: #0037a7;
  color: #ffffff;
  border-color: #0037a7;
}
@media (max-width: 640px) {
  .gws-lang-switcher {
    display: inline-flex !important;
  }
}
:root.dark .gws-lang-popover {
  background: #1e293b;
  border-color: #334155;
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.4);
}
:root.dark .gws-lang-option:hover {
  background: #334155;
}
:root.dark .gws-lang-option.is-active {
  background: rgba(0, 55, 167, 0.3);
}
:root.dark .gws-lang-opt-name {
  color: #f1f5f9;
}
:root.dark .gws-lang-option.is-active .gws-lang-opt-name {
  color: #93c5fd;
}
:root.dark .gws-footer-lang {
  background: #1e293b;
  border-color: #334155;
}
:root.dark .gws-footer-lang__select {
  color: #f1f5f9;
}
:root.dark .mobile-nav__lang-box {
  background: #1e293b;
  border-color: #334155;
}

/* Left CTA: Themed Pill Dropdown */
.contact-dropdown-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.contact-trigger-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-family: inherit;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--color-border);
  outline: none;
  white-space: nowrap;
  user-select: none;
  min-height: 40px;
  padding: 7px 18px;
  border-radius: 9999px;
  font-size: 14px;
  background: var(--color-surface, #ffffff);
  color: var(--color-text, #111827);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1);
  transition: all 0.2s ease;
}
.contact-trigger-btn:hover {
  background: #f8fafc;
  border-color: #0037a7;
  color: #0037a7;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 55, 167, 0.15);
}
.contact-dropdown-wrapper.is-open .contact-trigger-btn {
  background: #e8f0fe;
  border-color: #0037a7;
  color: #0037a7;
}
.contact-caret {
  font-size: 11px;
  color: var(--color-text-secondary);
  transition: transform 0.2s ease, color 0.2s ease;
}
.contact-dropdown-wrapper:hover .contact-caret,
.contact-dropdown-wrapper.is-open .contact-caret {
  transform: rotate(180deg);
  color: #0037a7;
}

/* Popover Card */
.contact-card-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 320px;
  padding: 10px;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 18px 42px -6px rgba(0, 27, 78, 0.22), 0 4px 14px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 55, 167, 0.14);
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px) scale(0.98);
  transform-origin: top right;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}
.contact-card-popover::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}
.contact-dropdown-wrapper:hover .contact-card-popover,
.contact-dropdown-wrapper:focus-within .contact-card-popover,
.contact-dropdown-wrapper.is-open .contact-card-popover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.contact-option-item {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 10px 14px;
  border-radius: 15px;
  text-decoration: none;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
  color: inherit;
}
.contact-option-item:hover {
  background: #f1f5f9;
}
.contact-icon-circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.contact-icon--green {
  background: #e6f7ef;
  color: #10b981;
}
.contact-icon--brand {
  background: #e8f0fe;
  color: #0037a7;
}
.contact-icon--neutral {
  background: #f1f5f9;
  color: #334155;
}
.contact-option-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.contact-option-title {
  font-size: 14.5px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.25;
}
.contact-option-desc {
  font-size: 12.5px;
  font-weight: 500;
  color: #64748b;
  line-height: 1.3;
}
.copy-badge {
  opacity: 0;
  color: #94a3b8;
  font-size: 16px;
  transition: all 0.15s ease;
}
.contact-option-item:hover .copy-badge {
  opacity: 1;
  color: #0037a7;
}

/* Right CTA Button: Previous Version Primary */
.btn-primary, .nav__cta {
  background-color: #0037a7 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 8px 20px !important;
  min-height: 40px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(0, 55, 167, 0.3) !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}
.btn-primary:hover, .nav__cta:hover {
  background-color: #002880 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 55, 167, 0.4) !important;
}

/* Solutions Dropdown Menu & Hover Bridge */
.nav__dropdown {
  position: relative;
}
.nav__dropdown-menu::before {
  content: '';
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  height: 16px;
  background: transparent;
}

/* Pricing Section: 4 Tabs Strictly Aligned in ONE Line */
.pricing-tabs-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  gap: 8px !important;
  margin-inline: auto !important;
  max-width: 100% !important;
  padding-bottom: 6px !important;
}
.pricing-tabs-nav::-webkit-scrollbar {
  display: none !important;
}
.pricing-tab-btn {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding: 10px 20px !important;
  border-radius: 9999px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: 1px solid var(--color-border) !important;
  background: var(--color-surface) !important;
  color: var(--color-text-secondary) !important;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pricing-tab-btn:hover {
  color: #0037a7 !important;
  border-color: #0037a7 !important;
  background: #f8fafc !important;
}
.pricing-tab-btn--active {
  background: #0037a7 !important;
  color: #ffffff !important;
  border-color: #0037a7 !important;
  box-shadow: 0 3px 10px rgba(0, 55, 167, 0.3) !important;
}

/* Featured Testimonial Quote Mark in Solar Amber */
.testimonials__mark {
  color: #ffb214 !important;
  font-size: clamp(80px, 10vw, 130px) !important;
  line-height: 0.7 !important;
  font-family: var(--font-display);
  font-weight: 700;
}

/* Études de Cas Section */
.cases-section {
  padding-block: clamp(56px, 7vw, 84px);
}
.cases-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-top: 36px;
}
.case-card {
  background: var(--color-surface, #ffffff);
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: 24px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.case-card:hover {
  transform: translateY(-4px);
  border-color: #0037a7;
  box-shadow: 0 14px 32px rgba(0, 55, 167, 0.12);
}
.case-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background: #f8fafc;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}
.case-kpi-val {
  font-size: 20px;
  font-weight: 800;
  color: #0037a7;
  font-family: var(--font-display);
}
.case-kpi-lbl {
  font-size: 12px;
  color: #64748b;
  margin-top: 2px;
}
.badge-chip {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 9999px;
  letter-spacing: 0.03em;
}
.badge-chip--blue {
  background: #e8f0fe;
  color: #0037a7;
}
.badge-chip--amber {
  background: #fff8e7;
  color: #b45309;
}
.case-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}
.case-tag {
  font-size: 11px;
  padding: 3px 9px;
  border-radius: 9999px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #475569;
  font-weight: 500;
}

/* --- Light & Clean Verified Stats Section (Reverted from dark blue) --- */
.sheet--night.stats-sheet {
  background: var(--color-sunken, #f8fafc) !important;
  border: 1px solid var(--color-border, #e2e8f0) !important;
  box-shadow: 0 4px 20px -2px rgba(60, 64, 67, 0.06) !important;
  color: var(--color-text, #0f172a) !important;
  padding: clamp(40px, 5vw, 60px) clamp(20px, 4vw, 40px) !important;
  border-radius: 28px !important;
  margin-block: clamp(40px, 5vw, 64px) !important;
}

.stats-sheet .stats-headline {
  color: #0f172a !important;
  font-family: var(--font-display);
  font-size: clamp(26px, 3.5vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}

.stats-sheet .stats-sub {
  color: #475569 !important;
  font-size: 1rem;
  max-width: 600px;
  margin-inline: auto;
  margin-bottom: 36px;
  line-height: 1.5;
}

.stats-sheet .stats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 960px) {
  .stats-sheet .stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}
@media (max-width: 640px) {
  .stats-sheet .stats-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}

.stats-sheet .stat-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 24px 16px !important;
  text-align: center !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.stats-sheet .stat-card:hover {
  transform: translateY(-3px);
  border-color: #0037a7 !important;
  box-shadow: 0 8px 20px rgba(0, 55, 167, 0.1) !important;
}

.stats-sheet .stat-value {
  color: #0037a7 !important; /* Netregia Royal Sapphire */
  font-family: var(--font-display);
  font-size: clamp(30px, 3.5vw, 40px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  display: block !important;
  letter-spacing: -0.02em;
}

.stats-sheet .stat-label {
  color: #475569 !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  display: block !important;
}

/* --- Clean & Aerated Études de Cas: Exactly 3 Per Line on Desktop --- */
.cases-section {
  padding-block: clamp(56px, 6vw, 80px);
}

.cases-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  margin-top: 36px !important;
}

@media (max-width: 1024px) {
  .cases-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 680px) {
  .cases-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.case-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 30px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  box-shadow: 0 1px 4px rgba(60, 64, 67, 0.05) !important;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.case-card:hover {
  transform: translateY(-4px) !important;
  border-color: #0037a7 !important;
  box-shadow: 0 16px 36px rgba(0, 55, 167, 0.12) !important;
}

.case-kpis {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  background: #f8fafc !important;
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
}

.case-kpi-val {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0037a7 !important;
  font-family: var(--font-display) !important;
}

.case-kpi-lbl {
  font-size: 11.5px !important;
  color: #64748b !important;
  margin-top: 2px !important;
}

.badge-chip--blue {
  background: #e8f0fe !important;
  color: #0037a7 !important;
}

.badge-chip--amber {
  background: #fff8e7 !important;
  color: #b45309 !important;
}


/* === STYLE BLOCK 3 === */

/* --- Google Workspace Style 3x2 Études de Cas Grid --- */
.cases-section {
  padding-block: clamp(48px, 6vw, 84px) !important;
}

.cases-grid-workspace {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin-top: 24px !important;
}

.cases-intro-cell {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 24px 20px 24px 8px !important;
}

.cases-intro-eyebrow {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #5f6368 !important;
  margin-bottom: 12px !important;
}

.cases-intro-title {
  font-family: 'Plus Jakarta Sans', Google Sans, sans-serif !important;
  font-size: clamp(28px, 2.8vw, 36px) !important;
  font-weight: 500 !important;
  color: #202124 !important;
  line-height: 1.25 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.01em !important;
}

.cases-desc {
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #5f6368 !important;
  margin: 0 !important;
}

.case-card-ws {
  background: #ffffff !important;
  border: 1px solid #dadce0 !important;
  border-radius: 5px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.3s cubic-bezier(0.17, 0.08, 0.83, 0.92) !important;
  position: relative !important;
  box-sizing: border-box !important;
  height: 100% !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.case-card-ws:hover {
  transform: none !important;
  box-shadow: 0px 4px 8px 3px rgba(60, 64, 67, 0.15), 0px 1px 3px 0px rgba(60, 64, 67, 0.30) !important;
  border-color: #dadce0 !important;
}

.case-card-ws__banner {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: 195px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #dadce0 !important;
  overflow: hidden !important;
  position: relative !important;
  margin-bottom: 0 !important;
  background: #f8fafc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.case-card-ws__banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  transition: transform 0.4s ease !important;
}

.case-card-ws:hover .case-card-ws__banner img {
  transform: scale(1.025) !important;
}

.case-card-ws__banner .badge-chip {
  position: absolute !important;
  bottom: 12px !important;
  right: 12px !important;
  background: rgba(32, 33, 36, 0.78) !important;
  backdrop-filter: blur(4px) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  border-radius: 3px !important;
  letter-spacing: 0.02em !important;
}

.case-card-ws__content {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.case-card-ws__tag,
.case-client-tag {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #5f6368 !important;
  margin-bottom: 8px !important;
  display: inline-block !important;
}

.case-card-ws__title {
  font-family: 'Plus Jakarta Sans', Google Sans, Roboto, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #202124 !important;
  margin-bottom: 10px !important;
}

.case-card-ws__desc {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #5f6368 !important;
  margin: 0 0 18px 0 !important;
  flex-grow: 1 !important;
}

.case-card-ws__link {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1a73e8 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: auto !important;
  transition: color 0.15s ease, gap 0.2s ease !important;
}

.case-card-ws__link:hover {
  color: #174ea6 !important;
  gap: 8px !important;
  text-decoration: underline !important;
}

@media (max-width: 991px) and (min-width: 769px) {
  .cases-grid-workspace {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
  .cases-intro-cell {
    grid-column: span 2 !important;
    padding: 8px 8px 16px !important;
  }
}

@media (max-width: 768px) {
  .cases-grid-workspace {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding-bottom: 16px !important;
    padding-inline: 16px !important;
    margin-inline: -16px !important;
  }
  .cases-grid-workspace::-webkit-scrollbar {
    height: 4px !important;
  }
  .cases-grid-workspace::-webkit-scrollbar-thumb {
    background: #dadce0 !important;
    border-radius: 4px !important;
  }
  .cases-intro-cell {
    flex: 0 0 85% !important;
    max-width: 320px !important;
    scroll-snap-align: start !important;
    padding: 16px 12px !important;
  }
  .case-card-ws {
    flex: 0 0 82% !important;
    max-width: 310px !important;
    scroll-snap-align: start !important;
  }
}

/* === STYLE BLOCK 4 === */

/* ========================================================
   ROBUST SUBMENU & DROPDOWN STYLES (Solutions & Contact)
   ======================================================== */
.nav__dropdown {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
}

.nav__dropdown-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--color-text-secondary, #475569) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 6px 12px !important;
  border-radius: 9999px !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
  border: 0 !important;
}

.nav__dropdown-trigger:hover,
.nav__dropdown:hover .nav__dropdown-trigger,
.nav__dropdown.is-open .nav__dropdown-trigger,
.nav__dropdown.is-hovered .nav__dropdown-trigger {
  color: #0037a7 !important;
  background: rgba(0, 55, 167, 0.06) !important;
}

.dropdown-caret {
  font-size: 11px !important;
  transition: transform 0.25s ease !important;
}

.nav__dropdown:hover .dropdown-caret,
.nav__dropdown.is-open .dropdown-caret,
.nav__dropdown.is-hovered .dropdown-caret {
  transform: rotate(180deg) !important;
  color: #0037a7 !important;
}

/* Solutions Submenu Flyout Menu */
.nav__dropdown-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  inset-inline-start: -80px !important;
  left: auto !important;
  right: auto !important;
  width: 760px !important;
  max-width: calc(100vw - 32px) !important;
  background: #ffffff !important;
  border: 1px solid #dadce0 !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 48px -10px rgba(0, 55, 167, 0.16), 0 4px 16px -2px rgba(0, 0, 0, 0.06) !important;
  padding: 16px 16px 0 16px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.18s,
              transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.18s,
              visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.18s !important;
  z-index: 10000 !important;
  box-sizing: border-box !important;
}

[dir="ltr"] .nav__dropdown-menu {
  left: -80px !important;
  right: auto !important;
  text-align: left !important;
}

[dir="rtl"] .nav__dropdown-menu {
  right: -80px !important;
  left: auto !important;
  text-align: right !important;
}

/* Hover bridge between trigger and menu */
.nav__dropdown::after {
  content: '' !important;
  position: absolute !important;
  top: 100% !important;
  inset-inline-start: -100px !important;
  width: 800px !important;
  max-width: calc(100vw - 20px) !important;
  height: 25px !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 9998 !important;
}

[dir="ltr"] .nav__dropdown::after {
  left: -100px !important;
  right: auto !important;
}

[dir="rtl"] .nav__dropdown::after {
  right: -100px !important;
  left: auto !important;
}

.nav__dropdown-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -24px !important;
  left: 0 !important;
  right: 0 !important;
  height: 24px !important;
  background: transparent !important;
  pointer-events: auto !important;
}

/* Display states */
.nav__dropdown:hover::after,
.nav__dropdown:focus-within::after,
.nav__dropdown.is-open::after,
.nav__dropdown.is-hovered::after {
  pointer-events: auto !important;
}

.nav__dropdown:hover .nav__dropdown-menu,
.nav__dropdown:focus-within .nav__dropdown-menu,
.nav__dropdown.is-open .nav__dropdown-menu,
.nav__dropdown.is-hovered .nav__dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition-delay: 0s !important;
}

.dropdown-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.dropdown-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  min-width: 0 !important;
  height: 100% !important;
}

.dropdown-item,
.dropdown-item * {
  white-space: normal !important;
}

.dropdown-item:hover {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(0, 55, 167, 0.08) !important;
}

.dropdown-item__icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0037a7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  transition: all 0.2s ease !important;
}

.dropdown-item:hover .dropdown-item__icon {
  background: #0037a7 !important;
  color: #ffffff !important;
  border-color: #0037a7 !important;
}

.dropdown-item__text {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.dropdown-item__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 2px !important;
}

.dropdown-item__head strong {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.dropdown-item__badge {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 9999px !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  border: 1px solid #bfdbfe !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.dropdown-item p {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  white-space: normal !important;
}

.dropdown-footer-link {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 16px !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  border-radius: 0 0 20px 20px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0037a7 !important;
  text-decoration: none !important;
  margin: 14px -16px 0 -16px !important;
  width: calc(100% + 32px) !important;
  box-sizing: border-box !important;
  transition: background 0.18s ease !important;
  white-space: normal !important;
}

.dropdown-footer-link:hover {
  background: #eff6ff !important;
  color: #002d87 !important;
}

/* ========================================================
   Contact Dropdown (Nous contacter)
   ======================================================== */
.contact-dropdown-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.contact-trigger-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  border: 1px solid #cbd5e1 !important;
  outline: none !important;
  white-space: nowrap !important;
  user-select: none !important;
  min-height: 40px !important;
  padding: 7px 18px !important;
  border-radius: 9999px !important;
  font-size: 14px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1) !important;
  transition: all 0.2s ease !important;
}

.contact-trigger-btn:hover {
  background: #f8fafc !important;
  border-color: #0037a7 !important;
  color: #0037a7 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(0, 55, 167, 0.15) !important;
}

.contact-dropdown-wrapper.is-open .contact-trigger-btn {
  background: #e8f0fe !important;
  border-color: #0037a7 !important;
  color: #0037a7 !important;
}

.contact-caret {
  font-size: 11px !important;
  color: #64748b !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.contact-dropdown-wrapper:hover .contact-caret,
.contact-dropdown-wrapper.is-open .contact-caret {
  transform: rotate(180deg) !important;
  color: #0037a7 !important;
}

.contact-card-popover {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  width: 320px !important;
  padding: 10px !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 36px -4px rgba(0, 55, 167, 0.2), 0 0 0 1px rgba(0, 55, 167, 0.08) !important;
  border: 1px solid #e2e8f0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) scale(0.98) !important;
  transform-origin: top right !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
  pointer-events: none !important;
  z-index: 10000 !important;
  box-sizing: border-box !important;
}

.contact-card-popover::before {
  content: '' !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  right: 0 !important;
  height: 16px !important;
}

.contact-dropdown-wrapper:hover .contact-card-popover,
.contact-dropdown-wrapper:focus-within .contact-card-popover,
.contact-dropdown-wrapper.is-open .contact-card-popover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

/* === STYLE BLOCK 5 === */

/* ========================================================
   STRICT MOBILE/TABLET VS DESKTOP NAV VISIBILITY (Google Workspace Style)
   ======================================================== */
@media (min-width: 1081px) {
  .nav__menu-btn,
  #mobile-menu,
  .nav__panel,
  .mobile-dock {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  
  .nav__links {
    display: flex !important;
    visibility: visible !important;
  }
  
  .nav__cta {
    display: inline-flex !important;
  }
}

@media (max-width: 1080px) {
  .site-header {
    padding-block-start: 0 !important;
    padding-inline: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: saturate(1.8) blur(20px) !important;
    -webkit-backdrop-filter: saturate(1.8) blur(20px) !important;
    border-bottom: 1px solid #e8eaed !important;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08) !important;
    pointer-events: auto !important;
  }

  .nav__links {
    display: none !important;
  }

  .nav__actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    margin-inline-start: auto !important;
  }

  .gws-lang-switcher {
    display: inline-flex !important;
  }

  .contact-dropdown-wrapper {
    display: none !important;
  }

  .site-header .nav {
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding-inline: 16px 12px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  .nav__cta {
    display: inline-flex !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 9999px !important;
    white-space: nowrap !important;
    align-items: center !important;
  }

  @media (max-width: 540px) {
    .nav__cta {
      display: none !important;
    }
  }
  
  .nav__menu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #202124 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    flex-shrink: 0 !important;
  }

  .nav__menu-btn svg {
    width: 22px !important;
    height: 22px !important;
  }
  
  .nav__menu-btn:hover {
    background: rgba(60, 64, 67, 0.08) !important;
  }
  
  .nav__menu-btn[aria-expanded="false"] .nav__menu-open {
    display: block !important;
  }
  .nav__menu-btn[aria-expanded="false"] .nav__menu-close {
    display: none !important;
  }
  .nav__menu-btn[aria-expanded="true"] .nav__menu-open {
    display: none !important;
  }
  .nav__menu-btn[aria-expanded="true"] .nav__menu-close {
    display: block !important;
  }
  
  .nav__panel[hidden] {
    display: none !important;
  }
  
  .nav__panel:not([hidden]) {
    display: grid !important;
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100dvh - 56px) !important;
    max-height: calc(100dvh - 56px) !important;
    background: #ffffff !important;
    border: none !important;
    border-top: 1px solid #e8eaed !important;
    border-radius: 0 !important;
    padding: 16px 16px 36px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 9999 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* === STYLE BLOCK 6 === */

/* ========================================================
   Google UI/UX Metrics & Stats Section
   ======================================================== */
.stats-section-google {
  background: #f8fafc !important;
  border-block: 1px solid #e2e8f0 !important;
  padding-block: clamp(64px, 7vw, 96px) !important;
  position: relative !important;
}

.stats-grid-google {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.stat-card-g {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.stat-card-g:hover {
  transform: translateY(-4px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 16px 32px -8px rgba(0, 55, 167, 0.12) !important;
}

.stat-card-g__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
}

.stat-card-g__icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid transparent !important;
}

.stat-icon--blue {
  background: #eff6ff !important;
  border-color: #dbeafe !important;
}

.stat-icon--amber {
  background: #fffbeb !important;
  border-color: #fef3c7 !important;
}

.stat-icon--green {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}

.stat-card-g__badge {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 3px 8px !important;
  border-radius: 9999px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}

.stat-card-g__val {
  font-size: clamp(32px, 2.8vw, 42px) !important;
  font-weight: 800 !important;
  font-family: 'Plus Jakarta Sans', var(--font-body), sans-serif !important;
  color: #0037a7 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 12px !important;
}

.stat-accent {
  color: #ffb214 !important;
  font-weight: 800 !important;
}

.stat-card-g__title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-bottom: 6px !important;
  line-height: 1.3 !important;
}

.stat-card-g__desc {
  font-size: 13px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

@media (max-width: 1100px) {
  .stats-grid-google {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 768px) {
  .stats-grid-google {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 500px) {
  .stats-grid-google {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* === STYLE BLOCK 7 === */

/* ========================================================
   GOOGLE WORKSPACE MASTER DESIGN SYSTEM FOR NETREGIA
   Brand: Royal Blue #0037a7 | Accent: Solar Amber #ffb214
   ======================================================== */

:root {
  --color-brand: #0037a7 !important;
  --color-brand-strong: #00287a !important;
  --color-brand-soft: #eff6ff !important;
  --color-accent: #ffb214 !important;
  --color-accent-soft: #fffbeb !important;
  --color-bg: #ffffff !important;
  --color-surface: #ffffff !important;
  --color-sunken: #f8fafc !important;
  --color-border: #e2e8f0 !important;
  --color-border-strong: #cbd5e1 !important;
  --color-text: #1f2937 !important;
  --color-text-secondary: #4b5563 !important;
  --color-muted: #6b7280 !important;
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --radius-card: 20px !important;
  --radius-xl: 20px !important;
  --radius-media: 20px !important;
  --shadow-card: 0 1px 3px 0 rgba(60,64,67,0.08), 0 4px 12px 0 rgba(60,64,67,0.05) !important;
  --shadow-card-hover: 0 16px 32px -8px rgba(0, 55, 167, 0.12), 0 2px 6px rgba(0,0,0,0.04) !important;
}

/* Force Google geometric typography across all headlines - eliminate vintage serif */
h1, h2, h3, h4, .display, .hero__headline, .section-headline, .pricing-main-headline, .cta-headline {
  font-family: var(--font-display) !important;
  letter-spacing: -0.025em !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

/* Google-style Pill Eyebrow */
.eyebrow, .hero__announce, .pricing-eyebrow-pill, .cta-eyebrow-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border: 1px solid #bfdbfe !important;
  margin-bottom: 16px !important;
}

/* Google-style Pill Buttons */
.btn {
  border-radius: 9999px !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.btn-primary, .btn-cta-primary {
  background: #0037a7 !important;
  border: 1px solid #0037a7 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 55, 167, 0.25) !important;
}

.btn-primary:hover, .btn-cta-primary:hover {
  background: #00287a !important;
  border-color: #00287a !important;
  box-shadow: 0 6px 16px rgba(0, 55, 167, 0.35) !important;
  transform: translateY(-1px) !important;
}

.btn-secondary {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #1f2937 !important;
}

.btn-secondary:hover {
  background: #f8fafc !important;
  border-color: #0037a7 !important;
  color: #0037a7 !important;
  transform: translateY(-1px) !important;
}

/* Section Rhythm & Sheets */
.sheet--sunken {
  background: #f8fafc !important;
  border-block: 1px solid #e2e8f0 !important;
}

/* Card Hover Elevation */
.card, .stat-card-g, .sol-card, .testimonials__card, .faq-item, .pricing-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  border-radius: 20px !important;
}

.card:hover, .stat-card-g:hover, .sol-card:hover, .testimonials__card:hover, .pricing-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px -8px rgba(0, 55, 167, 0.12) !important;
  border-color: #cbd5e1 !important;
}

/* Solutions Bento Grid */
.solutions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-top: 36px !important;
}

.sol-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.sol-card__badge {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  border: 1px solid #bfdbfe !important;
  display: inline-block !important;
  margin-bottom: 16px !important;
}

.sol-card__title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
}

.sol-card__desc {
  font-size: 14px !important;
  color: #475569 !important;
  line-height: 1.55 !important;
  margin-bottom: 20px !important;
  flex-grow: 1 !important;
}

.sol-card__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.sol-card__list li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

.sol-card__list li span.tick {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}

/* Comparison Section */
.comparison-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
  margin-top: 40px !important;
}

.comp-box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 32px !important;
}

.comp-box--standard {
  border-color: #0037a7 !important;
  box-shadow: 0 8px 30px rgba(0, 55, 167, 0.08) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafd 100%) !important;
}

.comp-box__tag {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  display: inline-block !important;
  margin-bottom: 24px !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  border: 1px solid #bfdbfe !important;
}

.comp-box__tag--trad {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border-color: #cbd5e1 !important;
}

.comp-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.comp-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

.comp-tick {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #dcfce7 !important;
  color: #15803d !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.comp-cross {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.comp-list strong {
  display: block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
}

.comp-list p {
  font-size: 13px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Testimonials Grid (Google Workspace Customer Stories) */
.testimonials__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-top: 36px !important;
}

.testimonials__card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.testimonials__quote p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #334155 !important;
  margin-bottom: 20px !important;
}

.testimonials__who {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-top: 1px solid #f1f5f9 !important;
  padding-top: 16px !important;
}

.testimonials__who .avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #0037a7 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
}

.testimonials__who strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.testimonials__role {
  font-size: 12px !important;
  color: #64748b !important;
}

/* FAQ Google Workspace Style */
.faq-list {
  max-width: 840px !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.faq-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.faq-question {
  padding: 20px 24px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  list-style: none !important;
}

.faq-question::-webkit-details-marker {
  display: none !important;
}

.faq-answer {
  padding: 0 24px 20px !important;
  font-size: 15px !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

@media (max-width: 991px) {
  .solutions-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .testimonials__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .comparison-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .solutions-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Google UI/UX Compact Reviews Carousel on Mobile */
@media (max-width: 768px) {
  .testimonials-section {
    padding-block: 40px 48px !important;
  }

  .testimonials-section .section-header {
    margin-bottom: 20px !important;
    padding-inline: 4px !important;
  }

  .testimonials-section .section-headline {
    font-size: 23px !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
  }

  .testimonials-section .lead {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  .testimonials__grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-padding-inline: 16px !important;
    padding-inline: 16px !important;
    padding-bottom: 16px !important;
    padding-top: 4px !important;
    margin-top: 16px !important;
    margin-inline: -16px !important;
    gap: 12px !important;
    scrollbar-width: none !important;
  }

  .testimonials__grid::-webkit-scrollbar {
    display: none !important;
  }

  .testimonials__card {
    flex: 0 0 calc(85vw - 12px) !important;
    max-width: 320px !important;
    min-width: 270px !important;
    scroll-snap-align: center !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  .testimonials__card > div:first-child > div:first-child {
    margin-bottom: 10px !important;
  }

  .testimonials__quote p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #334155 !important;
    margin-bottom: 14px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .testimonials__who {
    padding-top: 12px !important;
    gap: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
  }

  .testimonials__who .avatar {
    width: 32px !important;
    height: 32px !important;
    font-size: 11px !important;
  }

  .testimonials__who strong {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .testimonials__role {
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }
}

/* ==========================================================================
   GOOGLE WORKSPACE DESIGN SYSTEM OVERRIDES (NETREGIA BRAND)
   ========================================================================== */

/* 1. Logos & Technologies Section */
.logos-section {
  padding-block: clamp(36px, 4vw, 56px) !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.logos-headline {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #64748b !important;
  margin-bottom: 24px !important;
}
.logos-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px 14px !important;
  max-width: 1000px !important;
  margin-inline: auto !important;
}
.logo-chip {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  padding: 8px 18px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.04) !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
}
.logo-chip:hover {
  border-color: #0037a7 !important;
  color: #0037a7 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 55, 167, 0.1) !important;
}
.logo-chip--highlight {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #0037a7 !important;
  font-weight: 700 !important;
}

/* 2. Google Workspace Product Matrix (Solutions Grid) */
@media (min-width: 769px) {
  .solutions-grid-ws {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .solutions-grid-ws {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.ws-sol-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 32px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  position: relative !important;
}
.ws-sol-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 28px -4px rgba(0, 55, 167, 0.12) !important;
  border-color: #bfdbfe !important;
}
.ws-sol-card--featured {
  border-color: #bfdbfe !important;
  box-shadow: 0 4px 16px rgba(0, 55, 167, 0.06) !important;
}
.ws-sol-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
}
.ws-sol-icon-chip {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.ws-sol-badge {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  text-transform: uppercase !important;
}
.ws-sol-title {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  margin: 0 0 10px 0 !important;
}
.ws-sol-desc {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 0 20px 0 !important;
  flex-grow: 1 !important;
}
.ws-sol-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  font-size: 13.5px !important;
  color: #334155 !important;
  line-height: 1.45 !important;
}
.ws-sol-features li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.ws-check {
  color: #0037a7 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.ws-sol-link {
  margin-top: auto !important;
  padding-top: 18px !important;
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0037a7 !important;
  transition: color 0.15s ease !important;
}
.ws-sol-link .arrow {
  transition: transform 0.2s ease !important;
}
.ws-sol-link:hover {
  color: #00287a !important;
}
.ws-sol-link:hover .arrow {
  transform: translateX(4px) !important;
}

/* 3. Google Workspace Pricing Section */
.pricing-section {
  padding-block: clamp(64px, 7vw, 96px) !important;
  background: #ffffff !important;
}
.pricing-tabs-container {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-bottom: 48px !important;
  overflow: visible !important;
  scrollbar-width: none !important;
  padding-inline: 8px !important;
}
@media (min-width: 769px) {
  .pricing-tabs-container {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}
.pricing-tabs-container::-webkit-scrollbar {
  display: none !important;
}
.pricing-tabs-wrapper {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  padding: 6px !important;
  display: inline-flex !important;
  gap: 4px !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.04) !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}
.pricing-tab-btn {
  background: transparent !important;
  border: none !important;
  color: #475569 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.pricing-tab-btn:hover {
  color: #0f172a !important;
}
.pricing-tab-btn--active {
  background: #0037a7 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 55, 167, 0.35) !important;
  font-weight: 700 !important;
}
.pricing-panel {
  display: none !important;
}
.pricing-panel.pricing-panel--active {
  display: block !important;
  animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1) fadeInTab;
}
@media (min-width: 769px) {
  .pricing-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .pricing-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
  }
}
.pricing-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 40px 32px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.pricing-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 55, 167, 0.12) !important;
}
.pricing-card--highlighted {
  border: 2px solid #0037a7 !important;
  box-shadow: 0 8px 24px rgba(0, 55, 167, 0.14) !important;
}
.pricing-card__badge-wrap {
  position: absolute !important;
  top: -13px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
}
.pricing-card__badge {
  background: #ffb214 !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 14px !important;
  border-radius: 9999px !important;
  display: inline-block !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}
.pricing-card__name {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}
.pricing-card--highlighted .pricing-card__name {
  color: #0037a7 !important;
}
.pricing-card__subtitle {
  font-size: 14px !important;
  color: #475569 !important;
  min-height: 42px !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}
.pricing-card__scope {
  margin-bottom: 24px !important;
}
.pricing-card__amount {
  font-size: clamp(24px, 2.6vw, 30px) !important;
  font-weight: 800 !important;
  color: #0037a7 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
}
.pricing-card__subtext {
  font-size: 13px !important;
  color: #64748b !important;
  margin-top: 6px !important;
  line-height: 1.45 !important;
}
.pricing-card__action {
  margin-bottom: 28px !important;
}
.pricing-card__btn-primary {
  background: #0037a7 !important;
  color: #ffffff !important;
  border: 1px solid #0037a7 !important;
  border-radius: 9999px !important;
  padding: 13px 24px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 12px rgba(0, 55, 167, 0.25) !important;
  transition: all 0.2s ease !important;
}
.pricing-card__btn-primary:hover {
  background: #00287a !important;
  border-color: #00287a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(0, 55, 167, 0.35) !important;
}
.pricing-card__btn-secondary {
  background: #ffffff !important;
  color: #0037a7 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9999px !important;
  padding: 13px 24px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}
.pricing-card__btn-secondary:hover {
  background: #eff6ff !important;
  border-color: #0037a7 !important;
  transform: translateY(-1px) !important;
}
.pricing-card__divider {
  height: 1px !important;
  background: #e2e8f0 !important;
  margin-bottom: 24px !important;
}
.pricing-card__features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  font-size: 14px !important;
  color: #334155 !important;
  line-height: 1.5 !important;
}
.pricing-card__features li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.pricing-check-icon {
  color: #0037a7 !important;
  flex-shrink: 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-top: 2px !important;
}
.pricing-footer-banner {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  padding: 28px 32px !important;
  margin-top: 48px !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.06) !important;
}
@media (max-width: 1024px) {
  .pricing-footer-banner {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}
.banner-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}
.banner-icon {
  color: #0037a7 !important;
  font-size: 26px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.banner-item strong {
  display: block !important;
  font-size: 15px !important;
  color: #0f172a !important;
  margin-bottom: 4px !important;
  font-weight: 700 !important;
}
.banner-item small {
  display: block !important;
  font-size: 13.5px !important;
  color: #475569 !important;
  line-height: 1.5 !important;
}

/* 4. Google Workspace Split Layout FAQ */
.faq-section {
  padding-block: clamp(72px, 8vw, 112px) !important;
  background: #ffffff !important;
}
.faq-container-gw {
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 4vw, 32px) !important;
}
.faq-grid-gw {
  display: grid !important;
  grid-template-columns: 400px 1fr !important;
  gap: clamp(40px, 5vw, 72px) !important;
  align-items: start !important;
}
@media (max-width: 991px) {
  .faq-grid-gw {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}
.faq-left-col {
  position: sticky !important;
  top: 100px !important;
}
@media (max-width: 991px) {
  .faq-left-col {
    position: static !important;
  }
}
.faq-pill-gw {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 16px 6px 6px !important;
  border-radius: 9999px !important;
  background: #ffffff !important;
  border: 1px solid #dadce0 !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08) !important;
  margin-bottom: 24px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  white-space: nowrap !important;
}
.faq-pill-gw:hover {
  transform: translateY(-1px) !important;
  border-color: #0037a7 !important;
  box-shadow: 0 4px 12px rgba(0, 55, 167, 0.12) !important;
}
.faq-pill-icon-wrap {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(0, 55, 167, 0.18) !important;
}
.faq-pill-icon {
  width: 13px !important;
  height: 13px !important;
  display: block !important;
}
.faq-pill-text {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #0037a7 !important;
  line-height: 1 !important;
}
.faq-headline-gw {
  font-size: clamp(28px, 2.6vw, 38px) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.22 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 16px 0 !important;
}
.faq-subheadline-gw {
  font-size: 15.5px !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  margin: 0 0 28px 0 !important;
}
.faq-help-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.faq-help-box:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
}
.faq-help-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}
.faq-help-icon-wrap {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
}
.faq-help-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
}
.faq-help-desc {
  font-size: 13.5px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 0 16px 0 !important;
}
.faq-help-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 11px 18px !important;
  background: #0037a7 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(0, 55, 167, 0.2) !important;
  box-sizing: border-box !important;
}
.faq-help-btn:hover {
  background: #00287a !important;
  box-shadow: 0 4px 12px rgba(0, 55, 167, 0.3) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}
.faq-help-whatsapp-btn {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #1e293b !important;
  border: 1px solid #dadce0 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
}
.faq-help-whatsapp-btn:hover {
  background: #f0fdf4 !important;
  border-color: #25D366 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.2) !important;
  transform: translateY(-1px) !important;
}
.faq-wa-icon-wrap {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #25D366 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 3px rgba(37, 211, 102, 0.3) !important;
  transition: transform 0.2s ease !important;
}
.faq-help-whatsapp-btn:hover .faq-wa-icon-wrap {
  transform: scale(1.08) !important;
}
.faq-wa-icon {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}
.faq-wa-label {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}
.faq-wa-badge {
  margin-left: auto !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #15803d !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  letter-spacing: 0.01em !important;
}
@media (max-width: 540px) {
  .faq-pill-gw {
    max-width: 100% !important;
    white-space: normal !important;
    padding: 6px 14px 6px 6px !important;
    border-radius: 18px !important;
    gap: 8px !important;
  }
  .faq-pill-text {
    font-size: 10px !important;
    letter-spacing: 0.04em !important;
    line-height: 1.3 !important;
  }
  .faq-help-whatsapp-btn {
    justify-content: center !important;
    padding: 10px 14px !important;
  }
  .faq-wa-badge {
    display: none !important;
  }
}

/* Right Column: Google Workspace Border Dividers Accordion */
.faq-list-gw {
  display: flex !important;
  flex-direction: column !important;
}
.faq-item-gw {
  border-bottom: 1px solid #e2e8f0 !important;
  transition: background-color 0.15s ease !important;
}
.faq-item-gw:first-child {
  border-top: 1px solid #e2e8f0 !important;
}
.faq-question-gw {
  padding: 24px 0 !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  list-style: none !important;
  gap: 20px !important;
  transition: color 0.15s ease !important;
  user-select: none !important;
}
.faq-question-gw::-webkit-details-marker {
  display: none !important;
}
.faq-question-gw:hover {
  color: #0037a7 !important;
}
.faq-icon-btn-gw {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #0037a7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.faq-question-gw:hover .faq-icon-btn-gw {
  background: #eff6ff !important;
}
.faq-chevron-gw {
  width: 18px !important;
  height: 18px !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  fill: currentColor !important;
}
.faq-item-gw[open] .faq-question-gw {
  color: #0037a7 !important;
}
.faq-item-gw[open] .faq-icon-btn-gw {
  background: #0037a7 !important;
  color: #ffffff !important;
}
.faq-item-gw[open] .faq-chevron-gw {
  transform: rotate(180deg) !important;
}
.faq-answer-gw {
  padding: 0 0 24px 0 !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
}
.faq-answer-gw p {
  margin: 0 !important;
}
.faq-answer-gw strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}


/* Case Study Real Photos & Badges */
.case-photo-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: rgba(15, 23, 42, 0.78) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  z-index: 2 !important;
}
.case-card-ws__banner img {
  transition: transform 0.35s cubic-bezier(0.2, 0, 0.2, 1) !important;
}
.case-card-ws:hover .case-card-ws__banner img {
  transform: scale(1.06) !important;
}

/* 5. Google Workspace Light Contact & Diagnostic Section */
.gw-contact-section {
  padding-block: clamp(72px, 8vw, 112px) !important;
  background: linear-gradient(180deg, #f8fafc 0%, #edf2f9 100%) !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.gw-contact-container {
  max-width: 1120px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 4vw, 32px) !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
}
.gw-contact-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #0037a7 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}
.gw-contact-pulse {
  background: #16a34a !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  animation: 2s ease-in-out infinite pulseDot !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.25) !important;
}
.gw-contact-headline {
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(32px, 4.4vw, 48px) !important;
  font-weight: 800 !important;
  color: #0f172a !important; /* ULTRA VISIBLE HIGH-CONTRAST DARK NAVY */
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  max-width: 820px !important;
  margin: 0 auto 18px auto !important;
}
.gw-contact-lead {
  font-size: clamp(16px, 1.8vw, 18px) !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  max-width: 720px !important;
  margin: 0 auto 40px auto !important;
}
.gw-contact-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-bottom: 40px !important;
  text-align: left !important;
}
@media (max-width: 960px) {
  .gw-contact-cards {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}
.gw-contact-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 20px 22px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.gw-contact-card:hover {
  transform: translateY(-2px) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}
.gw-contact-card-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #eff6ff !important;
  color: #0037a7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 20px !important;
}
.gw-contact-card-title {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 4px 0 !important;
}
.gw-contact-card-text {
  color: #64748b !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* Elevated Light Form Box */
.gw-form-box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: clamp(28px, 4vw, 44px) !important;
  max-width: 820px !important;
  margin: 0 auto 36px auto !important;
  box-shadow: 0 12px 32px -4px rgba(0, 55, 167, 0.07), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  text-align: left !important;
}
.gw-audit-form {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 768px) {
  .gw-audit-form {
    grid-template-columns: 1fr !important;
  }
  .gw-audit-form > div {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  .gw-form-input, .gw-form-textarea {
    width: 100% !important;
  }
}
.gw-form-title {
  font-size: 21px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: -0.01em !important;
}
.gw-form-subtitle {
  font-size: 14px !important;
  color: #64748b !important;
  margin: 0 0 24px 0 !important;
  line-height: 1.5 !important;
}
.gw-form-label {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
}
.gw-form-input, .gw-form-select, .gw-form-textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-family: inherit !important;
  font-size: 14px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}
.gw-form-input:focus, .gw-form-select:focus, .gw-form-textarea:focus {
  background: #ffffff !important;
  border-color: #0037a7 !important;
  box-shadow: 0 0 0 3px rgba(0, 55, 167, 0.15) !important;
}
.gw-form-input::placeholder, .gw-form-textarea::placeholder {
  color: #94a3b8 !important;
}
.gw-form-btn-submit {
  background: #0037a7 !important;
  border: 1px solid #0037a7 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 55, 167, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}
.gw-form-btn-submit:hover {
  background: #00287a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 55, 167, 0.35) !important;
}
.gw-form-whatsapp-link {
  color: #15803d !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}
.gw-form-whatsapp-link:hover {
  text-decoration: underline !important;
}
.gw-form-success {
  display: none;
  grid-column: 1 / -1;
  padding: 14px 18px !important;
  background: #f0fdf4 !important;
  border: 1px solid #86efac !important;
  border-radius: 10px !important;
  color: #166534 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

/* Actions Row */
.gw-contact-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-bottom: 36px !important;
}
.gw-btn-primary {
  background: #0037a7 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  box-shadow: 0 4px 14px rgba(0, 55, 167, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.gw-btn-primary:hover {
  background: #00287a !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 55, 167, 0.35) !important;
}
.gw-btn-whatsapp {
  background: #15803d !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  padding: 12px 26px !important;
  box-shadow: 0 4px 14px rgba(22, 163, 74, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.gw-btn-whatsapp:hover {
  background: #166534 !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(22, 163, 74, 0.35) !important;
}

/* Trust footer strip */
.gw-contact-trust {
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px 32px !important;
  color: #64748b !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}
.gw-contact-trust-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.gw-contact-trust-icon {
  color: #0037a7 !important;
  font-size: 16px !important;
}

/* 6. Clean Enterprise Logos Strip (No text chips, only logos) */
.logos-strip-section {
  padding-block: clamp(36px, 4.5vw, 56px) !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.logos-strip-headline {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  margin: 0 0 28px 0 !important;
  text-align: center !important;
}
.logos-strip-grid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: clamp(24px, 4.5vw, 48px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 20px !important;
}
.logo-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  transition: transform 0.25s ease, opacity 0.25s ease, filter 0.25s ease !important;
  opacity: 0.65 !important;
  filter: grayscale(100%) !important;
}
.logo-item:hover {
  opacity: 1 !important;
  filter: grayscale(0%) !important;
  transform: translateY(-2px) !important;
}
.brand-logo-img {
  height: 32px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain !important;
  display: block !important;
}
@media (max-width: 768px) {
  .logos-strip-grid {
    gap: 18px 26px !important;
  }
  .brand-logo-img {
    height: 26px !important;
    max-width: 110px !important;
  }
}

/* 7. Google Workspace Style Client Logos Section (Nos Clients & Références) */
.client-logos-section {
  padding-block: clamp(48px, 6vw, 76px) !important;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  position: relative !important;
}
.client-logos-container {
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 32px) !important;
}
.client-logos-header {
  text-align: center !important;
  max-width: 780px !important;
  margin-inline: auto !important;
  margin-bottom: clamp(32px, 4vw, 44px) !important;
}
.client-logos-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #0037a7 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  margin-bottom: 14px !important;
}
.client-logos-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #ffb214 !important;
  display: inline-block !important;
}
.client-logos-headline {
  font-size: clamp(24px, 3.2vw, 36px) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 12px 0 !important;
  font-family: var(--font-display, inherit) !important;
}
.client-logos-subheadline {
  font-size: clamp(14.5px, 1.8vw, 16px) !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
/* Google UI/UX Style Continuous Logo Marquee */
.hero-clients-bar {
  margin-top: 24px !important;
  padding-block: 16px 20px !important;
  border: none !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}

.hero-clients-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  margin: 0 0 16px 0 !important;
  display: block !important;
}

.hero-clients-marquee {
  display: flex !important;
  position: relative !important;
  width: 100% !important;
  max-width: 1400px !important;
  margin-inline: auto !important;
  overflow: hidden !important;
  user-select: none !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
}

.hero-clients-track {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  min-width: 100% !important;
  padding-inline-end: 20px !important;
  will-change: transform !important;
  animation: heroLogosScroll 42s linear infinite !important;
}

.hero-clients-marquee:hover .hero-clients-track,
.hero-clients-marquee:active .hero-clients-track,
.hero-clients-marquee:focus-within .hero-clients-track {
  animation-play-state: paused !important;
}

@keyframes heroLogosScroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.client-logo-card {
  background: #ffffff !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 6px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  height: 52px !important;
  min-width: 130px !important;
  max-width: 170px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.client-logo-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
  border-color: #cbd5e1 !important;
}

.client-logo-img {
  width: auto !important;
  height: auto !important;
  max-width: 110px !important;
  max-height: 28px !important;
  object-fit: contain !important;
  display: block !important;
  filter: grayscale(100%) contrast(0.85) opacity(0.65) !important;
  -webkit-filter: grayscale(100%) contrast(0.85) opacity(0.65) !important;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease, opacity 0.2s ease !important;
}

.client-logo-card:hover .client-logo-img,
.client-logo-card:focus-visible .client-logo-img {
  filter: grayscale(0%) contrast(1) opacity(1) !important;
  -webkit-filter: grayscale(0%) contrast(1) opacity(1) !important;
}

/* Equalized Optical Logo Sizing */
.client-logo-img--wide {
  max-height: 24px !important;
  max-width: 118px !important;
}
.client-logo-img--medium {
  max-height: 29px !important;
  max-width: 95px !important;
}
.client-logo-img--square,
.client-logo-img--compact {
  max-height: 38px !important;
  max-width: 48px !important;
}

/* Tablet & Smartphone responsive adjustments */
@media (max-width: 768px) {
  .hero-clients-bar {
    margin-top: 16px !important;
    padding-block: 10px 14px !important;
  }
  .hero-clients-label {
    margin-bottom: 12px !important;
  }
  .hero-clients-marquee {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
  }
  .hero-clients-track {
    gap: 12px !important;
    padding-inline-end: 12px !important;
    animation-duration: 34s !important;
  }
  .client-logo-card {
    min-height: 44px !important;
    height: 44px !important;
    min-width: 110px !important;
    max-width: 145px !important;
    padding: 4px 10px !important;
    border-radius: 10px !important;
  }
  .client-logo-img {
    max-height: 22px !important;
    max-width: 92px !important;
  }
  .client-logo-img--wide {
    max-height: 20px !important;
    max-width: 94px !important;
  }
  .client-logo-img--medium {
    max-height: 25px !important;
    max-width: 76px !important;
  }
  .client-logo-img--square,
  .client-logo-img--compact {
    max-height: 32px !important;
    max-width: 40px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-clients-marquee {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .hero-clients-marquee::-webkit-scrollbar {
    display: none !important;
  }
  .hero-clients-track {
    animation: none !important;
  }
  .hero-clients-track[aria-hidden="true"] {
    display: none !important;
  }
}
.client-trust-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: clamp(16px, 3vw, 36px) !important;
  padding-top: 16px !important;
  border-top: 1px dashed #e2e8f0 !important;
}
.client-trust-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #475569 !important;
}
.client-trust-item svg {
  color: #16a34a !important;
  flex-shrink: 0 !important;
}

/* ========================================================
   GOOGLE WORKSPACE HERO SECTION OVERRIDE
   2-Column Side-by-Side Layout: Text Left, Photo Right
   ======================================================== */
.hero {
  padding-block-start: clamp(24px, 3.5vw, 44px) !important;
  padding-block-end: clamp(32px, 4vw, 56px) !important;
}

.hero-grid-ws {
  display: grid !important;
  grid-template-columns: 1.15fr 0.95fr !important;
  align-items: center !important;
  gap: clamp(32px, 4vw, 56px) !important;
}

.hero-col-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.hero__announce {
  margin-block-end: 18px !important;
}

.hero__headline {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  font-weight: 800 !important;
  max-width: 100% !important;
  margin-block-start: 0 !important;
  margin-block-end: 16px !important;
  color: #0f172a !important;
}

.hero__lead {
  font-size: clamp(15px, 1.15vw, 16.5px) !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  max-width: 100% !important;
  margin: 0 0 24px 0 !important;
}

.hero .actions {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
}

.hero .actions .btn {
  width: auto !important;
  min-height: 46px !important;
  padding: 10px 22px !important;
  font-size: 14px !important;
}

.hero-col-visual {
  position: relative !important;
  width: 100% !important;
}

.hero-photo-sheet {
  margin-top: 0 !important;
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  box-shadow: 0 16px 40px -12px rgba(0, 55, 167, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

.hero-photo-wrapper {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #e2e8f0 !important;
}

.hero-photo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hero-photo-sheet:hover .hero-photo-img {
  transform: scale(1.02) !important;
}

.hero-photo-chip {
  position: absolute !important;
  bottom: 14px !important;
  left: 14px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: 9999px !important;
  padding: 7px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12) !important;
  z-index: 2 !important;
}

.hero-photo-chip__pulse {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #16a34a !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.25) !important;
  animation: heroPulse 2s infinite !important;
  flex-shrink: 0 !important;
}

@keyframes heroPulse {
  0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4); }
  70% { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); }
  100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}

.hero-photo-chip__text {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  white-space: nowrap !important;
}

.hero-photo-chip__text strong {
  color: #0037a7 !important;
  font-weight: 700 !important;
}

@media (max-width: 992px) {
  .hero-grid-ws {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .hero-photo-wrapper {
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 640px) {
  .hero-photo-chip {
    bottom: 10px !important;
    left: 10px !important;
    padding: 5px 10px !important;
  }
  .hero-photo-chip__text {
    font-size: 11px !important;
  }
  .hero .actions {
    width: 100% !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .hero .actions .btn {
    width: 100% !important;
    justify-content: center !important;
  }
}
/* ========================================================
   GOOGLE WORKSPACE FLOATING STICKY HEADER
   ======================================================== */
html, body {
  overflow-x: clip !important;
}

@media (min-width: 1081px) {
  .site-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    padding-block: 8px !important;
    pointer-events: none !important;
    transition: transform 0.2s ease, background 0.2s ease !important;
  }

  .site-header .nav {
    pointer-events: auto !important;
    background: rgba(255, 255, 255, 0.96) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px -2px rgba(0, 55, 167, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04) !important;
    border-radius: 9999px !important;
  }
}

@media (max-width: 1080px) {
  .site-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: saturate(1.8) blur(20px) !important;
    -webkit-backdrop-filter: saturate(1.8) blur(20px) !important;
    border-bottom: 1px solid #e8eaed !important;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08) !important;
    pointer-events: auto !important;
    border-radius: 0 !important;
    width: 100% !important;
  }

  .site-header .nav {
    width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding-inline: 16px 12px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow: visible !important;
  }
}


/* === STYLE BLOCK 8 === */
.logo-p{fill:#0037a7;}.logo-a{fill:#ffb214;}
/* --- Light & Clean Verified Stats Section (Reverted from dark blue) --- */
.sheet--night.stats-sheet {
  background: var(--color-sunken, #f8fafc) !important;
  border: 1px solid var(--color-border, #e2e8f0) !important;
  box-shadow: 0 4px 20px -2px rgba(60, 64, 67, 0.06) !important;
  color: var(--color-text, #0f172a) !important;
  padding: clamp(40px, 5vw, 60px) clamp(20px, 4vw, 40px) !important;
  border-radius: 28px !important;
  margin-block: clamp(40px, 5vw, 64px) !important;
}

.stats-sheet .stats-headline {
  color: #0f172a !important;
  font-family: var(--font-display);
  font-size: clamp(26px, 3.5vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}

.stats-sheet .stats-sub {
  color: #475569 !important;
  font-size: 1rem;
  max-width: 600px;
  margin-inline: auto;
  margin-bottom: 36px;
  line-height: 1.5;
}

.stats-sheet .stats-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 960px) {
  .stats-sheet .stats-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
  }
}
@media (max-width: 640px) {
  .stats-sheet .stats-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}

.stats-sheet .stat-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 24px 16px !important;
  text-align: center !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.06) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.stats-sheet .stat-card:hover {
  transform: translateY(-3px);
  border-color: #0037a7 !important;
  box-shadow: 0 8px 20px rgba(0, 55, 167, 0.1) !important;
}

.stats-sheet .stat-value {
  color: #0037a7 !important; /* Netregia Royal Sapphire */
  font-family: var(--font-display);
  font-size: clamp(30px, 3.5vw, 40px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  display: block !important;
  letter-spacing: -0.02em;
}

.stats-sheet .stat-label {
  color: #475569 !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  display: block !important;
}

/* --- Clean & Aerated Études de Cas: Exactly 3 Per Line on Desktop --- */
.cases-section {
  padding-block: clamp(56px, 6vw, 80px);
}

.cases-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  margin-top: 36px !important;
}

@media (max-width: 1024px) {
  .cases-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 680px) {
  .cases-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.case-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 30px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  box-shadow: 0 1px 4px rgba(60, 64, 67, 0.05) !important;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.case-card:hover {
  transform: translateY(-4px) !important;
  border-color: #0037a7 !important;
  box-shadow: 0 16px 36px rgba(0, 55, 167, 0.12) !important;
}

.case-kpis {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  background: #f8fafc !important;
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
}

.case-kpi-val {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0037a7 !important;
  font-family: var(--font-display) !important;
}

.case-kpi-lbl {
  font-size: 11.5px !important;
  color: #64748b !important;
  margin-top: 2px !important;
}

.badge-chip--blue {
  background: #e8f0fe !important;
  color: #0037a7 !important;
}

.badge-chip--amber {
  background: #fff8e7 !important;
  color: #b45309 !important;
}


/* ==========================================================================
   Google Workspace Style Cases Carousel Section (Full-Bleed Slider)
   Reference: workspace.google.com TemplateCardCarousel
   ========================================================================== */
.cases-carousel-section {
  padding: clamp(64px, 7vw, 96px) 0 !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}

.cases-carousel-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: clamp(28px, 4vw, 44px) !important;
  flex-wrap: wrap !important;
}

.cases-carousel-header__content {
  max-width: 760px !important;
}

.cases-carousel-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  background: #eef2ff !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 9999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #3730a3 !important;
  margin-bottom: 14px !important;
  text-transform: uppercase !important;
}

.cases-carousel-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #4f46e5 !important;
}

.cases-carousel-headline {
  font-size: clamp(26px, 3.2vw, 40px) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.22 !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.025em !important;
}

.cases-carousel-subheadline {
  font-size: clamp(15px, 1.8vw, 17px) !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.cases-carousel-controls {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.cases-carousel-btn {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.cases-carousel-btn:hover {
  background: #0037a7 !important;
  border-color: #0037a7 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 55, 167, 0.25) !important;
}

.cases-carousel-btn:active {
  transform: translateY(0) scale(0.96) !important;
}

.cases-carousel-track-wrapper {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cases-carousel-track {
  display: flex !important;
  gap: 28px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px max(var(--gutter, 24px), calc((100vw - var(--wide-width, 1440px)) / 2 + var(--gutter, 24px))) 36px !important;
  cursor: grab !important;
  user-select: none !important;
}

.cases-carousel-track::-webkit-scrollbar {
  display: none !important;
}

.cases-gws-card {
  min-width: clamp(360px, 30vw, 440px) !important;
  max-width: clamp(360px, 30vw, 440px) !important;
  flex: 0 0 clamp(360px, 30vw, 440px) !important;
  scroll-snap-align: start !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  transition: box-shadow 0.3s ease, border-color 0.25s ease !important;
  text-decoration: none !important;
  color: inherit !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.cases-gws-card:hover {
  transform: none !important;
  border-color: #1a73e8 !important;
  box-shadow: 0 0 0 1px #1a73e8, 0 8px 24px -4px rgba(26, 115, 232, 0.18), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* Image Part: small padding inside around the screenshot */
.cases-gws-card__img-wrap {
  position: relative !important;
  width: 100% !important;
  height: clamp(210px, 16vw, 250px) !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  border-radius: 24px 24px 0 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 16px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s ease !important;
}

.cases-gws-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08) !important;
  transition: none !important;
}

.cases-gws-card:hover .cases-gws-card__img {
  transform: none !important;
}

.cases-gws-card__category {
  position: absolute !important;
  top: 24px !important;
  inset-inline-start: 26px !important;
  background: rgba(15, 23, 42, 0.82) !important;
  backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 5px 12px !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  z-index: 2 !important;
}

/* Copy Part: The Blue Zone on Hover (Google Workspace Style) */
.cases-gws-card__copy {
  padding: 24px 26px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border-radius: 0 0 24px 24px !important;
  transition: background-color 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__copy {
  background: #1a73e8 !important;
}

/* Badge Pill */
.cases-gws-card__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  padding: 4px 12px !important;
  border-radius: 9999px !important;
  margin-bottom: 14px !important;
  width: fit-content !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__badge {
  background: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

.cases-gws-card__logo {
  height: 20px !important;
  max-width: 80px !important;
  width: auto !important;
  object-fit: contain !important;
}

.cases-gws-card__client-name {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  letter-spacing: 0.02em !important;
  transition: color 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__client-name {
  color: #0f172a !important;
}

/* Headline */
.cases-gws-card__title {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  margin: 0 0 10px 0 !important;
  transition: color 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__title {
  color: #ffffff !important;
}

/* Description */
.cases-gws-card__desc {
  font-size: 14px !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 0 18px 0 !important;
  flex-grow: 1 !important;
  transition: color 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__desc {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Footer & Link */
.cases-gws-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 14px !important;
  border-top: 1px solid #f1f5f9 !important;
  transition: border-color 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__footer {
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}

.cases-gws-card__link {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0037a7 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__link {
  color: #ffffff !important;
}

.cases-gws-card__link svg {
  transition: transform 0.2s ease, color 0.25s ease !important;
}

.cases-gws-card:hover .cases-gws-card__link svg {
  transform: translateX(4px) !important;
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .cases-carousel-track {
    padding: 8px 16px 24px !important;
    gap: 16px !important;
  }
  .cases-gws-card {
    min-width: 86vw !important;
    max-width: 86vw !important;
    flex: 0 0 86vw !important;
    border-radius: 20px !important;
    padding: 0 !important;
  }
  .cases-gws-card__img-wrap {
    height: 190px !important;
    padding: 12px 14px !important;
    border-radius: 20px 20px 0 0 !important;
  }
  .cases-gws-card__img {
    border-radius: 10px !important;
  }
  .cases-gws-card__copy {
    padding: 18px 20px 20px !important;
    border-radius: 0 0 20px 20px !important;
  }
  .cases-gws-card__title {
    font-size: 17.5px !important;
  }
  .cases-carousel-controls {
    display: flex !important;
  }
}

/* === STYLE BLOCK 9 === */
.logo-p{fill:#0037a7;}.logo-a{fill:#ffb214;}
/* === STYLE BLOCK 10 === */

@media (min-width: 769px) {
  .mobile-sticky-bar { display: none !important; }
}
@media (max-width: 768px) {
  body { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important; }
  .mobile-sticky-bar { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* Hero Proof Band Base Styling */
.hero-proof-band {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 2.5vw, 36px);
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 14px clamp(16px, 2.5vw, 28px);
  margin-top: clamp(24px, 3.5vw, 36px);
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04);
  flex-wrap: wrap;
}
.hero-proof-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.hero-proof-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.hero-proof-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.hero-proof-head {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.hero-proof-val {
  font-family: var(--font-display, inherit);
  font-size: clamp(20px, 2vw, 24px);
  font-weight: 800;
  letter-spacing: -0.02em;
}
.hero-proof-tag {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 9999px;
  letter-spacing: 0.04em;
}
.hero-proof-desc {
  font-size: 12.5px;
  font-weight: 600;
  color: #475569;
}
.hero-proof-sep {
  width: 1px;
  height: 28px;
  background: #e2e8f0;
}

/* Tablet & Mobile responsive (< 960px) */
@media (max-width: 960px) {
  .hero-proof-band {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }
  .hero-proof-sep {
    display: none !important;
  }
  .hero-proof-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  .hero-proof-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    margin-top: 2px !important;
  }
  .hero-proof-text {
    flex: 1 !important;
    min-width: 0 !important;
  }
  .hero-proof-val {
    font-size: 19px !important;
  }
  .hero-proof-desc {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}

/* Smartphone responsive (< 560px) - Google Workspace 2x2 compact proof grid */
@media (max-width: 560px) {
  .hero-proof-band {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
  }
  .hero-proof-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    padding: 10px 10px !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
  .hero-proof-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    margin-top: 0 !important;
  }
  .hero-proof-icon svg {
    width: 15px !important;
    height: 15px !important;
  }
  .hero-proof-text {
    width: 100% !important;
    min-width: 0 !important;
  }
  .hero-proof-head {
    gap: 4px !important;
    flex-wrap: wrap !important;
  }
  .hero-proof-val {
    font-size: 17px !important;
    font-weight: 800 !important;
  }
  .hero-proof-tag {
    font-size: 8.5px !important;
    padding: 1px 5px !important;
  }
  .hero-proof-desc {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    color: #64748b !important;
  }
}