/* ===== Site launch experience ===== */
  @property --sl-a{syntax:"<angle>";inherits:false;initial-value:0deg}
  #siteLaunchOverlay{--mx:50%;--my:50%;position:fixed;inset:0;z-index:10050;display:none;overflow:hidden;isolation:isolate;background:#0a0807!important;color:#fff;align-items:center;justify-content:center;font-family:'Poppins',system-ui,sans-serif}
  #siteLaunchOverlay.is-active,html.sl-pending #siteLaunchOverlay{display:flex}
  html.sl-pending,html.sl-pending body{overflow:hidden}
  #siteLaunchOverlay.sheet-on{background:transparent!important}
  #siteLaunchOverlay.sheet-on .site-launch-stage,#siteLaunchOverlay.sheet-on .site-launch-bg,#siteLaunchOverlay.sheet-on .site-launch-confetti,#siteLaunchOverlay.sheet-on .sl-speed,#siteLaunchOverlay.sheet-on .sl-flash,#siteLaunchOverlay.sheet-on .sl-marquee{visibility:hidden}

  /* ===== Gate with a logo lock: unlocks, then the doors swing open ===== */
  .site-launch-gate{position:absolute;inset:0;z-index:12;opacity:0;pointer-events:none;perspective:1800px;perspective-origin:50% 50%;transition:opacity .8s ease;overflow:hidden}
  .sl-gate-light{position:absolute;left:50%;top:-10%;bottom:-10%;width:6px;margin-left:-3px;opacity:0;background:linear-gradient(90deg,transparent,#fff 45%,#ffd08a,#fff 55%,transparent);filter:blur(10px);box-shadow:0 0 120px 60px rgba(247,148,29,.55)}
  .sl-door{position:absolute;top:0;bottom:0;width:50.15%;will-change:transform;backface-visibility:hidden;
    background:
      linear-gradient(90deg,rgba(255,255,255,.06),transparent 7%,transparent 93%,rgba(0,0,0,.55)),
      repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),
      linear-gradient(180deg,#221b17,#0c0908 50%,#1a1310);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 0 90px rgba(0,0,0,.65)}
  .sl-door-l{left:0;transform-origin:left center;border-right:2px solid rgba(247,148,29,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 0 90px rgba(0,0,0,.65),8px 0 40px rgba(247,148,29,.25)}
  .sl-door-r{right:0;transform-origin:right center;border-left:2px solid rgba(247,148,29,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 0 90px rgba(0,0,0,.65),-8px 0 40px rgba(247,148,29,.25)}
  .sl-door::before{content:"";position:absolute;inset:7% 9%;border:1px solid rgba(247,148,29,.28);border-radius:6px;box-shadow:inset 0 0 40px rgba(247,148,29,.07),0 0 0 6px rgba(0,0,0,.25)}
  .sl-door::after{content:"";position:absolute;inset:0;
    background:
      linear-gradient(rgba(247,148,29,.55),rgba(247,148,29,.55)) 0 14%/100% 2px no-repeat,
      linear-gradient(rgba(247,148,29,.55),rgba(247,148,29,.55)) 0 86%/100% 2px no-repeat,
      radial-gradient(circle,#6d6660 0 2px,transparent 3px) 4% 0/16px 72px repeat-y,
      radial-gradient(circle,#6d6660 0 2px,transparent 3px) 96% 0/16px 72px repeat-y}
  #siteLaunchOverlay.unveiling .site-launch-gate{opacity:1}

  .sl-gate-lock{position:absolute;left:50%;top:50%;z-index:5;width:clamp(170px,27vw,250px);aspect-ratio:1;margin:calc(clamp(170px,27vw,250px)/-2) 0 0 calc(clamp(170px,27vw,250px)/-2);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2b221d,#0c0908 70%);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 90px rgba(0,0,0,.7),0 0 70px rgba(247,148,29,.35),inset 0 0 40px rgba(0,0,0,.6);opacity:0;transform:scale(.4)}
  .sl-gate-lock::before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#f7941d,#ffd08a,#f15a29,transparent 70%);-webkit-mask:radial-gradient(circle,transparent 64%,#000 65%);mask:radial-gradient(circle,transparent 64%,#000 65%);animation:slSpinSlow 3s linear infinite}
  .sl-gate-lock::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(255,255,255,.2)}
  #siteLaunchOverlay .sl-gate-lock img,html.dark-mode #siteLaunchOverlay .sl-gate-lock img{display:block;height:52%;width:auto;filter:invert(1) hue-rotate(180deg) drop-shadow(0 0 14px rgba(247,148,29,.35))}
  .sl-gate-badge{position:absolute;left:50%;bottom:-20px;width:50px;height:50px;margin-left:-25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f7941d,#f15a29);color:#fff;font-size:1.15rem;box-shadow:0 10px 30px rgba(241,90,41,.55),0 0 0 4px #0c0908;z-index:2}
  .sl-gate-badge .fa-lock-open{display:none}
  #siteLaunchOverlay.unveiling .sl-gate-lock{animation:slLockIn 1.6s .3s cubic-bezier(.2,1.3,.3,1) forwards}
  @keyframes slLockIn{from{opacity:0;transform:scale(.4) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}
  /* ribbon cutting: ribbon is tied across the doors, scissors fly in and snip it */
  .sl-ribbon{position:absolute;left:0;right:0;top:80%;height:20px;margin-top:-10px;z-index:6;pointer-events:none}
  .sl-rb{position:absolute;top:0;height:100%;width:50%;transform:scaleX(0);background:linear-gradient(180deg,#ffa94a 0,#f7941d 22%,#ffc98a 40%,#f7941d 58%,#f15a29 80%,#b83a14 100%);border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(0,0,0,.25);filter:drop-shadow(0 5px 8px rgba(0,0,0,.45))}
  .sl-rb::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:220% 100%;animation:slRbShine 2.6s linear infinite}
  @keyframes slRbShine{from{background-position:130% 0}to{background-position:-130% 0}}
  .sl-rb-l{left:0;transform-origin:left center}
  .sl-rb-r{right:0;transform-origin:right center}
  .sl-knot{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;transform:scale(0);background:radial-gradient(circle,#fff3c4 0 14%,#f7941d 15% 38%,#f15a29 39% 60%,#c8420f 61%);box-shadow:0 0 0 3px rgba(255,255,255,.35),0 6px 20px rgba(0,0,0,.5),0 0 40px rgba(247,148,29,.6)}
  #siteLaunchOverlay.ribbon-on .sl-rb{animation:slRbDraw 1s cubic-bezier(.2,.8,.2,1) forwards}
  #siteLaunchOverlay.ribbon-on .sl-knot{animation:slKnotPop .7s .8s cubic-bezier(.2,1.5,.3,1) forwards}
  @keyframes slRbDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes slKnotPop{from{transform:scale(0)}to{transform:scale(1)}}
  .sl-sc{position:absolute;left:calc(50% - 129px);top:50%;width:230px;height:115px;margin-top:-57px;opacity:0;transform:translateX(75vw)}
  .sl-sc svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}
  .sl-sc .bl{transform-origin:90px 40px}
  .sl-sc .bl-a{transform:rotate(15deg)}
  .sl-sc .bl-b{transform:rotate(-15deg)}
  #siteLaunchOverlay.scissors-in .sl-sc{opacity:1;animation:slScIn 1.6s cubic-bezier(.3,.7,.3,1) forwards}
  #siteLaunchOverlay.scissors-in .sl-sc .bl-a{animation:slSnipA .42s ease-in-out infinite alternate}
  #siteLaunchOverlay.scissors-in .sl-sc .bl-b{animation:slSnipB .42s ease-in-out infinite alternate}
  @keyframes slScIn{0%{transform:translateX(75vw) rotate(-6deg)}85%{transform:translateX(-4px) rotate(0)}100%{transform:translateX(0) rotate(0)}}
  @keyframes slSnipA{from{transform:rotate(16deg)}to{transform:rotate(3deg)}}
  @keyframes slSnipB{from{transform:rotate(-16deg)}to{transform:rotate(-3deg)}}
  /* the cut: blades snap shut, knot pops, both halves swing down and away */
  #siteLaunchOverlay.ribbon-cut .sl-sc{opacity:1;transform:translateX(0);animation:slScOut 1.2s .15s ease-in forwards}
  #siteLaunchOverlay.ribbon-cut .sl-sc .bl-a{animation:slSnapA .14s ease-in forwards}
  #siteLaunchOverlay.ribbon-cut .sl-sc .bl-b{animation:slSnapB .14s ease-in forwards}
  @keyframes slSnapA{to{transform:rotate(-1deg)}}
  @keyframes slSnapB{to{transform:rotate(1deg)}}
  @keyframes slScOut{0%{transform:translateX(0);opacity:1}100%{transform:translate(-30vw,-18vh) rotate(-18deg);opacity:0}}
  #siteLaunchOverlay.ribbon-cut .sl-knot{animation:slKnotGone .35s ease-in forwards}
  @keyframes slKnotGone{from{transform:scale(1);opacity:1}to{transform:scale(2.2);opacity:0}}
  #siteLaunchOverlay.ribbon-cut .sl-rb-l{clip-path:polygon(0 0,100% 0,95% 100%,0 100%);animation:slRbFallL 1.5s cubic-bezier(.5,0,.9,.6) forwards}
  #siteLaunchOverlay.ribbon-cut .sl-rb-r{clip-path:polygon(5% 0,100% 0,100% 100%,0 100%);animation:slRbFallR 1.5s cubic-bezier(.5,0,.9,.6) forwards}
  @keyframes slRbFallL{0%{transform:scaleX(1) rotate(0);opacity:1}70%{opacity:1}100%{transform:scaleX(1) rotate(78deg);opacity:0}}
  @keyframes slRbFallR{0%{transform:scaleX(1) rotate(0);opacity:1}70%{opacity:1}100%{transform:scaleX(1) rotate(-78deg);opacity:0}}
  .sl-spark{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3px;border-radius:50%;background:#ffd08a;box-shadow:0 0 10px 2px #f7941d;animation:slSpark .9s ease-out forwards}
  @keyframes slSpark{to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}
  /* unlock: badge shakes, ring spins fast, icon opens */
  #siteLaunchOverlay.gate-unlock .sl-gate-lock{animation:slLockIn 0s forwards,slUnlockPop .9s ease-out}
  #siteLaunchOverlay.gate-unlock .sl-gate-lock::before{animation-duration:.6s}
  #siteLaunchOverlay.gate-unlock .sl-gate-badge{animation:slBadgeShake .5s ease-in-out}
  #siteLaunchOverlay.gate-unlock .sl-gate-badge .fa-lock{display:none}
  #siteLaunchOverlay.gate-unlock .sl-gate-badge .fa-lock-open{display:inline-block}
  @keyframes slBadgeShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-9deg)}80%{transform:rotate(6deg)}}
  @keyframes slUnlockPop{0%{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 90px rgba(0,0,0,.7),0 0 70px rgba(247,148,29,.35)}40%{transform:scale(1.1);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 30px 90px rgba(0,0,0,.7),0 0 160px 30px rgba(255,170,70,.9)}100%{transform:scale(1)}}
  /* open: lock fades out, doors swing apart, light pours through the seam */
  #siteLaunchOverlay.gate-open .sl-gate-lock{animation:slLockOut 1.6s ease-in forwards}
  @keyframes slLockOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2);filter:blur(10px)}}
  #siteLaunchOverlay.gate-open .sl-door-l{animation:slDoorL 3.4s cubic-bezier(.65,0,.2,1) .2s forwards}
  #siteLaunchOverlay.gate-open .sl-door-r{animation:slDoorR 3.4s cubic-bezier(.65,0,.2,1) .2s forwards}
  @keyframes slDoorL{0%{transform:rotateY(0)}80%{opacity:1}100%{transform:rotateY(-102deg);opacity:0}}
  @keyframes slDoorR{0%{transform:rotateY(0)}80%{opacity:1}100%{transform:rotateY(102deg);opacity:0}}
  #siteLaunchOverlay.gate-open .sl-gate-light{animation:slSeam 3.4s ease-out .2s forwards}
  @keyframes slSeam{0%{opacity:0;width:6px;margin-left:-3px}15%{opacity:1}100%{opacity:0;width:70vw;margin-left:-35vw}}
  .site-launch-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
  .sl-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;will-change:transform}
  .sl-orb-a{width:46vmax;height:46vmax;left:-12vmax;top:-14vmax;background:radial-gradient(circle,#f7941d,transparent 65%);animation:slFloatA 14s ease-in-out infinite alternate}
  .sl-orb-b{width:42vmax;height:42vmax;right:-14vmax;bottom:-16vmax;background:radial-gradient(circle,#f15a29,transparent 65%);animation:slFloatB 17s ease-in-out infinite alternate}
  .sl-orb-c{width:34vmax;height:34vmax;left:36%;top:46%;background:radial-gradient(circle,#ff7a18,transparent 65%);opacity:.38;animation:slFloatC 19s ease-in-out infinite alternate}
  @keyframes slFloatA{to{transform:translate3d(14vmax,10vmax,0) scale(1.15)}}
  @keyframes slFloatB{to{transform:translate3d(-12vmax,-8vmax,0) scale(1.2)}}
  @keyframes slFloatC{to{transform:translate3d(-14vmax,-10vmax,0) scale(.8)}}
  .sl-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 0%,transparent 72%)}
  .sl-spot{position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(255,255,255,.09),transparent 60%);transition:background .2s}
  .sl-grain{position:absolute;inset:-50%;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:slGrain 1s steps(6) infinite}
  @keyframes slGrain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-5%,-2%)}80%{transform:translate(4%,4%)}100%{transform:translate(0,0)}}

  .site-launch-stage{position:relative;z-index:5;width:min(100% - 2rem,820px);height:100%;padding:2rem;text-align:center;display:flex;align-items:center;justify-content:center}
  .site-launch-intro,.site-launch-countdown,.site-launch-logo{grid-area:1/1}
  .site-launch-intro{transition:opacity .5s ease,transform .6s cubic-bezier(.7,0,.2,1),filter .5s ease}
  .site-launch-eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.6rem;padding:.55rem 1rem .55rem .8rem;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#d4dbef;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;animation:slRise .9s .1s cubic-bezier(.2,.8,.2,1) both}
  .site-launch-eyebrow i{position:relative;width:8px;height:8px;border-radius:50%;background:#f7941d}
  .site-launch-eyebrow i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #f7941d;animation:slPing 1.8s ease-out infinite}
  @keyframes slPing{from{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}
  @keyframes slRise{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
  .site-launch-title{margin:0;color:#fff;font-size:clamp(2.5rem,8vw,6rem);font-weight:800;line-height:1.02;letter-spacing:-.055em}
  .site-launch-title .w{display:inline-block;margin:0 .12em;opacity:0;animation:slWord .9s calc(.25s + var(--i)*.12s) cubic-bezier(.2,.8,.2,1) both}
  .site-launch-title .grad{color:transparent;background:linear-gradient(100deg,#ffc16f,#ff7a18 40%,#f15a29 75%,#ffc27a);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation-name:slWord,slShift;animation-duration:.9s,5s;animation-delay:calc(.25s + var(--i)*.12s),1.2s;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-timing-function:cubic-bezier(.2,.8,.2,1),ease-in-out}
  @keyframes slWord{from{opacity:0;transform:translateY(.5em) scale(.94);filter:blur(14px)}to{opacity:1;transform:none;filter:blur(0)}}
  @keyframes slShift{to{background-position:100% 0}}
  .site-launch-subtitle{max-width:470px;margin:1.4rem auto 2.4rem;color:#a9b4cc;font-size:clamp(.92rem,2vw,1.08rem);line-height:1.75;animation:slRise 1s .75s cubic-bezier(.2,.8,.2,1) both}
  .site-launch-lets-go{--sl-a:0deg;position:relative;display:inline-flex;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 2rem;border:0;border-radius:99px;background:#fff;color:#0a0c18;font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:.16em;cursor:pointer;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;box-shadow:0 18px 60px rgba(247,148,29,.35);animation:slRise 1s 1s cubic-bezier(.2,.8,.2,1) both}
  .site-launch-lets-go::before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--sl-a),#ff7a18,#ffd166,#ffc27a,#f15a29,#ff7a18);animation:slSpin 3.5s linear infinite;filter:blur(.4px)}
  .site-launch-lets-go::after{content:"";position:absolute;inset:-3px;z-index:-2;border-radius:inherit;background:inherit;background:conic-gradient(from var(--sl-a),#ff7a18,#ffd166,#ffc27a,#f15a29,#ff7a18);filter:blur(22px);opacity:.6;animation:slSpin 3.5s linear infinite}
  @keyframes slSpin{to{--sl-a:360deg}}
  .site-launch-lets-go b{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#0a0c18;color:#fff;font-size:1.2rem;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .site-launch-lets-go:hover{transform:translateY(-3px) scale(1.04)}
  .site-launch-lets-go:hover b{transform:translateX(4px) rotate(-45deg)}
  .site-launch-lets-go:active{transform:scale(.97)}
  .site-launch-lets-go:disabled{pointer-events:none}
  .site-launch-hint{display:block;margin-top:1.4rem;color:#6e7893;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;animation:slRise 1s 1.3s both}

  .site-launch-countdown,.site-launch-logo{position:absolute;left:50%;top:50%;width:min(100%,560px);text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-42%) scale(.85);filter:blur(10px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1),filter .6s ease}
  .site-launch-countdown{display:none}
  /* loading moment between Let's Go and the countdown */
  .sl-loader{position:absolute;left:50%;top:50%;width:min(94vw,780px);transform:translate(-50%,-46%) scale(.96);opacity:0;pointer-events:none;text-align:center;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}
  #siteLaunchOverlay.loading .sl-loader{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .sl-loader-text{font-size:clamp(1.25rem,4.6vw,2.7rem);font-weight:800;letter-spacing:.04em;background:linear-gradient(180deg,#fff,#ffd9a8 55%,#f7941d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(247,148,29,.5))}
  .sl-loader-text{min-height:1.3em;white-space:nowrap}
  .sl-caret{display:inline-block;width:.09em;height:.95em;margin-left:.12em;vertical-align:-.08em;border-radius:2px;background:#f7941d;box-shadow:0 0 14px 2px rgba(247,148,29,.8);animation:slCaret .7s steps(1) infinite}
  @keyframes slCaret{0%,50%{opacity:1}51%,100%{opacity:0}}
  .sl-loader-label{font-size:.72rem;font-weight:700;letter-spacing:.5em;margin-right:-.5em;text-transform:uppercase;color:#ffcf99}
  .sl-loader-pct{margin:.5rem 0 1.4rem;font-size:clamp(3.6rem,13vw,6rem);font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#ffd9a8 55%,#f7941d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px rgba(247,148,29,.45))}
  .sl-loader-pct small{font-size:.32em;font-weight:700;margin-left:.15em;-webkit-text-fill-color:#f7941d;color:#f7941d}
  .sl-loader-bar{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
  .sl-loader-bar i{position:absolute;inset:0;width:100%;transform-origin:left center;transform:scaleX(0);border-radius:inherit;background:linear-gradient(90deg,#f15a29,#f7941d,#ffd08a);box-shadow:0 0 18px 2px rgba(247,148,29,.8)}
  .sl-loader-bar i::after{content:"";position:absolute;top:0;bottom:0;width:60px;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));filter:blur(3px)}
  .sl-loader-status{margin-top:1.1rem;min-height:1.2em;font-size:.82rem;letter-spacing:.14em;color:rgba(255,255,255,.6)}
  .sl-loader-load{margin-top:1.6rem;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
  #siteLaunchOverlay.sl-loading .sl-loader-load{opacity:1;transform:none}
  .sl-loader-text{transition:transform .7s cubic-bezier(.2,.8,.2,1),font-size .5s}
  #siteLaunchOverlay.sl-loading .sl-loader-text{transform:scale(.62);transform-origin:center top;margin-bottom:-1.1rem;opacity:.85}
  #siteLaunchOverlay.sl-loading .sl-caret{display:none}
  #siteLaunchOverlay.loading .site-launch-intro{opacity:0;transform:translateY(-24px) scale(.96);filter:blur(10px);pointer-events:none}
  #siteLaunchOverlay.countdown-active .sl-loader{opacity:0;transform:translate(-50%,-56%) scale(1.06);filter:blur(10px)}
  #siteLaunchOverlay.countdown-active .site-launch-intro{opacity:0;transform:translateY(-24px) scale(.96);filter:blur(10px);pointer-events:none}
  #siteLaunchOverlay.countdown-active .site-launch-countdown{display:block;opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
  .site-launch-count-label{display:block;margin-bottom:1.6rem;color:#a9b4cc;font-size:.72rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase}
  .site-launch-dial{position:relative;display:grid;width:clamp(210px,46vw,300px);aspect-ratio:1;margin:auto;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.015) 70%);box-shadow:inset 0 1px rgba(255,255,255,.18),0 30px 100px rgba(0,0,0,.45),0 0 90px rgba(247,148,29,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .site-launch-dial svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
  .site-launch-dial circle{fill:none;stroke-width:3;stroke-linecap:round}
  .site-launch-dial .track{stroke:rgba(255,255,255,.1)}
  .site-launch-dial .prog{stroke:url(#slGrad);stroke-dasharray:565.5;stroke-dashoffset:565.5;filter:drop-shadow(0 0 8px rgba(255,138,31,.7))}
  .site-launch-dial .prog.run{animation:slRing 1.5s linear forwards}
  @keyframes slRing{to{stroke-dashoffset:0}}
  .site-launch-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);opacity:0;pointer-events:none}
  .site-launch-pulse.run{animation:slShock 1.5s ease-out}
  @keyframes slShock{from{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}
  .site-launch-digit{display:block;color:#fff;font-size:clamp(6rem,19vw,9.5rem);font-weight:800;line-height:1;letter-spacing:-.06em;text-shadow:0 0 50px rgba(255,255,255,.3);font-variant-numeric:tabular-nums}
  .site-launch-digit.tick{animation:siteLaunchDigit .65s cubic-bezier(.18,.85,.25,1.15)}
  @keyframes siteLaunchDigit{0%{opacity:0;transform:translateY(40px) scale(.6) rotateX(-70deg);filter:blur(14px)}100%{opacity:1;transform:none;filter:blur(0)}}
  .site-launch-countdown small{display:block;margin-top:1.8rem;color:#c6ccda;font-size:.82rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}

  .site-launch-logo{transform:translate(-50%,-40%) scale(.8)}
  .site-launch-rings{position:absolute;left:50%;top:38%;width:0;height:0;pointer-events:none}
  .site-launch-rings i{position:absolute;left:0;top:0;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;border:1.5px solid rgba(247,148,29,.7);opacity:0;transform:scale(.2)}
  .site-launch-rings i:nth-child(2){border-color:rgba(241,90,41,.6)}
  .site-launch-rings i:nth-child(3){border-color:rgba(255,138,31,.6)}
  .site-launch-logo-card{position:relative;display:grid;place-items:center;width:clamp(210px,50vw,320px);margin:0 auto 1.8rem;padding:1.6rem 1.8rem;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,238,250,.92));box-shadow:0 0 0 1px rgba(255,255,255,.5),0 30px 90px rgba(0,0,0,.5),0 0 100px rgba(247,148,29,.45);overflow:hidden;clip-path:inset(0 100% 0 0 round 30px)}
  .site-launch-logo-card img{position:relative;z-index:1;display:block;width:100%;max-height:110px;height:auto;object-fit:contain}
  .site-launch-logo-card::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.95),transparent);transform:skewX(-20deg);z-index:2}
  .site-launch-logo em{display:block;margin-bottom:.8rem;color:#9da8c4;font-size:.7rem;font-style:normal;font-weight:600;letter-spacing:.3em;text-transform:uppercase;opacity:0}
  .site-launch-logo strong{display:block;color:#fff;font-size:clamp(2.2rem,7vw,4rem);font-weight:800;letter-spacing:-.05em}
  .site-launch-logo strong .w{display:inline-block;margin:0 .1em;opacity:0;transform:translateY(.6em);filter:blur(12px)}
  .site-launch-logo strong .w:last-child{color:transparent;background:linear-gradient(100deg,#ffc16f,#ff7a18 50%,#f15a29);background-clip:text;-webkit-background-clip:text}
  #siteLaunchOverlay.logo-revealed .site-launch-countdown{opacity:0;transform:translate(-50%,-60%) scale(1.25);filter:blur(14px)}
  #siteLaunchOverlay.logo-revealed .site-launch-logo{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0);transition-delay:.1s}
  #siteLaunchOverlay.logo-revealed .site-launch-logo-card{animation:slWipe 1s .25s cubic-bezier(.7,0,.2,1) forwards}
  #siteLaunchOverlay.logo-revealed .site-launch-logo-card::after{animation:slShine 1.1s 1.05s ease-in-out}
  #siteLaunchOverlay.logo-revealed .site-launch-logo em{animation:slRise .9s 1s both}
  #siteLaunchOverlay.logo-revealed .site-launch-logo strong .w{animation:slWord .9s calc(1.1s + var(--i)*.15s) cubic-bezier(.2,.8,.2,1) forwards}
  #siteLaunchOverlay.logo-revealed .site-launch-rings i{animation:slRingOut 2s cubic-bezier(.2,.7,.3,1) forwards}
  #siteLaunchOverlay.logo-revealed .site-launch-rings i:nth-child(2){animation-delay:.2s}
  #siteLaunchOverlay.logo-revealed .site-launch-rings i:nth-child(3){animation-delay:.4s}
  @keyframes slWipe{to{clip-path:inset(0 0 0 0 round 30px)}}
  @keyframes slShine{to{left:130%}}
  @keyframes slRingOut{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(4)}}
  .site-launch-confetti{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none}
  .site-launch-confetti i{position:absolute;left:50%;top:42%;width:8px;height:8px;border-radius:50%;opacity:0;animation:slBurst 1.6s cubic-bezier(.1,.7,.3,1) forwards}
  .site-launch-confetti i:nth-child(3n){width:5px;height:14px;border-radius:3px}
  @keyframes slBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.4) rotate(0)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--rot))}}
  /* extra modern layers */
  .sl-chips{position:absolute;inset:0;pointer-events:none}
  .sl-chip{position:absolute;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#cfd6ea;font-size:.74rem;font-weight:600;letter-spacing:.06em;box-shadow:0 20px 50px rgba(0,0,0,.35);animation:slBob 6s ease-in-out infinite alternate,slRise 1s both}
  .sl-chip::before{content:"";display:inline-block;width:7px;height:7px;margin-right:.55rem;border-radius:50%;background:var(--c,#ff8a1f);box-shadow:0 0 10px var(--c,#ff8a1f)}
  @keyframes slBob{to{transform:translateY(-16px) rotate(1.5deg)}}
  .sl-chip:nth-child(1){left:7%;top:24%;--c:#ff8a1f;animation-delay:0s,1.3s}
  .sl-chip:nth-child(2){right:8%;top:30%;--c:#ffc27a;animation-delay:-2s,1.5s}
  .sl-chip:nth-child(3){left:12%;bottom:24%;--c:#f15a29;animation-delay:-4s,1.7s}
  .sl-chip:nth-child(4){right:11%;bottom:20%;--c:#f7941d;animation-delay:-1s,1.9s}
  .sl-marquee{position:absolute;left:0;right:0;bottom:0;overflow:hidden;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(to top,rgba(10,8,7,.7),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
  .sl-marquee div{display:flex;gap:3rem;width:max-content;color:#6e7893;font-size:.72rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;animation:slMarq 22s linear infinite}
  @keyframes slMarq{to{transform:translateX(-50%)}}
  .sl-ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.09);font-size:clamp(18rem,60vw,42rem);font-weight:800;line-height:1;letter-spacing:-.08em;pointer-events:none;z-index:-1;opacity:0;transition:opacity .6s}
  #siteLaunchOverlay.countdown-active .sl-ghost{opacity:1}
  .sl-ghost.tick{animation:slGhost 1s ease-out}
  @keyframes slGhost{from{transform:translate(-50%,-50%) scale(1.25);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
  .site-launch-dial::before{content:"";position:absolute;inset:-14px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.22) 0 .6deg,transparent .6deg 6deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 67%,transparent 68%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 67%,transparent 68%);animation:slSpinSlow 18s linear infinite}
  .site-launch-dial::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 40px #f15a29;top:-6px;left:calc(50% - 6px);transform-origin:6px calc(clamp(210px,46vw,300px)/2 + 6px);animation:slSpinSlow 3s linear infinite}
  @keyframes slSpinSlow{to{transform:rotate(360deg)}}
  .site-launch-rays{position:absolute;left:50%;top:38%;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(255,200,120,.16) 0 4deg,transparent 4deg 18deg);-webkit-mask:radial-gradient(circle,#000 0%,transparent 62%);mask:radial-gradient(circle,#000 0%,transparent 62%)}
  #siteLaunchOverlay.logo-revealed .site-launch-rays{opacity:1;transition:opacity 1.2s .3s;animation:slSpinSlow 24s linear infinite}
  /* Dark theme inverts the whole page with a filter; cancel it for the launch screen
     so it looks identical (dark + orange, white logo tile) in both themes. */
  html.dark-mode #siteLaunchOverlay{filter:invert(1) hue-rotate(180deg)}
  html.dark-mode #siteLaunchOverlay img,html.dark-mode #siteLaunchOverlay svg{filter:none}
  /* brand build-up: B mark first, then the name letter by letter */
  .site-launch-logo{width:min(100vw - 2rem,880px)}
  .sl-brand{position:relative;display:flex;align-items:center;justify-content:center}
  .sl-brand{--h:clamp(74px,12.5vw,132px);position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 34px rgba(247,148,29,.28))}
  /* same look as the navbar logo: black parts become white, orange stays orange */
  #siteLaunchOverlay .sl-brand img,html.dark-mode #siteLaunchOverlay .sl-brand img{display:block;height:var(--h);width:auto;max-width:none;filter:invert(1) hue-rotate(180deg)}
  .sl-mark{flex:none;opacity:0;transform:scale(.2) rotate(-25deg)}
  #siteLaunchOverlay.logo-revealed .sl-mark{animation:slMarkPop 1.6s .3s cubic-bezier(.2,1.35,.3,1) forwards}
  @keyframes slMarkPop{0%{opacity:0;transform:scale(.2) rotate(-25deg)}60%{opacity:1}100%{opacity:1;transform:scale(1) rotate(0)}}
  .sl-text{position:relative;flex:none;max-width:0;overflow:hidden;transition:max-width 2.8s cubic-bezier(.6,0,.2,1)}
  #siteLaunchOverlay.brand-expand .sl-text{max-width:calc(var(--h)*2.82)}
  .sl-text img{opacity:0;transition:opacity .7s}
  #siteLaunchOverlay.scr-done .sl-text img{opacity:1}
  /* name is typed in with a scramble effect, then crossfades into the real logo text */
  .sl-scr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--h)*.12);font-family:Impact,'Arial Black','Segoe UI',sans-serif;font-weight:900;color:#fff;white-space:nowrap;line-height:1;transition:opacity .6s}
  .sl-scr .l1{font-size:calc(var(--h)*.34);letter-spacing:.03em;text-transform:uppercase}
  .sl-scr .l2{font-size:calc(var(--h)*.15);letter-spacing:.5em;margin-right:-.5em}
  .sl-scr .or{color:#f7941d}
  .sl-scr b{font-weight:inherit;display:inline-block;min-width:.55em;text-align:center}
  .sl-scr b.go{animation:slChar .35s ease-out}
  .sl-scr b.on{text-shadow:0 0 18px rgba(247,148,29,.8)}
  @keyframes slChar{0%{transform:translateY(-35%);opacity:.3;filter:blur(2px)}100%{transform:none;opacity:1;filter:none}}
  #siteLaunchOverlay.scr-done .sl-scr{opacity:0}
  /* LAUNCH moment: screen shake + shockwave rings + rocket */
  @keyframes slShake{0%,100%{translate:0 0}10%{translate:-9px 5px}20%{translate:8px -6px}30%{translate:-7px -4px}42%{translate:6px 6px}55%{translate:-4px 3px}70%{translate:3px -2px}85%{translate:-2px 1px}}
  #siteLaunchOverlay.shake .site-launch-stage{animation:slShake 1.1s linear}
  .sl-shock{position:absolute;left:50%;top:50%;z-index:3;width:min(26vmin,220px);aspect-ratio:1;margin:calc(min(26vmin,220px)/-2) 0 0 calc(min(26vmin,220px)/-2);border-radius:50%;pointer-events:none;opacity:0;border:3px solid #ffb25c;box-shadow:0 0 40px 6px rgba(247,148,29,.6),inset 0 0 40px 4px rgba(247,148,29,.45)}
  #siteLaunchOverlay.shock .sl-shock{animation:slShock 2.2s cubic-bezier(.15,.7,.3,1) forwards}
  #siteLaunchOverlay.shock .sl-shock.s2{animation-delay:.3s;border-color:#f15a29}
  @keyframes slShock{0%{opacity:1;transform:scale(.15);border-width:10px}100%{opacity:0;transform:scale(11);border-width:1px}}
  .sl-rocket{position:absolute;left:50%;bottom:-170px;z-index:4;width:56px;margin-left:-28px;opacity:0;pointer-events:none;will-change:transform}
  .sl-rocket svg{display:block;width:100%;height:auto;overflow:visible}
  .sl-rocket::before{content:"";position:absolute;left:50%;top:84%;width:16px;height:70vh;margin-left:-8px;border-radius:50%;background:linear-gradient(rgba(255,190,100,.85),rgba(247,148,29,.35) 30%,transparent);filter:blur(7px)}
  .sl-rocket .flame{transform-origin:30px 90px;animation:slFlame .12s ease-in-out infinite alternate}
  @keyframes slFlame{from{transform:scaleY(.8) scaleX(1.05)}to{transform:scaleY(1.15) scaleX(.9)}}
  #siteLaunchOverlay.rocket .sl-rocket{opacity:1;animation:slRocket 1.5s cubic-bezier(.3,0,.75,.55) forwards}
  @keyframes slRocket{0%{transform:translate(0,0) rotate(-2deg)}15%{transform:translate(2px,-24vh) rotate(1.5deg)}45%{transform:translate(-2px,-72vh) rotate(-1deg)}100%{transform:translate(0,-140vh) rotate(0)}}
  #siteLaunchOverlay.sheet-on .sl-rocket,#siteLaunchOverlay.sheet-on .sl-shock{visibility:hidden}
  #siteLaunchOverlay svg.sl-rk{filter:none}
  /* welcome toast on the home page */
  .sl-welcome{position:fixed;left:50%;top:92px;z-index:10200;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.4rem .9rem 1rem;border-radius:999px;color:#fff;font-weight:700;letter-spacing:.02em;background:linear-gradient(135deg,rgba(20,15,12,.78),rgba(40,26,16,.7));border:1px solid rgba(255,170,80,.45);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 40px rgba(247,148,29,.3);transform:translate(-50%,-30px) scale(.9);opacity:0;pointer-events:none;max-width:calc(100vw - 2rem)}
  .sl-welcome span.em{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f7941d,#f15a29);font-size:1.15rem;flex:none}
  .sl-welcome em{font-style:normal;color:#ffb25c}
  .sl-welcome.show{animation:slWelcome 3.4s cubic-bezier(.2,.9,.3,1) forwards}
  html.dark-mode .sl-welcome{filter:invert(1) hue-rotate(180deg)}
  @keyframes slWelcome{0%{opacity:0;transform:translate(-50%,-30px) scale(.9)}12%{opacity:1;transform:translate(-50%,0) scale(1)}86%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-16px) scale(.96)}}
  .sl-sheen{position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);mix-blend-mode:overlay;pointer-events:none}
  #siteLaunchOverlay.brand-complete .sl-sheen{animation:slShine 1.3s ease-in-out}
  #siteLaunchOverlay.brand-complete .sl-brand{animation:slBrandGlow 1.6s ease-in-out infinite alternate}
  @keyframes slBrandGlow{to{filter:drop-shadow(0 0 48px rgba(247,148,29,.6))}}
  .sl-flash{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,210,140,.95),rgba(247,148,29,.45) 30%,transparent 62%)}
  #siteLaunchOverlay.countdown-active .sl-flash{animation:slFlash 1.1s ease-out}
  @keyframes slFlash{0%{opacity:1;transform:scale(.2)}100%{opacity:0;transform:scale(2.4)}}
  .sl-speed{position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;z-index:1;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(255,170,80,.24) 0 .5deg,transparent .5deg 5deg);-webkit-mask:radial-gradient(circle,transparent 10%,#000 38%,transparent 70%);mask:radial-gradient(circle,transparent 10%,#000 38%,transparent 70%);transition:opacity .8s}
  #siteLaunchOverlay.countdown-active .sl-speed{opacity:1;animation:slSpeed 6s linear infinite}
  @keyframes slSpeed{from{transform:rotate(0) scale(1)}to{transform:rotate(40deg) scale(1.3)}}
  #siteLaunchOverlay.countdown-active .site-launch-confetti i{top:50%}
  #siteLaunchOverlay.logo-revealed .site-launch-confetti i{top:42%}
  #siteLaunchOverlay.countdown-active .site-launch-dial{animation:slPunch 1.5s ease-out infinite}
  #siteLaunchOverlay.countdown-active .sl-flash.again{animation:slFlash2 1.3s ease-out}
  @keyframes slFlash2{0%{opacity:1;transform:scale(.2)}100%{opacity:0;transform:scale(2.6)}}
  .site-launch-digit.is-word{font-size:clamp(1.9rem,5.8vw,3rem);letter-spacing:.04em}
  @keyframes slPunch{0%{transform:scale(.93)}18%{transform:scale(1.04)}40%,100%{transform:scale(1)}}
  /* gradient text is only painted inside the element box: add side padding and drop the negative tracking so the digit's right edge is not clipped */
  .site-launch-digit{letter-spacing:0;padding:.04em .16em .04em .12em;background:linear-gradient(180deg,#fff 20%,#ffd08a 70%,#f7941d);background-clip:text;-webkit-background-clip:text;color:transparent!important;filter:drop-shadow(0 0 28px rgba(247,148,29,.6))}
  /* Let's Go page: aurora background + one big glowing button */
  .sl-go-wrap{position:relative;display:inline-block}
  .sl-go-rings{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
  .sl-go-rings i{position:absolute;left:0;top:0;width:min(520px,80vw);height:min(190px,30vw);margin:calc(min(190px,30vw)/-2) 0 0 calc(min(520px,80vw)/-2);border-radius:999px;border:1.5px solid rgba(247,148,29,.55);opacity:0;animation:slGoRing 3.6s cubic-bezier(.2,.6,.3,1) infinite}
  .sl-go-rings i:nth-child(2){animation-delay:1.2s}
  .sl-go-rings i:nth-child(3){animation-delay:2.4s}
  @keyframes slGoRing{0%{opacity:0;transform:scale(.45)}20%{opacity:.8}100%{opacity:0;transform:scale(1.9)}}
  .site-launch-lets-go{gap:1.6rem;padding:.8rem .8rem .8rem 3.2rem;font-size:clamp(1.1rem,3.4vw,1.7rem);letter-spacing:.2em;animation:slGoIn 1.1s .2s cubic-bezier(.2,.8,.2,1) both,slGoBreath 2.8s 1.4s ease-in-out infinite}
  .site-launch-lets-go b{width:clamp(56px,10vw,84px);height:clamp(56px,10vw,84px);font-size:clamp(1.5rem,3.6vw,2.2rem)}
  @keyframes slGoIn{from{opacity:0;transform:scale(.6);filter:blur(14px)}to{opacity:1;transform:none;filter:blur(0)}}
  @keyframes slGoBreath{0%,100%{box-shadow:0 18px 70px rgba(247,148,29,.35)}50%{box-shadow:0 18px 130px rgba(247,148,29,.8)}}
  /* ---- launch password gate: shown before LET'S GO while a password is set ---- */
  .sl-pass{display:none;flex-direction:column;align-items:center;gap:.9rem;width:min(440px,88vw);animation:slGoIn .9s .1s cubic-bezier(.2,.8,.2,1) both}
  #siteLaunchOverlay.needs-pass .sl-pass{display:flex}
  #siteLaunchOverlay.needs-pass .sl-go-wrap{display:none}
  .sl-pass-row{display:flex;align-items:center;gap:.6rem;width:100%}
  .sl-pass-row button{flex:none;width:56px;height:56px;border:0;border-radius:50%;cursor:pointer;color:#fff;font-size:1.15rem;background:linear-gradient(135deg,#ff7a18,#f15a29);box-shadow:0 16px 34px -10px rgba(241,90,41,.9);transition:transform .25s,filter .25s}
  .sl-pass-row button:hover{transform:scale(1.08)}
  .sl-pass-row button:disabled{opacity:.6;cursor:wait}
  .sl-pass input{flex:1;min-width:0;padding:1.05rem 1.5rem;border-radius:99px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font:inherit;font-size:1.1rem;letter-spacing:.2em;text-align:center;outline:none;box-shadow:0 24px 60px -24px rgba(0,0,0,.8);transition:border-color .25s,box-shadow .25s}
  .sl-pass input::placeholder{letter-spacing:.04em;color:rgba(255,255,255,.45)}
  .sl-pass input:focus{border-color:#ff7a18;box-shadow:0 0 0 4px rgba(255,122,24,.22),0 24px 60px -24px rgba(0,0,0,.8)}
  .sl-pass-err{min-height:1.3em;margin:0;font-size:.86rem;font-weight:600;color:#ff8d7a;text-align:center}
  .sl-pass.shake{animation:slPassShake .45s}
  @keyframes slPassShake{0%,100%{transform:none}20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
  .sl-pass.ok{animation:slPassOk .5s forwards}
  @keyframes slPassOk{to{opacity:0;transform:translateY(-14px) scale(.96);filter:blur(8px)}}
  @media(max-width:575px){.site-launch-stage{padding:1.25rem}.site-launch-title{letter-spacing:-.045em}.site-launch-lets-go{padding-left:1.5rem}}
  @media(prefers-reduced-motion:reduce){.sl-orb,.sl-grain,.site-launch-lets-go::before,.site-launch-lets-go::after{animation:none}#siteLaunchOverlay{transition-duration:.2s}.site-launch-confetti i{animation-duration:.5s}}

  /* mute button (top right, always reachable while the launch plays) */
  .sl-mute{position:absolute;top:18px;right:18px;z-index:30;width:46px;height:46px;display:grid;place-items:center;padding:0;border-radius:50%;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,transform .2s}
  .sl-mute:hover{background:rgba(255,255,255,.18);transform:scale(1.06)}
  .sl-mute .off{display:none}
  .sl-mute.is-muted .on{display:none}
  .sl-mute.is-muted .off{display:inline}

  /* ===== "WE'RE LIVE" banner: drops from the top when the doors open, then goes back up ===== */
  .sl-banner{position:absolute;left:50%;top:0;z-index:25;width:min(88vw,640px);transform:translate(-50%,-150%);pointer-events:none}
  .sl-banner-in{position:relative;padding-top:56px;transform-origin:50% -80px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(247,148,29,.45))}
  .sl-rope{position:absolute;top:-80px;height:136px;width:3px;border-radius:2px;background:linear-gradient(#ffe2b0,#c98a1e)}
  .sl-rope-l{left:11%}
  .sl-rope-r{right:11%}
  .sl-banner-body{position:relative;overflow:hidden;padding:1.4rem 3.2rem 1.5rem;text-align:center;background:linear-gradient(135deg,#f15a29,#f7941d 52%,#ffb25c);clip-path:polygon(0 0,100% 0,95.5% 50%,100% 100%,0 100%,4.5% 50%)}
  .sl-banner-body::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:240% 100%;animation:slRbShine 2.2s linear infinite}
  .sl-banner-t{position:relative;z-index:1;font-size:clamp(1.7rem,6.2vw,3.4rem);font-weight:900;line-height:1.1;letter-spacing:.14em;margin-right:-.14em;color:#fff;text-shadow:0 3px 0 rgba(120,40,0,.45),0 0 24px rgba(255,255,255,.35)}
  .sl-banner-s{position:relative;z-index:1;margin-top:.4rem;font-size:clamp(.6rem,1.9vw,.8rem);font-weight:600;letter-spacing:.38em;margin-right:-.38em;text-transform:uppercase;color:#fff3dc}
  #siteLaunchOverlay.banner-show .sl-banner{animation:slBannerDrop 1.2s cubic-bezier(.2,1.35,.3,1) forwards}
  #siteLaunchOverlay.banner-show .sl-banner-in{animation:slBannerSway 2.2s ease-in-out 1.1s infinite alternate}
  #siteLaunchOverlay.banner-hide .sl-banner{animation:slBannerUp .9s cubic-bezier(.6,0,.9,.4) forwards}
  @keyframes slBannerDrop{from{transform:translate(-50%,-150%)}to{transform:translate(-50%,0)}}
  @keyframes slBannerUp{from{transform:translate(-50%,0)}to{transform:translate(-50%,-150%)}}
  @keyframes slBannerSway{from{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}

  /* big screens / TVs at 100% scaling: scale the whole launch stage up so it does not look tiny */
  @media (min-width:2200px){.site-launch-stage{zoom:1.6}.sl-mute{zoom:1.6}}
  @media (min-width:3000px){.site-launch-stage{zoom:2.2}.sl-mute{zoom:2.2}}