/*
 * Synergy Spray Content Portability Console
 * Front-end page design system — scoped to .sss-page to avoid Divi/Oxygen conflicts.
 */
.sss-page{
  --sss-navy:#0E2A44;
  --sss-navy-2:#123252;
  --sss-ink:#131C24;
  --sss-steel:#57697A;
  --sss-steel-light:#9BA9B4;
  --sss-paper:#EFF3F2;
  --sss-paper-2:#E4EAE8;
  --sss-white:#FFFFFF;
  --sss-orange:#E1590F;
  --sss-orange-dark:#B9450A;
  --sss-orange-tint:#FCE3D4;
  --sss-blue:#2E6E9E;
  --sss-blue-tint:#DCEAF3;
  --sss-line:rgba(14,42,68,.14);
  --sss-line-strong:rgba(14,42,68,.28);
  --sss-shadow:0 16px 44px rgba(14,42,68,.11);
  --sss-radius-s:5px;
  --sss-radius-m:10px;
  --sss-radius-l:18px;
  --sss-maxw:1180px;
  --sss-font-display:"Space Grotesk","IBM Plex Sans",Arial,sans-serif;
  --sss-font-body:"IBM Plex Sans",Arial,sans-serif;
  --sss-font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --sss-page-bg:var(--sss-paper);
  --sss-surface:var(--sss-white);
  --sss-surface-alt:var(--sss-paper-2);
  --sss-text:var(--sss-ink);
  --sss-muted:var(--sss-steel);
  --sss-heading:var(--sss-navy);
  --sss-accent:var(--sss-orange);
  --sss-accent-dark:var(--sss-orange-dark);
  --sss-on-dark:#fff;
  --sss-dark-bg:var(--sss-navy);
  --sss-grid-line:rgba(14,42,68,.055);
  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  overflow:hidden;
  background:var(--sss-page-bg);
  color:var(--sss-text);
  font-family:var(--sss-font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sss-page[data-sss-mode="blueprint"]{
  --sss-page-bg:#081A2B;
  --sss-surface:#0E2A44;
  --sss-surface-alt:#123252;
  --sss-text:#EEF6FB;
  --sss-muted:#B7C7D4;
  --sss-heading:#FFFFFF;
  --sss-accent:#FF8A45;
  --sss-accent-dark:#FFA36B;
  --sss-line:rgba(255,255,255,.13);
  --sss-line-strong:rgba(255,255,255,.28);
  --sss-shadow:0 18px 52px rgba(0,0,0,.28);
  --sss-dark-bg:#06131F;
  --sss-grid-line:rgba(255,255,255,.045);
  --sss-orange-tint:rgba(225,89,15,.18);
  --sss-blue-tint:rgba(46,110,158,.18);
}
.sss-page[data-sss-mode="contrast"]{
  --sss-page-bg:#FFFFFF;
  --sss-surface:#FFFFFF;
  --sss-surface-alt:#F2F2F2;
  --sss-text:#000000;
  --sss-muted:#272727;
  --sss-heading:#000000;
  --sss-accent:#C74600;
  --sss-accent-dark:#8F3000;
  --sss-line:rgba(0,0,0,.25);
  --sss-line-strong:#000000;
  --sss-shadow:0 14px 34px rgba(0,0,0,.14);
  --sss-dark-bg:#000000;
  --sss-grid-line:rgba(0,0,0,.055);
  --sss-orange-tint:#FFE4D5;
  --sss-blue-tint:#E6F1F8;
}
.sss-page *,.sss-page *::before,.sss-page *::after{box-sizing:border-box;}
.sss-page img{display:block;max-width:100%;height:auto;}
.sss-page a{color:inherit;text-decoration:none;}
.sss-page button,.sss-page input,.sss-page select,.sss-page textarea{font:inherit;}
.sss-page h1,.sss-page h2,.sss-page h3,.sss-page h4,.sss-page h5,.sss-page p,.sss-page ul,.sss-page ol,.sss-page figure{margin-top:0;}
.sss-page h1,.sss-page h2,.sss-page h3,.sss-page h4,.sss-page h5{
  color:var(--sss-heading);
  font-family:var(--sss-font-display);
  line-height:1.12;
  letter-spacing:-.015em;
}
.sss-page h1{font-size:clamp(2.2rem,5vw,4.8rem);margin-bottom:22px;}
.sss-page h2{font-size:clamp(1.8rem,3.2vw,3rem);margin-bottom:18px;}
.sss-page h3{font-size:clamp(1.18rem,1.7vw,1.48rem);margin-bottom:10px;}
.sss-page h4{font-size:1.05rem;margin-bottom:8px;}
.sss-page p{margin-bottom:1.1em;}
.sss-page strong{color:var(--sss-heading);}
.sss-page a:focus-visible,.sss-page button:focus-visible,.sss-page summary:focus-visible{
  outline:3px solid var(--sss-accent);
  outline-offset:3px;
  border-radius:3px;
}
.sss-page .sss-skip{
  position:absolute!important;
  left:-9999px!important;
  top:8px!important;
  z-index:20;
  padding:11px 16px;
  background:var(--sss-dark-bg);
  color:#fff!important;
  font-family:var(--sss-font-mono);
  font-size:.8rem;
}
.sss-page .sss-skip:focus{left:8px!important;}
.sss-page .sss-shell{width:min(100%,var(--sss-maxw));margin:0 auto;padding:0 28px;}
.sss-page .sss-section{position:relative;padding:92px 0;background:var(--sss-page-bg);}
.sss-page .sss-section--alt{background:var(--sss-surface-alt);}
.sss-page .sss-section--dark{
  background:var(--sss-dark-bg);
  color:rgba(255,255,255,.82);
  background-image:
    radial-gradient(ellipse at 88% 0,rgba(46,110,158,.32),transparent 50%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.032) 0 1px,transparent 1px 42px);
}
.sss-page .sss-section--dark h2,.sss-page .sss-section--dark h3,.sss-page .sss-section--dark h4,.sss-page .sss-section--dark strong{color:#fff;}
.sss-page .sss-section--dark .sss-muted{color:rgba(255,255,255,.67);}
.sss-page .sss-section--grid{
  background-image:
    repeating-linear-gradient(0deg,var(--sss-grid-line) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(90deg,var(--sss-grid-line) 0 1px,transparent 1px 42px);
}
.sss-page .sss-section-head{max-width:720px;margin-bottom:46px;}
.sss-page .sss-section-head--center{text-align:center;margin-left:auto;margin-right:auto;}
.sss-page .sss-section-head p{font-size:1.05rem;color:var(--sss-muted);margin-bottom:0;}
.sss-page .sss-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:var(--sss-accent-dark);
  font-family:var(--sss-font-mono);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sss-page .sss-eyebrow::before{content:"";display:block;width:20px;height:2px;background:var(--sss-accent);}
.sss-page .sss-section--dark .sss-eyebrow{color:#FFA36B;}
.sss-page .sss-section--dark .sss-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16);border-top-color:rgba(255,255,255,.34);box-shadow:none;}
.sss-page .sss-section--dark .sss-card p,.sss-page .sss-section--dark .sss-card__code{color:rgba(255,255,255,.68);}
.sss-page .sss-section--dark .sss-card__link{color:#FFB37A!important;}
.sss-page .sss-section--dark .sss-card:hover{background:rgba(255,255,255,.085);border-top-color:var(--sss-accent);}
.sss-page .sss-muted{color:var(--sss-muted);}
.sss-page .sss-kicker{font-size:1.14rem;color:var(--sss-muted);max-width:64ch;}
.sss-page .sss-small{font-size:.86rem;}
.sss-page .sss-mono{font-family:var(--sss-font-mono);}
.sss-page .sss-grid{display:grid;gap:24px;}
.sss-page .sss-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sss-page .sss-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sss-page .sss-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.sss-page .sss-stack{display:flex;flex-direction:column;gap:18px;}
.sss-page .sss-cluster{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.sss-page .sss-card{
  position:relative;
  height:100%;
  padding:27px;
  border:1px solid var(--sss-line);
  border-top:3px solid var(--sss-heading);
  border-radius:var(--sss-radius-m);
  background:var(--sss-surface);
  box-shadow:0 1px 0 rgba(14,42,68,.02);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.sss-page .sss-card:hover{transform:translateY(-4px);box-shadow:var(--sss-shadow);border-top-color:var(--sss-accent);}
.sss-page .sss-card p:last-child{margin-bottom:0;}
.sss-page .sss-card__code{display:block;margin-bottom:13px;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;}
.sss-page .sss-card__link{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:var(--sss-accent-dark)!important;font-family:var(--sss-font-mono);font-size:.8rem;font-weight:700;}
.sss-page .sss-card__link:hover{text-decoration:underline;}
.sss-page .sss-icon-box{display:flex;gap:14px;align-items:flex-start;}
.sss-page .sss-icon{
  display:inline-flex;
  flex:0 0 38px;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--sss-orange-tint);
  color:var(--sss-accent-dark);
}
.sss-page .sss-icon svg{width:19px;height:19px;}
.sss-page .sss-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:48px;
  padding:13px 23px;
  border:1.5px solid transparent;
  border-radius:var(--sss-radius-s);
  font-weight:700;
  line-height:1.2;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.sss-page .sss-btn:hover{transform:translateY(-2px);}
.sss-page .sss-btn--primary{background:var(--sss-accent);color:#fff!important;box-shadow:0 8px 22px rgba(225,89,15,.26);}
.sss-page .sss-btn--primary:hover{background:var(--sss-accent-dark);box-shadow:0 12px 26px rgba(225,89,15,.31);}
.sss-page .sss-btn--ghost{border-color:var(--sss-line-strong);color:var(--sss-heading)!important;background:transparent;}
.sss-page .sss-btn--ghost:hover{border-color:var(--sss-heading);background:rgba(14,42,68,.045);}
.sss-page .sss-section--dark .sss-btn--ghost{color:#fff!important;border-color:rgba(255,255,255,.38);}
.sss-page .sss-section--dark .sss-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.sss-page .sss-btn svg{width:17px;height:17px;}
.sss-page .sss-brand-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  margin-bottom:20px;
  border:1px solid var(--sss-line);
  border-radius:999px;
  background:color-mix(in srgb,var(--sss-surface) 88%,transparent);
  color:var(--sss-heading);
  font-family:var(--sss-font-mono);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sss-page .sss-brand-chip svg{width:27px;height:27px;}
.sss-page .sss-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.76rem;}
.sss-page .sss-breadcrumbs a:hover{color:var(--sss-accent-dark);text-decoration:underline;}
.sss-page .sss-hero{padding:0;background:var(--sss-page-bg);}
.sss-page .sss-hero__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:58px;align-items:center;padding-top:72px;padding-bottom:62px;}
.sss-page .sss-hero__lead{font-size:1.13rem;color:var(--sss-muted);max-width:60ch;margin-bottom:29px;}
.sss-page .sss-hero__actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:32px;}
.sss-page .sss-hero__media{
  position:relative;
  padding:16px;
  border:1px solid var(--sss-line);
  border-radius:var(--sss-radius-l);
  background:var(--sss-surface);
  box-shadow:var(--sss-shadow);
}
.sss-page .sss-hero__media::before{content:"";position:absolute;inset:8px;border:1px dashed var(--sss-line);border-radius:12px;pointer-events:none;}
.sss-page .sss-hero__media img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:var(--sss-surface-alt);}
.sss-page .sss-hero__media--landscape img{aspect-ratio:4/3;}
.sss-page .sss-hero__caption{display:flex;justify-content:space-between;gap:14px;padding:13px 4px 1px;color:var(--sss-muted);font-size:.78rem;}
.sss-page .sss-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px dashed var(--sss-line-strong);padding-top:20px;}
.sss-page .sss-stat{padding:0 18px;border-right:1px solid var(--sss-line);}
.sss-page .sss-stat:first-child{padding-left:0;}
.sss-page .sss-stat:last-child{border-right:0;}
.sss-page .sss-stat strong{display:block;color:var(--sss-accent-dark);font-family:var(--sss-font-display);font-size:1.4rem;line-height:1.15;}
.sss-page .sss-stat span{display:block;margin-top:5px;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.7rem;line-height:1.45;}
.sss-page .sss-mode-switch-wrap{position:absolute;top:18px;right:max(28px,calc((100vw - var(--sss-maxw))/2 + 28px));z-index:4;}
.sss-page .sss-mode-switch{
  display:inline-flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--sss-line);
  border-radius:999px;
  background:color-mix(in srgb,var(--sss-surface) 92%,transparent);
  box-shadow:0 8px 24px rgba(14,42,68,.08);
  backdrop-filter:blur(9px);
}
.sss-page .sss-mode-switch__label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.sss-page .sss-mode-switch button{
  min-height:34px;
  padding:7px 11px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--sss-muted);
  cursor:pointer;
  font-family:var(--sss-font-mono);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.04em;
}
.sss-page .sss-mode-switch button[aria-pressed="true"]{background:var(--sss-heading);color:var(--sss-surface);}
.sss-page[data-sss-mode="blueprint"] .sss-mode-switch button[aria-pressed="true"]{background:var(--sss-accent);color:#fff;}
.sss-page[data-sss-mode="contrast"] .sss-mode-switch{border:2px solid #000;box-shadow:none;}
.sss-page[data-sss-mode="contrast"] .sss-mode-switch button[aria-pressed="true"]{background:#000;color:#fff;}
.sss-page .sss-subnav{position:relative;z-index:3;border-top:1px solid var(--sss-line);border-bottom:1px solid var(--sss-line);background:color-mix(in srgb,var(--sss-surface) 94%,transparent);}
.sss-page .sss-subnav__inner{display:flex;gap:7px;overflow-x:auto;padding-top:11px;padding-bottom:11px;scrollbar-width:thin;}
.sss-page .sss-subnav a{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.73rem;font-weight:700;}
.sss-page .sss-subnav a:hover{background:var(--sss-heading);color:var(--sss-surface);}
.sss-page .sss-media-split{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:54px;align-items:center;}
.sss-page .sss-media-split--reverse{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);}
.sss-page .sss-media-split--reverse .sss-media-split__media{order:2;}
.sss-page .sss-figure{
  overflow:hidden;
  border:1px solid var(--sss-line);
  border-radius:var(--sss-radius-m);
  background:var(--sss-surface);
  box-shadow:var(--sss-shadow);
}
.sss-page .sss-figure img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--sss-surface-alt);}
.sss-page .sss-figure--square img{aspect-ratio:1/1;}
.sss-page .sss-figure figcaption{padding:12px 15px;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.72rem;}
.sss-page .sss-chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px;}
.sss-page .sss-chip{display:inline-flex;padding:8px 12px;border:1px solid var(--sss-line-strong);border-radius:999px;color:var(--sss-heading);font-family:var(--sss-font-mono);font-size:.72rem;font-weight:700;}
.sss-page .sss-chip:hover{border-color:var(--sss-accent);color:var(--sss-accent-dark);}
.sss-page .sss-check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px;}
.sss-page .sss-check-list li{display:flex;gap:12px;align-items:flex-start;}
.sss-page .sss-check-list li::before{content:"✓";display:flex;flex:0 0 24px;width:24px;height:24px;align-items:center;justify-content:center;margin-top:1px;border-radius:50%;background:var(--sss-orange-tint);color:var(--sss-accent-dark);font-weight:900;}
.sss-page .sss-spec-wrap{overflow-x:auto;border:1px solid var(--sss-line);border-radius:var(--sss-radius-m);background:var(--sss-surface);box-shadow:var(--sss-shadow);}
.sss-page .sss-spec-table{width:100%;min-width:720px;border-collapse:collapse;}
.sss-page .sss-spec-table th,.sss-page .sss-spec-table td{padding:17px 19px;border-bottom:1px solid var(--sss-line);text-align:left;vertical-align:top;}
.sss-page .sss-spec-table th{width:28%;color:var(--sss-heading);background:color-mix(in srgb,var(--sss-surface-alt) 72%,var(--sss-surface));font-family:var(--sss-font-mono);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;}
.sss-page .sss-spec-table td{color:var(--sss-text);}
.sss-page .sss-spec-table tr:last-child th,.sss-page .sss-spec-table tr:last-child td{border-bottom:0;}
.sss-page .sss-note{margin-top:16px;padding:15px 17px;border-left:4px solid var(--sss-accent);background:var(--sss-orange-tint);color:var(--sss-text);font-size:.9rem;}
.sss-page .sss-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:sss-step;}
.sss-page .sss-flow__item{position:relative;padding-right:24px;}
.sss-page .sss-flow__item:not(:last-child)::after{content:"";position:absolute;top:22px;right:4px;width:17px;height:2px;background:var(--sss-line-strong);}
.sss-page .sss-flow__num{display:flex;width:44px;height:44px;align-items:center;justify-content:center;margin-bottom:15px;border:1.5px solid var(--sss-accent);border-radius:50%;background:var(--sss-surface);color:var(--sss-accent-dark);font-family:var(--sss-font-mono);font-weight:700;}
.sss-page .sss-flow__item p{color:var(--sss-muted);font-size:.9rem;}
.sss-page .sss-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:165px;gap:14px;}
.sss-page .sss-gallery figure{position:relative;overflow:hidden;margin:0;border:1px solid var(--sss-line);border-radius:var(--sss-radius-m);background:var(--sss-surface);}
.sss-page .sss-gallery figure:nth-child(1){grid-column:span 7;grid-row:span 2;}
.sss-page .sss-gallery figure:nth-child(2){grid-column:span 5;grid-row:span 2;}
.sss-page .sss-gallery figure:nth-child(3){grid-column:span 4;}
.sss-page .sss-gallery figure:nth-child(4){grid-column:span 4;}
.sss-page .sss-gallery figure:nth-child(5){grid-column:span 4;}
.sss-page .sss-gallery img{width:100%;height:100%;object-fit:contain;background:var(--sss-surface-alt);}
.sss-page .sss-gallery figure:hover{border-color:var(--sss-accent);}
.sss-page .sss-gallery figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:4px;background:rgba(0,0,0,.62);color:#fff;font-size:.72rem;backdrop-filter:blur(4px);}
.sss-page .sss-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.sss-page .sss-video-card{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:var(--sss-radius-m);background:rgba(255,255,255,.055);}
.sss-page .sss-video-frame{position:relative;aspect-ratio:16/9;background:#000;}
.sss-page .sss-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.sss-page .sss-video-card__copy{padding:15px 17px;}
.sss-page .sss-video-card__copy h3{font-size:1rem;margin-bottom:4px;}
.sss-page .sss-video-card__copy p{margin:0;color:rgba(255,255,255,.62);font-size:.84rem;}
.sss-page .sss-accordion{display:grid;gap:12px;}
.sss-page .sss-accordion details{border:1px solid var(--sss-line);border-radius:var(--sss-radius-m);background:var(--sss-surface);}
.sss-page .sss-accordion summary{position:relative;padding:19px 50px 19px 20px;color:var(--sss-heading);font-family:var(--sss-font-display);font-weight:700;cursor:pointer;list-style:none;}
.sss-page .sss-accordion summary::-webkit-details-marker{display:none;}
.sss-page .sss-accordion summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--sss-accent-dark);font-family:var(--sss-font-mono);font-size:1.25rem;}
.sss-page .sss-accordion details[open] summary::after{content:"−";}
.sss-page .sss-accordion__body{padding:0 20px 18px;color:var(--sss-muted);}
.sss-page .sss-accordion__body p:last-child{margin-bottom:0;}
.sss-page .sss-cta-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:center;padding:42px;border:1px solid rgba(255,255,255,.17);border-radius:var(--sss-radius-l);background:rgba(255,255,255,.055);}
.sss-page .sss-cta-panel p{color:rgba(255,255,255,.7);}
.sss-page .sss-cta-panel__actions{display:flex;flex-direction:column;gap:11px;align-items:stretch;}
.sss-page .sss-cta-panel__actions .sss-btn{width:100%;}
.sss-page .sss-data-card{padding:22px;border:1px solid var(--sss-line);border-radius:var(--sss-radius-m);background:var(--sss-surface);}
.sss-page .sss-data-card__value{display:block;color:var(--sss-accent-dark);font-family:var(--sss-font-display);font-size:1.8rem;font-weight:700;line-height:1.1;}
.sss-page .sss-data-card__label{display:block;margin-top:6px;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.sss-page .sss-diagram{padding:24px;border:1px solid var(--sss-line);border-radius:var(--sss-radius-l);background:var(--sss-surface);box-shadow:var(--sss-shadow);}
.sss-page .sss-diagram svg{display:block;width:100%;height:auto;}
.sss-page .sss-live-products{position:relative;min-height:110px;}
.sss-page .sss-live-products::before{content:"Live WooCommerce products";display:inline-flex;margin-bottom:18px;padding:7px 11px;border:1px solid var(--sss-line);border-radius:999px;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;}
.sss-page .sss-live-products .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important;}
.sss-page .sss-live-products .woocommerce ul.products::before,.sss-page .sss-live-products .woocommerce ul.products::after{display:none!important;}
.sss-page .sss-live-products .woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:18px!important;border:1px solid var(--sss-line)!important;border-radius:var(--sss-radius-m)!important;background:var(--sss-surface)!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease!important;}
.sss-page .sss-live-products .woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--sss-shadow)!important;}
.sss-page .sss-live-products .woocommerce ul.products li.product img{border-radius:7px!important;margin-bottom:14px!important;}
.sss-page .sss-live-products .woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--sss-heading)!important;font-family:var(--sss-font-display)!important;font-size:1rem!important;line-height:1.3!important;}
.sss-page .sss-live-products .woocommerce ul.products li.product .price{color:var(--sss-accent-dark)!important;}
.sss-page .sss-live-products .woocommerce ul.products li.product .button{display:inline-flex!important;margin-top:10px!important;padding:10px 14px!important;border-radius:4px!important;background:var(--sss-heading)!important;color:var(--sss-surface)!important;font-size:.78rem!important;}
.sss-page .sss-product-fallback{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.sss-page .sss-product-fallback__item{padding:20px;border:1px solid var(--sss-line);border-radius:var(--sss-radius-m);background:var(--sss-surface);}
.sss-page .sss-product-fallback__item h3{font-size:1rem;}
.sss-page .sss-product-fallback__item a{color:var(--sss-accent-dark);font-family:var(--sss-font-mono);font-size:.78rem;font-weight:700;}
.sss-page .sss-source-badge{display:inline-flex;gap:7px;align-items:center;color:var(--sss-muted);font-family:var(--sss-font-mono);font-size:.68rem;}
.sss-page .sss-source-badge::before{content:"↗";color:var(--sss-accent-dark);}
.sss-page[data-sss-reveal-ready="true"] [data-sss-reveal]{opacity:0;transform:translateY(18px);transition:opacity .58s ease,transform .58s ease;}
.sss-page[data-sss-reveal-ready="true"] [data-sss-reveal].sss-is-visible{opacity:1;transform:none;}
@media (max-width:1050px){
  .sss-page .sss-hero__inner{grid-template-columns:1fr;gap:42px;padding-top:86px;}
  .sss-page .sss-hero__media{max-width:700px;}
  .sss-page .sss-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sss-page .sss-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sss-page .sss-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;}
  .sss-page .sss-flow__item::after{display:none;}
  .sss-page .sss-live-products .woocommerce ul.products,.sss-page .sss-product-fallback{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sss-page .sss-mode-switch-wrap{right:28px;}
}
@media (max-width:780px){
  .sss-page .sss-section{padding:68px 0;}
  .sss-page .sss-shell{padding:0 20px;}
  .sss-page .sss-hero__inner{padding-top:92px;padding-bottom:48px;}
  .sss-page .sss-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;}
  .sss-page .sss-stat:nth-child(2){border-right:0;}
  .sss-page .sss-stat:nth-child(3){padding-left:0;}
  .sss-page .sss-media-split,.sss-page .sss-media-split--reverse{grid-template-columns:1fr;gap:32px;}
  .sss-page .sss-media-split--reverse .sss-media-split__media{order:0;}
  .sss-page .sss-grid--2,.sss-page .sss-grid--3{grid-template-columns:1fr;}
  .sss-page .sss-gallery{grid-template-columns:1fr;grid-auto-rows:260px;}
  .sss-page .sss-gallery figure:nth-child(n){grid-column:auto;grid-row:auto;}
  .sss-page .sss-video-grid{grid-template-columns:1fr;}
  .sss-page .sss-cta-panel{grid-template-columns:1fr;padding:30px 24px;}
  .sss-page .sss-mode-switch-wrap{top:14px;right:18px;left:18px;text-align:right;}
  .sss-page .sss-mode-switch{max-width:100%;overflow-x:auto;}
}
@media (max-width:540px){
  .sss-page{font-size:15px;}
  .sss-page .sss-shell{padding:0 16px;}
  .sss-page .sss-section{padding:56px 0;}
  .sss-page .sss-grid--4{grid-template-columns:1fr;}
  .sss-page .sss-flow{grid-template-columns:1fr;}
  .sss-page .sss-stat-grid{grid-template-columns:1fr;}
  .sss-page .sss-stat{padding:0 0 14px;border-right:0;border-bottom:1px solid var(--sss-line);}
  .sss-page .sss-stat:last-child{border-bottom:0;}
  .sss-page .sss-live-products .woocommerce ul.products,.sss-page .sss-product-fallback{grid-template-columns:1fr;}
  .sss-page .sss-mode-switch button{padding:7px 9px;font-size:.62rem;}
  .sss-page .sss-hero__caption{flex-direction:column;}
}
@media (prefers-reduced-motion:reduce){
  .sss-page *,.sss-page *::before,.sss-page *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .sss-page[data-sss-reveal-ready="true"] [data-sss-reveal]{opacity:1;transform:none;}
}
@media print{
  .sss-page .sss-mode-switch-wrap,.sss-page .sss-subnav,.sss-page .sss-hero__actions,.sss-page .sss-cta-panel__actions{display:none!important;}
  .sss-page{left:auto;width:auto;margin-left:0;background:#fff;color:#000;}
  .sss-page .sss-section,.sss-page .sss-section--alt,.sss-page .sss-section--dark{background:#fff!important;color:#000!important;padding:28px 0!important;}
  .sss-page .sss-section--dark h2,.sss-page .sss-section--dark h3,.sss-page .sss-section--dark h4{color:#000!important;}
  .sss-page .sss-card,.sss-page .sss-figure,.sss-page .sss-spec-wrap,.sss-page .sss-diagram{box-shadow:none!important;break-inside:avoid;}
}