.ssf{--bg:#08090b;--p:#111318;--t:#f5f5f3;--m:#f5f5f3;--a:#ff7a1a;background:var(--bg);color:var(--t);font-family:Impact,'Arial Narrow','Helvetica Neue',Arial,sans-serif;line-height:1.6}.ssf *{box-sizing:border-box}.ssf-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.ssf-hero{min-height:76vh;display:flex;align-items:center;padding:110px 0 90px;background:radial-gradient(circle at 75% 30%,rgba(255,122,26,.13),transparent 35%),#08090b}.ssf h1{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px;max-width:950px}.ssf h1 em{font-style:normal;color:var(--a)}.ssf h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 24px}.ssf h3{font-size:21px;margin:8px 0}.ssf p{color:var(--m);font-size:18px;max-width:760px}.ssf-k{color:var(--a);font-size:12px;font-weight:800;letter-spacing:.2em}.ssf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.ssf-btn{display:inline-block;background:var(--a);color:#090909!important;text-decoration:none;padding:14px 22px;border-radius:999px;font-weight:800}.ssf-btn.ghost{background:transparent;color:var(--t)!important;border:1px solid #34363c}.ssf-section{padding:100px 0;border-top:1px solid #1c1f24}.ssf .alt{background:#0d0f12}.ssf .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.device{background:linear-gradient(145deg,#20232a,#0c0d10);padding:18px;border-radius:28px;box-shadow:0 35px 90px rgba(0,0,0,.45)}.screen{aspect-ratio:16/10;border-radius:17px;background:radial-gradient(circle at 60% 20%,#342114,#090a0c 55%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2a2d33}.screen span{font-size:11px;letter-spacing:.2em;color:var(--a)}.screen strong{font-size:32px;margin:8px}.screen small{color:#9da0a6}.cards{display:grid;gap:16px;margin-top:44px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{padding:28px;border:1px solid #23262c;border-radius:18px;background:#101216}.cards b{color:var(--a);font-size:13px}.cards p{font-size:15px}.flow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:42px}.flow div{flex:1;text-align:center;padding:34px 18px;border:1px solid #282b31;border-radius:18px;background:#101216}.flow strong,.flow small{display:block}.flow small{color:var(--m);margin-top:7px}.flow i{font-style:normal;color:var(--a);font-size:30px}.ssf details{border-top:1px solid #26292f;padding:22px 0}.ssf summary{font-size:19px;font-weight:700;cursor:pointer}.ssf details p{font-size:16px}.ssf-cta{text-align:center;padding:110px 0;background:radial-gradient(circle at 50% 100%,rgba(255,122,26,.18),transparent 45%),#0a0b0d;border-top:1px solid #24262b}.ssf-cta p{margin:0 auto 30px}@media(max-width:850px){.ssf .grid,.cards.four,.cards.three{grid-template-columns:1fr}.flow{flex-direction:column}.flow div{width:100%}.flow i{transform:rotate(90deg)}.ssf-section{padding:72px 0}.ssf-hero{padding:90px 0 70px;min-height:auto}.ssf p{font-size:16px}}
.ssf h1,.ssf h2,.ssf h3,.ssf summary{color:var(--t)!important}.ssf-room-video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:17px;background:#000}

/* v1.3.1 – Room Mix video 1920x1080 / 16:9 */
.ssf #room-mix .grid{
    grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
    gap:48px;
}
.ssf #room-mix .device{
    width:100%;
}
.ssf #room-mix .ssf-room-video,
.ssf #room-mix .screen{
    width:100%;
    aspect-ratio:16 / 9;
    object-fit:cover;
}
@media(max-width:850px){
    .ssf #room-mix .grid{
        grid-template-columns:1fr;
    }
}

/* StudioGaudio visual guidelines only */
:root{
  --ssf-orange:#FBB03A!important;
  --ssf-orange2:#FBB03A!important;
  --accent:#FBB03A!important;
}
body [class*="room-mix"],
body [class*="roommix"],
body [class*="ssf-room"]{
  font-family:Arial,Helvetica,sans-serif!important;
  color:#FFFFFF!important;
}
body [class*="room-mix"] h1,
body [class*="room-mix"] h2,
body [class*="room-mix"] h3,
body [class*="roommix"] h1,
body [class*="roommix"] h2,
body [class*="roommix"] h3,
body [class*="ssf-room"] h1,
body [class*="ssf-room"] h2,
body [class*="ssf-room"] h3{
  font-family:Impact,'Arial Narrow','Helvetica Neue',Arial,sans-serif!important;
  font-weight:900!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
body [class*="room-mix"] p,
body [class*="room-mix"] li,
body [class*="room-mix"] span,
body [class*="room-mix"] small,
body [class*="roommix"] p,
body [class*="roommix"] li,
body [class*="roommix"] span,
body [class*="roommix"] small,
body [class*="ssf-room"] p,
body [class*="ssf-room"] li,
body [class*="ssf-room"] span,
body [class*="ssf-room"] small{
  font-family:Arial,Helvetica,sans-serif!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  opacity:1!important;
}
body [class*="room-mix"] [class*="kicker"],
body [class*="room-mix"] [class*="label"],
body [class*="room-mix"] [class*="badge"],
body [class*="roommix"] [class*="kicker"],
body [class*="roommix"] [class*="label"],
body [class*="roommix"] [class*="badge"],
body [class*="ssf-room"] [class*="kicker"],
body [class*="ssf-room"] [class*="label"],
body [class*="ssf-room"] [class*="badge"]{
  color:#FBB03A!important;
  -webkit-text-fill-color:#FBB03A!important;
}


/* v1.3.6 – Typography aligned with StudioGaudio Home */
.ssf h1,
.ssf h2,
.ssf h3,
.ssf summary,
.ssf .screen strong{
  font-family:Impact,'Arial Narrow','Helvetica Neue',Arial,sans-serif!important;
  font-weight:900;
}
.ssf p,
.ssf li,
.ssf small,
.ssf .ssf-k,
.ssf .ssf-btn,
.ssf .screen span,
.ssf .cards b,
.ssf .flow strong,
.ssf .flow small,
.ssf details p{
  font-family:Arial,Helvetica,sans-serif!important;
}


/* v1.3.7 – Exact Home typography rhythm.
   The previous build already inherited the same font families through older
   compatibility rules; this release aligns the actual heading treatment too. */
body .ssf{
  font-family:Arial,Helvetica,sans-serif!important;
  letter-spacing:.01em;
}
body .ssf h1,
body .ssf h2,
body .ssf h3,
body .ssf summary,
body .ssf .screen strong{
  font-family:Impact,'Arial Narrow','Helvetica Neue',Arial,sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:.01em!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
body .ssf h1{
  font-size:clamp(42px,6vw,72px);
  line-height:.95!important;
}
body .ssf h2{
  font-size:clamp(31px,4vw,46px);
  line-height:.95!important;
}
body .ssf h3{
  line-height:1!important;
}
body .ssf p,
body .ssf li,
body .ssf small,
body .ssf .ssf-k,
body .ssf .ssf-btn,
body .ssf .screen span,
body .ssf .cards b,
body .ssf .flow strong,
body .ssf .flow small,
body .ssf details p{
  font-family:Arial,Helvetica,sans-serif!important;
  letter-spacing:normal;
}
body .ssf .ssf-k{
  letter-spacing:.05em!important;
  text-transform:uppercase;
}
body .ssf .ssf-btn{
  text-transform:uppercase;
  font-weight:900!important;
  letter-spacing:.03em!important;
}


/* v1.3.9 — Video background Hero */
.ssf .ssf-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.ssf .ssf-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.ssf .ssf-hero-bg-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.ssf .ssf-hero-poster{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.ssf .ssf-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.69) 48%,rgba(0,0,0,.52) 100%),
    linear-gradient(0deg,rgba(8,9,11,.52),rgba(8,9,11,.08) 50%,rgba(8,9,11,.32));
}
.ssf .ssf-hero-content{
  position:relative;
  z-index:2;
}
.ssf .ssf-hero.has-video{
  background:#08090b;
}
@media(max-width:850px){
  .ssf .ssf-hero-overlay{
    background:rgba(0,0,0,.72);
  }
  .ssf .ssf-hero-bg-video{
    object-position:center center;
  }
}
@media(prefers-reduced-motion:reduce){
  .ssf .ssf-hero-bg-video{
    display:none;
  }
  .ssf .ssf-hero-media{
    background:#08090b;
  }
}


/* v1.3.10 — Gerarchia cromatica StudioGaudio */
.ssf .ssf-k{
  color:#FBB03A!important;
}
.ssf .ssf-accent-line,
.ssf .ssf-accent-text{
  color:#FBB03A!important;
}
.ssf .ssf-hero h1 em.ssf-accent-line{
  color:#FBB03A!important;
  font-style:normal;
}
.ssf h2 .ssf-accent-text,
.ssf h3 .ssf-accent-text{
  color:#FBB03A!important;
}
/* Corpo e descrizioni restano bianchi per massima leggibilità */
.ssf p,
.ssf li,
.ssf .ssf-step p{
  color:#FFFFFF!important;
}


/* v1.3.11 — Fix reale gerarchia colore + CTA Hero + cache CSS */
body .ssf{
  --a:#FBB03A;
}

/* Kicker / label */
body .ssf .ssf-k{
  color:#FBB03A!important;
  -webkit-text-fill-color:#FBB03A!important;
}

/* Hero highlight and highlighted words inside H2: must beat older white !important rules */
body .ssf h1 em.ssf-accent-line,
body .ssf h2 .ssf-accent-text,
body .ssf h3 .ssf-accent-text{
  color:#FBB03A!important;
  -webkit-text-fill-color:#FBB03A!important;
}

/* Main CTA: real pill containing its text, no detached orange dot */
body .ssf .ssf-actions .ssf-btn-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:52px!important;
  padding:14px 24px!important;
  border-radius:999px!important;
  background:#FBB03A!important;
  border:1px solid #FBB03A!important;
  color:#090909!important;
  -webkit-text-fill-color:#090909!important;
  line-height:1!important;
  white-space:nowrap;
}
body .ssf .ssf-actions .ssf-btn-primary:hover{
  filter:brightness(1.05);
}

/* Secondary CTA remains outline */
body .ssf .ssf-actions .ssf-btn.ghost{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:14px 24px!important;
  border-radius:999px!important;
  background:transparent!important;
  border:1px solid #34363c!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}

/* Body copy remains white */
body .ssf p,
body .ssf li,
body .ssf details p{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}


/* v1.3.12 — Coerenza tipografica Hero + gerarchia CTA */

/* La riga arancione usa esattamente la stessa tipografia del titolo:
   cambia solo il colore. */
body .ssf .ssf-hero h1 em.ssf-accent-line{
  display:inline;
  font:inherit!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  font-style:normal!important;
  color:#FBB03A!important;
  -webkit-text-fill-color:#FBB03A!important;
}

/* Pulsanti: stessa altezza e stesso padding, gerarchia coerente */
body .ssf .ssf-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
}
body .ssf .ssf-actions .ssf-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:14px 24px!important;
  border-radius:999px!important;
  line-height:1!important;
  width:auto!important;
  min-width:0!important;
  white-space:nowrap;
  font-weight:800!important;
}

/* CTA commerciale = primaria */
body .ssf .ssf-actions .ssf-btn-primary{
  background:#FBB03A!important;
  border:1px solid #FBB03A!important;
  color:#090909!important;
  -webkit-text-fill-color:#090909!important;
}

/* CTA informativa = secondaria */
body .ssf .ssf-actions .ssf-btn.ghost{
  background:transparent!important;
  border:1px solid #34363c!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}

@media(max-width:640px){
  body .ssf .ssf-actions{
    align-items:stretch;
  }
  body .ssf .ssf-actions .ssf-btn{
    width:100%!important;
  }
}