/* ============================================================
   SIGNUM — feuille de styles principale
   Organisation :
     1. Variables & reset
     2. Typographie & utilitaires
     3. Boutons
     4. Header / Nav
     5. Hero
     6. Sections génériques
     7. Offres / Features / Advantages / Use-cases / Contact
     8. Pages internes / Espace client / Prose
     9. Footer
    10. Toast, responsive, animations
   ============================================================ */

/* 1. Variables ------------------------------------------------ */
:root{
    --sg-primary:#0b1f3a;
    --sg-primary-2:#122a53;
    --sg-accent:#3b82f6;
    --sg-accent-2:#ef4444;
    --sg-ink:#0f172a;
    --sg-ink-2:#334155;
    --sg-muted:#64748b;
    --sg-line:#e2e8f0;
    --sg-bg:#ffffff;
    --sg-bg-soft:#f8fafc;
    --sg-radius:16px;
    --sg-radius-sm:10px;
    --sg-shadow-sm:0 2px 8px rgba(15,23,42,.06);
    --sg-shadow:0 20px 50px -20px rgba(11,31,58,.25);
    --sg-shadow-lg:0 40px 80px -30px rgba(11,31,58,.35);
    --sg-grad:linear-gradient(135deg,#ff6a3d 0%,#ffd23f 28%,#21c07a 62%,#7c3aed 100%);
    --sg-grad-blue:linear-gradient(135deg,#3b82f6,#1e3a8a);
    --sg-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    --sg-font-display:'Space Grotesk','Inter',sans-serif;
    --sg-container:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    margin:0;
    font-family:var(--sg-font);
    color:var(--sg-ink);
    background:var(--sg-bg);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--sg-accent);text-decoration:none;transition:color .2s}
a:hover{color:var(--sg-primary)}
button{font-family:inherit}

.sg-skip{position:absolute;left:-9999px;top:0}
.sg-skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem 1rem;border-radius:8px;z-index:100}

/* 2. Typo & utilitaires -------------------------------------- */
.sg-container{max-width:var(--sg-container);margin:0 auto;padding:0 24px}
.sg-h1{font-family:var(--sg-font-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0 0 1rem}
.sg-h2{font-family:var(--sg-font-display);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0 0 .75rem;color:var(--sg-ink)}
.sg-h2--light{color:#fff}
.sg-h3{font-family:var(--sg-font-display);font-size:1.4rem;font-weight:600;margin:0 0 .75rem}
.sg-lead{font-size:1.125rem;color:var(--sg-ink-2);margin:0 0 1.5rem;max-width:60ch}
.sg-lead--light{color:rgba(255,255,255,.85)}
.sg-eyebrow{
    display:inline-flex;align-items:center;gap:.5rem;
    font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:rgba(255,255,255,.85);margin:0 0 1rem;
}
.sg-eyebrow--dark{color:var(--sg-accent)}
.sg-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sg-grad);box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.sg-check{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}
.sg-check li{position:relative;padding-left:1.75rem;color:var(--sg-ink-2)}
.sg-check li::before{
    content:"";position:absolute;left:0;top:.45rem;width:18px;height:18px;border-radius:50%;
    background:var(--sg-grad);
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/12px no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/12px no-repeat;
}

/* 3. Boutons -------------------------------------------------- */
.sg-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
    padding:.75rem 1.25rem;border-radius:12px;font-weight:600;font-size:.95rem;
    border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,color .2s;
    white-space:nowrap;line-height:1;
}
.sg-btn--lg{padding:1rem 1.75rem;font-size:1rem}
.sg-btn--sm{padding:.5rem .85rem;font-size:.85rem}
.sg-btn--block{width:100%}
.sg-btn--primary{background:var(--sg-accent);color:#fff;box-shadow:0 10px 24px -10px rgba(59,130,246,.6)}
.sg-btn--primary:hover{background:var(--sg-primary);color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(11,31,58,.5)}
.sg-btn--ghost{background:transparent;color:var(--sg-ink);border-color:var(--sg-line)}
.sg-btn--ghost:hover{border-color:var(--sg-accent);color:var(--sg-accent);background:#fff}
.sg-header .sg-btn--ghost{color:#fff;border-color:rgba(255,255,255,.25)}
.sg-header .sg-btn--ghost:hover{background:rgba(255,255,255,.1);color:#fff}

/* 4. Header -------------------------------------------------- */
.sg-header{
    position:sticky;top:0;z-index:50;
    background:rgba(11,31,58,.92);
    backdrop-filter:saturate(180%) blur(14px);
    -webkit-backdrop-filter:saturate(180%) blur(14px);
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#fff;
}
/* Décalage sous la barre d'admin WordPress pour rester toujours visible */
.admin-bar .sg-header{top:32px}
@media screen and (max-width:782px){
    .admin-bar .sg-header{top:46px}
}
.sg-header__inner{display:flex;align-items:center;min-height:96px;gap:2rem}
.sg-header__brand{flex:0 0 auto}
.sg-logo{display:inline-flex;align-items:center;gap:.85rem;color:#fff;font-weight:700;font-size:1.75rem;font-family:var(--sg-font-display);letter-spacing:-.02em}
.sg-logo:hover{color:#fff}
.sg-logo-text-wrap{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.sg-logo-text{display:block}
.sg-logo-subtext{display:block;margin-top:.28rem;font-size:.62rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.sg-logo-img{display:block;width:80px;height:80px;object-fit:contain;border-radius:0}
.sg-nav{margin-left:auto;display:flex;justify-content:flex-end}
.sg-menu{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}
.sg-menu a{color:rgba(255,255,255,.82);padding:.7rem 1.5rem;border-radius:10px;font-weight:600;font-size:1.05rem;transition:all .2s;letter-spacing:.01em}
.sg-menu a:hover,.sg-menu .current-menu-item>a,.sg-menu .current_page_item>a{color:#fff;background:rgba(255,255,255,.12)}
.sg-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}
.sg-burger{display:none;background:transparent;border:0;width:44px;height:44px;padding:12px;cursor:pointer;color:#fff}
.sg-burger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;margin:3px 0;transition:transform .2s,opacity .2s}
.sg-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.sg-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sg-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* 5. Hero ---------------------------------------------------- */
.sg-hero{
    position:relative;overflow:hidden;padding:5rem 0 6rem;
    background:radial-gradient(1200px 600px at 20% -10%, rgba(59,130,246,.25), transparent 60%),
               radial-gradient(900px 500px at 90% 10%, rgba(239,68,68,.18), transparent 60%),
               linear-gradient(180deg,var(--sg-primary),#091831 70%);
    color:#fff;
}
.sg-hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sg-hero__blob{position:absolute;width:480px;height:480px;filter:blur(90px);opacity:.35;border-radius:50%}
.sg-hero__blob--1{background:#3b82f6;top:-120px;left:-80px;animation:sg-float 18s ease-in-out infinite}
.sg-hero__blob--2{background:#ff6a3d;bottom:-150px;right:-120px;animation:sg-float 22s ease-in-out infinite reverse}
.sg-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%)}
.sg-hero .sg-container{position:relative}
.sg-hero__title{
    font-family:var(--sg-font-display);font-weight:700;letter-spacing:-.02em;line-height:1.05;
    font-size:clamp(2.25rem,5.5vw,4.25rem);margin:0 0 1rem;max-width:36ch;
    background:linear-gradient(180deg,#fff 40%, #bcd1f5);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.sg-hero__subtitle{font-size:clamp(1rem,1.4vw,1.2rem);color:rgba(255,255,255,.82);max-width:60ch;margin:0 0 2rem}
.sg-hero__ctas{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:3rem}
.sg-hero .sg-btn--ghost{color:#fff;border-color:rgba(255,255,255,.25)}
.sg-hero .sg-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}

.sg-hero__video{position:relative;max-width:960px;margin:0 auto}
.sg-hero__video-frame{
    position:relative;border-radius:20px;overflow:hidden;
    box-shadow:0 40px 100px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);
    background:#000;aspect-ratio:16/9;
    transform:translateY(20px);
}
.sg-hero__video-frame::before{
    content:"";position:absolute;inset:-2px;border-radius:22px;padding:2px;
    background:var(--sg-grad);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6;
}
.sg-video-embed,.sg-video-placeholder{position:absolute;inset:0;width:100%;height:100%}
.sg-video-embed iframe,.sg-video-embed video{width:100%;height:100%;border:0;display:block}
.sg-video-placeholder{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;
    background:#0b1f3a center/cover;color:rgba(255,255,255,.75);text-align:center;padding:2rem;
}
.sg-video-play{
    width:84px;height:84px;border-radius:50%;border:0;cursor:pointer;
    background:rgba(255,255,255,.15);backdrop-filter:blur(8px);
    display:inline-flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 6px rgba(255,255,255,.08),0 20px 40px rgba(0,0,0,.4);
    transition:transform .2s;
}
.sg-video-play:hover{transform:scale(1.05)}
.sg-video-play span{width:0;height:0;border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}

.sg-hero__video-badges{position:absolute;inset:0;pointer-events:none}
.sg-badge{
    position:absolute;pointer-events:auto;
    display:inline-flex;align-items:center;gap:.5rem;
    background:rgba(255,255,255,.95);color:var(--sg-primary);
    padding:.55rem .9rem;border-radius:999px;font-weight:600;font-size:.85rem;
    box-shadow:0 12px 30px -10px rgba(0,0,0,.4);
    top:-18px;left:-16px;
    animation:sg-float 6s ease-in-out infinite;
}
.sg-badge--alt{top:auto;left:auto;bottom:-18px;right:-16px;background:var(--sg-accent);color:#fff;animation-delay:-3s}
.sg-badge__pulse{width:8px;height:8px;border-radius:50%;background:#21c07a;box-shadow:0 0 0 0 rgba(33,192,122,.7);animation:sg-pulse 1.8s infinite}

.sg-hero__trust{list-style:none;margin:3rem 0 0;padding:1.5rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;border-top:1px solid rgba(255,255,255,.1)}
.sg-hero__trust li{
    min-height:92px;padding:1rem 1.1rem;border-radius:16px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.76);font-size:.88rem;line-height:1.35;
    display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
}
.sg-hero__trust strong{display:block;margin-bottom:.3rem;color:#fff;font-family:var(--sg-font-display);font-size:1.35rem;font-weight:700;line-height:1.05}

/* 6. Sections ------------------------------------------------ */
.sg-section{padding:5rem 0;position:relative}
.sg-section--dark{background:var(--sg-primary);color:#fff}
.sg-section__head{max-width:720px;margin:0 0 3rem}
.sg-section__head--center{text-align:center;margin-left:auto;margin-right:auto}
.sg-intro .sg-section__head,.sg-offres .sg-section__head,.sg-features .sg-section__head,.sg-solution-story .sg-section__head{max-width:100%}
.sg-intro .sg-section__head .sg-h2,.sg-offres .sg-section__head .sg-h2,.sg-features .sg-section__head .sg-h2{white-space:nowrap}
.sg-solution-story .sg-section__head{margin-bottom:2rem}
.sg-section__desc{color:var(--sg-muted);font-size:1.05rem;margin:0}
.sg-section--dark .sg-section__desc{color:rgba(255,255,255,.7)}

/* Intro */
.sg-intro__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:center}
.sg-intro__visual{display:flex;justify-content:center}
.sg-device{
    width:100%;max-width:480px;aspect-ratio:16/10;border-radius:20px;
    background:linear-gradient(160deg,#0f2a54,#0b1f3a);box-shadow:var(--sg-shadow-lg);
    border:1px solid rgba(255,255,255,.08);padding:14px;position:relative;overflow:hidden;
}
.sg-device__bar{display:flex;gap:6px;margin-bottom:10px}
.sg-device__bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}
.sg-device__screen{
    position:relative;width:100%;height:calc(100% - 20px);border-radius:12px;overflow:hidden;
    background:
        radial-gradient(400px 200px at 10% 100%, rgba(124,58,237,.35), transparent 60%),
        radial-gradient(500px 300px at 100% 0, rgba(59,130,246,.35), transparent 60%),
        linear-gradient(135deg,#1b2a4e,#0b1f3a);
}
.sg-device__widget{
    position:absolute;background:rgba(255,255,255,.96);color:var(--sg-ink);
    border-radius:10px;padding:10px 12px;font-size:.82rem;
    box-shadow:0 8px 24px rgba(0,0,0,.25);animation:sg-floaty 7s ease-in-out infinite;
}
.sg-device__widget--time{top:12px;left:12px}
.sg-device__widget--time .sg-device__h{display:block;font-family:var(--sg-font-display);font-size:1.4rem;font-weight:700;line-height:1}
.sg-device__widget--time .sg-device__d{color:var(--sg-muted);font-size:.72rem}
.sg-device__widget--meteo{top:12px;right:12px;display:flex;align-items:center;gap:.4rem;animation-delay:-2s}
.sg-device__widget--meteo span{font-size:1.2rem;color:#f59e0b}
.sg-device__widget--slide{bottom:12px;left:12px;animation-delay:-4s}
.sg-device__widget--slide p{margin:.35rem 0 0;font-size:.72rem;color:var(--sg-muted)}
.sg-device__bars{display:flex;gap:3px;align-items:flex-end;height:20px}
.sg-device__bars span{display:block;width:6px;background:var(--sg-grad);border-radius:2px;animation:sg-bars 1.4s ease-in-out infinite}
.sg-device__bars span:nth-child(1){height:40%;animation-delay:-.2s}
.sg-device__bars span:nth-child(2){height:80%;animation-delay:-.4s}
.sg-device__bars span:nth-child(3){height:60%;animation-delay:-.6s}
.sg-device__bars span:nth-child(4){height:90%;animation-delay:-.8s}
.sg-device__bars span:nth-child(5){height:50%;animation-delay:-1s}
.sg-device__widget--calendar{bottom:12px;right:12px;animation-delay:-5s}
.sg-device__widget--calendar strong{color:var(--sg-accent)}

/* 7.1 Offres ------------------------------------------------- */
.sg-offres__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.sg-offre{
    position:relative;background:#fff;border:1px solid var(--sg-line);
    border-radius:var(--sg-radius);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;
    transition:transform .2s,box-shadow .2s,border-color .2s;
}
.sg-offre:hover{transform:translateY(-4px);box-shadow:var(--sg-shadow);border-color:transparent}
.sg-offre.is-highlight{
    border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--sg-grad) border-box;
    border:2px solid transparent;box-shadow:var(--sg-shadow);
}
.sg-offre__flag{
    position:absolute;top:-12px;right:1.5rem;background:var(--sg-grad);color:#fff;
    padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.sg-offre__tag{display:inline-block;background:rgba(59,130,246,.1);color:var(--sg-accent);padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:.6rem}
.sg-offre__name{font-family:var(--sg-font-display);font-size:1.6rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.01em}
.sg-offre__pitch{color:var(--sg-muted);margin:0;font-size:.95rem}
.sg-offre__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;flex:1}
.sg-offre__features li{display:flex;gap:.6rem;align-items:flex-start;font-size:.93rem;color:var(--sg-ink-2)}
.sg-offre__features svg{flex-shrink:0;color:#21c07a;margin-top:2px}
.sg-offre__feature-sub{padding-left:1.6rem;font-size:.88rem;color:var(--sg-ink-2);margin-top:-.05rem}
.sg-offre__note{margin:.5rem 0 0;font-size:.75rem;color:var(--sg-muted)}

.sg-solutions-showcase{padding-top:2rem}
.sg-solution-story--display .sg-solution-story__list,.sg-solution-story--edge .sg-solution-story__list{grid-template-columns:1fr;margin-top:2rem}
.sg-solution-story--display .sg-solution-story__grid{grid-template-columns:minmax(0,1fr) minmax(420px,1.2fr);gap:3.5rem;align-items:center}
.sg-solution-story{padding:4.5rem 0}
.sg-solution-story + .sg-solution-story{border-top:1px solid var(--sg-line)}
.sg-solution-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:3.5rem;align-items:center}
.sg-solution-story__content{max-width:640px}
.sg-solution-story__eyebrow{
    margin:0 0 .85rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;color:var(--sg-accent)
}
.sg-solution-story__target{margin:-.25rem 0 1rem;font-size:.98rem;font-weight:600;color:var(--sg-ink)}
.sg-solution-story__body{margin:0 0 1.75rem;color:var(--sg-muted);font-size:1rem;max-width:58ch}
.sg-solution-story__list{
    list-style:none;margin:0 0 2rem;padding:0;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.25rem
}
.sg-solution-story__list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--sg-ink-2);font-size:.96rem}
.sg-solution-story__list svg{flex:0 0 auto;color:#21c07a;margin-top:2px}

.sg-solution-visual{
    padding:1.2rem;border-radius:28px;
    background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);
    box-shadow:var(--sg-shadow);border:1px solid rgba(59,130,246,.08)
}
.sg-solution-story--ultra .sg-solution-visual{background:linear-gradient(180deg,#fffaf4 0%,#fff2e5 100%);border-color:rgba(245,158,11,.14)}
.sg-solution-story--display .sg-solution-visual{background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);border-color:rgba(148,163,184,.18)}
.sg-solution-visual__window{
    border-radius:24px;overflow:hidden;background:#fff;
    border:1px solid rgba(15,23,42,.08);min-height:360px;
    box-shadow:0 18px 50px -28px rgba(15,23,42,.28)
}
.sg-solution-visual__chrome{display:flex;gap:8px;padding:14px 16px;background:#0f172a}
.sg-solution-visual__chrome span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3)}
.sg-solution-visual__chips{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 .75rem}
.sg-solution-visual__chips span{
    display:inline-flex;align-items:center;padding:.45rem .8rem;border-radius:999px;
    background:rgba(255,255,255,.78);border:1px solid rgba(15,23,42,.08);
    font-size:.82rem;font-weight:600;color:var(--sg-ink)
}
.sg-solution-visual__caption{margin:0;color:var(--sg-muted);font-size:.94rem}

.sg-solution-visual__dashboard{display:grid;grid-template-columns:76px 1fr;min-height:320px}
.sg-solution-visual__sidebar{
    background:linear-gradient(180deg,#0f172a 0%,#172554 100%);
    padding:18px 14px;display:grid;gap:10px;align-content:start
}
.sg-solution-visual__sidebar span{height:10px;border-radius:999px;background:rgba(255,255,255,.18)}
.sg-solution-visual__sidebar span:nth-child(1){width:80%}
.sg-solution-visual__sidebar span:nth-child(2){width:100%}
.sg-solution-visual__sidebar span:nth-child(3){width:72%}
.sg-solution-visual__sidebar span:nth-child(4){width:56%}
.sg-solution-visual__workspace{
    padding:20px;background:
        radial-gradient(220px 120px at 100% 0, rgba(59,130,246,.18), transparent 60%),
        linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)
}
.sg-solution-visual__hero-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sg-solution-visual__metric{
    padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(59,130,246,.08);
    box-shadow:0 10px 24px -18px rgba(15,23,42,.24)
}
.sg-solution-visual__metric strong{display:block;font-family:var(--sg-font-display);font-size:1.3rem;line-height:1.1;color:var(--sg-primary)}
.sg-solution-visual__metric span{display:block;margin-top:.35rem;font-size:.75rem;color:var(--sg-muted)}
.sg-solution-visual__tiles{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.sg-solution-visual__tile{
    display:block;min-height:160px;border-radius:22px;overflow:hidden;position:relative;
    box-shadow:0 18px 30px -22px rgba(15,23,42,.28)
}
.sg-solution-visual__tile--edge-1{
    background:
        linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0)),
        linear-gradient(135deg,#1d4ed8 0%,#38bdf8 100%)
}
.sg-solution-visual__tile--edge-2{min-height:74px;background:linear-gradient(135deg,#f97316 0%,#fdba74 100%)}
.sg-solution-visual__tile--edge-3{min-height:74px;background:linear-gradient(135deg,#7c3aed 0%,#c084fc 100%)}
.sg-solution-visual__tile--edge-1::before,
.sg-solution-visual__tile--edge-2::before,
.sg-solution-visual__tile--edge-3::before{
    content:"";position:absolute;inset:14px;border-radius:14px;border:1px solid rgba(255,255,255,.28)
}
.sg-solution-visual__tile--edge-1::after{
    content:"";position:absolute;left:24px;right:24px;bottom:22px;height:54px;border-radius:16px;
    background:rgba(255,255,255,.18);box-shadow:0 -78px 0 -24px rgba(255,255,255,.22),0 -138px 0 -48px rgba(255,255,255,.14)
}
.sg-solution-visual__tile--edge-2::after,
.sg-solution-visual__tile--edge-3::after{
    content:"";position:absolute;left:18px;right:18px;bottom:18px;height:10px;border-radius:999px;background:rgba(255,255,255,.7)
}

.sg-solution-visual__retail{
    position:relative;min-height:320px;padding:20px;
    background:linear-gradient(180deg,#fff8ef 0%,#fff 100%)
}
.sg-solution-visual__poster{
    border-radius:24px;position:relative;overflow:hidden;
    box-shadow:0 20px 36px -24px rgba(15,23,42,.32)
}
.sg-solution-visual__poster--ultra{
    min-height:198px;background:
        radial-gradient(160px 120px at 80% 20%, rgba(255,255,255,.28), transparent 55%),
        linear-gradient(135deg,#f97316 0%,#fb7185 52%,#8b5cf6 100%)
}
.sg-solution-visual__poster--ultra::before{
    content:"PROMO DU JOUR";position:absolute;top:18px;left:18px;
    padding:.4rem .65rem;border-radius:999px;background:rgba(255,255,255,.22);
    color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.06em
}
.sg-solution-visual__poster--ultra::after{
    content:"Des contenus riches qui tournent sans complexité";position:absolute;left:18px;right:18px;bottom:18px;
    font-family:var(--sg-font-display);font-size:1.35rem;line-height:1.05;color:#fff;max-width:11ch
}
.sg-solution-visual__thumb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.sg-solution-visual__thumb{display:block;height:70px;border-radius:18px;background:#dbe4f4;position:relative;overflow:hidden}
.sg-solution-visual__thumb--1{background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%)}
.sg-solution-visual__thumb--2{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%)}
.sg-solution-visual__thumb--3{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%)}
.sg-solution-visual__thumb::after{
    content:"";position:absolute;left:12px;right:12px;bottom:12px;height:10px;border-radius:999px;background:rgba(255,255,255,.72)
}
.sg-solution-visual__callout{
    position:absolute;display:inline-flex;align-items:center;justify-content:center;
    padding:.8rem 1rem;border-radius:16px;background:#fff;color:var(--sg-primary);
    font-weight:700;box-shadow:0 18px 30px -24px rgba(15,23,42,.34)
}
.sg-solution-visual__callout--button{right:22px;top:138px}
.sg-solution-visual__ticker{
    margin-top:16px;padding:.8rem 1rem;border-radius:16px;
    background:#0f172a;color:rgba(255,255,255,.84);font-size:.86rem;font-weight:500
}
.sg-solution-photo{position:relative;border-radius:22px;overflow:hidden}
.sg-lightbox-trigger{all:unset;display:block;cursor:zoom-in;position:relative;border-radius:22px;overflow:hidden}
.sg-lightbox-trigger img{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 36px 80px -18px rgba(11,31,58,.42),0 0 0 1px rgba(255,255,255,.12);transition:transform .3s}
.sg-lightbox-trigger:hover img{transform:scale(1.02)}
.sg-lightbox-hint{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.55);border-radius:8px;padding:7px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;pointer-events:none}
.sg-lightbox-trigger:hover .sg-lightbox-hint{opacity:1}
.sg-lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.9);align-items:center;justify-content:center;padding:1.5rem;cursor:zoom-out}
.sg-lightbox.is-open{display:flex}
.sg-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.sg-lightbox__close{position:absolute;top:1rem;right:1.25rem;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:1.75rem;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.sg-lightbox__close:hover{background:rgba(255,255,255,.3)}
.sg-solution-photo img{
    width:100%;height:auto;display:block;
    border-radius:22px;
    box-shadow:0 36px 80px -18px rgba(11,31,58,.42),0 0 0 1px rgba(255,255,255,.12);
}
.sg-solution-story--ultra .sg-solution-story__grid{
    grid-template-columns:1fr 300px;gap:4rem
}
.sg-solution-story--ultra .sg-solution-story__content{max-width:none}
.sg-solution-story--ultra .sg-lead,
.sg-solution-story--ultra .sg-solution-story__body{max-width:none}
.sg-solution-story--ultra .sg-solution-photo{
    aspect-ratio:3/4;
}
.sg-solution-story--ultra .sg-solution-photo img{
    height:100%;object-fit:cover;object-position:center top;
}
.sg-ultra-slideshow{
    position:relative;border-radius:22px;overflow:hidden;
    width:75%;aspect-ratio:1662/946;
    background:#0b1f3a;
    box-shadow:0 32px 72px -20px rgba(11,31,58,.35);
}
.sg-ultra-slideshow canvas{display:block;width:100%;height:100%;}
.sg-ultra-slide{display:none;}
.sg-edge-slideshow{
    position:relative;border-radius:22px;overflow:hidden;
    aspect-ratio:4/3;
    background:#0b1f3a;
    box-shadow:0 36px 80px -18px rgba(11,31,58,.42);
}
.sg-edge-slide{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;object-position:50% 6%;
    transform:translateX(100%);
    transition:transform .65s cubic-bezier(.4,0,.2,1);
    will-change:transform;
}
.sg-edge-slide.is-active{transform:translateX(0)}
.sg-edge-slide.is-leaving{transform:translateX(-100%)}
.sg-ultra-comptoir,.sg-solution-infographic{margin-top:3rem;display:flex;justify-content:center}
.sg-ultra-comptoir img,.sg-solution-infographic img{
    width:75%;height:auto;display:block;
    border-radius:22px;
    box-shadow:0 32px 72px -20px rgba(11,31,58,.35);
}
@media(max-width:820px){
    .sg-ultra-comptoir img,.sg-solution-infographic img{width:100%}
}

.sg-solution-visual__display{
    position:relative;min-height:320px;padding:24px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)
}
.sg-solution-visual__poster--display{
    width:min(100%,250px);aspect-ratio:3/4;padding:20px;
    background:
        radial-gradient(160px 140px at 90% 18%, rgba(255,255,255,.22), transparent 60%),
        linear-gradient(160deg,#0f172a 0%,#1d4ed8 54%,#38bdf8 100%);
    color:#fff;display:flex;flex-direction:column;justify-content:flex-end
}
.sg-solution-visual__poster-badge{
    align-self:flex-start;margin-bottom:auto;padding:.45rem .7rem;border-radius:999px;
    background:rgba(255,255,255,.18);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase
}
.sg-solution-visual__poster--display strong{
    font-family:var(--sg-font-display);font-size:1.6rem;line-height:1.05;margin-bottom:.45rem
}
.sg-solution-visual__poster--display em{font-style:normal;color:rgba(255,255,255,.82);font-size:.95rem}
.sg-solution-visual__callout--simple{right:30px;bottom:34px}

/* 7.2 Features ---------------------------------------------- */
.sg-features{background:var(--sg-bg-soft)}
.sg-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.sg-feature{
    background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-radius);
    padding:1.75rem;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.sg-feature:hover{transform:translateY(-3px);box-shadow:var(--sg-shadow);border-color:transparent}
.sg-feature__icon{
    width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(124,58,237,.12));color:var(--sg-accent);margin-bottom:1rem;
}
.sg-feature h3{margin:0 0 .4rem;font-size:1.1rem;font-family:var(--sg-font-display)}
.sg-feature p{margin:0;color:var(--sg-muted);font-size:.93rem}

/* 7.3 Avantages --------------------------------------------- */
.sg-advantages{background:
    radial-gradient(800px 400px at 10% 0, rgba(59,130,246,.2), transparent 60%),
    radial-gradient(800px 400px at 100% 100%, rgba(239,68,68,.15), transparent 60%),
    var(--sg-primary);
}
.sg-advantages__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.sg-adv{
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
    border-radius:var(--sg-radius);padding:1.75rem;color:#fff;
    backdrop-filter:blur(8px);transition:background .2s,border-color .2s;
}
.sg-adv:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.sg-adv__num{
    display:inline-block;font-family:var(--sg-font-display);font-size:.9rem;font-weight:700;
    background:var(--sg-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;letter-spacing:.08em;
}
.sg-adv h3{color:#fff;margin:0 0 .4rem;font-size:1.15rem}
.sg-adv p{margin:0;color:rgba(255,255,255,.75);font-size:.93rem}

/* 7.4 Use cases --------------------------------------------- */
.sg-usecases__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.sg-usecase{
    padding:1.75rem;border-radius:var(--sg-radius);
    background:linear-gradient(180deg,#fff,var(--sg-bg-soft));
    border:1px solid var(--sg-line);transition:transform .2s,box-shadow .2s;
}
.sg-usecase:hover{transform:translateY(-3px);box-shadow:var(--sg-shadow)}
.sg-usecase__emoji{font-size:2rem;display:inline-block;margin-bottom:.75rem}
.sg-usecase h3{margin:0 0 .4rem;font-family:var(--sg-font-display);font-size:1.1rem}
.sg-usecase p{margin:0;color:var(--sg-muted);font-size:.93rem}

/* 7.4b Tarifs ------------------------------------------------ */
.sg-pricing{background:var(--sg-bg-soft)}
.sg-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}
.sg-price{
    position:relative;background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-radius);
    padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.sg-price:hover{transform:translateY(-4px);box-shadow:var(--sg-shadow);border-color:transparent}
.sg-price.is-highlight{
    background:linear-gradient(#fff,#fff) padding-box,var(--sg-grad) border-box;
    border:2px solid transparent;box-shadow:var(--sg-shadow);transform:translateY(-6px);
}
.sg-price__flag{position:absolute;top:-12px;right:1.5rem;background:var(--sg-grad);color:#fff;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.sg-price__name{font-family:var(--sg-font-display);font-size:1.5rem;font-weight:700;margin:0 0 .4rem;letter-spacing:-.01em}
.sg-price__pitch{color:var(--sg-muted);margin:0;font-size:.93rem}
.sg-price__amount{padding:1rem 0;border-top:1px dashed var(--sg-line);border-bottom:1px dashed var(--sg-line);display:grid;gap:.1rem}
.sg-price__amount strong{font-family:var(--sg-font-display);font-size:2.25rem;font-weight:700;line-height:1;color:var(--sg-ink);letter-spacing:-.02em}
.sg-price__amount span{color:var(--sg-muted);font-size:.9rem}
.sg-price__amount em{color:var(--sg-muted);font-size:.78rem;font-style:normal;margin-top:.25rem}
.sg-price .sg-offre__features{flex:1}
.sg-pricing__included{margin-top:3rem;text-align:center;padding:2rem;background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-radius)}
.sg-pricing__included h3{font-family:var(--sg-font-display);font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sg-muted);margin:0 0 1rem;font-weight:600}
.sg-check--inline{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));text-align:left;max-width:900px;margin:0 auto}

/* 7.4d Contact page ----------------------------------------- */
.sg-contact-infos{background:var(--sg-bg-soft)}
.sg-contact-infos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:0}
.sg-contact-card{
    background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-radius);
    padding:1.75rem;display:flex;flex-direction:column;gap:.55rem;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.sg-contact-card:hover{transform:translateY(-3px);box-shadow:var(--sg-shadow);border-color:transparent}
.sg-contact-card__icon{
    width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(124,58,237,.12));color:var(--sg-accent);margin-bottom:.25rem;
}
.sg-contact-card h3{margin:0;font-family:var(--sg-font-display);font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sg-muted);font-weight:600}
.sg-contact-card__value{font-family:var(--sg-font-display);font-size:1.15rem;font-weight:700;color:var(--sg-ink);word-break:break-word;line-height:1.25;margin:0}
a.sg-contact-card__value:hover{color:var(--sg-accent)}
.sg-contact-card__desc{margin:0;color:var(--sg-muted);font-size:.9rem}

.sg-contact-steps{margin-top:1rem}
.sg-steps{list-style:none;padding:0;margin:2.5rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:sg-step}
.sg-step{position:relative;padding:1.5rem;border-radius:var(--sg-radius);background:#fff;border:1px solid var(--sg-line)}
.sg-step__num{font-family:var(--sg-font-display);font-size:2.25rem;font-weight:700;background:var(--sg-grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;display:inline-block;margin-bottom:.5rem}
.sg-step__title{margin:0 0 .35rem;font-family:var(--sg-font-display);font-size:1.05rem}
.sg-step__desc{margin:0;color:var(--sg-muted);font-size:.92rem}

/* 7.4c FAQ --------------------------------------------------- */
.sg-faq{background:var(--sg-bg-soft)}
.sg-faq__list{max-width:780px;margin:0 auto;display:grid;gap:.6rem}
.sg-faq__item{
    background:#fff;
    border:1px solid var(--sg-line);
    border-radius:16px;
    padding:1.35rem 1.6rem;
    transition:border-color .25s,box-shadow .25s,background .25s;
    border-left:3px solid transparent;
}
.sg-faq__item[open]{
    border-color:rgba(59,130,246,.18);
    border-left-color:var(--sg-accent);
    box-shadow:0 8px 32px rgba(59,130,246,.08);
    background:#fff;
}
.sg-faq__item summary{
    cursor:pointer;
    font-weight:600;
    font-family:var(--sg-font-display);
    font-size:1.05rem;
    color:var(--sg-ink);
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1.25rem;
    user-select:none;
    padding:.1rem 0;
}
.sg-faq__item summary::-webkit-details-marker{display:none}
.sg-faq__item summary::after{
    content:"";
    flex-shrink:0;
    width:28px;height:28px;
    border-radius:50%;
    background:var(--sg-bg-soft);
    border:1px solid var(--sg-line);
    display:flex;align-items:center;justify-content:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    transition:transform .25s,background-color .25s;
}
.sg-faq__item[open] summary::after{
    transform:rotate(180deg);
    background-color:rgba(59,130,246,.1);
    border-color:rgba(59,130,246,.2);
}
.sg-faq__item summary:hover::after{background-color:rgba(59,130,246,.08)}
.sg-faq__item p{
    margin:.9rem 0 .15rem;
    color:var(--sg-ink-2);
    line-height:1.7;
    font-size:.97rem;
    max-width:680px;
}

/* 7.5 Contact ----------------------------------------------- */
.sg-cta-contact{padding:5rem 0}
.sg-cta-contact__card{
    position:relative;overflow:hidden;border-radius:24px;padding:3rem;
    background:
        radial-gradient(600px 400px at 0% 0%, rgba(255,106,61,.25), transparent 60%),
        radial-gradient(600px 400px at 100% 100%, rgba(124,58,237,.3), transparent 60%),
        linear-gradient(135deg,var(--sg-primary),#1e3a8a);
    color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;
    box-shadow:var(--sg-shadow-lg);
}
.sg-cta-contact__infos{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem;color:rgba(255,255,255,.9)}
.sg-cta-contact__infos a{color:#fff;text-decoration:underline}
.sg-form{display:grid;gap:1rem;background:rgba(255,255,255,.06);padding:1.75rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.sg-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sg-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:rgba(255,255,255,.8);font-weight:500}
.sg-form input,.sg-form select,.sg-form textarea{
    background:rgba(255,255,255,.95);color:var(--sg-ink);border:0;border-radius:10px;padding:.75rem .9rem;
    font-family:inherit;font-size:.95rem;outline:2px solid transparent;transition:outline-color .15s;
}
.sg-form input:focus,.sg-form select:focus,.sg-form textarea:focus{outline-color:#ff6a3d}
.sg-form textarea{resize:vertical;min-height:100px}
.sg-form .sg-form__consent{flex-direction:row;align-items:center;gap:.6rem;font-size:.8rem;color:rgba(255,255,255,.75)}
.sg-form .sg-form__consent input{flex:0 0 auto;width:auto}

/* 8. Pages internes ----------------------------------------- */
.sg-page-hero{
    padding:5rem 0 3rem;
    background:linear-gradient(180deg,var(--sg-primary) 0%, #091831 100%);
    color:#fff;position:relative;overflow:hidden;
}
.sg-page-hero::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(1000px 500px at 50% -20%, rgba(59,130,246,.3),transparent 60%);
    pointer-events:none;
}
.sg-page-hero .sg-container{position:relative}
.sg-page-hero .sg-h1{background:linear-gradient(180deg,#fff 40%,#bcd1f5);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:36ch}
.sg-page-hero .sg-lead{color:rgba(255,255,255,.8);max-width:60rem}
.sg-page-hero__lead--single-line{max-width:none;white-space:nowrap}

.sg-prose{max-width:760px}
.sg-prose h2{font-family:var(--sg-font-display);margin:2.5rem 0 1rem;font-size:1.75rem}
.sg-prose h3{font-family:var(--sg-font-display);margin:2rem 0 .75rem}
.sg-prose p,.sg-prose ul,.sg-prose ol{color:var(--sg-ink-2)}
.sg-prose a{color:var(--sg-accent);text-decoration:underline}

.sg-about{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.sg-about__col{padding:2rem;background:var(--sg-bg-soft);border:1px solid var(--sg-line);border-radius:var(--sg-radius)}

/* Espace client */
.sg-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.sg-player{background:#fff;border:1px solid var(--sg-line);border-radius:var(--sg-radius);padding:1.25rem;display:grid;gap:.75rem}
.sg-player header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.sg-player h3{margin:0;font-size:1.05rem;font-family:var(--sg-font-display)}
.sg-player__status{font-size:.72rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:#ecfdf5;color:#059669}
.sg-player--offline .sg-player__status{background:#fef2f2;color:#dc2626}
.sg-player--maintenance .sg-player__status{background:#fff7ed;color:#d97706}
.sg-player ul{list-style:none;padding:0;margin:0;display:grid;gap:.3rem;font-size:.88rem;color:var(--sg-muted)}
.sg-player ul span{display:inline-block;min-width:95px}
.sg-empty{text-align:center;padding:3rem;color:var(--sg-muted)}

/* 9. Footer -------------------------------------------------- */
.sg-footer{background:#071326;color:rgba(255,255,255,.72);padding:4rem 0 0;margin-top:0}
.sg-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}
.sg-footer__tagline{margin-top:1rem;max-width:32ch}
.sg-footer h4{color:#fff;font-family:var(--sg-font-display);font-size:1rem;margin:0 0 1rem}
.sg-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:.92rem}
.sg-footer a{color:rgba(255,255,255,.72);transition:color .15s}
.sg-footer a:hover{color:#fff}
.sg-footer .sg-logo{color:#fff}
.sg-footer__bottom{padding:1.5rem 0}
.sg-footer__bottom .sg-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.85rem}
.sg-footer__legal{display:flex;gap:1.5rem}

/* 10. Toast + animations ------------------------------------ */
.sg-toast{
    position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:100;
    background:#fff;color:var(--sg-ink);padding:.85rem 1.25rem;border-radius:12px;
    box-shadow:0 20px 50px rgba(0,0,0,.2);display:flex;align-items:center;gap:1rem;
    border-left:4px solid #21c07a;max-width:480px;
    animation:sg-slide-up .3s ease-out;
}
.sg-toast--error{border-left-color:#ef4444}
.sg-toast button{background:transparent;border:0;font-size:1.25rem;cursor:pointer;color:var(--sg-muted);padding:0 .25rem}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].is-visible{opacity:1;transform:none}

@keyframes sg-float{0%,100%{transform:translate(0,0)}50%{transform:translate(25px,-20px)}}
@keyframes sg-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sg-pulse{0%{box-shadow:0 0 0 0 rgba(33,192,122,.7)}70%{box-shadow:0 0 0 10px rgba(33,192,122,0)}100%{box-shadow:0 0 0 0 rgba(33,192,122,0)}}
@keyframes sg-bars{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
@keyframes sg-slide-up{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

/* 11. Salon TV Mockup --------------------------------------- */
.sg-intro__visual{display:flex;justify-content:center;align-items:center}
.sg-salon{width:100%;max-width:none;position:relative;container-type:inline-size}
.sg-salon__wall{
    position:relative;
    padding:clamp(22px,5cqi,72px) clamp(20px,5cqi,70px) clamp(70px,19cqi,240px);
    border-radius:clamp(10px,1.6cqi,22px);
    background:var(--sg-salon-bg, linear-gradient(180deg,#e5e1db 0%,#c9c3b8 65%,#b8a890 100%));
    background-size:cover;background-position:center;
    box-shadow:0 40px 100px -40px rgba(0,0,0,.35);
    overflow:hidden;
}
.sg-salon__wall::before{
    content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.35), transparent 60%),
        radial-gradient(circle at 85% 85%, rgba(0,0,0,.12), transparent 55%);
}
.sg-salon__wall::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:26%;pointer-events:none;
    background:linear-gradient(180deg,transparent 0%,rgba(120,95,60,.25) 40%,rgba(90,68,38,.45) 100%);
}
.sg-salon__tv{
    position:relative;z-index:2;padding:clamp(6px,1.2cqi,14px);border-radius:clamp(6px,.9cqi,10px);
    background:linear-gradient(180deg,#1a1a1a,#050505);
    box-shadow:0 26px 50px -14px rgba(0,0,0,.75),0 0 0 2px #0a0a0a,inset 0 0 0 1px rgba(255,255,255,.06);
}
.sg-salon__screen{
    position:relative;aspect-ratio:16/9;border-radius:4px;overflow:hidden;
    background:#f8f4ee;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);
    font-family:Inter,system-ui,Segoe UI,sans-serif;color:#1f2238;
    font-size:clamp(6px,2cqi,16px);line-height:1.35;
}
/* TV cabinet (meuble TV avec compartiments + livres) */
.sg-salon__cabinet{
    position:absolute;left:24%;right:24%;bottom:clamp(10px,2.4cqi,26px);z-index:1;
    display:flex;flex-direction:column;
}
.sg-salon__cabinet-top{
    height:clamp(4px,.85cqi,9px);border-radius:clamp(3px,.5cqi,5px) clamp(3px,.5cqi,5px) 0 0;
    background:linear-gradient(180deg,#f4ebd8 0%,#e1d3b4 100%);
    box-shadow:0 -2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.5);
}
.sg-salon__cabinet-body{
    position:relative;padding:clamp(3px,.6cqi,6px) clamp(5px,1cqi,10px) clamp(4px,.8cqi,8px);
    background:linear-gradient(180deg,#f0e5cc 0%,#d9c8a4 100%);
    border-radius:0 0 clamp(3px,.6cqi,6px) clamp(3px,.6cqi,6px);
    box-shadow:0 22px 40px -12px rgba(0,0,0,.45),inset 0 -2px 4px rgba(0,0,0,.12),inset 0 0 0 1px rgba(120,95,60,.18);
}
.sg-salon__cabinet-shelf{
    position:relative;height:clamp(30px,6cqi,66px);border-radius:3px;overflow:hidden;
    background:linear-gradient(180deg,#241c12 0%,#120d07 100%);
    box-shadow:inset 0 4px 10px rgba(0,0,0,.75),inset 0 -2px 4px rgba(255,255,255,.04);
}
.sg-salon__cabinet-shelf--upper{margin-bottom:clamp(3px,.7cqi,7px)}

/* Top shelf decor : device + cable + remote */
.sg-salon__device{
    position:absolute;left:14%;bottom:14%;width:32%;height:22%;
    background:linear-gradient(180deg,#2b2b2b 0%,#0f0f0f 100%);border-radius:2px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.5);
}
.sg-salon__device::after{
    content:"";position:absolute;left:8%;bottom:30%;width:12%;height:18%;
    background:#3a3a3a;border-radius:1px;
}
.sg-salon__cable{
    position:absolute;left:22%;bottom:32%;width:42%;height:3px;
    background:#050505;border-radius:3px;transform:rotate(-7deg);
    box-shadow:0 1px 1px rgba(0,0,0,.4);
}
.sg-salon__remote{
    position:absolute;right:14%;bottom:22%;width:22%;height:16%;
    background:linear-gradient(180deg,#e4a591 0%,#b77564 100%);border-radius:3px;
    box-shadow:0 2px 3px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3);
}

/* Bottom shelf decor : leaning books + flat book */
.sg-salon__books{
    position:absolute;left:10%;top:10%;right:44%;bottom:6%;
    background:
        linear-gradient(86deg,
            #eadcbe 0 11%, #cfbf9e 11% 13%,
            #e4d5b8 13% 24%, #c5b48f 24% 26%,
            #f0e0c0 26% 37%, #d2c1a0 37% 39%,
            #e0d1b2 39% 50%, #c8b695 50% 52%,
            #e8dcc2 52% 63%, #cdbc99 63% 65%,
            #e4d5b8 65% 76%, #c9b894 76% 78%,
            #eedfbd 78% 89%, #d0bfa0 89% 91%,
            #e0d1b2 91% 100%
        );
    border-radius:2px;transform:skewX(-3deg);
    box-shadow:inset -4px -3px 6px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.4);
}
.sg-salon__book-flat{
    position:absolute;right:10%;bottom:8%;width:24%;height:22%;
    background:linear-gradient(180deg,#c07464 0%,#7a4030 100%);
    border-radius:2px;
    box-shadow:0 3px 6px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);
}
.sg-salon__book-flat::after{
    content:"";position:absolute;left:10%;right:10%;top:35%;height:2px;
    background:#f0e0c0;opacity:.7;border-radius:1px;
}

/* Scenes ---------------------------------------------------- */
.sg-scene{
    position:absolute;inset:0;opacity:0;visibility:hidden;
    transition:opacity .7s ease,visibility .7s ease;
    display:flex;flex-direction:column;
}
.sg-scene.is-active{opacity:1;visibility:visible}

/* Scene A : Aurora Space (warm) */
.sg-scene--a{background:#fff}
.sg-scene__stripes{display:none}
.sg-scene__stripe{position:absolute;top:36px;bottom:0;width:13%}
.sg-scene__stripe--left{left:0;background:linear-gradient(180deg,#b5301f 0%,#8a2417 70%,#6b1c12 100%)}
.sg-scene__stripe--right{right:0;background:linear-gradient(180deg,#b68b4a 0%,#97703a 60%,#7a5929 100%)}
.sg-scene--a > *:not(.sg-scene__stripes){position:relative;z-index:1}

.sg-scene__header{
    display:flex;align-items:center;justify-content:space-between;
    gap:8px;padding:7px 12px;background:#fff;min-height:36px;flex:0 0 auto;
}
.sg-scene__logo{display:inline-flex;align-items:center;gap:6px}
.sg-scene__logo--warm svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}
.sg-scene__logo-spacer{width:22px;height:22px;display:block;flex:0 0 22px}

.sg-scene__datetime{
    font-family:"Space Grotesk",Inter,sans-serif;font-weight:600;
    padding:4px 12px;border-radius:999px;font-size:1em;letter-spacing:.01em;
    white-space:nowrap;line-height:1.2;
}
.sg-scene__datetime--warm{background:#7d1e1e;color:#fbeacd}
.sg-scene__datetime--cool{background:linear-gradient(135deg,#5b4bd1,#8b5cf6);color:#fff}

.sg-scene__welcome{
    padding:6px 20%;display:flex;flex-direction:column;align-items:stretch;gap:4px;
}
.sg-scene__welcome-title{
    margin:0;text-align:center;font-family:"Space Grotesk",Inter,sans-serif;
    font-weight:700;color:#7d1e1e;font-size:1.1em;letter-spacing:.06em;
}
.sg-scene__welcome-row{
    display:flex;align-items:center;gap:10px;
    background:#fbeacd;border-radius:8px;padding:8px 10px;
    box-shadow:0 2px 6px rgba(125,30,30,.12);
}
.sg-scene__avatar{width:38px;height:38px;flex:0 0 38px;border-radius:6px;overflow:hidden;background:#b79888}
.sg-scene__avatar svg{display:block;width:100%;height:100%}
.sg-scene__welcome-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.sg-scene__welcome-info strong{color:#7d1e1e;font-size:1.05em;font-weight:700;line-height:1.2}
.sg-scene__welcome-info span{font-size:.7em;font-weight:600;color:#7d1e1e;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
.sg-scene__welcome-info em{font-size:.78em;color:#3a2a20;font-style:normal;margin-top:2px}

.sg-scene__body--a{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px;padding:4px 12px 12px;flex:1;min-height:0}

.sg-slideshow{position:relative;border-radius:6px;overflow:hidden;background:#0b1220;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.sg-slideshow__slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center}
.sg-slideshow__slide.is-active{opacity:1}

/* Space slides */
.sg-slide-space-1{
    background:
        radial-gradient(2px 2px at 20% 30%,#fff 50%,transparent 51%),
        radial-gradient(1px 1px at 70% 15%,#fff 50%,transparent 51%),
        radial-gradient(1.5px 1.5px at 40% 70%,#fff 50%,transparent 51%),
        radial-gradient(1px 1px at 85% 55%,#fff 50%,transparent 51%),
        radial-gradient(1px 1px at 10% 80%,#fff 50%,transparent 51%),
        radial-gradient(circle at 50% 110%, #2e6cc7 0%, #0a1f4a 40%, #05081a 70%, #02030c 100%);
}
.sg-slide-space-1::after{
    content:"";position:absolute;left:45%;top:15%;width:14%;height:70%;
    background:linear-gradient(180deg,#e7e7ee 0 60%,#e04a3a 60% 70%,transparent 70%);
    border-radius:40% 40% 8% 8%/60% 60% 8% 8%;
    box-shadow:0 6px 20px rgba(255,150,80,.3);
    transform:rotate(-4deg);
}
.sg-slide-space-2{
    background:
        radial-gradient(circle at 70% 40%, #ff6f4d 0%, #7a1f20 25%, #1a0b22 60%, #05020f 100%);
}
.sg-slide-space-2::after{
    content:"";position:absolute;left:30%;top:30%;width:40%;aspect-ratio:1;border-radius:50%;
    background:radial-gradient(circle at 35% 35%,#ffb080,#8a3a1c 60%,#3a1408 100%);
    box-shadow:inset -10px -20px 30px rgba(0,0,0,.55),0 0 30px rgba(255,120,60,.3);
}
.sg-slide-space-3{
    background:
        radial-gradient(1px 1px at 15% 25%,#fff 50%,transparent 51%),
        radial-gradient(1px 1px at 60% 10%,#fff 50%,transparent 51%),
        radial-gradient(1px 1px at 80% 65%,#fff 50%,transparent 51%),
        radial-gradient(1px 1px at 35% 85%,#fff 50%,transparent 51%),
        linear-gradient(135deg,#0a0d28 0%,#1a1244 50%,#05081a 100%);
}
.sg-slide-space-3::after{
    content:"";position:absolute;left:25%;top:35%;width:50%;height:30%;
    background:linear-gradient(90deg,#3a8cff 0%,#a0c4ff 45%,#e0f0ff 50%,#a0c4ff 55%,#3a8cff 100%);
    border-radius:50%;filter:blur(3px);opacity:.75;
}

/* Office slides */
.sg-slide-office-1{background:linear-gradient(135deg,#d5e7f2 0%,#9fc0d9 60%,#6b93b3 100%)}
.sg-slide-office-1::after{
    content:"";position:absolute;inset:30% 8% 8% 8%;border-radius:4px;
    background:
        linear-gradient(180deg,transparent 0 60%,#3b2a1e 60% 100%),
        repeating-linear-gradient(90deg,#6b4a32 0 8%,#553a26 8% 16%);
    opacity:.85;
}
.sg-slide-office-1::before{
    content:"";position:absolute;left:15%;top:20%;width:14%;height:55%;border-radius:40% 40% 4% 4%/30% 30% 4% 4%;background:#2e5a3e;box-shadow:30% 0 0 #3b6a4c,60% 0 0 #275030;
}
.sg-slide-office-2{background:linear-gradient(135deg,#f6d9c4 0%,#e6b895 60%,#b88666 100%)}
.sg-slide-office-2::after{
    content:"";position:absolute;left:10%;right:10%;top:25%;bottom:10%;
    background:
        linear-gradient(180deg,#f8ecdd 0 55%,#c49977 55% 100%),
        linear-gradient(90deg,transparent 0 30%,#8a6b4f 30% 33%,transparent 33% 63%,#8a6b4f 63% 66%,transparent 66%);
    background-blend-mode:multiply;border-radius:6px;opacity:.9;
}
.sg-slide-office-3{background:linear-gradient(135deg,#e8ecff 0%,#b9c5f5 60%,#7e8fdc 100%)}
.sg-slide-office-3::after{
    content:"";position:absolute;left:8%;right:8%;top:35%;bottom:12%;
    background:linear-gradient(180deg,#fff 0 40%,#2c3e66 40% 100%);
    border-radius:4px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);
}

/* Informations panel */
.sg-infos{
    position:relative;background:#fff;border-radius:6px;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    display:flex;overflow:hidden;min-height:0;
}
.sg-infos--warm{background:#fff}
.sg-infos--cool{background:#fff;border:1px solid #e5e9f2}
.sg-infos__tag{
    flex:0 0 18px;display:flex;align-items:center;justify-content:center;
    writing-mode:vertical-rl;transform:rotate(180deg);
    font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;
    letter-spacing:.18em;font-size:.72em;
    padding:6px 2px;
}
.sg-infos__tag--warm{background:#7d1e1e;color:#fbeacd}
.sg-infos__tag--cool{background:linear-gradient(180deg,#5b4bd1,#6366f1);color:#fff}
.sg-infos__pages{position:relative;flex:1;padding:8px 10px;min-width:0;min-height:0;overflow:hidden}
.sg-infos__page{
    position:absolute;inset:8px 10px;opacity:0;visibility:hidden;
    transition:opacity .5s ease,visibility .5s ease;
    display:flex;flex-direction:column;gap:4px;overflow:hidden;
}
.sg-infos__page.is-active{opacity:1;visibility:visible}
.sg-infos__page h5{
    margin:0 0 2px;font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;
    font-size:.95em;letter-spacing:.02em;text-decoration:underline;text-underline-offset:2px;
}
.sg-infos--warm .sg-infos__page h5{color:#1a1630}
.sg-infos--cool .sg-infos__page h5{color:#1a2346}
.sg-infos__page p{margin:0;font-size:.82em;color:#2c2c3c;line-height:1.4}
.sg-infos--cool .sg-infos__page p strong{color:#1a2346}

/* Scene B : Aurora Corporate (cool) */
.sg-scene--b{background:#fff}
.sg-scene__header--cool{background:#fff;border-bottom:1px solid #eef1f7;padding:5px 10px}
.sg-scene__logo--cool{gap:4px}
.sg-scene__logo--cool span{
    font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;
    color:#1a2346;font-size:1.15em;letter-spacing:-.01em;
}
.sg-scene__grid{
    flex:1;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr;gap:10px;
    padding:10px 12px 12px;min-height:0;
}
.sg-scene__col{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}
.sg-scene__col > .sg-infos{flex:0 0 48%;min-height:0}
.sg-scene__col > .sg-slideshow--b{flex:1 1 auto;min-height:0}
.sg-scene__col > .sg-birthdays{flex:0 0 auto}
.sg-scene__col > .sg-agenda{flex:1 1 auto;min-height:0}

/* Birthdays */
.sg-birthdays{
    background:#fff;border:1px solid #eef1f7;border-radius:6px;
    padding:5px 8px 6px;box-shadow:0 2px 4px rgba(0,0,0,.04);flex:0 0 auto;
}
.sg-birthdays__title{
    margin:0 0 4px;text-align:center;
    font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:.9em;
    color:#1a2346;text-decoration:underline;text-underline-offset:2px;
    display:flex;align-items:center;justify-content:center;gap:4px;
}
.sg-birthdays__title span{filter:drop-shadow(0 1px 0 rgba(0,0,0,.1))}
.sg-birthdays__pages{position:relative;min-height:48px}
.sg-birthdays__page{
    position:absolute;inset:0;opacity:0;visibility:hidden;
    transition:opacity .5s ease,visibility .5s ease;
    display:flex;flex-direction:column;gap:4px;
}
.sg-birthdays__page.is-active{opacity:1;visibility:visible;position:relative;inset:auto}
.sg-bday{
    background:linear-gradient(135deg,#5b4bd1,#6366f1);color:#fff;
    border-radius:6px;padding:4px 10px;text-align:center;font-weight:600;font-size:.85em;
    box-shadow:0 2px 4px rgba(99,102,241,.25);
}

/* Agenda */
.sg-agenda{
    background:#fff;border:1px solid #eef1f7;border-radius:6px;
    padding:6px 8px;box-shadow:0 2px 4px rgba(0,0,0,.04);
    display:flex;flex-direction:column;min-height:0;overflow:hidden;
}
.sg-agenda__title{
    margin:0 0 4px;text-align:center;
    font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:.9em;
    color:#1a2346;text-decoration:underline;text-underline-offset:2px;
}
.sg-agenda__list{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow:hidden}
.sg-agenda__row{
    display:grid;grid-template-columns:auto 5.5em 1.8em 1fr;align-items:center;
    column-gap:5px;padding:2px 6px;border-radius:4px;
    font-size:.78em;color:#2c2c3c;line-height:1.2;
    flex:1 1 0;min-height:0;
}
.sg-agenda__row.is-today{background:#e9ecff;box-shadow:inset 0 0 0 1px #b9c5f5}
.sg-agenda__thumb{
    display:block;align-self:stretch;width:auto;height:auto;aspect-ratio:1;border-radius:4px;
    background:#c9c9c9;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
    background-size:cover;background-position:center;
}
.sg-agenda__thumb--1{background:linear-gradient(135deg,#f6c89f 0%,#c87f4d 50%,#7a4a28 100%)}
.sg-agenda__thumb--2{background:linear-gradient(135deg,#a8c8e0 0%,#4a7fb0 60%,#1f3d5c 100%)}
.sg-agenda__thumb--3{background:linear-gradient(135deg,#cfe3b8 0%,#7ca660 55%,#40683c 100%)}
.sg-agenda__thumb--4{background:linear-gradient(135deg,#e6c2e8 0%,#a46fc0 55%,#5a3380 100%)}
.sg-agenda__thumb--5{background:linear-gradient(135deg,#ffd9b3 0%,#e88c4a 50%,#a34a1c 100%)}
.sg-agenda__thumb--6{background:linear-gradient(135deg,#b9e3dc 0%,#4ea89a 55%,#1f5a52 100%)}
.sg-agenda__thumb--7{background:linear-gradient(135deg,#f3d7d7 0%,#c87a7a 55%,#7a3838 100%)}
.sg-agenda__day{font-weight:700;color:#1a2346;text-align:right}
.sg-agenda__date{font-weight:700;color:#1a2346;text-align:right}
.sg-agenda__details{color:#44506b;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Responsive ------------------------------------------------ */
@media (max-width:1024px){
    .sg-intro__grid,.sg-cta-contact__card{grid-template-columns:1fr;gap:2rem}
    .sg-offres__grid,.sg-features__grid,.sg-advantages__grid,.sg-usecases__grid,.sg-about,.sg-pricing__grid,.sg-contact-infos__grid,.sg-steps,.sg-solution-story__grid,.sg-solution-story__list{grid-template-columns:1fr 1fr}
    .sg-price.is-highlight{transform:none}
    .sg-solution-story__grid{gap:2.5rem}
}
@media (max-width:820px){
    .sg-nav{position:fixed;inset:96px 0 auto 0;background:var(--sg-primary);padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(-120%);transition:transform .25s ease;display:none}
    .sg-nav.is-open{display:flex;transform:translateY(0)}
    .sg-menu{flex-direction:column;width:100%;gap:0}
    .sg-menu a{display:block;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
    .sg-burger{display:inline-flex;align-items:center;justify-content:center}
    .sg-header__actions .sg-btn--ghost{display:none}
    .sg-hero__trust{grid-template-columns:repeat(2,1fr)}
    .sg-offres__grid,.sg-features__grid,.sg-advantages__grid,.sg-usecases__grid,.sg-about,.sg-footer__grid,.sg-pricing__grid,.sg-contact-infos__grid,.sg-steps,.sg-solution-story__grid,.sg-solution-story__list{grid-template-columns:1fr}
    .sg-form__row{grid-template-columns:1fr}
    .sg-cta-contact__card{padding:2rem}
    .sg-section{padding:3.5rem 0}
    .sg-hero{padding:3rem 0 4rem}
    .sg-solution-story{padding:3.5rem 0}
    .sg-solution-visual__window{min-height:auto}
    .sg-solution-visual__dashboard{grid-template-columns:56px 1fr}
    .sg-solution-visual__hero-panel{grid-template-columns:1fr}
    .sg-solution-visual__tiles{grid-template-columns:1fr}
    .sg-solution-visual__tile--edge-2,.sg-solution-visual__tile--edge-3{min-height:92px}
    .sg-solution-visual__callout--button{position:static;margin-top:14px}
    .sg-solution-visual__callout--simple{right:18px;bottom:18px}
}
@media (prefers-reduced-motion:reduce){
    *{animation-duration:.01ms !important;transition-duration:.01ms !important}
    [data-reveal]{opacity:1;transform:none}
}

/* Contact images (anti-scraping) */
.sg-contact-img{display:block;max-width:100%;height:auto}