/* Pagina publică a unei firme (randată de site-render.js). Mobil întâi.
   Un singur layout + 6 stiluri care schimbă doar tokenii (fonturi, forme, umbre, ritm), iar paleta vine din firma
   (--sx-accent / --sx-bg / --sx-surface și derivatele lor, calculate în site-render.js). */

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.sx-body{margin:0;background:var(--sx-page-bg,#f6f5f2)}
img{max-width:100%;display:block}

.sx{
  --sx-font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sx-font-head:var(--sx-font-body);
  --sx-head-weight:750;--sx-head-track:-.025em;--sx-head-line:1.06;
  --sx-r:14px;--sx-r-lg:22px;--sx-r-btn:999px;
  --sx-shadow:0 1px 2px rgb(0 0 0/.04),0 8px 28px rgb(0 0 0/.06);
  --sx-card-border:1px solid var(--sx-line);
  --sx-sec-pad:clamp(56px,9vw,104px);
  --sx-wrap:1160px;
  --sx-eyebrow-case:uppercase;--sx-eyebrow-track:.14em;
  --sx-btn-weight:650;
  min-height:100vh;background:var(--sx-bg);color:var(--sx-text);
  font:400 17px/1.6 var(--sx-font-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  padding-bottom:84px;
}
.sx a{color:inherit}
.sx h1,.sx h2,.sx h3{font-family:var(--sx-font-head);font-weight:var(--sx-head-weight);letter-spacing:var(--sx-head-track);line-height:var(--sx-head-line);margin:0;text-wrap:balance;hyphens:none}
.sx p{margin:0}
.sx svg{width:1.1em;height:1.1em;fill:currentColor;flex:none}
.sx-wrap{width:min(var(--sx-wrap),100% - 40px);margin-inline:auto}

/* butoane: un singur sistem */
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;padding:0 24px;border-radius:var(--sx-r-btn);font:var(--sx-btn-weight) 16px/1 var(--sx-font-body);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;border:1.5px solid transparent;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}
.sx-btn:active{transform:scale(.98)}
.sx-btn--primary{background:var(--sx-accent);color:var(--sx-on-accent)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--sx-accent) 28%,transparent)}
.sx-btn--primary:hover{background:color-mix(in srgb,var(--sx-accent) 88%,#000)}
.sx-btn--ghost{background:transparent;color:var(--sx-text);border-color:var(--sx-line)}
.sx-btn--ghost:hover{border-color:currentColor}
.sx-btn--invert{background:var(--sx-on-accent);color:var(--sx-accent)!important}
.sx-btn--sm{min-height:40px;padding:0 16px;font-size:14px;box-shadow:none}
.sx-btn svg{width:18px;height:18px}
.sx-icon-btn{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:var(--sx-r-btn);background:var(--sx-surface);color:var(--sx-surface-text)!important;border:1px solid var(--sx-line);flex:none}
.sx-icon-btn svg{width:22px;height:22px}
.sx-wa svg{color:#1f9d55}

/* bara de sus */
.sx-nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--sx-bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--sx-line)}
.sx-nav-row{display:flex;align-items:center;gap:20px;min-height:62px}
.sx-brand{display:flex;align-items:center;font:var(--sx-head-weight) 19px/1.1 var(--sx-font-head);letter-spacing:var(--sx-head-track);text-decoration:none;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-logo{height:40px;width:auto;max-width:180px;object-fit:contain}
/* „Programează-te" o singură dată pe ecran: pe telefon îl preia bara de jos, pe desktop apare în antet după prima secțiune */
.sx-nav-cta{transition:opacity .2s ease,transform .2s ease}
.sx.sx-js:not(.is-past-hero) .sx-nav-cta{opacity:0;transform:translateY(-6px);pointer-events:none}
.sx-links{display:none;gap:26px;font-size:15px;font-weight:550}
.sx-links a{text-decoration:none;color:var(--sx-muted)}
.sx-links a:hover{color:var(--sx-text)}

/* prima secțiune */
.sx-eyebrow{font:700 13px/1.2 var(--sx-font-body);text-transform:var(--sx-eyebrow-case);letter-spacing:var(--sx-eyebrow-track);color:var(--sx-accent-text);margin-bottom:16px!important}
.sx-hero h1{font-size:clamp(38px,9.5vw,76px)}
.sx-lead{margin-top:20px!important;font-size:clamp(17px,2.2vw,20px);line-height:1.6;color:var(--sx-muted);max-width:40em}
.sx-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sx-hero-actions .sx-btn--primary{flex:1 1 100%}
.sx-slides{position:relative;overflow:hidden;width:100%;height:100%}
.sx-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.sx-slide.is-active{opacity:1}
.sx-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:7px;z-index:2}
.sx-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgb(255 255 255/.55);cursor:pointer;transition:width .25s}
.sx-dot.is-active{width:22px;background:#fff}

.sx-hero{position:relative}
.sx-hero--split,.sx-hero--stacked{padding:clamp(28px,6vw,72px) 0 clamp(40px,7vw,88px)}
.sx-hero-grid{display:grid;gap:28px}
.sx-hero--split .sx-hero-media,.sx-hero--stacked .sx-hero-media{order:-1;aspect-ratio:4/3;border-radius:var(--sx-r-lg);overflow:hidden;box-shadow:var(--sx-shadow)}
.sx-hero--stacked .sx-hero-media{order:1;aspect-ratio:16/11}
.sx-hero--stacked .sx-hero-copy{text-align:left}
/* overlay: poza pe toată lățimea, text alb peste un gradient */
.sx-hero--overlay{min-height:min(88svh,760px);display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.sx-hero--overlay .sx-hero-media{position:absolute;inset:0;z-index:-1}
.sx-hero--overlay .sx-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.28) 0%,rgb(0 0 0/.05) 30%,rgb(0 0 0/.55) 62%,rgb(0 0 0/.82) 100%)}
.sx-hero--overlay .sx-dots{top:auto;bottom:auto;top:18px}
.sx-hero--overlay .sx-hero-copy{width:min(var(--sx-wrap),100% - 40px);margin:0 auto;padding:120px 0 40px}
.sx-hero--overlay .sx-lead{color:rgb(255 255 255/.86)}
/* fără poze: un fundal nuanțat cu accentul firmei */
.sx-hero--plain{background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--sx-accent) 22%,transparent),transparent 60%),var(--sx-tint)}

/* secțiuni */
.sx-sec{padding:var(--sx-sec-pad) 0}
.sx-sec--alt{background:var(--sx-tint)}
.sx-head{margin-bottom:clamp(26px,4vw,44px);max-width:46em}
.sx-head h2{font-size:clamp(30px,5.4vw,48px)}
.sx-head p{margin-top:12px!important;color:var(--sx-muted);font-size:18px}
.sx-card{background:var(--sx-surface);color:var(--sx-surface-text);border:var(--sx-card-border);border-radius:var(--sx-r);box-shadow:var(--sx-shadow);padding:24px}
.sx-card p{color:var(--sx-surface-muted)}
.sx-card h3{font-size:20px;margin-bottom:8px}

.sx-prose{max-width:44em;font-size:clamp(17px,1.9vw,19px);line-height:1.72;color:var(--sx-muted)}
.sx-prose p+p,.sx-prose p+ul,.sx-prose ul+p{margin-top:1em}
.sx-checks{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:var(--sx-text)}
.sx-checks li{position:relative;padding-left:34px}
.sx-checks li::before{content:"";position:absolute;left:0;top:.3em;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--sx-accent) 16%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6L20.1 8.4 18.7 7z' fill='%23000'/%3E%3C/svg%3E") center/14px no-repeat}

.sx-features{display:grid;gap:14px}
.sx-num{display:block;font:700 13px/1 var(--sx-font-body);letter-spacing:.1em;color:var(--sx-accent-text);margin-bottom:18px}

.sx-services{display:grid;gap:12px}
.sx-service{display:grid;grid-template-columns:1fr;gap:12px;padding:20px 22px;background:var(--sx-surface);color:var(--sx-surface-text);border:var(--sx-card-border);border-radius:var(--sx-r);text-decoration:none;box-shadow:var(--sx-shadow);transition:transform .15s ease,border-color .15s ease}
.sx-service:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sx-accent) 45%,transparent)}
.sx-service h3{font-size:18px;letter-spacing:-.01em}
.sx-service p{margin-top:4px!important;font-size:15px;color:var(--sx-surface-muted);line-height:1.45}
.sx-service-meta{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--sx-surface-muted)}
.sx-service-meta b{margin-left:auto}
.sx-service-meta span{display:inline-flex;align-items:center;gap:5px}
.sx-service-meta b{font-size:16px;color:var(--sx-surface-text);font-weight:700}
.sx-go{display:inline-grid!important;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--sx-accent) 12%,transparent);color:var(--sx-accent-text)}
.sx-go svg{width:16px;height:16px}

.sx-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sx-team>.sx-member:only-child{grid-column:1/-1;max-width:300px}
.sx-member{background:var(--sx-surface);color:var(--sx-surface-text);border:var(--sx-card-border);border-radius:var(--sx-r);overflow:hidden;box-shadow:var(--sx-shadow)}
.sx-member>div{padding:14px 16px 18px}
.sx-member h3{font-size:17px}
.sx-member p{margin-top:4px!important;font-size:14px;line-height:1.45;color:var(--sx-surface-muted)}
.sx-avatar{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--sx-tint)}
.sx-avatar--initial{display:grid;place-items:center;font:700 52px/1 var(--sx-font-head);color:#fff;background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 60%,#000))}

.sx-gallery{display:flex;flex-wrap:wrap;gap:10px}
.sx-gallery figure{margin:0;border-radius:var(--sx-r);overflow:hidden;flex:1 1 40%;height:180px}
.sx-gallery figure:first-child{flex-basis:100%;height:240px}
.sx-gallery img{width:100%;height:100%;object-fit:cover}

.sx-quotes{display:grid;gap:14px}
.sx-quote{margin:0}
.sx-quote blockquote{margin:0;font:500 19px/1.55 var(--sx-font-head);letter-spacing:-.01em}
.sx-quote blockquote::before{content:"“";display:block;font:700 54px/.6 Georgia,serif;color:var(--sx-accent-text);margin-bottom:10px}
.sx-quote figcaption{margin-top:16px;font-size:14px;font-weight:650;color:var(--sx-surface-muted)}

.sx-faq{display:grid;gap:10px;max-width:52em}
.sx-faq details{background:var(--sx-surface);color:var(--sx-surface-text);border:var(--sx-card-border);border-radius:var(--sx-r)}
.sx-faq summary{list-style:none;cursor:pointer;padding:19px 56px 19px 22px;font-weight:650;position:relative}
.sx-faq summary::-webkit-details-marker{display:none}
.sx-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--sx-accent) 12%,transparent);color:var(--sx-accent-text);font-size:20px;font-weight:500;transition:transform .2s}
.sx-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.sx-faq details>div{padding:0 22px 20px;color:var(--sx-surface-muted)}

.sx-contact{display:grid;gap:14px}
.sx-hours{margin:0;display:grid;gap:10px}
.sx-hours div{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px dashed var(--sx-line)}
.sx-hours div:last-child{border:0;padding:0}
.sx-hours dt{color:var(--sx-surface-muted)}
.sx-hours dd{margin:0;font-weight:650;text-align:right}
.sx-contact-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:14px}
.sx-contact-list li{display:flex;gap:12px;align-items:flex-start}
.sx-contact-list svg{margin-top:4px;color:var(--sx-accent-text)}
.sx-contact-list span{display:grid;gap:2px}
.sx-contact-list a{font-weight:600}
.sx-contact-actions{display:flex;flex-wrap:wrap;gap:10px}
.sx-contact-actions .sx-btn--ghost{color:var(--sx-surface-text)}

.sx-sec--cta{padding:clamp(20px,4vw,40px) 0 var(--sx-sec-pad)}
.sx-cta{display:grid;gap:24px;padding:clamp(32px,6vw,64px);border-radius:var(--sx-r-lg);background:var(--sx-accent);color:var(--sx-on-accent);position:relative;overflow:hidden;isolation:isolate}
.sx-cta::after{content:"";position:absolute;right:-12%;top:-40%;width:60%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--sx-on-accent) 12%,transparent);z-index:-1}
.sx-cta h2{font-size:clamp(28px,5vw,46px)}
.sx-cta p{margin-top:10px!important;opacity:.85;font-size:18px}
.sx-cta .sx-btn{justify-self:start}

/* subsol */
.sx-footer{padding:44px 0 36px;border-top:1px solid var(--sx-line);font-size:14px;color:var(--sx-muted)}
.sx-footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
.sx-footer strong{color:var(--sx-text)}
.sx-footer p{margin-top:4px!important}
.sx-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px}
.sx-credit{font-weight:700}
.sx-sal img{width:250px;height:50px}

/* bara fixă de pe telefon: o singură acțiune principală + iconițe */
.sx-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;transform:translateY(110%);transition:transform .25s ease;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--sx-bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--sx-line)}
.sx-sticky.is-visible{transform:none}
.sx-sticky .sx-btn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;box-shadow:none}

@media (min-width:640px){
  .sx-hero-actions .sx-btn--primary{flex:0 0 auto}
  .sx-features{grid-template-columns:repeat(2,1fr)}
  .sx-team{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .sx-gallery figure,.sx-gallery figure:first-child{flex:1 1 30%;height:260px}
  .sx-gallery figure:first-child{flex-basis:55%}
  .sx-quotes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:899px){.sx-nav-cta{display:none}}
@media (min-width:900px){
  .sx{padding-bottom:0}
  .sx-sticky{display:none}
  .sx-links{display:flex}
  .sx-hero--split .sx-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}
  .sx-hero--split .sx-hero-media{order:0;aspect-ratio:4/5;max-height:640px}
  .sx-hero--stacked .sx-hero-copy{max-width:860px}
  .sx-hero--stacked .sx-hero-media{order:1;aspect-ratio:21/9}
  .sx-hero--overlay .sx-hero-copy{padding-bottom:72px}
  .sx-hero--overlay .sx-hero-copy>*{max-width:720px}
  .sx-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .sx-services{grid-template-columns:repeat(2,1fr)}
  .sx-team{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
  .sx-gallery figure,.sx-gallery figure:first-child{height:320px}
  .sx-service{grid-template-columns:1fr auto;align-items:center}
  .sx-quotes{grid-template-columns:repeat(3,1fr)}
  .sx-contact{grid-template-columns:1fr 1.2fr}
  .sx-cta{grid-template-columns:1fr auto;align-items:center}
}

/* ---------- stiluri ---------- */

/* Elegant: serif pentru titluri, linii fine, colțuri mici, fără umbre */
.sx-style-elegant{--sx-font-head:'Playfair Display',Georgia,serif;--sx-head-weight:600;--sx-head-track:-.01em;--sx-head-line:1.1;--sx-r:4px;--sx-r-lg:6px;--sx-r-btn:2px;--sx-shadow:none;--sx-eyebrow-track:.28em;--sx-btn-weight:600}
.sx-style-elegant .sx-btn{text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.sx-style-elegant .sx-head{text-align:center;margin-inline:auto}
.sx-style-elegant .sx-head h2::after{content:"";display:block;width:48px;height:1px;background:var(--sx-accent);margin:22px auto 0}
.sx-style-elegant .sx-service{box-shadow:none;border-width:0 0 1px;border-radius:0;background:transparent;color:var(--sx-text);padding:22px 4px}
.sx-style-elegant .sx-service p,.sx-style-elegant .sx-service-meta{color:var(--sx-muted)}
.sx-style-elegant .sx-service-meta b{color:var(--sx-text);font-family:var(--sx-font-head);font-size:19px}
.sx-style-elegant .sx-go{display:none!important}
.sx-style-elegant .sx-avatar{aspect-ratio:3/4}
.sx-style-elegant .sx-member{background:transparent;border:0;color:var(--sx-text);text-align:center}
.sx-style-elegant .sx-member p{color:var(--sx-muted)}
.sx-style-elegant .sx-num{font-family:var(--sx-font-head);font-size:30px;letter-spacing:0;font-weight:500}
.sx-style-elegant .sx-cta{text-align:center;border-radius:0}
.sx-style-elegant .sx-cta .sx-btn{justify-self:center}
@media (min-width:900px){.sx-style-elegant .sx-cta{grid-template-columns:1fr}}

/* Îndrăzneț: grotesc mare, colțuri drepte, contururi groase */
.sx-style-bold{--sx-font-head:'Space Grotesk','Inter',sans-serif;--sx-font-body:'Inter',system-ui,sans-serif;--sx-head-weight:700;--sx-head-track:-.045em;--sx-head-line:.98;--sx-r:0px;--sx-r-lg:0px;--sx-r-btn:0px;--sx-shadow:6px 6px 0 var(--sx-text);--sx-card-border:2px solid var(--sx-text);--sx-btn-weight:700}
.sx-style-bold .sx-hero h1{font-size:clamp(46px,12vw,112px)}
.sx-style-bold .sx-head h2{font-size:clamp(36px,7vw,64px)}
.sx-style-bold .sx-btn--primary{box-shadow:4px 4px 0 var(--sx-text);border:2px solid var(--sx-text)}
.sx-style-bold .sx-btn--ghost{border:2px solid currentColor}
.sx-style-bold .sx-sec--alt{background:var(--sx-accent);color:var(--sx-on-accent);--sx-muted:color-mix(in srgb,var(--sx-on-accent) 80%,transparent);--sx-accent-text:var(--sx-on-accent)}
.sx-style-bold .sx-hero--split .sx-hero-media,.sx-style-bold .sx-hero--stacked .sx-hero-media{border:2px solid var(--sx-text)}
.sx-style-bold .sx-cta{border:2px solid var(--sx-text);box-shadow:8px 8px 0 var(--sx-text)}
.sx-style-bold .sx-num{font:700 44px/1 var(--sx-font-head);letter-spacing:-.04em;color:var(--sx-accent-text)}
.sx-style-bold .sx-go{border-radius:0}

/* Prietenos: rotunjit, cald, umbre moi colorate */
.sx-style-soft{--sx-font-body:'Nunito',system-ui,sans-serif;--sx-font-head:'Nunito',system-ui,sans-serif;--sx-head-weight:800;--sx-head-track:-.02em;--sx-r:26px;--sx-r-lg:36px;--sx-card-border:0;--sx-shadow:0 14px 40px color-mix(in srgb,var(--sx-accent) 14%,transparent);--sx-eyebrow-case:none;--sx-eyebrow-track:0;--sx-btn-weight:800}
.sx-style-soft .sx-eyebrow{display:inline-block;padding:7px 14px;border-radius:99px;background:color-mix(in srgb,var(--sx-accent) 14%,transparent);font-size:14px}
.sx-style-soft .sx-hero--overlay .sx-eyebrow{background:rgb(255 255 255/.2)}
.sx-style-soft .sx-hero--stacked .sx-hero-copy,.sx-style-soft .sx-head{text-align:center;margin-inline:auto}
.sx-style-soft .sx-hero--stacked .sx-hero-actions{justify-content:center}
.sx-style-soft .sx-lead{margin-inline:auto}
.sx-style-soft .sx-avatar{width:120px;height:120px;aspect-ratio:1;border-radius:50%;margin:22px auto 0;box-shadow:0 0 0 6px var(--sx-surface),0 0 0 8px color-mix(in srgb,var(--sx-accent) 30%,transparent)}
.sx-style-soft .sx-avatar--initial{font-size:40px}
.sx-style-soft .sx-member{text-align:center}
.sx-style-soft .sx-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sx-accent);color:var(--sx-on-accent);letter-spacing:0}

/* Minimalist: sobru, totul pe linii, fără umbre, alternanță doar prin linii */
.sx-style-minimal{--sx-head-weight:600;--sx-head-track:-.035em;--sx-r:10px;--sx-r-lg:12px;--sx-r-btn:10px;--sx-shadow:none;--sx-eyebrow-case:none;--sx-eyebrow-track:0;--sx-btn-weight:600}
.sx-style-minimal .sx-eyebrow{color:var(--sx-muted);font-weight:500;font-size:15px}
.sx-style-minimal .sx-sec--alt{background:transparent;border-top:1px solid var(--sx-line)}
.sx-style-minimal .sx-sec{border-top:1px solid var(--sx-line)}
.sx-style-minimal .sx-card,.sx-style-minimal .sx-service,.sx-style-minimal .sx-member,.sx-style-minimal .sx-faq details{background:transparent;color:var(--sx-text)}
.sx-style-minimal .sx-card p,.sx-style-minimal .sx-service p,.sx-style-minimal .sx-service-meta,.sx-style-minimal .sx-member p,.sx-style-minimal .sx-faq details>div{color:var(--sx-muted)}
.sx-style-minimal .sx-service-meta b{color:var(--sx-text)}
.sx-style-minimal .sx-avatar{filter:grayscale(.15)}
.sx-style-minimal .sx-cta{background:var(--sx-text);color:var(--sx-bg)}
.sx-style-minimal .sx-cta::after{display:none}
.sx-style-minimal .sx-cta .sx-btn--invert{background:var(--sx-bg);color:var(--sx-text)!important}

/* Studio: premium, carduri sticlă, halou din accent */
.sx-style-studio{--sx-font-head:'Manrope','Inter',sans-serif;--sx-font-body:'Manrope','Inter',sans-serif;--sx-head-weight:800;--sx-head-track:-.04em;--sx-r:18px;--sx-r-lg:28px;--sx-shadow:0 20px 50px rgb(0 0 0/.12);--sx-eyebrow-track:.2em}
.sx-style-studio .sx-sec--alt{background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--sx-accent) 16%,transparent),transparent 70%),var(--sx-tint)}
.sx-style-studio .sx-card,.sx-style-studio .sx-service,.sx-style-studio .sx-member,.sx-style-studio .sx-faq details{background:color-mix(in srgb,var(--sx-surface) 82%,transparent);backdrop-filter:blur(10px)}
.sx-style-studio .sx-hero h1{font-size:clamp(42px,10vw,88px)}
.sx-style-studio .sx-btn--primary{background:linear-gradient(135deg,var(--sx-accent),color-mix(in srgb,var(--sx-accent) 70%,#000))}
.sx-style-studio .sx-num{font:800 15px/1 var(--sx-font-head);color:var(--sx-on-accent);background:var(--sx-accent);display:inline-block;padding:7px 10px;border-radius:8px}
.sx-style-studio .sx-hero--plain{background:radial-gradient(80% 80% at 85% 10%,color-mix(in srgb,var(--sx-accent) 40%,transparent),transparent 60%),radial-gradient(60% 60% at 0% 100%,color-mix(in srgb,var(--sx-accent) 18%,transparent),transparent 70%),var(--sx-bg)}

/* temă închisă (fundal închis ales de firmă) */
.sx-dark .sx-logo{background:#fff;padding:4px 10px;border-radius:10px;height:44px}
.sx-dark .sx-btn--ghost{border-color:rgb(255 255 255/.25)}
.sx-dark .sx-dot{background:rgb(255 255 255/.4)}
.sx-dark .sx-checks li::before{filter:invert(1)}

@media (prefers-reduced-motion:reduce){.sx-slide{transition:none}.sx-btn,.sx-service{transition:none}html{scroll-behavior:auto}}

/* pagina fără firmă activă */
.sx-inactive{max-width:620px;margin:90px auto;padding:0 20px;text-align:center;font:400 17px/1.6 'Inter',system-ui,sans-serif;color:#2a2d34}
.sx-inactive h1{font-size:clamp(28px,5vw,40px);margin:.4em 0}

/* Login în antet, pentru cei din firmă */
.sx-login{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 4px;color:var(--sx-muted);font-size:14px;font-weight:600;text-decoration:none}
.sx-login:hover{color:var(--sx-text)}