/* IPTV.sg design system. Original code. Palette follows the owner-approved reference colours.
   Prefix: sg-. Light tokens on :root, dark tokens on [data-sg-theme=dark] and prefers-color-scheme. */
:root{
  --sg-font:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --sg-font-head:"Avenir Next","Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  --sg-bg:#f4f4ef;--sg-bg-alt:#edf3f0;--sg-page:#f7f7f2;
  --sg-surface:rgba(255,255,255,.84);--sg-surface-solid:#fff;--sg-surface-soft:#f8f5ec;
  --sg-ink:#111a20;--sg-text:#2b3a40;--sg-muted:#56636a;--sg-line:rgba(17,26,32,.13);--sg-line-strong:rgba(17,26,32,.24);
  --sg-green:#1f7657;--sg-green-deep:#155d44;--sg-green-soft:rgba(35,121,90,.1);--sg-mint:#77d9ad;
  --sg-red:#bd384a;--sg-red-soft:rgba(196,61,78,.09);--sg-gold:#97671a;--sg-gold-soft:rgba(176,124,36,.12);
  --sg-on-primary:#fff;--sg-primary:#155d44;--sg-primary-end:#155d44;--sg-primary-hover:#0f4a36;
  --sg-rose:#bd384a;--sg-on-rose:#fff;
  --sg-grad-text:linear-gradient(105deg,#1b7051,#4f6b5f 55%,#a73243);
  --sg-shadow-sm:0 6px 18px rgba(6,56,38,.08);--sg-shadow:0 18px 48px rgba(13,34,32,.08);--sg-shadow-lg:0 28px 75px rgba(17,38,34,.12);
  --sg-header-bg:rgba(251,253,251,.86);--sg-scrim:linear-gradient(90deg,rgba(244,244,239,.97) 0,rgba(244,244,239,.9) 38%,rgba(244,244,239,.25) 70%,rgba(244,244,239,0));
  --sg-r-sm:.5rem;--sg-r:.8rem;--sg-r-md:1rem;--sg-r-lg:1.4rem;--sg-r-xl:2rem;--sg-pill:999px;
  --sg-wrap:1380px;--sg-gutter:clamp(1rem,4vw,3.5rem);--sg-header-h:5.6rem;
  color-scheme:light;
}
:root[data-sg-theme=dark]{
  --sg-bg:#07111a;--sg-bg-alt:#0a131a;--sg-page:#07111a;
  --sg-surface:rgba(14,28,38,.86);--sg-surface-solid:#0e1c26;--sg-surface-soft:#10232a;
  --sg-ink:#f8f5ec;--sg-text:#d3ddd8;--sg-muted:#adb9bd;--sg-line:rgba(233,244,239,.13);--sg-line-strong:rgba(233,244,239,.24);
  --sg-green:#79d8b0;--sg-green-deep:#58bd94;--sg-green-soft:rgba(121,216,176,.11);--sg-mint:#91e6c0;
  --sg-red:#e9808c;--sg-red-soft:rgba(225,109,123,.12);--sg-gold:#e0b662;--sg-gold-soft:rgba(224,182,98,.13);
  --sg-on-primary:#102b23;--sg-primary:#98e2bf;--sg-primary-end:#7fd3ac;--sg-primary-hover:#b4ecd2;
  --sg-rose:#e27480;--sg-on-rose:#1a0a0e;
  --sg-grad-text:linear-gradient(105deg,#80dcb2,#f5f6ee 53%,#f18c97);
  --sg-shadow-sm:0 6px 18px rgba(0,0,0,.25);--sg-shadow:0 20px 50px rgba(0,0,0,.3);--sg-shadow-lg:0 28px 80px rgba(0,0,0,.38);
  --sg-header-bg:rgba(10,22,29,.86);--sg-scrim:linear-gradient(90deg,rgba(7,17,26,.98) 0,rgba(7,17,26,.9) 38%,rgba(7,17,26,.3) 70%,rgba(7,17,26,0));
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root:not([data-sg-theme=light]){
  --sg-bg:#07111a;--sg-bg-alt:#0a131a;--sg-page:#07111a;
  --sg-surface:rgba(14,28,38,.86);--sg-surface-solid:#0e1c26;--sg-surface-soft:#10232a;
  --sg-ink:#f8f5ec;--sg-text:#d3ddd8;--sg-muted:#adb9bd;--sg-line:rgba(233,244,239,.13);--sg-line-strong:rgba(233,244,239,.24);
  --sg-green:#79d8b0;--sg-green-deep:#58bd94;--sg-green-soft:rgba(121,216,176,.11);--sg-mint:#91e6c0;
  --sg-red:#e9808c;--sg-red-soft:rgba(225,109,123,.12);--sg-gold:#e0b662;--sg-gold-soft:rgba(224,182,98,.13);
  --sg-on-primary:#102b23;--sg-primary:#98e2bf;--sg-primary-end:#7fd3ac;--sg-primary-hover:#b4ecd2;
  --sg-rose:#e27480;--sg-on-rose:#1a0a0e;
  --sg-grad-text:linear-gradient(105deg,#80dcb2,#f5f6ee 53%,#f18c97);
  --sg-shadow-sm:0 6px 18px rgba(0,0,0,.25);--sg-shadow:0 20px 50px rgba(0,0,0,.3);--sg-shadow-lg:0 28px 80px rgba(0,0,0,.38);
  --sg-header-bg:rgba(10,22,29,.86);--sg-scrim:linear-gradient(90deg,rgba(7,17,26,.98) 0,rgba(7,17,26,.9) 38%,rgba(7,17,26,.3) 70%,rgba(7,17,26,0));
  color-scheme:dark;
}}

/* ---------- base ---------- */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--sg-header-h) + 1rem);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.sg-site{margin:0;background:var(--sg-page);color:var(--sg-text);font-family:var(--sg-font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
.sg-site *,.sg-site *::before,.sg-site *::after{box-sizing:border-box}
.sg-site img,.sg-site svg,.sg-site video{max-width:100%;height:auto}
.sg-site img{display:block}
:where(.sg-site) svg:where([aria-hidden=true]):not([width]){width:1.05em;height:1.05em;flex:none;vertical-align:-.15em}
:where(.sg-site) a{color:var(--sg-green);text-underline-offset:.18em;text-decoration-thickness:1px}
:where(.sg-site) a:hover{color:var(--sg-red)}
.sg-site :focus-visible{outline:3px solid var(--sg-green);outline-offset:3px;border-radius:4px}
:where(.sg-site) :is(h1,h2,h3,h4){color:var(--sg-ink);font-family:var(--sg-font);margin:0 0 .6em;line-height:1.1}
:where(.sg-site) p{margin:0 0 1em}
:where(.sg-site) :is(ul,ol){margin:0 0 1em;padding-left:1.25rem}
.sg-skip{position:absolute;left:-9999px;top:.5rem;z-index:2000;background:var(--sg-primary);color:var(--sg-on-primary)!important;padding:.6rem 1rem;border-radius:var(--sg-r-sm);font-weight:700}
.sg-skip:focus{left:.75rem}
.sg-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sg-wrap{max-width:var(--sg-wrap);margin-inline:auto;padding-inline:var(--sg-gutter);position:relative;z-index:1}
.sg-wrap--narrow{max-width:62rem}
.sg-wrap--text{max-width:52rem}

/* ---------- type ---------- */
.sg-eyebrow{display:flex;align-items:center;gap:.6rem;color:var(--sg-green);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.1rem;line-height:1.3}
.sg-eyebrow::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--sg-red);flex:none}
.sg-eyebrow--bar::before{width:4px;height:1.6rem;border-radius:3px;background:linear-gradient(var(--sg-green),var(--sg-red))}
.sg-eyebrow--pill{display:inline-flex;padding:.42rem .85rem .42rem .7rem;border:1px solid var(--sg-line-strong);border-radius:var(--sg-pill);background:var(--sg-surface)}
.sg-eyebrow--pill::before{background:var(--sg-green);box-shadow:0 0 0 3px var(--sg-green-soft)}
.sg-center{text-align:center}.sg-center .sg-eyebrow{justify-content:center}
.sg-h1{font-size:clamp(2.35rem,5.2vw,4.25rem);font-weight:850;letter-spacing:-.05em;line-height:1.04;text-wrap:balance;margin:0 0 1.2rem}
.sg-h2{font-size:clamp(2rem,4vw,3.4rem);font-weight:850;letter-spacing:-.045em;line-height:1.05;text-wrap:balance;margin:0 0 1rem}
.sg-h3{font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 .6rem}
.sg-grad{background:var(--sg-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sg-lead{font-size:clamp(1.02rem,1.3vw,1.15rem);line-height:1.75;color:var(--sg-muted);max-width:64ch}
.sg-center .sg-lead{margin-inline:auto}
.sg-muted{color:var(--sg-muted)}
.sg-small{font-size:.86rem;line-height:1.55}
.sg-note{font-size:.84rem;color:var(--sg-muted);line-height:1.55}

/* ---------- buttons ---------- */
.sg-btn,.sg-site .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.95rem;padding:.72rem 1.3rem;border-radius:.85rem;border:1.5px solid transparent;font:inherit;font-size:.95rem;font-weight:750;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease}
.sg-btn--primary,.sg-site .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:linear-gradient(120deg,var(--sg-primary),var(--sg-primary-end));color:var(--sg-on-primary)!important;box-shadow:var(--sg-shadow-sm)}
.sg-btn--primary:hover,.sg-site .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:var(--sg-primary-hover);color:var(--sg-on-primary)!important;transform:translateY(-1px)}
.sg-btn--outline,.sg-site .wp-block-button.is-style-outline .wp-block-button__link{background:var(--sg-surface);color:var(--sg-ink)!important;border-color:var(--sg-line-strong)}
.sg-btn--outline:hover,.sg-site .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--sg-green);color:var(--sg-green)!important}
.sg-btn--rose{background:var(--sg-rose);color:var(--sg-on-rose)!important}
.sg-btn--rose:hover{filter:brightness(1.07);color:var(--sg-on-rose)!important}
.sg-btn--pill{border-radius:var(--sg-pill)}
.sg-btn--sm{min-height:2.4rem;padding:.5rem .95rem;font-size:.86rem}
.sg-btn--block{width:100%;justify-content:space-between}
.sg-btn svg{width:1.05em;height:1.05em;flex:none}
.sg-btn[aria-disabled=true],.sg-btn:disabled{opacity:.45;pointer-events:none}
.sg-btns{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.sg-link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--sg-ink)!important;text-decoration:none!important}
.sg-link-arrow:hover{color:var(--sg-green)!important}
@media (prefers-reduced-motion:reduce){.sg-btn,.sg-site .wp-block-button__link{transition:none}.sg-btn:hover{transform:none}}

/* ---------- header ---------- */
.sg-topline{height:3px;background:linear-gradient(90deg,var(--sg-red) 0 50%,#f6f1e7 50% 100%);position:relative;z-index:901}
.sg-header{position:sticky;top:var(--sg-admin-offset,0);z-index:900;padding-block:.6rem;font-family:var(--sg-font-head)}
.sg-header__bar{max-width:calc(var(--sg-wrap) - 2rem);margin-inline:auto;display:grid;grid-template-columns:minmax(8rem,11rem) minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,1.8vw,1.75rem);background:var(--sg-header-bg);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:1px solid var(--sg-line);border-radius:1rem;box-shadow:var(--sg-shadow-sm);padding:.55rem .7rem .55rem 1.1rem;transition:box-shadow .2s}
.sg-header.is-scrolled .sg-header__bar{box-shadow:var(--sg-shadow)}
@media (max-width:1439px){.sg-header{padding-inline:var(--sg-gutter)}}
.sg-logo{display:inline-flex;align-items:center;gap:.55rem;color:var(--sg-ink)!important;text-decoration:none!important;font-weight:900;font-size:1.32rem;letter-spacing:-.04em;line-height:1}
.sg-logo svg{width:2.1rem;height:2.1rem;flex:none}
.sg-logo b{color:var(--sg-green);font-weight:900}
.sg-logo small{display:block;font-size:.56rem;letter-spacing:.24em;font-weight:800;color:var(--sg-muted);margin-top:.22rem;text-transform:uppercase}
.sg-nav{justify-self:center}
.sg-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:.15rem}
.sg-nav a{display:block;padding:.62rem .72rem;border-radius:.5rem;color:var(--sg-ink)!important;font-size:.9rem;font-weight:650;text-decoration:none!important;white-space:nowrap}
.sg-nav a:hover{background:var(--sg-green-soft);color:var(--sg-green)!important}
.sg-nav .current-menu-item>a,.sg-nav a[aria-current=page]{background:var(--sg-green-soft);color:var(--sg-green)!important;box-shadow:inset 0 -2px 0 var(--sg-red)}
.sg-header__actions{display:flex;align-items:center;gap:.5rem}
.sg-icon-btn{display:inline-grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:.65rem;border:1px solid var(--sg-line-strong);background:var(--sg-surface);color:var(--sg-ink);cursor:pointer;padding:0}
.sg-icon-btn:hover{border-color:var(--sg-green);color:var(--sg-green)}
.sg-icon-btn svg{width:1.15rem;height:1.15rem}
.sg-theme-toggle .sg-i-moon{display:none}
:root[data-sg-theme=dark] .sg-theme-toggle .sg-i-sun{display:none}
:root[data-sg-theme=dark] .sg-theme-toggle .sg-i-moon{display:block}
.sg-menu-toggle{display:none}
.sg-scrim{position:fixed;inset:0;background:rgba(4,10,14,.5);opacity:0;visibility:hidden;transition:opacity .2s;z-index:898}
.sg-header.is-open .sg-scrim{opacity:1;visibility:visible}
@media (max-width:1080px){
  .sg-header__bar{grid-template-columns:minmax(0,1fr) auto;padding:.5rem .55rem .5rem .9rem}
  .sg-menu-toggle{display:inline-grid}
  .sg-header__cta{display:none!important}
  .sg-nav{justify-self:stretch;position:fixed;top:calc(var(--sg-admin-offset,0px) + 4.9rem);left:var(--sg-gutter);right:var(--sg-gutter);z-index:899;background:var(--sg-surface-solid);border:1px solid var(--sg-line);border-radius:1rem;box-shadow:var(--sg-shadow-lg);padding:.75rem;transform:translateY(-.5rem);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;max-height:calc(100vh - 6.5rem);overflow:auto}
  .sg-header.is-open .sg-nav{opacity:1;visibility:visible;transform:none}
  .sg-nav ul{flex-direction:column;gap:.15rem}
  .sg-nav a{font-size:1.02rem;padding:.85rem .9rem}
  .sg-header .sg-nav__cta{display:flex!important;justify-content:center;margin-top:.6rem}
  .sg-header .sg-nav__cta+.sg-nav__cta{margin-top:.45rem}
  .sg-nav a.sg-btn--primary,.sg-nav a.sg-btn--primary:hover{color:var(--sg-on-primary)!important}
  .sg-nav a.sg-btn--outline:hover{background:var(--sg-green-soft)}
}
.sg-nav__cta{display:none!important}
.sg-menu-toggle .sg-i-close,.sg-header.is-open .sg-menu-toggle .sg-i-menu{display:none}
.sg-header.is-open .sg-menu-toggle .sg-i-close{display:block}
.sg-menu-toggle span{display:block;line-height:0}
@media (prefers-reduced-motion:reduce){.sg-nav,.sg-scrim,.sg-header__bar{transition:none}}

/* ---------- sections ---------- */
.sg-section{position:relative;padding-block:clamp(4.25rem,8vw,7.5rem);background:var(--sg-bg);isolation:isolate;overflow:hidden;overflow:clip}
.sg-section--alt{background:var(--sg-bg-alt)}
.sg-section--tight{padding-block:clamp(3rem,5vw,4.5rem)}
.sg-section--grid::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--sg-line) 1px,transparent 1px),linear-gradient(90deg,var(--sg-line) 1px,transparent 1px);background-size:4.75rem 4.75rem;-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 25%,transparent 92%);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 25%,transparent 92%);opacity:.22;pointer-events:none}
.sg-section--ring::after{content:"";position:absolute;z-index:-1;border:1px solid var(--sg-line);border-radius:50%;width:clamp(22rem,42vw,42rem);height:clamp(22rem,42vw,42rem);left:clamp(-20rem,-12vw,-8rem);top:clamp(10rem,22vw,20rem);pointer-events:none}
.sg-section--ring-r::after{left:auto;right:clamp(-19rem,-11vw,-7rem);top:clamp(8rem,17vw,16rem)}
.sg-section--glow{background:radial-gradient(circle at 8% 10%,var(--sg-green-soft),transparent 32rem),radial-gradient(circle at 95% 90%,var(--sg-red-soft),transparent 30rem),var(--sg-bg)}
.sg-head{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:end;margin-bottom:clamp(2rem,4vw,3rem)}
.sg-head .sg-h2{margin:0}
.sg-head .sg-lead{margin:0}
.sg-head--center{display:block;text-align:center;max-width:56rem;margin-inline:auto}
.sg-head--center .sg-eyebrow{justify-content:center}
.sg-head--center .sg-lead{margin:1rem auto 0}
@media (max-width:860px){.sg-head{grid-template-columns:1fr;gap:1rem}}

/* ---------- hero ---------- */
.sg-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--sg-bg-alt);min-height:min(48rem,calc(100vh - 4rem))}
.sg-hero__scene{position:absolute;inset:0;z-index:-1;margin:0}
.sg-hero__scene img{width:100%;height:100%;object-fit:cover;object-position:72% center}
.sg-hero__scene::after{content:"";position:absolute;inset:0;background:var(--sg-scrim)}
.sg-hero__inner{max-width:86rem;margin-inline:auto;padding:clamp(3.5rem,6vw,6rem) var(--sg-gutter) clamp(3rem,5vw,4.5rem)}
.sg-hero__copy{max-width:38rem}
.sg-hero .sg-h1{font-size:clamp(2.5rem,5.1vw,4.3rem)}
.sg-hero .sg-lead{color:var(--sg-text);margin-bottom:1.8rem}
.sg-stats{display:flex;flex-wrap:wrap;gap:1.25rem 2.25rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--sg-line-strong);max-width:36rem}
.sg-stat strong{display:block;color:var(--sg-ink);font-size:.92rem;font-weight:800}
.sg-stat span{font-size:.8rem;color:var(--sg-muted)}
.sg-devices-line{margin-top:1rem;font-size:.8rem;color:var(--sg-muted);letter-spacing:.02em}
@media (min-width:901px) and (max-width:1180px){.sg-hero__scene img{object-position:88% center}.sg-hero__scene::after{background:linear-gradient(90deg,var(--sg-bg-alt) 0,var(--sg-bg-alt) 34%,transparent 78%)}.sg-hero__copy{max-width:31rem}}
@media (max-width:900px){
  .sg-hero{min-height:0;display:flex;flex-direction:column}
  .sg-hero__scene{position:relative;order:2;height:auto;aspect-ratio:16/10}
  .sg-hero__scene::after{background:linear-gradient(180deg,var(--sg-bg-alt),transparent 30%)}
  .sg-hero__inner{order:1;padding-bottom:1.5rem}
}

/* ---------- cards / bento ---------- */
.sg-card{position:relative;background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:var(--sg-r-lg);padding:clamp(1.3rem,2.2vw,2rem);box-shadow:var(--sg-shadow);overflow:hidden}
.sg-card h3{font-size:clamp(1.18rem,1.6vw,1.45rem);font-weight:800;letter-spacing:-.025em;margin:0 0 .55rem}
.sg-card p{color:var(--sg-muted);margin:0}
.sg-card p+p{margin-top:.7rem}
.sg-card__icon{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.8rem;background:var(--sg-green-soft);color:var(--sg-green);border:1px solid var(--sg-line);margin-bottom:1rem}
.sg-card__icon svg{width:1.3rem;height:1.3rem}
.sg-card__kicker{display:flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--sg-green);margin-bottom:.55rem}
.sg-card__kicker::before{content:"";width:.35rem;height:.35rem;border-radius:50%;background:currentColor}
.sg-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1rem}
.sg-bento>*{grid-column:span 4}
.sg-bento .sg-span-7{grid-column:span 7}.sg-bento .sg-span-5{grid-column:span 5}.sg-bento .sg-span-6{grid-column:span 6}.sg-bento .sg-span-8{grid-column:span 8}.sg-bento .sg-span-12{grid-column:span 12}
.sg-card--art{min-height:22rem;display:flex;flex-direction:column;justify-content:flex-end;padding:0}
.sg-card--art .sg-card__art{position:absolute;inset:0;z-index:0}
.sg-card--art .sg-card__art svg,.sg-card--art .sg-card__art img{width:100%;height:100%;object-fit:cover}
.sg-card--art .sg-card__body{position:relative;z-index:1;padding:clamp(1.3rem,2.2vw,2rem);background:linear-gradient(180deg,transparent,var(--sg-surface-solid) 42%)}
.sg-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;padding:0;list-style:none}
.sg-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .7rem;border:1px solid var(--sg-line-strong);border-radius:var(--sg-pill);font-size:.78rem;font-weight:750;color:var(--sg-ink);background:var(--sg-surface)}
.sg-chip b{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--sg-green-soft);color:var(--sg-green);font-size:.7rem}
.sg-band{display:flex;align-items:center;justify-content:space-between;gap:1.25rem 2rem;flex-wrap:wrap;background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:var(--sg-r-lg);padding:clamp(1.2rem,2.2vw,1.8rem) clamp(1.3rem,2.4vw,2.2rem);box-shadow:var(--sg-shadow)}
.sg-band h3{margin:0 0 .3rem;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:800;letter-spacing:-.02em}
.sg-band p{margin:0;color:var(--sg-muted)}
.sg-band--accent{border-left:4px solid var(--sg-green)}
@media (max-width:1024px){.sg-bento>*,.sg-bento .sg-span-7,.sg-bento .sg-span-5,.sg-bento .sg-span-8{grid-column:span 6}}
.sg-bento .sg-span-12{grid-column:span 12}
@media (max-width:680px){.sg-bento{grid-template-columns:1fr}.sg-bento>*,.sg-bento [class*=sg-span-]{grid-column:1/-1}.sg-card--art{min-height:0}.sg-card--art .sg-card__art{position:relative;aspect-ratio:3/2}.sg-card--art .sg-card__body{background:var(--sg-surface-solid)}}

/* ---------- split / media ---------- */
.sg-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.sg-split--rev>:first-child{order:2}
.sg-media{border-radius:var(--sg-r-xl);overflow:hidden;border:1px solid var(--sg-line);box-shadow:var(--sg-shadow-lg);background:var(--sg-surface-solid)}
.sg-media img,.sg-media svg{width:100%;height:auto;display:block}
.sg-media figcaption{font-size:.78rem;color:var(--sg-muted);padding:.6rem .9rem}
.sg-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.sg-tile{background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:var(--sg-r-md);padding:.95rem 1rem}
.sg-tile strong{display:block;color:var(--sg-green);font-size:.98rem;margin-bottom:.15rem}
.sg-tile span{font-size:.84rem;color:var(--sg-muted);line-height:1.45}
.sg-tile--wide{grid-column:1/-1}
@media (max-width:860px){.sg-split{grid-template-columns:1fr}.sg-split--rev>:first-child{order:0}}

/* ---------- catalogue ---------- */
.sg-cat{background:var(--sg-surface-solid);border:1px solid var(--sg-line);border-radius:var(--sg-r-xl);box-shadow:var(--sg-shadow-lg);overflow:hidden}
.sg-cat__spot{position:relative;display:grid;grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);gap:clamp(1.25rem,3vw,3rem);align-items:center;padding:clamp(1.4rem,3.5vw,3rem);background:linear-gradient(135deg,#0b1d26,#07111a 60%,#1a0f16);color:#e9f1ed;min-height:20rem}
.sg-cat__spot::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#79d8b0,#f18c97)}
.sg-cat__spot h3{color:#f8f5ec;font-size:clamp(1.7rem,3.4vw,2.9rem);font-weight:850;letter-spacing:-.045em;line-height:1.05;margin:.8rem 0 1rem}
.sg-cat__spot p{color:#c7d4ce;max-width:46ch}
.sg-cat__spot .sg-chip{background:rgba(255,255,255,.06);color:#e9f1ed;border-color:rgba(255,255,255,.18)}
.sg-cat__badge{display:inline-flex;gap:.55rem;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#91e6c0}
.sg-cat__badge b{border:1px solid rgba(145,230,192,.45);border-radius:var(--sg-pill);padding:.25rem .6rem;color:#91e6c0}
.sg-cat__art{aspect-ratio:5/7;border-radius:1rem;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}
.sg-cat__art svg{width:100%;height:100%;display:block}
.sg-cat__count{position:absolute;right:1.4rem;bottom:1.2rem;font-weight:800;color:#f8f5ec;font-size:1.1rem}
.sg-cat__count small{color:#9fb2aa;font-size:.75rem}
.sg-cat__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.1rem clamp(1rem,2.5vw,1.6rem) .4rem}
.sg-filters{display:flex;gap:.25rem;padding:.3rem;border:1px solid var(--sg-line);border-radius:var(--sg-pill);overflow-x:auto;scrollbar-width:none;max-width:100%}
.sg-filters::-webkit-scrollbar{display:none}
.sg-filter{flex:none;border:0;background:transparent;color:var(--sg-muted);font:inherit;font-size:.9rem;font-weight:650;padding:.5rem .95rem;border-radius:var(--sg-pill);cursor:pointer}
.sg-filter:hover{color:var(--sg-ink)}
.sg-filter[aria-pressed=true]{background:var(--sg-ink);color:var(--sg-surface-solid)}
.sg-rail-nav{display:flex;gap:.4rem;align-items:center}
.sg-rail-nav span{font-size:.78rem;color:var(--sg-muted);margin-right:.4rem;font-weight:650}
.sg-round{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--sg-line-strong);background:var(--sg-surface-solid);color:var(--sg-ink);cursor:pointer;padding:0}
.sg-round:hover{border-color:var(--sg-green);color:var(--sg-green)}
.sg-round:disabled{opacity:.35;cursor:default}
.sg-round svg{width:1rem;height:1rem}
.sg-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(9.5rem,15vw,11.5rem);gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.8rem clamp(1rem,2.5vw,1.6rem) 1.2rem;scrollbar-width:thin;overscroll-behavior-x:contain}
.sg-tile-card{scroll-snap-align:start;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.sg-tile-card[hidden]{display:none}
.sg-tile-card__art{display:block;position:relative;aspect-ratio:5/7;border-radius:.9rem;overflow:hidden;border:1px solid var(--sg-line);box-shadow:var(--sg-shadow-sm);transition:transform .2s,box-shadow .2s}
.sg-tile-card__art svg{width:100%;height:100%;display:block}
.sg-tile-card__art img,.sg-cat__art img{width:100%;height:100%;object-fit:cover;display:block}
.sg-tile-card__art::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));pointer-events:none}
.sg-tile-card__num,.sg-tile-card__type{z-index:1}
.sg-tile-card:hover .sg-tile-card__art,.sg-tile-card[aria-current=true] .sg-tile-card__art{transform:translateY(-3px);box-shadow:0 0 0 2px var(--sg-mint),var(--sg-shadow)}
.sg-tile-card__num{position:absolute;top:.5rem;left:.5rem;font-size:.66rem;font-weight:800;background:rgba(0,0,0,.55);color:#fff;border-radius:var(--sg-pill);padding:.2rem .45rem}
.sg-tile-card__type{position:absolute;bottom:.55rem;left:.6rem;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.sg-tile-card strong{display:block;margin-top:.6rem;font-size:.9rem;color:var(--sg-ink);line-height:1.25}
.sg-tile-card small{display:block;font-size:.74rem;color:var(--sg-muted);margin-top:.15rem}
.sg-cat__foot{border-top:1px solid var(--sg-line);margin:0 clamp(1rem,2.5vw,1.6rem);padding:1rem 0 1.3rem;font-size:.86rem;color:var(--sg-muted)}
.sg-cat__foot strong{color:var(--sg-ink)}
@media (max-width:720px){.sg-cat__spot{grid-template-columns:1fr}.sg-cat__art{max-width:11rem}}
@media (prefers-reduced-motion:reduce){.sg-tile-card__art{transition:none}}

/* ---------- pricing configurator ---------- */
.sg-pricing{background:var(--sg-bg)}
.sg-tierbar{position:sticky;top:calc(var(--sg-admin-offset,0px) + var(--sg-header-h));z-index:50;max-width:48rem;margin:0 auto clamp(2rem,4vw,3rem);background:var(--sg-surface-solid);border:1px solid var(--sg-line);border-radius:1.2rem;box-shadow:var(--sg-shadow-lg);padding:1rem}
.sg-tierbar__label{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--sg-green);margin:0 0 .3rem .2rem}
.sg-tierbar__label::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--sg-red)}
.sg-tierbar__hint{font-size:.82rem;color:var(--sg-muted);margin:0 0 .75rem .2rem}
.sg-tiers{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.sg-tier{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;text-align:left;padding:.85rem .95rem;border:1.5px solid var(--sg-line-strong);border-radius:.9rem;background:var(--sg-surface);color:var(--sg-text);font:inherit;cursor:pointer;transition:border-color .18s,background-color .18s}
.sg-tier:hover{border-color:var(--sg-green)}
.sg-tier[aria-pressed=true]{border-color:var(--sg-green);background:var(--sg-green-soft)}
.sg-tier__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.7rem;background:var(--sg-surface-solid);border:1px solid var(--sg-line);color:var(--sg-green)}
.sg-tier[aria-pressed=true] .sg-tier__icon{background:var(--sg-green-deep);color:#fff;border-color:transparent}
.sg-tier[data-tier=premium] .sg-tier__icon{color:var(--sg-gold)}
.sg-tier[data-tier=premium][aria-pressed=true]{border-color:var(--sg-gold);background:var(--sg-gold-soft)}
.sg-tier[data-tier=premium][aria-pressed=true] .sg-tier__icon{background:var(--sg-gold);color:#1d1406}
.sg-tier__icon svg{width:1.15rem;height:1.15rem}
.sg-tier strong{display:flex;align-items:center;gap:.45rem;color:var(--sg-ink);font-size:1rem}
.sg-tier small{display:block;font-size:.78rem;color:var(--sg-muted);line-height:1.35;margin-top:.1rem}
.sg-tier__badge{font-size:.6rem;font-weight:900;letter-spacing:.08em;padding:.15rem .4rem;border-radius:var(--sg-pill);background:linear-gradient(120deg,#c68a2a,#e0b662);color:#1d1406}
.sg-tier__check{width:1.4rem;height:1.4rem;border-radius:50%;border:1.5px solid var(--sg-line-strong);display:grid;place-items:center}
.sg-tier[aria-pressed=true] .sg-tier__check{background:var(--sg-green-deep);border-color:transparent;color:#fff}
.sg-tier[data-tier=premium][aria-pressed=true] .sg-tier__check{background:var(--sg-gold);color:#1d1406}
.sg-tier__check svg{width:.8rem;height:.8rem;opacity:0}
.sg-tier[aria-pressed=true] .sg-tier__check svg{opacity:1}
.sg-tierbar.is-stuck{padding:.5rem;border-radius:.9rem}
.sg-tierbar.is-stuck .sg-tierbar__label,.sg-tierbar.is-stuck .sg-tierbar__hint,.sg-tierbar.is-stuck .sg-tier small{display:none}
.sg-tierbar.is-stuck .sg-tier{padding:.5rem .7rem}
.sg-tierbar.is-stuck .sg-tier__icon{width:2rem;height:2rem}
/* phones: tighter hero so the three stats fit on the first screen */
@media (max-width:620px){
  .sg-hero__inner{padding-top:2.1rem}
  .sg-hero .sg-h1{font-size:clamp(2.1rem,9.4vw,2.5rem)}
  .sg-hero .sg-lead{font-size:.98rem;line-height:1.65;margin-bottom:1.35rem}
  .sg-stats{margin-top:1.4rem;padding-top:1.05rem;gap:.85rem 1.6rem}
}
/* phones: when pinned, Standard and Premium sit side by side in one slim row; the bar moves up when the header hides */
@media (max-width:620px){
  .sg-tierbar{transition:top .25s ease}
  .sg-tierbar.is-stuck{padding:.4rem}
  .sg-tierbar.is-stuck .sg-tiers{grid-template-columns:1fr 1fr;gap:.4rem}
  .sg-tierbar.is-stuck .sg-tier{grid-template-columns:auto 1fr;gap:.5rem;padding:.42rem .55rem}
  .sg-tierbar.is-stuck .sg-tier__check{display:none}
  .sg-tierbar.is-stuck .sg-tier__icon{width:1.75rem;height:1.75rem;border-radius:.55rem}
  .sg-tierbar.is-stuck .sg-tier strong{font-size:.92rem;gap:.3rem}
  html:has(.sg-header.is-hidden) .sg-tierbar.is-stuck{top:calc(var(--sg-admin-offset,0px) + .5rem)}
}
.sg-plangroup{margin-top:clamp(2.5rem,5vw,4rem)}
.sg-plangroup__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:1.4rem}
.sg-plangroup__head .sg-h3{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:850;letter-spacing:-.04em;margin:0 0 .35rem}
.sg-plangroup__head p{margin:0;color:var(--sg-muted);max-width:60ch}
.sg-seg{position:relative;display:inline-flex;padding:.3rem;border:1px solid var(--sg-line);border-radius:var(--sg-pill);background:var(--sg-surface-solid);box-shadow:var(--sg-shadow-sm)}
.sg-seg button{position:relative;z-index:1;border:0;background:none;font:inherit;font-weight:750;font-size:.92rem;color:var(--sg-muted);padding:.55rem 1rem;border-radius:var(--sg-pill);cursor:pointer;transition:color .2s}
.sg-seg button[aria-pressed=true]{color:#fff}
:root[data-sg-theme=dark] .sg-seg button[aria-pressed=true]{color:#102b23}
.sg-seg__pill{position:absolute;z-index:0;top:.3rem;bottom:.3rem;border-radius:var(--sg-pill);background:var(--sg-green-deep);transition:left .25s ease,width .25s ease}
:root[data-sg-theme=dark] .sg-seg__pill{background:var(--sg-primary)}
.sg-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.sg-plan{position:relative;display:flex;flex-direction:column;background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:1.25rem;padding:1.4rem 1.25rem 1.25rem;box-shadow:var(--sg-shadow);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sg-plan::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--sg-green),transparent 70%,var(--sg-red))}
.sg-plan--popular{border:1.5px solid var(--sg-green);box-shadow:0 0 0 4px var(--sg-green-soft),var(--sg-shadow-lg)}
.sg-plan--value{border:1.5px solid var(--sg-rose);background:linear-gradient(180deg,var(--sg-red-soft),var(--sg-surface) 45%)}
.sg-plan__badge{align-self:flex-start;font-size:.66rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase;padding:.3rem .6rem;border-radius:var(--sg-pill);margin-bottom:.7rem;border:1px solid var(--sg-line-strong);color:var(--sg-green)}
.sg-plan--value .sg-plan__badge{color:var(--sg-red);border-color:var(--sg-rose)}
.sg-plan__title{font-size:1.25rem;font-weight:800;color:var(--sg-ink);margin:0}
.sg-plan__free{display:inline-block;vertical-align:.18em;margin-left:.3rem;padding:.16rem .55rem;border-radius:var(--sg-pill);background:rgba(126,217,170,.16);border:1px solid rgba(126,217,170,.45);color:var(--sg-green);font-size:.7rem;font-weight:800;letter-spacing:.02em;line-height:1.3;white-space:nowrap}
.sg-plan__free[hidden]{display:none}
.sg-plan__tag{font-size:.85rem;color:var(--sg-muted);margin:.25rem 0 1rem;min-height:2.6em;line-height:1.4}
.sg-plan__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.1rem .45rem;color:var(--sg-ink)}
.sg-plan__amount{font-size:clamp(2.2rem,3.2vw,2.75rem);font-weight:800;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}
.sg-plan__amount sup{font-size:.42em;letter-spacing:0;vertical-align:.95em;margin-right:.08em;font-weight:750}
.sg-plan__total{font-size:.74rem;color:var(--sg-muted)}
.sg-plan__pm{font-size:.8rem;color:var(--sg-text);margin:.45rem 0 .7rem}
.sg-plan__pm b{color:var(--sg-ink)}
.sg-plan__cfg{display:block;text-align:center;font-size:.76rem;font-weight:750;padding:.4rem .6rem;border-radius:var(--sg-pill);background:var(--sg-green-soft);color:var(--sg-green);border:1px solid var(--sg-line)}
.sg-premium .sg-plan__cfg{background:var(--sg-gold-soft);color:var(--sg-gold)}
.sg-plan__features{list-style:none;padding:1rem 0 0;margin:1rem 0 0;border-top:1px solid var(--sg-line);display:grid;gap:.5rem;font-size:.86rem;color:var(--sg-text)}
.sg-plan__features li{position:relative;padding-left:1.4rem;line-height:1.45}
.sg-plan__features li::before{content:"";position:absolute;left:.1rem;top:.3em;width:.75rem;height:.42rem;border-left:2px solid var(--sg-green);border-bottom:2px solid var(--sg-green);transform:rotate(-45deg)}
.sg-plan__bonus{margin-top:1rem;padding:.8rem .9rem;border:1px dashed var(--sg-line-strong);border-radius:.85rem;background:var(--sg-green-soft);font-size:.82rem}
.sg-plan--value .sg-plan__bonus{background:var(--sg-red-soft)}
.sg-plan__bonus strong svg{width:.95rem;height:.95rem;vertical-align:-.12em;margin-right:.2rem}
.sg-plan__bonus strong{display:block;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--sg-green);margin-bottom:.3rem}
.sg-plan--value .sg-plan__bonus strong{color:var(--sg-red)}
.sg-plan__bonus ul{list-style:none;margin:0;padding:0;display:grid;gap:.2rem;font-weight:700;color:var(--sg-ink)}
.sg-plan__bonus li::before{content:"+ ";color:var(--sg-green)}
.sg-plan__cta{margin-top:auto;padding-top:1.2rem}
.sg-plan__cta .sg-btn{width:100%;justify-content:space-between}
.sg-plan--popular .sg-btn--outline{background:var(--sg-green-deep);color:#fff!important;border-color:transparent}
:root[data-sg-theme=dark] .sg-plan--popular .sg-btn--outline{background:linear-gradient(120deg,#98e2bf,#7fd3ac);color:#102b23!important}
.sg-plan--value .sg-btn--outline{background:var(--sg-rose);color:var(--sg-on-rose)!important;border-color:transparent}
.sg-plan.is-unavailable{opacity:.62}
.sg-plan.is-unavailable .sg-plan__amount{font-size:1.25rem;letter-spacing:-.01em;font-weight:750}
.sg-plan.is-soon .sg-plan__total{display:none}
.sg-plan.is-soon .sg-plan__amount,.sg-plan__amount--soon{font-size:1.5rem;letter-spacing:-.01em;font-weight:800;color:var(--sg-green-deep)}
.sg-plan.is-refreshed{animation:sg-flash .55s ease}
@keyframes sg-flash{0%{box-shadow:0 0 0 0 var(--sg-green-soft),var(--sg-shadow)}40%{box-shadow:0 0 0 6px var(--sg-green-soft),var(--sg-shadow)}100%{box-shadow:var(--sg-shadow)}}
.sg-plan--popular.is-refreshed{animation:none}
.sg-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.6rem;margin-top:2rem;font-size:.84rem;font-weight:700;color:var(--sg-text);list-style:none;padding:0}
.sg-trust li{display:flex;align-items:center;gap:.45rem}
.sg-trust svg{width:1rem;height:1rem;color:var(--sg-green)}
@media (max-width:1100px){
  .sg-plans{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(16.5rem,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .3rem 1rem;margin-inline:-.3rem}
  .sg-plan{scroll-snap-align:start}
}
@media (max-width:620px){.sg-tiers{grid-template-columns:1fr}.sg-tierbar{top:calc(var(--sg-admin-offset,0px) + 4.6rem)}.sg-plans{grid-auto-columns:84%}}
@media (prefers-reduced-motion:reduce){.sg-plan.is-refreshed{animation:none}.sg-seg__pill{transition:none}}

/* ---------- steps ---------- */
.sg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;position:relative;margin-top:clamp(2rem,4vw,3rem);counter-reset:sg-step;list-style:none;padding:0}
.sg-steps::before{content:"";position:absolute;left:6%;right:6%;top:3.2rem;height:2px;background:linear-gradient(90deg,var(--sg-green),var(--sg-mint),var(--sg-red));opacity:.5;z-index:0}
.sg-step{position:relative;z-index:1;background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:1.3rem;padding:1.4rem 1.3rem;box-shadow:var(--sg-shadow)}
.sg-step:nth-child(even){margin-top:2rem}
.sg-step__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.sg-step__num{font-size:2.7rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.4px var(--sg-line-strong);letter-spacing:-.04em}
.sg-step h3{font-size:1.15rem;font-weight:800;margin:0 0 .45rem}
.sg-step p{font-size:.9rem;color:var(--sg-muted);margin:0}
.sg-step__check svg{width:1rem;height:1rem}
.sg-step__check{display:flex;gap:.4rem;align-items:center;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--sg-line);font-size:.78rem;font-weight:750;color:var(--sg-green)}
@media (max-width:1024px){.sg-steps{grid-template-columns:1fr 1fr}.sg-step:nth-child(even){margin-top:0}.sg-steps::before{display:none}}
@media (max-width:620px){.sg-steps{grid-template-columns:1fr}}

/* ---------- editorial panel ---------- */
.sg-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--sg-surface-solid);border:1px solid var(--sg-line);border-radius:var(--sg-r-xl);overflow:hidden;box-shadow:var(--sg-shadow-lg)}
.sg-panel__media{position:relative;min-height:26rem;background:#0b1d26}
.sg-panel__media img,.sg-panel__media svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sg-panel__caption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem;background:linear-gradient(180deg,transparent,rgba(4,12,17,.88));color:#fff}
.sg-panel__caption small{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#91e6c0;margin-bottom:.4rem}
.sg-panel__caption strong{font-size:1.35rem;line-height:1.2;font-weight:800;color:#fff}
.sg-panel__body{padding:clamp(1.4rem,3vw,2.6rem)}
.sg-numbered{list-style:none;margin:0;padding:0}
.sg-numbered>li{padding:0 0 1.2rem;margin:0 0 1.2rem;border-bottom:1px solid var(--sg-line)}
.sg-numbered>li:last-child{border:0;margin-bottom:.5rem}
.sg-numbered h3{display:flex;gap:.7rem;align-items:flex-start;font-size:1.2rem;font-weight:800;margin:0 0 .5rem}
.sg-numbered h3 span{flex:none;display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;font-size:.7rem;font-weight:800;background:var(--sg-green-soft);color:var(--sg-green);border:1px solid var(--sg-line);margin-top:.05rem}
.sg-numbered p{color:var(--sg-muted);font-size:.93rem;margin:0}
@media (max-width:900px){.sg-panel{grid-template-columns:1fr}.sg-panel__media{min-height:20rem}}

/* ---------- choice cards ---------- */
.sg-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.sg-choice{display:flex;flex-direction:column;background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:1.4rem;padding:1.5rem;box-shadow:var(--sg-shadow);position:relative;overflow:hidden}
.sg-choice::before{content:"";position:absolute;left:0;top:0;width:34%;height:3px;background:linear-gradient(90deg,var(--sg-green),var(--sg-red))}
.sg-choice__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}
.sg-choice__num{font-size:2.6rem;font-weight:900;letter-spacing:-.05em;color:var(--sg-line-strong);line-height:1}
.sg-choice h3{font-size:1.35rem;font-weight:850;letter-spacing:-.03em;margin:0 0 .7rem}
.sg-choice p{color:var(--sg-muted);font-size:.92rem}
.sg-choice ul{list-style:none;margin:auto 0 0;padding:1rem 0 0;border-top:1px solid var(--sg-line);display:grid;gap:.45rem;font-size:.85rem;font-weight:700;color:var(--sg-ink)}
.sg-choice ul li{display:flex;gap:.5rem}
.sg-choice ul li::before{content:"✓";color:var(--sg-green)}
@media (max-width:960px){.sg-choices{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.sg-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.sg-faq__aside{position:sticky;top:calc(var(--sg-admin-offset,0px) + var(--sg-header-h) + 1rem)}
.sg-glance{margin-top:1.8rem;background:var(--sg-surface-solid);border:1px solid var(--sg-line);border-radius:1.3rem;padding:1.4rem;box-shadow:var(--sg-shadow);position:relative;overflow:hidden}
.sg-glance::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--sg-green),var(--sg-red))}
.sg-glance h3{font-size:1.2rem;margin:.2rem 0 1rem}
.sg-glance ul{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.6rem;font-size:.9rem;font-weight:650;color:var(--sg-ink)}
.sg-glance li{display:flex;gap:.6rem;align-items:center}
.sg-glance li svg{width:1.05rem;height:1.05rem;color:var(--sg-green);flex:none}
.sg-faq__group{margin-bottom:2.2rem}
.sg-faq__group>h3{display:flex;align-items:baseline;gap:.7rem;font-size:1.3rem;font-weight:800;padding-bottom:.8rem;border-bottom:1px solid var(--sg-line);margin:0 0 1rem}
.sg-faq__group>h3 span{font-size:.72rem;font-weight:800;color:var(--sg-green);letter-spacing:.1em}
.sg-site details.sg-q,.sg-site .wp-block-details{background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:1rem;margin:0 0 .65rem;box-shadow:var(--sg-shadow-sm);transition:border-color .2s}
.sg-site details.sg-q[open],.sg-site .wp-block-details[open]{border-color:var(--sg-green)}
.sg-site details.sg-q summary,.sg-site .wp-block-details summary{list-style:none;display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;cursor:pointer;font-weight:750;color:var(--sg-ink);font-size:1rem;line-height:1.35}
.sg-site details summary::-webkit-details-marker{display:none}
.sg-site details.sg-q summary::after,.sg-site .wp-block-details summary::after{content:"";margin-left:auto;flex:none;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--sg-line-strong);background:linear-gradient(var(--sg-green),var(--sg-green)) center/.75rem 2px no-repeat,linear-gradient(var(--sg-green),var(--sg-green)) center/2px .75rem no-repeat}
.sg-site details.sg-q[open] summary::after,.sg-site .wp-block-details[open] summary::after{background:linear-gradient(#fff,#fff) center/.75rem 2px no-repeat,var(--sg-green-deep);border-color:transparent}
.sg-site details.sg-q summary:hover,.sg-site .wp-block-details summary:hover{color:var(--sg-green)}
.sg-site details.sg-q>*:not(summary),.sg-site .wp-block-details>*:not(summary){padding:0 1.1rem 0 1.1rem;color:var(--sg-muted);font-size:.95rem}
.sg-site details.sg-q>*:last-child:not(summary),.sg-site .wp-block-details>*:last-child:not(summary){padding-bottom:1.1rem}
.sg-q__n{flex:none;display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;border-radius:.5rem;font-size:.7rem;font-weight:800;background:var(--sg-green-soft);color:var(--sg-green);border:1px solid var(--sg-line)}
@media (max-width:900px){.sg-faq{grid-template-columns:1fr}.sg-faq__aside{position:static}}

/* ---------- inner page hero + prose ---------- */
.sg-pagehero{position:relative;isolation:isolate;overflow:hidden;background:var(--sg-bg-alt);padding:clamp(3rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4rem)}
.sg-pagehero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 10% 0,var(--sg-green-soft),transparent 30rem),radial-gradient(circle at 100% 100%,var(--sg-red-soft),transparent 28rem)}
.sg-pagehero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.sg-pagehero .sg-h1{font-size:clamp(2.2rem,4.6vw,3.7rem)}
.sg-crumbs{font-size:.8rem;color:var(--sg-muted);margin-bottom:1.2rem}
.sg-crumbs a{color:var(--sg-muted)}
.sg-crumbs span{margin:0 .35rem;opacity:.6}
@media (max-width:900px){.sg-pagehero__grid{grid-template-columns:1fr}}
.sg-prose{font-size:1.04rem;line-height:1.78;color:var(--sg-text)}
.sg-prose>*{max-width:52rem}
.sg-prose h2{font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:850;letter-spacing:-.035em;margin:2.4rem 0 .9rem}
.sg-prose h3{font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:800;letter-spacing:-.02em;margin:1.8rem 0 .6rem}
.sg-prose ul,.sg-prose ol{padding-left:1.3rem}
.sg-prose li{margin:.3rem 0}
.sg-prose li::marker{color:var(--sg-green)}
.sg-prose table{width:100%;border-collapse:collapse;margin:1.2rem 0 1.8rem;font-size:.95rem;background:var(--sg-surface);border-radius:var(--sg-r-md);overflow:hidden}
.sg-prose th,.sg-prose td{border-bottom:1px solid var(--sg-line);padding:.75rem .9rem;text-align:left;vertical-align:top}
.sg-prose th{color:var(--sg-ink);font-weight:800;background:var(--sg-green-soft)}
.sg-prose .wp-block-table{overflow-x:auto;margin:0}
.sg-prose figure{margin:1.6rem 0}
.sg-prose blockquote,.sg-callout{border-left:4px solid var(--sg-green);background:var(--sg-surface);padding:1rem 1.2rem;border-radius:0 var(--sg-r) var(--sg-r) 0;margin:1.4rem 0}
.sg-toc{background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:var(--sg-r-md);padding:1rem 1.2rem;margin:0 0 2rem;font-size:.94rem}
.sg-toc strong{display:block;color:var(--sg-ink);margin-bottom:.4rem}
.sg-toc ol{margin:0;padding-left:1.2rem}
.sg-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.sg-sidebar{position:sticky;top:calc(var(--sg-admin-offset,0px) + var(--sg-header-h) + 1rem);display:grid;gap:1rem}
@media (max-width:980px){.sg-layout{grid-template-columns:1fr}.sg-sidebar{position:static}}
.sg-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.sg-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.sg-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (max-width:980px){.sg-grid-3,.sg-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.sg-grid-2,.sg-grid-3,.sg-grid-4{grid-template-columns:1fr}}
.sg-compare{width:100%;border-collapse:separate;border-spacing:0;background:var(--sg-surface);border:1px solid var(--sg-line);border-radius:var(--sg-r-lg);overflow:hidden;font-size:.95rem}
.sg-compare th,.sg-compare td{padding:.9rem 1rem;border-bottom:1px solid var(--sg-line);text-align:left}
.sg-compare thead th{background:var(--sg-surface-soft);color:var(--sg-ink);font-weight:850}
.sg-compare tbody th{color:var(--sg-ink);font-weight:700;width:34%}
.sg-compare tr:last-child>*{border-bottom:0}
.sg-compare .is-premium{color:var(--sg-gold);font-weight:800}
.sg-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------- product page ---------- */
.sg-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.sg-product__media{position:sticky;top:calc(var(--sg-admin-offset,0px) + var(--sg-header-h) + 1rem)}
.sg-buybox{background:var(--sg-surface-solid);border:1px solid var(--sg-line);border-radius:var(--sg-r-xl);padding:clamp(1.3rem,2.6vw,2rem);box-shadow:var(--sg-shadow-lg)}
.sg-buybox fieldset{border:0;margin:0 0 1.3rem;padding:0}
.sg-buybox legend{font-weight:800;color:var(--sg-ink);font-size:.95rem;margin-bottom:.6rem;padding:0}
.sg-opts{display:flex;flex-wrap:wrap;gap:.5rem}
.sg-opt{position:relative}
.sg-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sg-opt span{display:flex;flex-direction:column;gap:.1rem;min-width:7.2rem;padding:.65rem .9rem;border:1.5px solid var(--sg-line-strong);border-radius:.8rem;font-weight:750;font-size:.9rem;color:var(--sg-ink);background:var(--sg-surface);transition:border-color .15s,background-color .15s}
.sg-opt span small{font-weight:600;font-size:.74rem;color:var(--sg-muted)}
.sg-opt input:checked+span{border-color:var(--sg-green);background:var(--sg-green-soft);box-shadow:inset 0 0 0 1px var(--sg-green)}
.sg-opt input:focus-visible+span{outline:3px solid var(--sg-green);outline-offset:2px}
.sg-opt input:disabled+span{opacity:.4;text-decoration:line-through}
.sg-opt input:disabled{cursor:not-allowed}
.sg-buybox__price{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line);margin-bottom:1rem}
.sg-buybox__price strong{font-size:2.4rem;font-weight:850;letter-spacing:-.05em;color:var(--sg-ink);font-variant-numeric:tabular-nums}
.sg-buybox__price span{color:var(--sg-muted);font-size:.86rem}
.sg-buybox__msg{min-height:1.4em;font-size:.86rem;color:var(--sg-red);margin:.2rem 0 .8rem}
.sg-buybox .sg-btn{width:100%;min-height:3.3rem;font-size:1.02rem}
.sg-buybox__meta{list-style:none;padding:0;margin:1.1rem 0 0;display:grid;gap:.45rem;font-size:.85rem;color:var(--sg-muted)}
.sg-buybox__meta li{display:flex;gap:.5rem;align-items:center}
.sg-buybox__meta svg{width:1rem;height:1rem;color:var(--sg-green);flex:none}
.sg-site .woocommerce-notices-wrapper,.sg-site .woocommerce-error,.sg-site .woocommerce-message,.sg-site .woocommerce-info{max-width:var(--sg-wrap);margin:1rem auto;padding:.9rem 1.1rem;border-radius:var(--sg-r);background:var(--sg-surface);border:1px solid var(--sg-line);list-style:none}
@media (max-width:900px){.sg-product{grid-template-columns:1fr}.sg-product__media{position:static}}

/* ---------- footer ---------- */
.sg-footer{background:var(--sg-bg-alt);border-top:1px solid var(--sg-line);font-family:var(--sg-font-head)}
.sg-footer__main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.75rem,3vw,3rem);padding-block:clamp(2.5rem,4vw,3.75rem) clamp(2rem,3vw,3rem)}
.sg-footer__blurb{color:var(--sg-muted);font-size:.95rem;margin-top:1rem;max-width:30ch}
.sg-footer h2{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--sg-green);margin:0 0 1rem}
.sg-footer__nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.85rem 1.5rem}
.sg-footer__nav a{color:var(--sg-ink)!important;font-weight:650;font-size:.94rem;text-decoration:none}
.sg-footer__nav a:hover{color:var(--sg-green)!important;text-decoration:underline}
.sg-footer__support{border-left:1px solid var(--sg-line);padding-left:clamp(1rem,2.5vw,2rem)}
.sg-footer__support h3{font-size:1.25rem;margin:0 0 .5rem}
.sg-footer__support p{color:var(--sg-muted);font-size:.92rem}
.sg-contact-card{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1px solid var(--sg-line);border-radius:.8rem;background:var(--sg-surface-solid);color:var(--sg-ink)!important;text-decoration:none!important;margin-top:.6rem}
.sg-contact-card small{display:block;font-size:.72rem;font-weight:800;color:var(--sg-green)}
.sg-contact-card strong{font-size:.95rem}
.sg-contact-card svg{width:1.15rem;height:1.15rem;flex:none}
.sg-contact-card--wa{background:var(--sg-green-deep);color:#fff!important;border-color:transparent}
.sg-contact-card--wa small{color:#bdf0d8}
:root[data-sg-theme=dark] .sg-contact-card--wa{background:linear-gradient(120deg,#98e2bf,#7fd3ac);color:#102b23!important}
:root[data-sg-theme=dark] .sg-contact-card--wa small{color:#1f5b45}
.sg-footer__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--sg-line);padding-block:1.25rem 1.5rem;font-size:.84rem;color:var(--sg-muted)}
.sg-footer__bottom ul{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;margin:0;padding:0}
.sg-footer__bottom a{color:var(--sg-muted)!important;text-decoration:none}
.sg-footer__bottom a:hover{color:var(--sg-green)!important}
@media (max-width:900px){.sg-footer__main{grid-template-columns:1fr}.sg-footer__support{border:0;padding:0}}

/* ---------- WhatsApp floating pill (bottom-right, just left of the Chatwoot bubble) ---------- */
.sg-wa-float{position:fixed;right:6rem;bottom:1.9rem;transition:opacity .22s ease,visibility .22s;z-index:880;display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .95rem .55rem .6rem;border-radius:var(--sg-pill);background:var(--sg-green-deep);color:#fff!important;text-decoration:none!important;font-weight:750;font-size:.86rem;box-shadow:0 14px 30px -12px rgba(15,45,30,.6)}
.sg-wa-float svg{width:1.6rem;height:1.6rem;background:rgba(255,255,255,.14);border-radius:50%;padding:.3rem}
.sg-wa-float:hover{filter:brightness(1.08)}
@media (max-width:620px){.sg-wa-float{display:none}}

/* ---------- WordPress block alignment inside canvas ---------- */
.sg-content>.wp-block-group,.sg-content>section{margin:0}
.sg-content .alignwide{max-width:var(--sg-wrap);margin-inline:auto}
.sg-content .alignfull{width:100%}
.sg-content .wp-block-image img{border-radius:var(--sg-r-lg)}
.sg-content .wp-block-buttons{gap:.75rem}

/* ---------- third-party widgets on canvas pages ---------- */
.sg-site .gt_switcher_wrapper,.sg-site #gt_float_wrapper,.sg-site .gt_float_switcher{position:fixed!important;top:auto!important;right:auto!important;left:1rem!important;bottom:1rem!important;z-index:879!important;transition:opacity .22s ease,visibility .22s;font-size:.82rem;background:var(--sg-surface-solid);border:1px solid var(--sg-line-strong);border-radius:var(--sg-pill);padding:.32rem .75rem .32rem .42rem;box-shadow:var(--sg-shadow-sm);line-height:1}
.sg-site .gt_switcher_wrapper>a.gt_switcher-popup{display:flex;align-items:center;gap:.4rem;color:var(--sg-ink)!important;font-weight:750;text-decoration:none!important}
.sg-site .gt_switcher_wrapper>a.gt_switcher-popup img{width:20px;height:20px;border-radius:50%;object-fit:cover}
/* floating widgets, tidy: language + coupon bottom-left, WhatsApp + chat bottom-right (like the reference).
   site.js adds sg-fl-l-off / sg-fl-r-off while a main button or the footer's last line passes under a side. */
.sg-site .tab-box.tab-front-box{bottom:2.6rem!important;top:auto!important}
.sg-fl-l-off .gt_switcher_wrapper,.sg-fl-l-off #gt_float_wrapper,.sg-fl-l-off .tab-box.tab-front-box .tab-box-wrap,.sg-fl-r-off .sg-wa-float,.sg-fl-r-off .woot-widget-bubble:not(.woot--close){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.sg-fl-l-off .gt_switcher_wrapper *,.sg-fl-l-off #gt_float_wrapper *,.sg-fl-l-off .tab-box.tab-front-box .tab-box-wrap *{pointer-events:none!important}
.sg-footer__bottom{padding-bottom:4.5rem}
@media (max-width:620px){
  /* phones: the coupon gift button is hidden (owner, 25 Oct 2026); the language pill takes its corner */
  .sg-site .tab-box.tab-front-box{display:none!important}
  .sg-site .gt_switcher_wrapper,.sg-site #gt_float_wrapper,.sg-site .gt_float_switcher{left:1rem!important;bottom:1.2rem!important}
}
.sg-site .wd-toolbar,.sg-site .wd-sticky-btn,.sg-site .mobile-nav,.sg-site .wd-close-side,.sg-site .cart-widget-side,.sg-site .login-form-side,.sg-site .wd-search-full-screen{display:none!important}

/* ---------- inner page reading column + tables ---------- */
.sg-wrap.sg-prose{max-width:calc(56rem + 2 * var(--sg-gutter))}
.sg-prose>*{max-width:none}
.sg-site .wp-block-table table{border-collapse:collapse;width:100%}
.sg-site .wp-block-table td,.sg-site .wp-block-table th{border:0;border-bottom:1px solid var(--sg-line)}
.sg-site .wp-block-table thead{border-bottom:2px solid var(--sg-line-strong)}
.sg-site .wp-block-table{border:1px solid var(--sg-line);border-radius:var(--sg-r-md);overflow-x:auto;background:var(--sg-surface)}
.sg-prose .wp-block-image{margin:1.8rem 0}
.sg-prose .wp-block-image img{border:1px solid var(--sg-line);box-shadow:var(--sg-shadow-sm);width:100%;height:auto}
.sg-prose .wp-element-caption{font-size:.84rem;color:var(--sg-muted);margin-top:.5rem;text-align:left}
.sg-prose .sg-grid-2 .sg-card h3 a{color:var(--sg-ink);text-decoration:none}
.sg-prose .sg-grid-2 .sg-card h3 a:hover{color:var(--sg-green)}
.sg-prose .wp-block-table table{margin:0}

/* ================================================================== motion layer (owner 25 Oct: "fluidity" like the reference)
   Everything here is opt-in: JS adds html.sg-motion only when the visitor allows motion and the browser supports it.
   No JS / reduced motion = static, fully visible page. */
:root{--sg-ease:cubic-bezier(.2,.72,.2,1);--sg-ease-soft:cubic-bezier(.45,.05,.25,1)}
@keyframes sg-rise{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}
@keyframes sg-lift{from{transform:translate3d(0,16px,0)}to{transform:none}}
@keyframes sg-zoom{from{transform:scale(1.07)}to{transform:none}}
@keyframes sg-drop{from{opacity:0;transform:translate3d(0,-14px,0)}to{opacity:1;transform:none}}
@keyframes sg-pop{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes sg-draw{to{stroke-dashoffset:0}}
@keyframes sg-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes sg-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.55}}
@keyframes sg-breathe{0%,100%{transform:none;box-shadow:0 0 0 0 rgba(189,56,74,0)}50%{transform:scale(1.05);box-shadow:0 0 0 6px rgba(189,56,74,.12)}}
@keyframes sg-faq-in{from{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:none}}
@keyframes sg-swap{from{opacity:.25;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes sg-sweep{from{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(220%) skewX(-18deg)}}
@keyframes sg-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media (prefers-reduced-motion:no-preference){
  /* page entrance (hero text moves but stays visible, so the largest paint is not delayed) */
  .sg-motion .sg-header__bar{animation:sg-drop .6s var(--sg-ease) backwards} /* no fill after the end: a leftover transform would trap the fixed phone menu under the scrim */
  .sg-motion .sg-hero__scene img,.sg-motion .sg-pagehero .sg-media img{animation:sg-zoom 1.8s var(--sg-ease-soft) both}
  .sg-motion .sg-hero__copy>*,.sg-motion .sg-pagehero__grid>div>*{animation:sg-lift .8s var(--sg-ease) both}
  .sg-motion .sg-hero__copy>.sg-eyebrow,.sg-motion .sg-hero__copy>.sg-btns,.sg-motion .sg-hero__copy>.sg-stats,.sg-motion .sg-hero__copy>.sg-devices-line,
  .sg-motion .sg-pagehero__grid>div>.sg-eyebrow,.sg-motion .sg-pagehero__grid>div>.sg-btns,.sg-motion .sg-pagehero .sg-crumbs{animation-name:sg-rise}
  .sg-motion .sg-hero__copy>:nth-child(2),.sg-motion .sg-pagehero__grid>div>:nth-child(2){animation-delay:.07s}
  .sg-motion .sg-hero__copy>:nth-child(3),.sg-motion .sg-pagehero__grid>div>:nth-child(3){animation-delay:.14s}
  .sg-motion .sg-hero__copy>:nth-child(4),.sg-motion .sg-pagehero__grid>div>:nth-child(4){animation-delay:.22s}
  .sg-motion .sg-hero__copy>:nth-child(5){animation-delay:.3s}
  .sg-motion .sg-hero__copy>:nth-child(6){animation-delay:.38s}

  /* reveal on scroll: single elements */
  .sg-motion .sg-rv{opacity:0;transform:translate3d(0,22px,0);transition:opacity .65s ease var(--rv-d,0ms),transform .8s var(--sg-ease) var(--rv-d,0ms)}
  .sg-motion .sg-rv--media{transform:scale(.965)}
  .sg-motion .sg-rv.is-in{opacity:1;transform:none}
  /* reveal on scroll: rails and grids whose children cascade in */
  .sg-motion .sg-rvc>*{opacity:0}
  .sg-motion .sg-rvc.is-in>*{animation:sg-rise .7s var(--sg-ease) forwards}
  .sg-motion .sg-rvc.is-in>:nth-child(2){animation-delay:.08s}.sg-motion .sg-rvc.is-in>:nth-child(3){animation-delay:.16s}
  .sg-motion .sg-rvc.is-in>:nth-child(4){animation-delay:.24s}.sg-motion .sg-rvc.is-in>:nth-child(5){animation-delay:.32s}
  .sg-motion .sg-rvc.is-in>:nth-child(n+6){animation-delay:.4s}

  /* steps: the line draws itself, numbers pop, ticks are drawn */
  .sg-motion .sg-steps.sg-wait::before{transform:scaleX(0);transform-origin:left center}
  .sg-motion .sg-steps::before{transition:transform 1.3s var(--sg-ease-soft) .15s}
  .sg-motion .sg-steps.is-in::before{transform:none}
  .sg-motion .sg-step.sg-wait .sg-step__num,.sg-motion .sg-choice.sg-wait .sg-choice__num{opacity:0}
  .sg-motion .sg-step.is-in .sg-step__num,.sg-motion .sg-choice.is-in .sg-choice__num{animation:sg-pop .62s var(--sg-ease) calc(var(--rv-d,0ms) + 180ms) both}
  .sg-motion .sg-wait .sg-step__check svg path,.sg-motion .sg-wait.sg-glance li svg path{stroke-dasharray:30;stroke-dashoffset:30}
  .sg-motion .is-in .sg-step__check svg path,.sg-motion .sg-glance.is-in li svg path{stroke-dasharray:30;stroke-dashoffset:30;animation:sg-draw .55s ease calc(var(--rv-d,0ms) + 450ms) forwards}

  /* living details once visible: icons float out of step, eyebrow dots pulse, the popular badge breathes */
  .sg-motion .sg-live .sg-card__icon{animation:sg-float 6.6s var(--sg-ease-soft) .9s infinite}
  .sg-motion .sg-live>:nth-child(2n) .sg-card__icon{animation-duration:7.8s;animation-delay:1.3s}
  .sg-motion .sg-live>:nth-child(3n) .sg-card__icon{animation-duration:8.9s;animation-delay:1.7s}
  .sg-motion .sg-live .sg-card:hover .sg-card__icon,.sg-motion .sg-live .sg-step:hover .sg-card__icon,.sg-motion .sg-live .sg-choice:hover .sg-card__icon{animation:none;transform:translateY(-3px) scale(1.07)}
  .sg-motion .sg-pulse.sg-eyebrow::before,.sg-motion .sg-pulse .sg-eyebrow::before{animation:sg-pulse 3.4s var(--sg-ease-soft) 1.2s infinite}
  .sg-motion .sg-plan--popular .sg-plan__badge{animation:sg-breathe 3.8s var(--sg-ease-soft) 1.4s infinite}

  /* pricing: features rise again when the level changes, the tick on the chosen level pops */
  .sg-plan.is-refreshed .sg-plan__features li{animation:sg-rise .46s var(--sg-ease) backwards}
  .sg-plan.is-refreshed .sg-plan__features li:nth-child(2){animation-delay:.04s}.sg-plan.is-refreshed .sg-plan__features li:nth-child(3){animation-delay:.08s}
  .sg-plan.is-refreshed .sg-plan__features li:nth-child(4){animation-delay:.12s}.sg-plan.is-refreshed .sg-plan__features li:nth-child(5){animation-delay:.16s}
  .sg-plan.is-refreshed .sg-plan__features li:nth-child(n+6){animation-delay:.2s}
  .sg-plan.is-refreshed .sg-plan__bonus{animation:sg-rise .46s var(--sg-ease) .22s backwards}
  .sg-tier[aria-pressed=true] .sg-tier__check{animation:sg-pop .42s var(--sg-ease)}
  .sg-cat__art.is-swap,.sg-cat__spot.is-swap [data-spot-title]{animation:sg-swap .45s var(--sg-ease)}

  /* FAQ answers glide open */
  .sg-site details[open]>:not(summary){animation:sg-faq-in .34s var(--sg-ease) both}

  /* buttons: a soft light sweep on hover (mouse only) and a press effect on touch */
  @media (hover:hover){
    .sg-btn--primary{position:relative;overflow:hidden;isolation:isolate}
    .sg-btn--primary::after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%) skewX(-18deg);pointer-events:none;z-index:-1}
    .sg-btn--primary:hover::after{animation:sg-sweep .8s var(--sg-ease-soft)}
    .sg-card,.sg-step,.sg-choice,.sg-tile,.sg-plan,.sg-tile-card{transition:transform .35s var(--sg-ease),box-shadow .35s ease,border-color .35s ease}
    .sg-card:hover,.sg-step:hover,.sg-choice:hover,.sg-tile:hover{transform:translateY(-4px);box-shadow:var(--sg-shadow-lg)}
  }
  .sg-btn,.sg-icon-btn,.sg-tier,.sg-filter,.sg-seg button,.sg-opt span{transition:transform .18s var(--sg-ease),background-color .2s,border-color .2s,color .2s,box-shadow .2s}
  .sg-btn:active,.sg-icon-btn:active,.sg-tier:active,.sg-filter:active,.sg-seg button:active{transform:scale(.965)}
  @media (hover:none){.sg-card:active,.sg-tile:active,.sg-tile-card:active,.sg-plan:active{transform:scale(.985);transition:transform .15s ease}}

  /* mobile menu: items slide in one after another */
  @media (max-width:1080px){
    .sg-nav{transition:opacity .28s var(--sg-ease),transform .34s var(--sg-ease),visibility .28s}
    .sg-header.is-open .sg-nav li{animation:sg-rise .42s var(--sg-ease) both}
    .sg-header.is-open .sg-nav li:nth-child(2){animation-delay:.04s}.sg-header.is-open .sg-nav li:nth-child(3){animation-delay:.08s}
    .sg-header.is-open .sg-nav li:nth-child(4){animation-delay:.12s}.sg-header.is-open .sg-nav li:nth-child(5){animation-delay:.16s}
    .sg-header.is-open .sg-nav li:nth-child(n+6){animation-delay:.2s}
  }
  /* phones: the header slides away while reading down and comes back when scrolling up */
  .sg-header{transition:transform .38s var(--sg-ease)}
  @media (max-width:900px){.sg-header.is-hidden{transform:translate3d(0,calc(-100% - 6px),0)}}

  /* reading progress on the top line (browsers with scroll-driven animations) */
  @supports (animation-timeline:scroll()){
    .sg-topline{background:var(--sg-line)}
    .sg-topline::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--sg-green),var(--sg-mint) 55%,var(--sg-red));transform-origin:left center;animation:sg-progress linear both;animation-timeline:scroll(root)}
  }
}
/* phones: lighter header (a blurred glass header is costly to repaint while scrolling on phones) */
@media (max-width:1080px){.sg-header__bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sg-surface-solid)}} /* same as above: the menu panel is fixed below 1080px */
@media (max-width:620px){
  .sg-hero .sg-btns,.sg-pagehero .sg-btns{flex-direction:column;align-items:stretch}
  .sg-hero .sg-btns .sg-btn,.sg-pagehero .sg-btns .sg-btn{justify-content:center;width:100%}
}
.sg-stat strong{font-variant-numeric:tabular-nums}
@media print{.sg-motion .sg-rv,.sg-motion .sg-rvc>*{opacity:1!important;transform:none!important;animation:none!important}}
/* long pages: the browser skips style, layout and paint of sections until they come near the screen (big win on phones) */
.sg-section{content-visibility:auto;contain-intrinsic-size:auto 1250px}
.sg-footer{content-visibility:auto;contain-intrinsic-size:auto 520px}
@media (max-width:620px){.sg-section{contain-intrinsic-size:auto 2100px}.sg-footer{contain-intrinsic-size:auto 1090px}}
.sg-cv-off .sg-section,.sg-cv-off .sg-footer{content-visibility:visible}
@media print{.sg-section,.sg-footer{content-visibility:visible}}

/* page heroes: tall portrait pictures are cropped so the hero stays compact */
.sg-pagehero .sg-media img{width:100%;max-height:min(32rem,64vh);object-fit:cover;object-position:center 62%}
@media (max-width:900px){.sg-pagehero .sg-media img{max-height:21rem}}

/* Hot Player included: strip above the plans and first line of each card's "Included" box */
.sg-hp-strip{display:flex;align-items:center;gap:.6rem;margin:1rem auto 0;padding:.7rem 1rem;max-width:58rem;border-radius:var(--sg-r-md);background:var(--sg-green-soft);border:1px solid color-mix(in srgb,var(--sg-green) 35%,transparent);color:var(--sg-ink);font-size:.92rem;line-height:1.4}
.sg-hp-strip svg{flex:none;width:1.4rem;height:1.4rem;padding:.25rem;border-radius:50%;background:var(--sg-green-deep);color:#fff}
.sg-plan__bonus li:first-child{font-weight:800;color:var(--sg-green-deep)}
:root[data-sg-theme=dark] .sg-plan__bonus li:first-child{color:var(--sg-green)}

.sg-site .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* search results */
.sg-search-head{max-width:46rem}
.sg-pagehero--search .sg-h1{overflow-wrap:anywhere}
.sg-search-form{display:flex;gap:.6rem;margin-top:1.5rem}
.sg-search-form input{flex:1;min-width:0;font:inherit;font-size:1rem;padding:.85rem 1.1rem;border:1px solid var(--sg-line);border-radius:var(--sg-r-md);background:var(--sg-surface-solid);color:var(--sg-ink);box-shadow:var(--sg-shadow)}
.sg-search-form input::placeholder{color:var(--sg-muted)}
.sg-search-form input:focus{outline:2px solid var(--sg-green);outline-offset:2px}
.sg-search-form .sg-btn{flex:none}
.sg-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.sg-result{display:flex;flex-direction:column}
.sg-result h2{font-size:clamp(1.12rem,1.5vw,1.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0 0 .5rem}
.sg-result h2 a{color:var(--sg-ink);text-decoration:none}
.sg-result h2 a:hover{color:var(--sg-green)}
.sg-result__more{display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.9rem;font-weight:700;color:var(--sg-green);text-decoration:none}
.sg-result__more svg{width:1rem;height:1rem}
.sg-pager ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;list-style:none;padding:0;margin:2rem 0 0}
.sg-pager a,.sg-pager span{display:inline-grid;place-items:center;min-width:2.6rem;height:2.6rem;padding:0 .9rem;border:1px solid var(--sg-line);border-radius:999px;background:var(--sg-surface-solid);color:var(--sg-ink);font-weight:700;text-decoration:none}
.sg-pager .current{background:var(--sg-green);border-color:var(--sg-green);color:#fff}
.sg-pager .dots{border:0;background:none}
@media (max-width:760px){.sg-results{grid-template-columns:1fr}}
@media (max-width:520px){.sg-search-form{flex-direction:column}.sg-search-form .sg-btn{justify-content:center}}