.ssf{--bg:#08090b;--p:#111318;--t:#f5f5f3;--m:#f5f5f3;--a:#ff7a1a;background:var(--bg);color:var(--t);font-family:Inter,system-ui,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;
}
