/* HUBBY rebuilt subpages — each route gets its own product story. */

.sf-page {
  overflow: clip;
  color: var(--final-ink);
  background: var(--final-cream);
}

.sf-hero {
  position: relative;
  display: grid;
  min-height: min(860px,calc(100vh - 72px));
  padding: clamp(74px,7vw,112px) max(34px,calc((100vw - 1400px)/2));
  overflow: hidden;
  grid-template-columns: minmax(0,.9fr) minmax(500px,1.1fr);
  gap: clamp(52px,7vw,108px);
}

.sf-hero-games,
.sf-hero-guide {
  color: #fff;
  background:
    radial-gradient(circle at 77% 35%,rgba(19,197,221,.2),transparent 28rem),
    linear-gradient(130deg,#031d24,#073945 72%,#075261);
}

.sf-hero-about {
  color: var(--final-ink);
  background:
    linear-gradient(90deg,var(--final-orange) 0 10px,transparent 10px),
    radial-gradient(circle at 82% 20%,rgba(19,197,221,.16),transparent 24rem),
    linear-gradient(135deg,#fff 0 55%,#f4f1e9 55% 100%);
}
.sf-hero.sf-hero-about .sf-kicker { color:var(--final-orange); }
.sf-hero.sf-hero-about h2 em { color:var(--cyan-deep); }
.sf-hero-about .sf-hero-copy > p:not(.sf-kicker) { color:rgba(5,43,53,.7); }
.sf-hero-about h2 { font-size:clamp(2.8rem,4.5vw,5rem); line-height:1.02; }
.sf-hero-about .sf-button-ghost { border-color:rgba(5,43,53,.35); color:var(--final-ink); background:rgba(255,255,255,.35); }
.sf-hero-about .sf-hero-pattern { border-color:rgba(19,197,221,.09); }

.sf-hero-games {
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #031d24;
  background-size: 40px 40px;
}

.sf-hero-beta {
  color: var(--final-ink);
  background: linear-gradient(135deg,#20c6dc 0%,#12bdd5 100%);
}
.sf-hero-beta .sf-hero-pattern { display:none; }

.sf-hero-support {
  color: var(--final-ink);
  background:
    linear-gradient(90deg,transparent 0 68%,rgba(19,197,221,.11) 68%),
    #fff;
}

.sf-hero-operator {
  color: var(--final-ink);
  background:
    linear-gradient(90deg,transparent 0 57%,rgba(255,117,0,.07) 57%),
    radial-gradient(circle at 84% 20%,rgba(19,197,221,.17),transparent 25rem),
    #fff;
}

.sf-hero-copy,
.sf-hero-visual { position:relative; z-index:2; }
.sf-hero-copy { display:flex; flex-direction:column; justify-content:center; }

.sf-kicker {
  margin: 0 0 26px;
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .19em;
}

.sf-hero .sf-kicker { color:var(--final-cyan-bright); }
.sf-hero-beta .sf-kicker,
.sf-hero-support .sf-kicker { color:var(--cyan-deep); }
.sf-hero-operator .sf-kicker { color:var(--cyan-deep); }

.sf-hero h1 {
  margin: 0 0 26px;
  color: inherit;
  font-size: clamp(1.1rem,1.7vw,1.45rem);
  font-weight: 950;
  letter-spacing: .02em;
}

.sf-hero h2 {
  margin: 0;
  color: inherit;
  font-size: clamp(4rem,6.7vw,7.4rem);
  font-weight: 950;
  line-height: .91;
  letter-spacing: -.085em;
}

.sf-hero h2 em { color:var(--final-cyan-bright); font-style:normal; }
.sf-hero-beta h2 em,
.sf-hero-support h2 em { color:var(--final-orange); }
.sf-hero-operator h2 { font-size:clamp(3.3rem,3.7vw,4.4rem); line-height:.96; }
.sf-hero-operator h2 span,.sf-hero-operator h2 em { display:block; white-space:nowrap; }
.sf-hero-operator h2 em { color:var(--final-orange); }

.sf-hero-copy > p:not(.sf-kicker) {
  max-width: 630px;
  margin: 30px 0 0;
  color: rgba(255,255,255,.68);
  font-size: clamp(.94rem,1.35vw,1.08rem);
  line-height: 1.95;
}
.sf-hero-beta .sf-hero-copy > p:not(.sf-kicker),
.sf-hero-support .sf-hero-copy > p:not(.sf-kicker),
.sf-hero-operator .sf-hero-copy > p:not(.sf-kicker) { color:rgba(5,43,53,.7); }

.sf-actions { display:flex; flex-wrap:wrap; margin-top:30px; gap:10px; }
.sf-button { display:inline-flex; align-items:center; min-height:52px; padding:12px 20px; border:1px solid transparent; border-radius:4px; font-size:.82rem; font-weight:950; }
.sf-button:hover { transform:translateY(-2px); }
.sf-button-orange { color:#fff; background:var(--final-orange); }
.sf-button-cyan { color:var(--final-ink); background:var(--final-cyan); }
.sf-button-dark { color:#fff; background:var(--final-ink); }
.sf-button-ghost { border-color:rgba(255,255,255,.4); color:#fff; background:rgba(255,255,255,.04); }
.sf-button-outline { border-color:var(--final-ink); color:var(--final-ink); }

.sf-hero-pattern {
  position: absolute;
  z-index: 0;
  top: -180px;
  right: -180px;
  width: 580px;
  height: 580px;
  border: 85px solid rgba(255,255,255,.07);
  border-radius: 50%;
}

.sf-hero-visual { display:grid; align-content:center; min-height:610px; }

/* About app visual */
.sf-about-app { padding:35px 25px; }
.sf-about-app::before { position:absolute; inset:9% 3% 3% 7%; border-radius:38% 18% 31% 20%; background:var(--final-cyan); content:""; transform:rotate(-4deg); }
.sf-about-app::after { position:absolute; top:10%; right:-1%; width:70%; height:72%; border:2px solid var(--final-orange); content:""; transform:rotate(7deg); }
.sf-app-window { position:relative; z-index:3; width:min(540px,95%); margin:auto; padding:14px; border:8px solid #041d24; border-radius:36px; color:var(--final-ink); background:#f8f5ed; box-shadow:0 35px 80px rgba(0,0,0,.42); transform:rotate(1deg); }
.sf-app-bar { display:flex; align-items:center; justify-content:space-between; padding:4px 9px 15px; font-size:.62rem; }
.sf-app-bar strong { color:var(--final-orange); font-family:"Gugi",sans-serif; font-size:.9rem; }
.sf-app-heading { padding:7px 9px 17px; }
.sf-app-heading small,.sf-app-heading b { display:block; }
.sf-app-heading small { color:var(--final-muted); font-size:.62rem; }
.sf-app-heading b { margin-top:4px; font-size:1.25rem; }
.sf-app-window article { padding:21px; border-top:6px solid var(--final-orange); border-radius:18px; background:#fff; box-shadow:0 12px 28px rgba(5,43,53,.08); }
.sf-app-window article > div:first-child { display:grid; align-items:center; grid-template-columns:52px 1fr auto; gap:11px; }
.sf-app-window article > div:first-child > span { display:grid; width:52px; height:52px; place-items:center; border-radius:14px; background:var(--final-orange-pale); font-size:1.6rem; }
.sf-app-window article small,.sf-app-window article strong { display:block; }
.sf-app-window article small { color:var(--final-muted); font-size:.58rem; }
.sf-app-window article strong { margin-top:4px; font-size:.85rem; }
.sf-app-window article em { font-style:normal; font-weight:950; }
.sf-app-person { display:flex; align-items:center; margin-top:18px; gap:8px; }
.sf-app-person i { display:grid; width:38px; height:38px; place-items:center; border:4px solid #4ed28c; border-radius:50%; color:#fff; background:#6272bd; font-style:normal; font-weight:950; }
.sf-app-person p { margin:0; }
.sf-app-person > span { margin-left:auto; padding:6px 9px; border-radius:999px; background:#edf0f1; font-size:.55rem; font-weight:850; }
.sf-app-tags { display:flex; flex-wrap:wrap; margin-top:15px; gap:6px; }
.sf-app-tags span { padding:6px 9px; border:1px solid var(--final-line); border-radius:999px; font-size:.55rem; font-weight:850; }
.sf-app-flow { display:grid; margin-top:11px; overflow:hidden; border:1px solid var(--final-line); border-radius:14px; background:#fff; grid-template-columns:repeat(4,1fr); }
.sf-app-flow span { padding:11px 6px; border-right:1px solid var(--final-line); font-size:.58rem; font-weight:900; }
.sf-app-flow span:last-child { border:0; }
.sf-app-flow b { display:block; color:var(--final-orange); }
.sf-float-message { position:absolute; z-index:5; right:-2%; bottom:16%; display:flex; align-items:center; min-width:250px; padding:12px 14px; border-radius:14px; color:var(--final-ink); background:#fff; box-shadow:0 16px 38px rgba(0,0,0,.28); gap:9px; transform:rotate(-2deg); }
.sf-float-message i { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; color:#fff; background:#6272bd; font-style:normal; font-weight:950; }
.sf-float-message p { margin:0; }
.sf-float-message strong,.sf-float-message small { display:block; }
.sf-float-message strong { font-size:.7rem; }
.sf-float-message small { color:var(--final-muted); font-size:.55rem; }

/* About is an editorial service map, deliberately different from the TOP app mockup. */
.sf-about-map { padding:38px 20px; }
.sf-about-map::before { position:absolute; inset:8% 2% 3% 7%; border-radius:34px; background:var(--final-cyan); content:""; transform:rotate(-3deg); }
.sf-about-map-board { position:relative; z-index:2; width:min(570px,96%); margin:auto; padding:28px; border:2px solid var(--final-ink); border-radius:26px; background:#fff; box-shadow:18px 18px 0 var(--final-orange); transform:rotate(.7deg); }
.sf-about-map-board > header { display:flex; align-items:end; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid var(--final-line); }
.sf-about-map-board > header span,.sf-about-map-board > header strong { display:block; }
.sf-about-map-board > header span { color:var(--final-orange); font-size:.62rem; font-weight:950; letter-spacing:.18em; }
.sf-about-map-board > header strong { margin-top:7px; font-size:1.25rem; }
.sf-about-map-board > header > b { color:var(--cyan-deep); font-size:.68rem; letter-spacing:.13em; }
.sf-about-map-board ol { margin:0; padding:0; list-style:none; }
.sf-about-map-board li { display:grid; align-items:center; min-height:102px; border-bottom:1px solid var(--final-line); grid-template-columns:34px 54px 1fr; gap:14px; }
.sf-about-map-board li > span { color:var(--final-orange); font-size:.67rem; font-weight:950; }
.sf-about-map-board li > i { display:grid; width:52px; height:52px; place-items:center; border-radius:16px; color:var(--final-ink); background:var(--final-cyan-pale); font-size:1.3rem; font-style:normal; font-weight:950; }
.sf-about-map-board li:nth-child(even) > i { background:var(--final-orange-pale); }
.sf-about-map-board li small,.sf-about-map-board li strong { display:block; }
.sf-about-map-board li small { color:var(--cyan-deep); font-size:.54rem; font-weight:950; letter-spacing:.14em; }
.sf-about-map-board li strong { margin-top:3px; font-size:.88rem; }
.sf-about-map-board li p { margin:4px 0 0; color:var(--final-muted); font-size:.62rem; }
.sf-about-map-board > footer { display:flex; align-items:center; justify-content:space-between; padding-top:20px; color:var(--final-ink); font-size:.56rem; font-weight:950; letter-spacing:.1em; }
.sf-about-map-board > footer i { color:var(--final-orange); font-style:normal; }
.sf-about-map-caption { position:absolute; z-index:3; right:1%; bottom:2%; margin:0; padding:10px 14px; border-radius:999px; color:#fff; background:var(--final-ink); font-size:.54rem; font-weight:850; letter-spacing:.08em; }

/* Games hero */
.sf-games-stage { padding:34px 0 28px; border:1px solid rgba(255,255,255,.16); background:#061f27; box-shadow:18px 18px 0 var(--final-cyan); }
.sf-games-stage::before,.sf-games-stage::after { position:absolute; z-index:3; width:50px; height:50px; content:""; }
.sf-games-stage::before { top:-1px; left:-1px; border-top:6px solid var(--final-orange); border-left:6px solid var(--final-orange); }
.sf-games-stage::after { right:-1px; bottom:-1px; border-right:6px solid var(--final-orange); border-bottom:6px solid var(--final-orange); }
.sf-games-stage-head { display:flex; align-items:end; justify-content:space-between; padding:0 28px 30px; }
.sf-games-stage-head span { color:var(--final-cyan); font-size:.67rem; font-weight:950; letter-spacing:.16em; }
.sf-games-stage-head strong { font-size:3rem; }
.sf-games-loop-window { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.sf-games-loop { display:flex; width:max-content!important; max-width:none!important; gap:9px; animation:sf-games-loop 24s linear infinite; }
.sf-games-loop > div { display:grid; flex:0 0 175px; min-height:190px; padding:20px; place-content:center; border-radius:22px; color:var(--final-ink); background:#fff; text-align:center; gap:13px; animation:none!important; }
.sf-games-loop > div:nth-child(3n+2) { background:var(--final-cyan-pale); }
.sf-games-loop > div:nth-child(3n) { background:var(--final-orange-pale); }
.sf-games-loop span { font-size:2.7rem; }
.sf-games-loop strong { font-size:.76rem; }
.sf-games-stage > p { margin:25px 28px 0; color:var(--final-orange); font-size:.64rem; font-weight:950; letter-spacing:.16em; }
@keyframes sf-games-loop { to { transform:translateX(calc(-50% - 4.5px)); } }

/* Beta ticket hero */
.sf-beta-ticket { width:min(570px,94%); min-height:0; margin:auto; padding:clamp(32px,4vw,50px); border:1px solid rgba(5,43,53,.16); background:#fff; box-shadow:18px 18px 0 var(--final-ink); transform:rotate(1deg); }
.sf-beta-ticket > div:first-child { display:flex; align-items:center; justify-content:space-between; }
.sf-beta-ticket > div:first-child span { font-size:.7rem; font-weight:950; letter-spacing:.16em; }
.sf-beta-ticket > div:first-child i { display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:50%; background:var(--final-orange); box-shadow:0 0 0 6px rgba(255,117,0,.18); }
.sf-beta-ticket > div:first-child b { font-size:5rem; line-height:.8; }
.sf-beta-ticket h3 { margin:58px 0; font-size:clamp(4rem,6.3vw,6.5rem); line-height:.83; letter-spacing:-.08em; }
.sf-beta-ticket dl { display:grid; margin:0; padding:22px 0; border-top:1px solid rgba(5,43,53,.22); border-bottom:1px solid rgba(5,43,53,.22); grid-template-columns:repeat(3,1fr); }
.sf-beta-ticket dl > div + div { padding-left:16px; border-left:1px solid rgba(5,43,53,.22); }
.sf-beta-ticket dt { color:rgba(5,43,53,.56); font-size:.58rem; font-weight:950; letter-spacing:.14em; }
.sf-beta-ticket dd { margin:7px 0 0; font-weight:950; }
.sf-beta-ticket > p { margin:24px 0 0; font-size:.65rem; font-weight:950; letter-spacing:.2em; }

/* Guide visual */
.sf-guide-map { width:min(610px,96%); min-height:0; margin:auto; padding:32px; border:2px solid var(--final-ink); border-radius:28px; color:var(--final-ink); background:#f8f6ef; box-shadow:18px 18px 0 var(--final-orange); }
.sf-guide-map-head { display:flex; align-items:center; min-height:48px; padding-bottom:18px; border-bottom:1px solid var(--final-line); }
.sf-guide-map-head span { color:var(--cyan-deep); font-size:.72rem; font-weight:950; letter-spacing:.18em; }
.sf-guide-map ol { margin:0; padding:0; list-style:none; }
.sf-guide-map li { display:grid; align-items:center; min-height:108px; border-bottom:1px solid var(--final-line); grid-template-columns:44px 1fr; gap:18px; }
.sf-guide-map li > b { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; color:#fff; background:var(--final-orange); font-size:.86rem; }
.sf-guide-map li > span { display:grid; align-items:center; grid-template-columns:56px 1fr; column-gap:15px; }
.sf-guide-map li i { display:grid; width:54px; height:54px; grid-row:1/3; place-items:center; border-radius:17px; color:var(--final-ink); background:var(--final-cyan); font-size:1.25rem; font-style:normal; font-weight:950; }
.sf-guide-map li strong,.sf-guide-map li small { display:block; }
.sf-guide-map li strong { font-size:1.02rem; }
.sf-guide-map li small { margin-top:5px; color:var(--final-muted); font-size:.68rem; }

/* Support hero */
.sf-support-stack { align-content:center; gap:12px; }
.sf-support-stack article { display:grid; align-items:center; min-height:126px; padding:20px 24px; border:1px solid var(--final-line); border-radius:22px; background:#fff; box-shadow:12px 12px 0 rgba(5,43,53,.09); grid-template-columns:58px 1fr auto; gap:16px; }
.sf-support-stack article:nth-child(2) { margin-left:9%; background:var(--final-cyan-pale); }
.sf-support-stack article:nth-child(3) { margin-left:18%; background:var(--final-orange-pale); }
.sf-support-stack article > span { display:grid; width:58px; height:58px; place-items:center; border-radius:17px; color:#fff; background:var(--final-ink); font-size:1.7rem; font-weight:950; }
.sf-support-stack p { margin:0; }
.sf-support-stack small,.sf-support-stack strong { display:block; }
.sf-support-stack small { color:var(--final-muted); font-size:.64rem; }
.sf-support-stack strong { margin-top:5px; font-size:.92rem; }
.sf-support-stack article > b { color:var(--cyan-deep); font-size:.6rem; letter-spacing:.13em; }
.sf-support-stack > div { width:fit-content; margin:20px 0 0 auto; padding:0; color:var(--final-orange); background:transparent; font-size:.7rem; font-weight:950; letter-spacing:.16em; }

/* Operator hero — a clear community-to-product diagram. */
.sf-operator-portrait { padding:34px 22px 70px; }
.sf-operator-map { position:relative; z-index:2; width:min(610px,100%); margin:auto; padding:28px; border:2px solid var(--final-ink); border-radius:30px; color:var(--final-ink); background:#fff; box-shadow:18px 18px 0 var(--final-orange); transform:rotate(.6deg); }
.sf-operator-map > header { display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:21px; border-bottom:1px solid var(--final-line); gap:18px; }
.sf-operator-map > header span { color:var(--cyan-deep); font-size:.58rem; font-weight:950; letter-spacing:.16em; }
.sf-operator-map > header strong { max-width:220px; font-size:.9rem; text-align:right; }
.sf-operator-route { display:grid; align-items:center; padding:28px 0; grid-template-columns:1fr 38px 1fr; gap:13px; }
.sf-operator-route article { min-width:0; padding:17px; border:1px solid var(--final-line); border-radius:22px; background:#f8f6ef; }
.sf-operator-route article:last-child { color:#fff; background:var(--final-ink); }
.sf-operator-route small { color:var(--final-orange); font-size:.56rem; font-weight:950; letter-spacing:.15em; }
.sf-operator-route article > div { display:grid; align-items:center; min-height:104px; margin-top:14px; grid-template-columns:62px 1fr; gap:13px; }
.sf-operator-route img { width:62px; height:62px; border-radius:17px; object-fit:cover; background:#fff; }
.sf-operator-route p,.sf-operator-route p b,.sf-operator-route p span { display:block; margin:0; }
.sf-operator-route p b { font-size:.74rem; }
.sf-operator-route p span { margin-top:5px; color:var(--final-muted); font-size:.57rem; line-height:1.55; }
.sf-operator-route article:last-child p span { color:rgba(255,255,255,.6); }
.sf-operator-route > i { color:var(--final-orange); font-size:1.55rem; font-style:normal; font-weight:950; text-align:center; }
.sf-operator-app-icon { display:block; width:62px; height:62px; overflow:hidden; border:2px solid rgba(255,255,255,.75); border-radius:17px; background:var(--final-cyan); box-shadow:0 8px 18px rgba(0,0,0,.18); }
.sf-operator-app-icon img { display:block; width:100%; height:100%; border-radius:0; object-fit:cover; }
.sf-operator-map dl { display:grid; margin:0; border-top:1px solid var(--final-line); grid-template-columns:repeat(3,1fr); }
.sf-operator-map dl div { padding:18px 14px 2px; }
.sf-operator-map dl div + div { border-left:1px solid var(--final-line); }
.sf-operator-map dt { color:var(--final-orange); font-size:.57rem; font-weight:950; }
.sf-operator-map dd { margin:5px 0 0; font-size:.64rem; font-weight:850; line-height:1.55; }
.sf-operator-person { position:absolute; z-index:3; right:0; bottom:2%; min-width:250px; padding:15px 18px; color:#fff; background:var(--final-ink); box-shadow:8px 8px 0 var(--final-cyan); transform:rotate(-1deg); }
.sf-operator-person span,.sf-operator-person strong,.sf-operator-person small { display:block; }
.sf-operator-person span { color:var(--final-cyan); font-size:.52rem; font-weight:950; letter-spacing:.14em; }
.sf-operator-person strong { margin-top:5px; font-size:1.5rem; }
.sf-operator-person small { margin-top:2px; color:rgba(255,255,255,.55); font-size:.48rem; letter-spacing:.1em; }

/* Account deletion */
.sf-delete { background:#f2f4f4; }
.sf-delete-hero { position:relative; display:grid; min-height:760px; padding:clamp(80px,8vw,125px) max(34px,calc((100vw - 1360px)/2)); overflow:hidden; color:#fff; background:linear-gradient(118deg,var(--final-ink-deep),#063b47); grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr); gap:clamp(60px,8vw,120px); }
.sf-delete-hero::after { position:absolute; right:-170px; bottom:-240px; width:620px; height:620px; border:90px solid rgba(19,197,221,.1); border-radius:50%; content:""; }
.sf-delete-hero-copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; }
.sf-delete-hero .sf-kicker { color:var(--final-cyan); }
.sf-delete-hero h1 { margin:0 0 26px; font-size:1.2rem; }
.sf-delete-hero h2 { margin:0; font-size:clamp(4rem,6.4vw,7rem); line-height:1.02; letter-spacing:-.08em; }
.sf-delete-hero h2 em { display:inline-block; margin-top:.08em; color:var(--final-orange); font-style:normal; }
.sf-delete-hero-copy > p:not(.sf-kicker) { max-width:600px; margin:30px 0 0; color:rgba(255,255,255,.68); line-height:1.95; }
.sf-delete-console { position:relative; z-index:2; align-self:center; width:min(620px,100%); padding:30px; border:2px solid rgba(255,255,255,.24); border-radius:30px; color:var(--final-ink); background:#fff; box-shadow:18px 18px 0 var(--final-cyan); }
.sf-delete-console > header { display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--final-line); }
.sf-delete-console > header span { color:var(--cyan-deep); font-size:.6rem; font-weight:950; letter-spacing:.16em; }
.sf-delete-console > header b { color:var(--final-orange); font-size:.66rem; letter-spacing:.1em; }
.sf-delete-console > strong { display:block; margin:30px 0 18px; font-size:1.65rem; }
.sf-delete-console ol { margin:0; padding:0; list-style:none; }
.sf-delete-console li { display:grid; align-items:center; min-height:78px; border-top:1px solid var(--final-line); grid-template-columns:50px 1fr; gap:15px; }
.sf-delete-console li > span { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; color:#fff; background:var(--final-ink); font-size:.65rem; font-weight:950; }
.sf-delete-console li p,.sf-delete-console li b,.sf-delete-console li small { display:block; margin:0; }
.sf-delete-console li b { font-size:.88rem; }
.sf-delete-console li small { margin-top:3px; color:var(--final-muted); font-size:.58rem; }
.sf-delete-console > footer { display:flex; align-items:center; margin-top:24px; padding:17px; border-radius:16px; background:var(--final-orange-pale); gap:13px; }
.sf-delete-console > footer span { padding:6px 9px; border-radius:999px; color:#fff; background:var(--final-orange); font-size:.56rem; font-weight:950; }
.sf-delete-console > footer p { margin:0; font-size:.72rem; font-weight:850; }
.sf-delete-steps { display:grid; margin-top:65px; grid-template-columns:repeat(4,1fr); gap:13px; }
.sf-delete-steps article { display:flex; min-height:430px; padding:28px; border:1px solid var(--final-line); border-top:7px solid var(--final-cyan); border-radius:24px; flex-direction:column; background:#fff; }
.sf-delete-steps article > span { color:var(--final-orange); font-size:.68rem; font-weight:950; }
.sf-delete-steps article > i { display:grid; width:72px; height:72px; margin:58px 0 35px; place-items:center; border-radius:22px; color:#fff; background:var(--final-ink); font-size:1.25rem; font-style:normal; font-weight:950; }
.sf-delete-steps h3 { margin:0; font-size:1.42rem; line-height:1.3; }
.sf-delete-steps p { margin:16px 0 0; color:var(--final-muted); font-size:.9rem; line-height:1.85; }
.sf-delete-steps small { margin-top:auto; padding-top:25px; color:var(--cyan-deep); font-size:.55rem; font-weight:950; letter-spacing:.15em; }
.sf-delete-before { display:grid; align-items:start; padding:clamp(95px,9vw,145px) max(32px,calc((100vw - 1360px)/2)); color:#fff; background:var(--final-ink); grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); gap:clamp(55px,8vw,120px); }
.sf-delete-before-copy .sf-kicker { color:var(--final-cyan); }
.sf-delete-before h2 { margin:0; font-size:clamp(3.5rem,5.5vw,6rem); line-height:.95; letter-spacing:-.075em; }
.sf-delete-before-copy > p:not(.sf-kicker) { margin:28px 0 0; color:rgba(255,255,255,.63); line-height:1.95; }
.sf-delete-checks { display:grid; gap:13px; }
.sf-delete-checks article { min-height:210px; padding:28px; border:1px solid rgba(255,255,255,.16); border-radius:24px; background:#073540; }
.sf-delete-checks span { color:var(--final-orange); font-size:.65rem; font-weight:950; }
.sf-delete-checks h3 { margin:40px 0 0; font-size:1.55rem; }
.sf-delete-checks p { margin:13px 0 0; color:rgba(255,255,255,.62); line-height:1.8; }
.sf-delete-support { display:flex; align-items:center; justify-content:space-between; padding:70px max(32px,calc((100vw - 1360px)/2)); color:var(--final-ink); background:var(--final-cyan); gap:40px; }
.sf-delete-support p { margin:0 0 13px; font-size:.62rem; font-weight:950; letter-spacing:.16em; }
.sf-delete-support h2 { margin:0; font-size:clamp(2rem,3.3vw,3.5rem); line-height:1; }
.sf-delete-support span { display:block; margin-top:14px; color:rgba(5,43,53,.68); }

/* Shared chapter bar */
.sf-chapter-strip { display:grid; color:var(--final-ink); background:#fff; grid-template-columns:repeat(3,1fr); }
.sf-chapter-strip a { display:grid; align-items:center; min-height:100px; padding:17px 25px; border-right:1px solid var(--final-line); color:var(--final-ink); grid-template-columns:38px 1fr; gap:4px 12px; }
.sf-chapter-strip a:last-child { border:0; }
.sf-chapter-strip a:hover { background:var(--final-cyan-pale); }
.sf-chapter-strip span { grid-row:1/3; color:var(--final-orange); font-size:.72rem; font-weight:950; }
.sf-chapter-strip strong { align-self:end; font-size:.83rem; }
.sf-chapter-strip small { align-self:start; color:var(--final-muted); font-size:.56rem; font-weight:950; letter-spacing:.13em; }

.sf-section { width:min(calc(100% - 64px),1360px); margin:auto; padding:clamp(105px,10vw,165px) 0; }
.sf-heading > p:first-child { display:flex; align-items:center; margin:0 0 24px; color:var(--cyan-deep); font-size:.7rem; font-weight:950; letter-spacing:.18em; gap:13px; }
.sf-heading > p:first-child i { width:48px; height:1px; background:currentColor; }
.sf-heading h2,.sf-story-copy h2,.sf-contact-copy h2,.sf-account h2,.sf-rights h2,.sf-related h2 { margin:0; font-size:clamp(3.25rem,5.5vw,6.2rem); line-height:.95; letter-spacing:-.075em; }
.sf-heading > div { display:flex; align-items:center; max-width:980px; margin-top:30px; flex-wrap:wrap; gap:24px 56px; }
.sf-heading > div p { flex:1 1 560px; margin:0; color:var(--final-muted); line-height:1.9; }
.sf-heading > div a,.sf-heading > div span { color:var(--final-ink); font-size:.78rem; font-weight:950; }

/* About content */
.sf-feature-mosaic { display:grid; margin-top:70px; grid-template-columns:1.12fr .88fr; grid-template-rows:repeat(2,minmax(330px,auto)); gap:13px; }
.sf-feature-card { position:relative; overflow:hidden; padding:34px; border-radius:28px; background:#fff; }
.sf-feature-card > span { font-size:.68rem; font-weight:950; letter-spacing:.15em; }
.sf-feature-card h3 { margin:28px 0 0; font-size:clamp(2rem,3.3vw,3.4rem); line-height:1.03; }
.sf-feature-card > p { margin:15px 0 0; color:var(--final-muted); line-height:1.85; }
.sf-feature-card > small { display:block; margin-top:22px; color:var(--final-cyan); font-weight:900; }
.sf-feature-main { grid-row:1/3; color:#fff; background:var(--final-ink); }
.sf-feature-main > p { color:rgba(255,255,255,.64); }
.sf-feature-chat { background:var(--final-cyan); }
.sf-feature-call { background:var(--final-orange-pale); }
.sf-feature-orbit { position:relative; display:grid; min-height:290px; margin:46px 0 38px; place-content:center; border:1px solid rgba(255,255,255,.16); background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:25px 25px; }
.sf-feature-orbit::before { position:absolute; inset:50% auto auto 50%; width:160px; height:160px; border:30px solid var(--final-cyan); border-radius:50%; content:""; transform:translate(-50%,-50%); }
.sf-feature-orbit i { position:relative; z-index:2; font-size:3.5rem; font-style:normal; }
.sf-feature-orbit b { position:absolute; right:18px; bottom:15px; color:var(--final-cyan); font-size:.6rem; letter-spacing:.15em; }
.sf-mini-chat { margin:35px 0 15px; }
.sf-mini-chat p { width:75%; margin:0; padding:12px 14px; border-radius:14px 14px 14px 3px; background:#fff; font-size:.72rem; font-weight:850; }
.sf-mini-chat p + p { margin:9px 0 0 auto; border-radius:14px 14px 3px 14px; color:#fff; background:var(--final-ink); }
.sf-call-faces { display:flex; align-items:center; justify-content:center; margin:32px 0 10px; }
.sf-call-faces i { display:grid; width:70px; height:70px; margin-left:-12px; place-items:center; border:5px solid var(--final-orange-pale); border-radius:50%; color:#fff; background:#6272bd; font-style:normal; font-weight:950; }
.sf-call-faces i:first-child { margin-left:0; background:var(--final-orange); }
.sf-call-faces i:last-child { background:#3dbf86; }

.sf-dark-section,.sf-upcoming,.sf-safety,.sf-profile { padding:clamp(105px,10vw,160px) max(32px,calc((100vw - 1360px)/2)); color:#fff; background:var(--final-ink-deep); }
.sf-heading-light > p:first-child { color:var(--final-cyan); }
.sf-heading-light h2 { color:#fff; }
.sf-journey-grid { display:grid; margin-top:70px; grid-template-columns:repeat(2,1fr); gap:13px; }
.sf-journey-grid article { padding:36px; border:1px solid rgba(255,255,255,.15); background:#062630; }
.sf-journey-grid article > div { display:flex; align-items:end; justify-content:space-between; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,.15); }
.sf-journey-grid article > div span { color:var(--final-cyan); font-size:.65rem; font-weight:950; letter-spacing:.16em; }
.sf-journey-grid article > div b { font-size:1.8rem; }
.sf-journey-grid ol { margin:0; padding:0; list-style:none; }
.sf-journey-grid li { display:grid; align-items:center; min-height:75px; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.72); grid-template-columns:45px 1fr; }
.sf-journey-grid em { color:var(--final-orange); font-size:.65rem; font-style:normal; font-weight:950; }

.sf-story,.sf-operator-story { display:grid; align-items:center; grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr); gap:clamp(55px,8vw,120px); }
.sf-story-art { position:relative; min-height:640px; overflow:hidden; border-radius:28px; background:#fff; box-shadow:-18px 18px 0 var(--final-orange); }
.sf-story-art img { width:100%; height:100%; object-fit:cover; }
.sf-story-art span { position:absolute; right:22px; bottom:22px; padding:13px 16px; color:#fff; background:var(--final-ink); font-size:.64rem; font-weight:950; letter-spacing:.14em; }
.sf-story-copy .sf-kicker { color:var(--cyan-deep); }
.sf-story-copy h2 { font-size:clamp(3.1rem,5.4vw,5.8rem); }
.sf-story-copy > p:not(.sf-kicker) { margin:20px 0 0; color:var(--final-muted); line-height:1.9; }

.sf-related { display:grid; align-items:stretch; color:#fff; background:var(--final-ink); grid-template-columns:1fr 260px 260px; }
.sf-related > div { padding:65px max(32px,calc((100vw - 1360px)/2)); padding-right:55px; }
.sf-related > div > p { margin:0 0 16px; color:var(--final-cyan); font-size:.65rem; font-weight:950; letter-spacing:.17em; }
.sf-related h2 { font-size:clamp(2.5rem,4vw,4.3rem); }
.sf-related > div > span { display:block; max-width:680px; margin-top:18px; color:rgba(255,255,255,.58); }
.sf-related > a { display:flex; flex-direction:column; align-items:center; justify-content:center; border-left:1px solid rgba(255,255,255,.16); color:#fff; font-weight:950; gap:13px; }
.sf-related > a:first-of-type { background:var(--final-orange); }
.sf-related > a:last-child { background:#073642; }
.sf-related > a b { font-size:1.5rem; }

/* Games content */
.sf-game-carousel-shell { margin-top:65px; }
.sf-game-carousel { display:flex; width:100%; padding:0 0 20px; overflow-x:auto; gap:13px; scroll-behavior:auto; scroll-snap-type:none!important; scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); contain:layout paint style; }
.sf-game-carousel::-webkit-scrollbar { display:none; }
.sf-game-card { position:relative; display:flex!important; flex:0 0 min(410px,80vw)!important; min-height:430px!important; padding:30px!important; flex-direction:column; align-items:flex-start!important; justify-content:flex-end!important; border:1px solid var(--final-line)!important; border-radius:28px!important; color:var(--final-ink)!important; background:#fff!important; box-shadow:none!important; scroll-snap-align:none!important; }
.sf-game-card:nth-child(3n+2) { background:var(--final-cyan-pale)!important; }
.sf-game-card:nth-child(3n) { background:var(--final-orange-pale)!important; }
.sf-game-card > span { position:absolute; top:24px; left:25px; color:var(--final-orange); font-size:.7rem; font-weight:950; }
.sf-game-card > i { display:grid; width:110px; height:110px; margin-bottom:auto; place-items:center; border:1px solid var(--final-line); border-radius:24px; background:rgba(255,255,255,.65); font-size:3.6rem; font-style:normal; }
.sf-game-card > strong { font-size:1.7rem!important; line-height:1.12; }
.sf-game-card > small { margin-top:18px; color:var(--cyan-deep); font-weight:900; }
.sf-carousel-controls { display:flex; justify-content:flex-end; margin-top:20px; gap:8px; }
.sf-carousel-controls button { width:54px; height:54px; border:1px solid var(--final-line); color:var(--final-ink); background:#fff; font-size:1.2rem; }
.sf-note { display:grid; align-items:start; margin-top:45px; padding:25px; border:1px solid var(--final-line); background:var(--final-orange-pale); grid-template-columns:180px 1fr; gap:25px; }
.sf-note b { color:var(--final-orange); font-size:.64rem; letter-spacing:.14em; }
.sf-note p { margin:0; color:#6f5945; line-height:1.8; }

.sf-color-section { padding:clamp(105px,10vw,160px) max(32px,calc((100vw - 1360px)/2)); background:linear-gradient(145deg,var(--final-cyan-pale),#c8f1f5); }
.sf-color-section .sf-heading { max-width:1020px; }
.sf-color-section .sf-heading h2 { font-size:clamp(3.7rem,5.5vw,6rem); }
.sf-play-mosaic { display:grid; margin-top:65px; grid-template-columns:repeat(3,1fr); gap:18px; }
.sf-play-mosaic article { min-height:410px; padding:34px; border:1px solid var(--final-line); border-radius:28px; background:#fff; }
.sf-play-mosaic article:first-child { color:#fff; background:var(--final-ink); }
.sf-play-mosaic article:last-child { background:var(--final-orange-pale); }
.sf-play-mosaic span { color:var(--final-orange); font-size:.7rem; font-weight:950; }
.sf-play-mosaic i { display:grid; width:82px; height:82px; margin:56px 0 32px; place-items:center; border-radius:24px; color:var(--final-ink); background:var(--final-cyan-pale); font-size:2rem; font-style:normal; font-weight:950; }
.sf-play-mosaic h3 { margin:0; font-size:clamp(1.45rem,1.8vw,1.9rem); line-height:1.2; }
.sf-play-mosaic p { margin:16px 0 0; color:var(--final-muted); line-height:1.85; }
.sf-play-mosaic article:first-child p { color:rgba(255,255,255,.62); }

.sf-upcoming { overflow:hidden; content-visibility:auto; contain-intrinsic-size:900px; }
.sf-upcoming .sf-heading > div p { color:rgba(255,255,255,.62); }
.sf-upcoming .sf-heading > div a { color:#fff; text-decoration:underline; text-decoration-color:var(--final-orange); text-underline-offset:6px; }
.sf-candidate-marquee { width:calc(100% + max(64px,calc((100vw - 1360px)))); margin:70px min(-32px,calc((1360px - 100vw)/2)) 0; contain:layout paint style; }
.sf-candidate-marquee .candidate-track { transform:translate3d(0,0,0); backface-visibility:hidden; }
.sf-candidate-marquee .candidate-game { border-radius:24px; color:var(--final-ink); box-shadow:none; }

/* Beta content */
.sf-info-grid { display:grid; margin-top:62px; grid-template-columns:repeat(3,1fr); gap:18px; }
.sf-info-card { position:relative; min-height:400px; padding:30px; overflow:hidden; border:1px solid var(--final-line); border-radius:26px; background:#fff; }
.sf-info-card:nth-child(2),.sf-info-card:nth-child(3) { color:var(--final-ink); background:#fff; }
.sf-info-card > span { position:absolute; top:22px; right:24px; display:grid; width:48px; height:31px; place-items:center; border:1px solid rgba(255,117,0,.28); border-radius:999px; color:var(--final-orange); background:#fff7ef; font-size:.72rem; font-weight:950; line-height:1; opacity:1; }
.sf-info-card > i { display:grid; width:84px; height:84px; margin:22px 0 34px; place-items:center; border:1px solid var(--final-line); border-radius:22px; color:var(--final-ink); background:var(--final-cyan-pale); font-size:1.65rem; font-style:normal; font-weight:950; }
.sf-info-card h3 { margin:0; font-size:clamp(1.28rem,1.5vw,1.48rem); line-height:1.3; }
.sf-info-card p { margin:16px 0 0; color:var(--final-muted); font-size:.92rem; line-height:1.9; }
.sf-info-card:nth-child(3) p { color:var(--final-muted); }
.sf-beta #before .sf-heading > div > span { display:inline-flex; align-items:center; padding:9px 13px; border:1px solid rgba(8,127,145,.2); border-radius:999px; color:var(--cyan-deep); background:var(--final-cyan-pale); }

.sf-feedback { padding:clamp(105px,10vw,160px) max(32px,calc((100vw - 1360px)/2)); background:#e9fafc; }
.sf-feedback-grid { display:grid; margin-top:65px; grid-template-columns:repeat(3,1fr); gap:13px; }
.sf-feedback-grid article { position:relative; min-height:310px; padding:32px; overflow:hidden; background:#fff; }
.sf-feedback-grid article:nth-child(2) { color:#fff; background:var(--final-ink); }
.sf-feedback-grid article:nth-child(3) { background:var(--final-orange-pale); }
.sf-feedback-grid span { color:var(--final-cyan); font-size:.67rem; font-weight:950; letter-spacing:.14em; }
.sf-feedback-grid h3 { margin:65px 0 0; font-size:1.8rem; }
.sf-feedback-grid p { margin:14px 0 0; color:var(--final-muted); line-height:1.8; }
.sf-feedback-grid article:nth-child(2) p { color:rgba(255,255,255,.62); }
.sf-feedback-grid article > b { position:absolute; right:22px; bottom:10px; color:rgba(5,43,53,.08); font-size:8rem; line-height:1; }
.sf-feedback-grid article:nth-child(2) > b { color:rgba(255,255,255,.08); }
.sf-feedback > aside { display:grid; margin-top:35px; padding:27px; border:1px solid var(--final-line); background:#fff; grid-template-columns:250px 1fr; gap:30px; }
.sf-feedback > aside strong { color:var(--final-orange); }
.sf-feedback > aside p { margin:0; color:var(--final-muted); line-height:1.8; }

.sf-contact { display:grid; align-items:start; grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr); gap:clamp(55px,8vw,120px); }
.sf-contact-copy { position:sticky; top:110px; }
.sf-contact-copy .sf-kicker { color:var(--cyan-deep); }
.sf-contact-copy h2 { font-size:clamp(3.4rem,5.5vw,5.8rem); }
.sf-contact-copy > p:not(.sf-kicker) { margin:25px 0 0; color:var(--final-muted); line-height:1.9; }
.sf-contact-copy dl { margin:40px 0 0; border-top:1px solid var(--final-line); }
.sf-contact-copy dl div { display:grid; align-items:center; min-height:60px; border-bottom:1px solid var(--final-line); grid-template-columns:45px 1fr; }
.sf-contact-copy dt { color:var(--final-orange); font-size:.64rem; font-weight:950; }
.sf-contact-copy dd { margin:0; font-size:.78rem; font-weight:850; }
.sf-form { padding:38px!important; border:1px solid var(--final-line)!important; border-radius:0!important; background:#fff!important; box-shadow:18px 18px 0 var(--final-cyan)!important; }
.sf-form label { color:var(--final-ink)!important; font-size:.72rem!important; font-weight:900!important; }
.sf-form input,.sf-form select,.sf-form textarea { border:0!important; border-bottom:1px solid var(--final-line)!important; border-radius:0!important; background:#f8f7f2!important; }
.sf-form button { display:flex; align-items:center; justify-content:space-between; min-height:54px; padding:13px 18px; border:0; color:#fff; background:var(--final-orange); font-weight:950; }
.sf-form > p { margin:20px 0 0; color:var(--final-muted); font-size:.7rem; line-height:1.7; }

/* Guide content */
.sf-guide-steps { display:grid; margin-top:62px; grid-template-columns:repeat(4,1fr); gap:14px; }
.sf-guide-steps article { display:flex; min-width:0; min-height:450px; padding:30px 26px; overflow:hidden; border:1px solid var(--final-line); border-radius:26px; flex-direction:column; background:#fff; }
.sf-guide-steps article:first-child { color:#fff; background:#0a4654; }
.sf-guide-steps article:nth-child(3) { background:var(--final-cyan-pale); }
.sf-guide-steps article:last-child { background:var(--final-orange-pale); }
.sf-guide-steps > article > span { display:grid; width:46px; height:29px; place-items:center; border:1px solid currentColor; border-radius:999px; color:var(--final-orange); font-size:.68rem; font-weight:950; }
.sf-guide-steps > article > i { display:grid; width:72px; height:72px; margin:40px 0 28px; place-items:center; border-radius:22px; color:var(--final-ink); background:var(--final-cyan); font-size:1.7rem; font-style:normal; font-weight:950; }
.sf-guide-steps h3 { margin:0; font-size:clamp(1.2rem,1.55vw,1.42rem); line-height:1.3; }
.sf-guide-steps p { margin:15px 0 0; color:var(--final-muted); font-size:.9rem; line-height:1.85; }
.sf-guide-steps article:first-child p { color:rgba(255,255,255,.62); }
.sf-guide-steps article:first-child small { color:#63d8e8; }
.sf-guide-steps small { display:block; margin-top:auto; padding-top:24px; color:var(--cyan-deep); font-size:.55rem; font-weight:950; letter-spacing:.14em; }

.sf-safety { background:var(--final-ink); }
.sf-safety-grid { display:grid; margin-top:65px; grid-template-columns:repeat(3,1fr); gap:13px; }
.sf-safety-grid article { min-height:300px; padding:30px; border:1px solid rgba(255,255,255,.15); background:#062630; }
.sf-safety-grid article:nth-child(2) { color:var(--final-ink); background:var(--final-cyan); }
.sf-safety-grid article:nth-child(3) { color:var(--final-ink); background:var(--final-orange-pale); }
.sf-safety-grid span { color:var(--final-orange); font-size:.68rem; font-weight:950; }
.sf-safety-grid i { display:grid; width:68px; height:68px; margin:45px 0 28px; place-items:center; border-radius:50%; color:var(--final-ink); background:#fff; font-size:1.6rem; font-style:normal; font-weight:950; }
.sf-safety-grid h3 { margin:0; font-size:2rem; }
.sf-safety-grid p { margin:14px 0 0; color:rgba(255,255,255,.6); line-height:1.8; }
.sf-safety-grid article:not(:first-child) p { color:rgba(5,43,53,.67); }

.sf-account { display:grid; align-items:center; grid-template-columns:minmax(0,1fr) minmax(380px,.65fr); gap:clamp(55px,8vw,110px); }
.sf-account > div:first-child > p:not(.sf-kicker) { max-width:650px; margin:25px 0 0; color:var(--final-muted); line-height:1.9; }
.sf-account .sf-button { margin-top:28px; }
.sf-account-card { padding:32px; border:1px solid var(--final-line); background:#fff; box-shadow:15px 15px 0 var(--final-orange); }
.sf-account-card > span { color:var(--cyan-deep); font-size:.63rem; font-weight:950; letter-spacing:.15em; }
.sf-account-card i { display:grid; width:80px; height:80px; margin:60px 0 35px; place-items:center; border-radius:24px; color:#fff; background:var(--final-ink); font-size:2.45rem; font-style:normal; }
.sf-account-card strong { display:block; font-size:1.8rem; }
.sf-account-card p { color:var(--final-muted); line-height:1.8; }
.sf-account-card b { display:block; margin-top:25px; color:var(--final-orange); font-size:.75rem; }

/* Support content */
.sf-help-grid { display:grid; margin-top:65px; grid-template-columns:repeat(3,1fr); gap:13px; }
.sf-help-grid a { min-height:440px; padding:32px; color:var(--final-ink); background:#fff; }
.sf-help-grid a:nth-child(2) { color:#fff; background:var(--final-ink); }
.sf-help-grid a:nth-child(3) { background:var(--final-orange-pale); }
.sf-help-grid span { color:var(--final-cyan); font-size:.66rem; font-weight:950; letter-spacing:.14em; }
.sf-help-grid i { display:grid; width:82px; height:82px; margin:75px 0 38px; place-items:center; border:1px solid var(--final-line); border-radius:50%; color:var(--final-ink); background:var(--final-cyan-pale); font-size:2rem; font-style:normal; font-weight:950; }
.sf-help-grid h3 { margin:0; font-size:1.85rem; }
.sf-help-grid p { margin:15px 0 0; color:var(--final-muted); line-height:1.85; }
.sf-help-grid a:nth-child(2) p { color:rgba(255,255,255,.62); }
.sf-help-grid b { display:block; margin-top:27px; color:var(--final-orange); font-size:.72rem; }

.sf-contact-band { display:grid; align-items:start; padding:clamp(105px,10vw,160px) max(32px,calc((100vw - 1360px)/2)); color:#fff; background:var(--final-ink); grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr); gap:clamp(55px,8vw,120px); }
.sf-contact-band .sf-contact-copy > p:not(.sf-kicker) { color:rgba(255,255,255,.62); }
.sf-contact-band .sf-contact-copy aside { margin-top:35px; padding:22px; border-left:5px solid var(--final-orange); background:rgba(255,255,255,.06); }
.sf-contact-band .sf-contact-copy aside strong,.sf-contact-band .sf-contact-copy aside span { display:block; }
.sf-contact-band .sf-contact-copy aside span { margin-top:9px; color:rgba(255,255,255,.58); font-size:.75rem; line-height:1.7; }
.sf-form-light { box-shadow:18px 18px 0 var(--final-orange)!important; }
.sf-form-light a { color:var(--cyan-deep); }

/* Operator content */
.sf-profile { background:var(--final-ink); }
.sf-profile-grid { display:grid; margin-top:65px; grid-template-columns:.65fr 1.35fr 1fr; gap:13px; }
.sf-profile-grid article { min-height:330px; padding:31px; border:1px solid rgba(255,255,255,.14); background:#062630; }
.sf-profile-grid article:nth-child(2) { color:var(--final-ink); background:var(--final-cyan); }
.sf-profile-grid article:nth-child(3) { color:var(--final-ink); background:#fff; }
.sf-profile-grid span { color:var(--final-orange); font-size:.65rem; font-weight:950; letter-spacing:.15em; }
.sf-profile-grid h3 { margin:95px 0 0; font-size:2rem; }
.sf-profile-grid p { margin:15px 0 0; color:rgba(255,255,255,.62); line-height:1.8; }
.sf-profile-grid article:not(:first-child) p { color:rgba(5,43,53,.68); }
.sf-profile-grid a { color:inherit; text-decoration:underline; text-underline-offset:5px; }
.sf-profile-grid article:nth-child(3) a { color:var(--final-orange); font-weight:900; text-decoration-color:rgba(255,117,0,.38); }

.sf-rights { display:grid; align-items:end; grid-template-columns:minmax(0,1fr) minmax(380px,.7fr); gap:clamp(50px,8vw,110px); }
.sf-rights h2 { font-size:clamp(3.3rem,5.8vw,6.2rem); }
.sf-rights > p { margin:0; padding:30px; border-left:6px solid var(--final-orange); color:var(--final-muted); background:#fff; line-height:1.95; }

@media (max-width:720px) {
  .sf-hero { display:block; min-height:0; padding:58px 16px 74px; }
  .sf-hero-copy { display:block; }
  .sf-kicker { margin-bottom:18px; font-size:.6rem; }
  .sf-hero h1 { margin-bottom:18px; font-size:1rem; }
  .sf-hero h2 { font-size:clamp(3.15rem,14.8vw,4.6rem); line-height:.93; }
  .sf-hero-about h2 { font-size:clamp(1.9rem,8.2vw,2.35rem); line-height:1.08; }
  .sf-hero-beta h2 { font-size:clamp(2.75rem,13vw,4.3rem); line-height:.98; }
  .sf-hero-copy > p:not(.sf-kicker) { margin-top:23px; font-size:.9rem; line-height:1.82; }
  .sf-actions { gap:8px; }
  .sf-button { min-height:48px; padding:11px 14px; font-size:.74rem; }
  .sf-hero-visual { min-height:0; margin-top:50px; }
  .sf-hero-pattern { top:210px; right:-230px; width:430px; height:430px; border-width:62px; }

  .sf-about-app { padding:28px 0 30px; }
  .sf-about-map { padding:18px 0 28px; }
  .sf-about-map::before { inset:7% 0 1% 4%; border-radius:25px; }
  .sf-about-map-board { width:100%; padding:19px 16px; border-radius:22px; box-shadow:9px 9px 0 var(--final-orange); }
  .sf-about-map-board > header strong { font-size:1.05rem; }
  .sf-about-map-board li { min-height:88px; grid-template-columns:25px 44px 1fr; gap:9px; }
  .sf-about-map-board li > i { width:42px; height:42px; border-radius:13px; }
  .sf-about-map-board li strong { font-size:.78rem; }
  .sf-about-map-board li p { font-size:.55rem; }
  .sf-about-map-board > footer { font-size:.45rem; }
  .sf-about-map-caption { right:-2%; bottom:0; font-size:.45rem; }
  .sf-app-window { width:100%; padding:10px; border-width:6px; border-radius:26px; }
  .sf-app-window article { padding:15px 13px; }
  .sf-app-window article > div:first-child { grid-template-columns:43px 1fr auto; gap:8px; }
  .sf-app-window article > div:first-child > span { width:43px; height:43px; }
  .sf-float-message { right:-5%; bottom:5%; min-width:215px; }

  .sf-games-stage { margin:54px 0 10px; padding-top:25px; box-shadow:9px 9px 0 var(--final-cyan); }
  .sf-games-stage-head { padding:0 18px 22px; }
  .sf-games-stage-head strong { font-size:2rem; }
  .sf-games-loop { animation-duration:20s; }
  .sf-games-loop > div { flex-basis:140px; min-height:155px; padding:14px; }

  .sf-beta-ticket { margin:52px 0 9px; padding:25px 20px; box-shadow:9px 9px 0 var(--final-ink); }
  .sf-beta-ticket h3 { margin:42px 0; font-size:3.55rem; }
  .sf-beta-ticket dl { grid-template-columns:1fr; gap:12px; }
  .sf-beta-ticket dl > div + div { padding:12px 0 0; border-top:1px solid rgba(5,43,53,.18); border-left:0; }

  .sf-guide-map { margin-top:52px; padding:20px 17px; border-radius:22px; box-shadow:9px 9px 0 var(--final-orange); }
  .sf-guide-map li { min-height:94px; grid-template-columns:38px 1fr; gap:11px; }
  .sf-guide-map li > b { width:36px; height:36px; font-size:.72rem; }
  .sf-guide-map li > span { grid-template-columns:45px 1fr; column-gap:10px; }
  .sf-guide-map li i { width:44px; height:44px; border-radius:14px; font-size:1.05rem; }
  .sf-guide-map li strong { font-size:.84rem; }
  .sf-guide-map li small { font-size:.59rem; }

  .sf-support-stack { margin-top:50px; gap:9px; }
  .sf-support-stack article { min-height:105px; padding:15px; grid-template-columns:48px 1fr; }
  .sf-support-stack article:nth-child(2),.sf-support-stack article:nth-child(3) { margin-left:0; }
  .sf-support-stack article > span { width:48px; height:48px; }
  .sf-support-stack article > b { display:none; }

  .sf-hero-operator h2 { font-size:clamp(1.95rem,7.3vw,2.65rem); line-height:1.02; letter-spacing:-.07em; }
  .sf-hero-operator h2 span,.sf-hero-operator h2 em { white-space:nowrap; }
  .sf-operator-portrait { margin-top:44px; padding:0 0 55px; }
  .sf-operator-map { padding:18px; border-radius:22px; box-shadow:9px 9px 0 var(--final-orange); }
  .sf-operator-map > header { align-items:flex-start; flex-direction:column; }
  .sf-operator-map > header strong { max-width:none; text-align:left; }
  .sf-operator-route { padding:20px 0; grid-template-columns:1fr; gap:9px; }
  .sf-operator-route > i { transform:rotate(90deg); }
  .sf-operator-route article > div { min-height:82px; }
  .sf-operator-map dl { grid-template-columns:1fr; }
  .sf-operator-map dl div { padding:13px 4px; }
  .sf-operator-map dl div + div { border-top:1px solid var(--final-line); border-left:0; }
  .sf-operator-person { right:-2%; bottom:0; min-width:220px; padding:13px 15px; }

  .sf-chapter-strip { display:flex; padding:0 14px 12px; overflow-x:auto; gap:8px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .sf-chapter-strip::-webkit-scrollbar { display:none; }
  .sf-chapter-strip a { flex:0 0 250px; min-height:88px; padding:14px; border:1px solid var(--final-line); scroll-snap-align:start; }

  .sf-section { width:calc(100% - 32px); padding:78px 0; }
  .sf-heading > p:first-child { margin-bottom:18px; font-size:.6rem; }
  .sf-heading h2,.sf-story-copy h2,.sf-contact-copy h2,.sf-account h2,.sf-rights h2,.sf-related h2 { font-size:clamp(2.75rem,12vw,4rem); line-height:.98; }
  .sf-heading > div { display:block; margin-top:22px; }
  .sf-heading > div p { font-size:.9rem; }
  .sf-heading > div a,.sf-heading > div span { display:inline-block; margin-top:18px; }

  .sf-feature-mosaic,.sf-info-grid,.sf-feedback-grid,.sf-guide-steps,.sf-safety-grid,.sf-help-grid {
    display:flex;
    width:calc(100% + 16px);
    margin:40px -16px 0 0;
    padding:0 16px 18px 0;
    overflow-x:auto;
    gap:10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .sf-feature-mosaic::-webkit-scrollbar,.sf-info-grid::-webkit-scrollbar,.sf-feedback-grid::-webkit-scrollbar,.sf-guide-steps::-webkit-scrollbar,.sf-safety-grid::-webkit-scrollbar,.sf-help-grid::-webkit-scrollbar { display:none; }
  .sf-feature-card,.sf-info-card,.sf-feedback-grid article,.sf-guide-steps article,.sf-safety-grid article,.sf-help-grid a { flex:0 0 min(84vw,350px); min-height:480px; padding:24px 21px; border-radius:22px; scroll-snap-align:start; }
  .sf-feature-main { grid-row:auto; }
  .sf-feature-orbit { min-height:230px; margin:35px 0 30px; }
  .sf-feature-card h3 { font-size:2.25rem; }
  .sf-info-card { min-height:390px; }
  .sf-info-card > span { top:16px; right:18px; width:44px; height:29px; font-size:.68rem; }
  .sf-info-card > i { margin:20px 0 30px; }
  .sf-guide-steps article { min-height:430px; }
  .sf-guide-steps > article > i { margin:34px 0 27px; }
  .sf-help-grid i { margin:55px 0 32px; }

  .sf-dark-section,.sf-upcoming,.sf-safety,.sf-profile,.sf-color-section,.sf-feedback { padding:80px 16px; }
  .sf-journey-grid { grid-template-columns:1fr; margin-top:42px; }
  .sf-journey-grid article { padding:23px 20px; }
  .sf-journey-grid article > div b { font-size:1.35rem; }

  .sf-story,.sf-operator-story { display:grid; grid-template-columns:1fr; gap:48px; }
  .sf-story-art { min-height:390px; border-radius:22px; box-shadow:-9px 9px 0 var(--final-orange); }
  .sf-story-copy > p:not(.sf-kicker) { font-size:.9rem; }

  .sf-related { display:block; padding:72px 16px; }
  .sf-related > div { padding:0; }
  .sf-related > a { flex-direction:row; justify-content:space-between; min-height:75px; margin-top:10px; padding:0 20px; border:0; }
  .sf-related > a:first-of-type { margin-top:38px; }

  .sf-game-carousel { width:calc(100% + 16px); padding-right:16px; }
  .sf-game-card { flex-basis:min(82vw,320px)!important; min-height:390px!important; padding:24px!important; }
  .sf-game-card > i { width:90px; height:90px; }
  .sf-note { grid-template-columns:1fr; gap:10px; padding:20px; }

  .sf-play-mosaic { display:flex; width:calc(100% + 16px); margin:40px -16px 0 0; padding:0 16px 18px 0; overflow-x:auto; gap:10px; scroll-snap-type:x mandatory; }
  .sf-play-mosaic article { flex:0 0 min(82vw,330px); min-height:410px; padding:24px; scroll-snap-align:start; }
  .sf-play-mosaic i { margin:55px 0 30px; }
  .sf-candidate-marquee { width:calc(100% + 32px); margin:45px -16px 0; }

  .sf-feedback > aside { grid-template-columns:1fr; gap:10px; padding:20px; }
  .sf-contact,.sf-contact-band { display:grid; grid-template-columns:1fr; gap:45px; }
  .sf-contact-copy { position:static; }
  .sf-form { padding:23px 19px!important; box-shadow:9px 9px 0 var(--final-cyan)!important; }
  .sf-contact-band { padding:80px 16px; }
  .sf-form-light { box-shadow:9px 9px 0 var(--final-orange)!important; }

  .sf-account { grid-template-columns:1fr; gap:45px; }
  .sf-account-card { padding:23px; box-shadow:9px 9px 0 var(--final-orange); }
  .sf-account-card i { margin:45px 0 30px; }

  .sf-delete-hero { display:block; min-height:0; padding:64px 16px 78px; }
  .sf-delete-hero h1 { margin-bottom:18px; font-size:1rem; }
  .sf-delete-hero h2 { font-size:clamp(3.2rem,15vw,4.5rem); }
  .sf-delete-hero-copy > p:not(.sf-kicker) { margin-top:23px; font-size:.9rem; }
  .sf-delete-console { margin-top:50px; padding:20px 18px; border-radius:22px; box-shadow:9px 9px 0 var(--final-cyan); }
  .sf-delete-console > strong { font-size:1.3rem; }
  .sf-delete-steps { display:flex; width:calc(100% + 16px); margin:40px -16px 0 0; padding:0 16px 18px 0; overflow-x:auto; gap:10px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .sf-delete-steps::-webkit-scrollbar { display:none; }
  .sf-delete-steps article { flex:0 0 min(84vw,350px); min-height:430px; padding:24px 21px; scroll-snap-align:start; }
  .sf-delete-before { grid-template-columns:1fr; padding:80px 16px; gap:45px; }
  .sf-delete-before h2 { font-size:clamp(3rem,13vw,4.2rem); }
  .sf-delete-checks article { min-height:190px; padding:23px; }
  .sf-delete-support { display:block; padding:65px 16px; }
  .sf-delete-support .sf-button { margin-top:28px; }

  .sf-profile-grid { grid-template-columns:1fr; margin-top:42px; }
  .sf-profile-grid article { min-height:260px; padding:23px; }
  .sf-profile-grid h3 { margin-top:65px; }
  .sf-rights { grid-template-columns:1fr; gap:35px; }
}

@media (prefers-reduced-motion:reduce) {
  .sf-games-loop { animation-play-state:running; animation-duration:40s; }
  .sf-games .candidate-track { animation-play-state:running; }
  .sf-games .candidate-track-forward { animation-duration:75s; }
  .sf-games .candidate-track-reverse { animation-duration:82s; }
}

/* Final desktop type and rhythm corrections. Mobile has a separate last-loaded sheet. */
.sf-hero.sf-hero-about .sf-hero-copy h2 {
  font-size:clamp(2.55rem,3.45vw,3.95rem);
  line-height:1.12;
  letter-spacing:-.05em;
}
.sf-hero.sf-hero-beta .sf-hero-copy h2,
.sf-hero.sf-hero-guide .sf-hero-copy h2 {
  font-size:clamp(2.9rem,4.15vw,4.7rem);
  line-height:1.09;
  letter-spacing:-.055em;
}
.sf-contact-copy h2 {
  line-height:1.08;
  letter-spacing:-.055em;
}
.sf-underlined-link {
  text-decoration:underline!important;
  text-decoration-color:var(--final-orange)!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:7px!important;
}
.sf-play-mosaic span {
  display:inline-grid;
  min-width:48px;
  height:30px;
  padding:0 10px;
  place-items:center;
  border:1px solid currentColor;
  border-radius:999px;
  line-height:1;
}
.sf-play-mosaic i { margin-top:42px; }
.sf-delete-before h2 {
  font-size:clamp(3rem,4.8vw,5.25rem);
  line-height:1.03;
}

@media (min-width:721px) {
  .site-nav .site-nav-legal {
    display:none!important;
  }

  .sf-rights h2 {
    font-size:clamp(2.75rem,4vw,4.7rem);
    line-height:1.02;
    white-space:nowrap;
  }
}

/* Operator page: keep the identity calm and let the story lead. */
.sf-operator {
  --operator-paper:#f7f6fa;
}
.sf-operator .sf-hero-operator {
  background:
    radial-gradient(circle at 84% 20%,rgba(117,108,152,.1),transparent 25rem),
    linear-gradient(135deg,#fff 0 56%,var(--operator-paper) 56% 100%);
}
@media (max-width:720px) {
  .sf-operator .sf-hero-operator {
    background:linear-gradient(160deg,#fff 0 60%,var(--operator-paper) 100%);
  }
}