/* StreamSera product pages (generated from the approved design). Fonts: Sora and Figtree, SIL Open Font License 1.1. */

@font-face{font-family:'Sora';font-style:normal;font-weight:500 800;font-display:swap;src:url(fonts/sora-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:500 800;font-display:swap;src:url(fonts/sora-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/figtree-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


*{box-sizing:border-box}
a{color:#4338CA}
.pg{font-family:Figtree,system-ui,sans-serif;color:#0E1022;background:#FFFFFF;font-size:16px;line-height:1.6}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.disp{font-family:'Sora',sans-serif;letter-spacing:-0.03em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn-lg{min-height:56px;padding:0 26px;font-size:17px;border-radius:14px}
.btn-sm{min-height:44px;padding:0 16px;font-size:15px;border-radius:10px}
.btn-p{background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 60%,#A21CAF 100%);color:#FFFFFF;box-shadow:0 8px 24px -8px rgba(124,58,237,.6)}
.btn-p:hover{color:#FFFFFF;box-shadow:0 12px 28px -8px rgba(124,58,237,.75)}
.btn-ghost-d{background:rgba(255,255,255,.06);color:#FFFFFF;border:1px solid rgba(255,255,255,.18)}
.btn-ghost-d:hover{color:#FFFFFF;background:rgba(255,255,255,.12)}
.btn-ghost{background:#FFFFFF;color:#1E1B4B;border:1px solid #D9DAF0}
.btn-ghost:hover{color:#1E1B4B;border-color:#A5A8FF}
.btn-w{background:#FFFFFF;color:#3B0764}
.btn-w:hover{color:#3B0764}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4F46E5}
.h2{margin:12px 0 0;font-family:'Sora',sans-serif;font-size:42px;line-height:1.15;font-weight:700;letter-spacing:-0.02em}
.lead{margin:16px 0 0;font-size:18px;color:#4A4E69;max-width:640px}
.muted{color:#4A4E69}
.bi{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:14px;box-shadow:0 8px 18px -10px rgba(79,70,229,.7)}
.card{background:#FFFFFF;border:1px solid #E8E9F2;border-radius:22px;box-shadow:0 1px 2px rgba(14,16,34,.04),0 12px 32px -18px rgba(30,27,75,.18)}
.ill{border-radius:18px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:500}
.ul{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.ul li{display:flex;gap:12px;align-items:flex-start}
.tick{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;background:#E0F7EC;margin-top:1px}
.nav a{color:#D6D8EE;text-decoration:none}
.nav a:hover{color:#FFFFFF}
.ft a{color:#C2C5E4;text-decoration:none}
.ft a:hover{color:#FFFFFF}
.bar{display:inline-block;width:5px;border-radius:3px}

/* Page chrome */
body.ss-product{margin:0;background:#FFFFFF;font-family:Figtree,system-ui,sans-serif;color:#0E1022}
body.ss-product .pg,body.ss-product .ss-header{font-family:Figtree,system-ui,sans-serif}
.ss-skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:10px;background:#FFFFFF;color:#0E1022;font-weight:600}
.ss-skip:focus{left:16px}
.ss-site h1,.ss-site h2,.ss-site h3,.ss-site p,.ss-site ul{letter-spacing:inherit}
.ss-site img,.ss-site svg{max-width:none}
:where(.ss-site,body.ss-product .ss-header) a:focus-visible,:where(.ss-site) button:focus-visible{outline:3px solid #A5B4FC;outline-offset:3px;border-radius:12px}
/* Sticky header (same height throughout, so the page never shifts): stays on top, hides while scrolling down, returns on scroll up (assets/streamsera.js). */
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ss-header{position:sticky;top:0;z-index:50;background:rgba(11,13,26,.92);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-color .3s ease}
body.admin-bar .ss-header{top:32px}
@media (max-width:782px){body.admin-bar .ss-header{top:46px}}
@media (max-width:600px){body.admin-bar .ss-header{top:0}}
.ss-header.is-stuck{background:rgba(11,13,26,.86);box-shadow:0 14px 34px -18px rgba(0,0,0,.65)}
.ss-header.is-hidden{transform:translateY(calc(-100% - 50px))}
.ss-header:focus-within{transform:none}
/* Over the hero the header is transparent; the hero runs up underneath it (height measured in assets/streamsera.js). */
html.ss-overlay main.ss-site{margin-top:calc(-1 * var(--ss-hh, 0px))}
html.ss-overlay main.ss-site>section:first-child{padding-top:var(--ss-hh, 0px)}
html.ss-overlay .ss-header:not(.is-stuck){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.ss-header__bar{padding-top:16px;padding-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 36px}
.ss-header__nav{display:flex;flex-wrap:wrap;gap:8px 28px;flex:1 1 auto;font-size:15px;font-weight:500}
.ss-header__cta{display:flex;flex-wrap:wrap;gap:10px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ss-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ss-tour-frame{color:inherit}
.ss-tour-frame:hover .ss-tour-ill{opacity:.5!important}
@media (prefers-reduced-motion:reduce){.ss-header{transition:none}}
/* "Works with" strip: endless scroll, pauses on hover; a plain centered list when motion is reduced. */
.ss-works{padding:34px 0 30px;background:linear-gradient(180deg,#F5F3FF,#FFFFFF)}
.ss-works__title{margin:0 0 18px;padding:0 24px;text-align:center;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6A6E8C}
.ss-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ss-marquee__track{display:flex;flex:none;gap:14px;margin:0;padding:6px 14px 6px 0;list-style:none;animation:ss-marquee 38s linear infinite}
.ss-marquee:hover .ss-marquee__track,.ss-marquee:focus-within .ss-marquee__track{animation-play-state:paused}
@keyframes ss-marquee{to{transform:translateX(-100%)}}
.ss-works__item{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:16px;background:#FFFFFF;border:1px solid #E8E9F2;box-shadow:0 10px 24px -18px rgba(30,27,75,.35);font-size:16px;font-weight:600;color:#2A2D45;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.ss-works__item:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px rgba(79,70,229,.45)}
.ss-works__mono,.ss-works__logo{width:34px;height:34px;flex:none;border-radius:10px}
.ss-works__mono{display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;font-family:'Sora',sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em}
.ss-works__logo{object-fit:contain}
@media (prefers-reduced-motion:reduce){
  .ss-marquee{-webkit-mask-image:none;mask-image:none;justify-content:center}
  .ss-marquee__track{animation:none;flex-wrap:wrap;justify-content:center;flex:1;padding:0 16px}
  .ss-marquee__track[aria-hidden]{display:none}
}
/* Stat counters */
.ss-stats [data-ss-count],.ss-stats [data-ss-infinity]{font-variant-numeric:tabular-nums}
.ss-stats .bi{transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.ss-stats.is-in .bi{animation:ss-pop .7s cubic-bezier(.3,1.6,.5,1) both}
.ss-stats.is-in>div:nth-child(2) .bi{animation-delay:.1s}.ss-stats.is-in>div:nth-child(3) .bi{animation-delay:.2s}.ss-stats.is-in>div:nth-child(4) .bi{animation-delay:.3s}
@keyframes ss-pop{0%{transform:scale(.6) rotate(-8deg)}100%{transform:none}}
.ss-stats.is-in [data-ss-infinity]{animation:ss-breathe 2.4s ease-in-out .6s infinite}
@keyframes ss-breathe{50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.ss-stats.is-in .bi,.ss-stats.is-in [data-ss-infinity]{animation:none}}
/* Pricing: free-trial banner */
.ss-trial{margin-top:40px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px 36px;padding:32px 36px;border-radius:28px;color:#FFFFFF;background:radial-gradient(520px 300px at 100% 0,rgba(236,72,153,.4),transparent 60%),radial-gradient(500px 320px at 0 100%,rgba(14,165,233,.3),transparent 60%),linear-gradient(135deg,#1E1B4B,#4C1D95);box-shadow:0 30px 60px -28px rgba(76,29,149,.65)}
.ss-trial__badge{width:112px;height:112px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.ss-trial__num{font-family:'Sora',sans-serif;font-size:56px;font-weight:800;line-height:1;background:linear-gradient(180deg,#FFFFFF,#F0ABFC);-webkit-background-clip:text;background-clip:text;color:transparent}
.ss-trial__unit{font-size:13px;font-weight:700;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;color:#E9D5FF}
.ss-trial__kicker{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F0ABFC}
.ss-trial__title{margin:8px 0 0;font-size:30px;line-height:1.15;font-weight:700}
.ss-trial__text{margin:10px 0 0;color:#DDD6FE;font-size:16px;max-width:560px}
.ss-trial__points{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:#EDE9FE}
.ss-trial__points li{display:inline-flex;align-items:center;gap:7px}
.ss-trial__cta{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ss-trial__fine{margin:0;font-size:12.5px;color:#C4B5FD;max-width:230px}
/* Pricing: trust badges and payment methods */
.ss-trust{margin:28px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px}
.ss-trust li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#FFFFFF;border:1px solid #E8E9F2;box-shadow:0 10px 24px -20px rgba(30,27,75,.4)}
.ss-trust__icon{width:42px;height:42px;flex:none;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -10px rgba(79,70,229,.6)}
.ss-trust strong{display:block;font-size:15px;line-height:1.3;color:#0E1022}
.ss-trust small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:#4A4E69}
.ss-pay{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px}
.ss-pay__label{display:inline-flex;align-items:center;gap:8px;margin-right:4px;font-size:14px;font-weight:600;color:#4A4E69}
.ss-pay__chip{padding:5px 12px;border-radius:8px;border:1px solid #E0E1EE;background:#FFFFFF;font-size:13px;font-weight:700;color:#2A2D45}
.ss-pay__note{margin-left:6px;font-size:13px;color:#6A6E8C}
/* Pricing: money-back guarantee */
.ss-guarantee{padding-top:24px;padding-bottom:72px}
.ss-guarantee__panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:48px;padding:48px;border-radius:32px;background:radial-gradient(500px 300px at 0 0,rgba(16,185,129,.12),transparent 60%),linear-gradient(180deg,#FFFFFF,#F7F5FF);border:1px solid #E8E9F2;box-shadow:0 1px 2px rgba(14,16,34,.04),0 24px 48px -30px rgba(30,27,75,.3)}
.ss-seal svg{display:block;width:220px;height:220px;filter:drop-shadow(0 20px 30px rgba(124,58,237,.35))}
.ss-seal__spin{transform-origin:100px 100px;animation:ss-spin 40s linear infinite}
@keyframes ss-spin{to{transform:rotate(360deg)}}
.ss-guarantee__copy .h2{margin-top:14px}
.ss-guarantee__copy .lead{max-width:600px}
.ss-steps{margin:26px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px}
.ss-steps li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:#FFFFFF;border:1px solid #E8E9F2}
.ss-steps li>span{width:30px;height:30px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#FFFFFF;background:linear-gradient(135deg,#4F46E5,#7C3AED 60%,#A21CAF)}
.ss-steps strong{display:block;font-size:15px}
.ss-steps small{display:block;margin-top:2px;font-size:13px;color:#4A4E69;line-height:1.4}
.ss-link{margin-top:22px;display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;color:#4338CA}
.ss-link:hover{gap:10px}
@media (max-width:900px){
  .ss-trial{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;padding:30px 22px}
  .ss-trial__points{justify-content:center}
  .ss-trial__text{margin-left:auto;margin-right:auto}
  .ss-guarantee__panel{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:36px 22px;gap:24px}
  .ss-guarantee__copy .lead{margin-left:auto;margin-right:auto}
  .ss-steps{text-align:left}
}
@media (max-width:700px){.ss-trial__title{font-size:25px}.ss-seal svg{width:170px;height:170px}.ss-trial .btn-lg{width:100%}}
@media (prefers-reduced-motion:reduce){.ss-seal__spin{animation:none}}
/* Pricing term switch */
.ss-term{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border:0;border-radius:11px;font:inherit;font-weight:500;cursor:pointer;background:transparent;color:#E2E4FA}
.ss-term.is-on{font-weight:600;background:linear-gradient(135deg,#4F46E5,#7C3AED 60%,#A21CAF);color:#FFFFFF;box-shadow:0 8px 20px -8px rgba(124,58,237,.7)}
.ss-buy[aria-busy="true"]{opacity:.7;cursor:progress}
/* Equalizer bars move gently while the page plays its part. */
@keyframes ss-eq{0%{transform:scaleY(.35)}50%{transform:scaleY(1)}100%{transform:scaleY(.55)}}
.ss-site .bar{transform-origin:bottom;animation:ss-eq .9s ease-in-out infinite alternate}
.ss-site .bar:nth-child(3n){animation-duration:1.1s}.ss-site .bar:nth-child(3n+1){animation-duration:.75s;animation-delay:-.3s}
@media (prefers-reduced-motion:reduce){.ss-site .bar{animation:none}.btn{transition:none}}
/* Phones and small tablets */
@media (max-width:900px){
  .ss-header__nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:4px;gap:22px;scrollbar-width:none}
  .ss-header__nav::-webkit-scrollbar{display:none}
  .ss-header__cta{margin-left:auto}
  html{scroll-padding-top:140px}
}
@media (max-width:560px){
  .ss-header__dl{display:none}
  .ss-header__bar{gap:10px 12px;padding-top:12px;padding-bottom:10px}
  .ss-header__bar>div:first-child{gap:10px!important}
  .ss-header__bar>div:first-child>a:last-of-type{font-size:19px!important;gap:8px!important}
  .ss-header__cta .btn-sm{padding:0 14px}
}
@media (max-width:700px){
  .wrap{padding-left:16px;padding-right:16px}
  .ss-site h1{font-size:40px!important}
  .ss-site .h2,.ss-site h2.disp{font-size:32px!important}
  .ss-site h3.disp{font-size:28px!important}
  .ss-site section .wrap,.ss-site section.wrap{padding-top:64px!important;padding-bottom:64px!important}
  .ss-site [style*="padding:72px 48px"]{padding:48px 20px!important}
  .ss-site [style*="padding:48px;display:flex"]{padding:24px!important}
  .btn-lg{width:100%}
  .ss-hero-visual{padding-bottom:0!important}
  .ss-hero-win{margin-left:0!important}
  .ss-admin-side,.ss-hero-badge{display:none!important}
  .ss-hero-player{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;margin:-48px 12px 0}
}

/* Hero: glowing quick-tour play button over the illustration */
.ss-tour-play{position:absolute;z-index:6;top:calc(50% - 70px);left:calc(50% + 20px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none}
.ss-tour-play__btn{position:relative;width:92px;height:92px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366F1,#A855F7 60%,#EC4899);border:2px solid rgba(255,255,255,.35);animation:ssPlayGlow 2.6s ease-in-out infinite;transition:transform .2s ease}
.ss-tour-play__btn::before,.ss-tour-play__btn::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(196,181,253,.75);animation:ssPlayRing 2.6s ease-out infinite;pointer-events:none}
.ss-tour-play__btn::after{animation-delay:1.3s}
.ss-tour-play:hover .ss-tour-play__btn,.ss-tour-play:focus-visible .ss-tour-play__btn{transform:scale(1.07)}
.ss-tour-play:focus-visible{outline:none}
.ss-tour-play:focus-visible .ss-tour-play__btn{box-shadow:0 0 0 4px #FFFFFF,0 0 0 7px #7C3AED}
.ss-tour-play__label{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(11,13,26,.82);border:1px solid rgba(255,255,255,.16);color:#FFFFFF;font-size:14px;font-weight:600;white-space:nowrap}
@keyframes ssPlayRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.1);opacity:0}}
@keyframes ssPlayGlow{0%,100%{box-shadow:0 0 30px 6px rgba(139,92,246,.55),0 18px 40px -12px rgba(0,0,0,.6)}50%{box-shadow:0 0 60px 18px rgba(167,139,250,.8),0 18px 40px -12px rgba(0,0,0,.6)}}
@media (max-width:700px){.ss-tour-play{left:50%;top:calc(50% - 60px)}.ss-tour-play__btn{width:72px;height:72px}.ss-cta{padding:36px 24px!important}}
@media (prefers-reduced-motion:reduce){.ss-tour-play__btn,.ss-tour-play__btn::before,.ss-tour-play__btn::after{animation:none}}

/* Pricing: compact guarantee with payment box (canvas, Nov 2026) */
.ss-guarantee .ss-guarantee__panel{grid-template-columns:auto minmax(0,1fr) minmax(0,390px);gap:36px;padding:36px 40px}
.ss-guarantee .ss-seal svg{width:150px;height:150px}
.ss-guarantee__copy .eyebrow{margin:0}
.ss-guarantee .ss-guarantee__copy .h2{margin-top:12px;font-size:34px}
.ss-guarantee .ss-guarantee__copy .lead{margin-top:10px;font-size:16px}
.ss-guarantee .ss-guarantee__copy .ss-link{margin-top:12px}
.ss-paybox{padding:20px;border-radius:22px;background:#FFFFFF;border:1px solid #E8E9F2;box-shadow:0 10px 24px -20px rgba(30,27,75,.4)}
.ss-paybox__title{margin:0 0 14px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#0E1022}
.ss-paybox__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ss-paybox__card{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 6px;border-radius:10px;border:1px solid #E0E1EE;background:#FFFFFF;font-size:12.5px;font-weight:700;color:#2A2D45;white-space:nowrap}
.ss-paybox__card--note{background:#F7F5FF;color:#6A6E8C;font-weight:600}
.ss-paybox__trust{margin:12px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ss-paybox__trust li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#F7F5FF;border:1px solid #E8E9F2;font-size:12.5px;font-weight:600;color:#2A2D45;white-space:nowrap}
.ss-paybox__trust .ss-trust__icon{width:22px;height:22px;border-radius:7px;box-shadow:none}
@media (max-width:1100px){.ss-guarantee .ss-guarantee__panel{grid-template-columns:auto minmax(0,1fr)}.ss-paybox{grid-column:1/-1}}
@media (max-width:900px){.ss-guarantee .ss-guarantee__panel{grid-template-columns:minmax(0,1fr);padding:32px 22px}.ss-paybox{text-align:left;width:100%}}
@media (max-width:420px){.ss-paybox__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-paybox__trust{grid-template-columns:minmax(0,1fr)}}

/* Features: more-features card grid (canvas, Nov 2026) */
.ss-more-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1100px){.ss-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.ss-more-grid{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:700px){[id] > div > div > .ill[style*="height:420px"]{height:320px!important}}

/* Pricing: official payment logos when saved in assets/logos/ */
.ss-paybox__logo{display:block;max-width:76%;max-height:22px;width:auto;height:auto;object-fit:contain}
.ss-paybox__mark{width:22px;height:22px;flex:none;border-radius:7px;object-fit:contain}

/* Pricing: generic payment tiles and trust tags (canvas, Nov 2026) */
.ss-paybox__card{justify-content:flex-start;gap:7px;height:44px;padding:0 8px;border-color:#E8E9F2;background:linear-gradient(180deg,#FFFFFF,#FAFAFF);font-weight:600;font-size:12.5px;color:#2A2D45}
.ss-paybox__card>span:first-child{width:26px;height:26px;flex:none;border-radius:8px;display:inline-flex!important;align-items:center;justify-content:center;background:#EEF0FF;color:#4F46E5!important}
.ss-paybox__card>span:first-child svg{width:15px;height:15px}
.ss-paybox__card--note{justify-content:center;background:#F7F5FF;color:#6A6E8C;font-weight:600;border-style:dashed}
.ss-paybox__trust li{padding:6px 12px 6px 6px;background:#FFFFFF;border-color:#E8E9F2}
.ss-paybox__trust .ss-trust__icon{width:24px;height:24px;border-radius:999px;background:#ECFDF5!important}
.ss-paybox__trust .ss-trust__icon svg{stroke:#047857}
