@font-face{
  font-family:'spaceman';
  src:url('./spaceman.ttf') format('truetype');
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

*{box-sizing:border-box;margin:0;padding:0}

:root{
  --logo:#c83838;
  --logo-2:#e05252;
  --logo-3:#7f2424;
  --logo-soft:rgba(200,56,56,.105);
  --logo-line:rgba(200,56,56,.38);

  --bg:#080809;
  --bg-2:#0c0c0e;
  --bg-3:#121215;
  --surface:#16161a;
  --surface-2:#1d1d22;

  --text:#e8e8ec;
  --silver:#9a9aaa;
  --silver-2:#c2c2d0;
  --silver-3:#dcdce8;
  --muted:#5f5f6e;
  --muted-2:#3f3f4d;

  --line:rgba(255,255,255,.06);
  --line-2:rgba(255,255,255,.12);
  --line-soft:rgba(255,255,255,.02);
  --lcd:#49778e;

  --display:'Bebas Neue','Barlow Condensed','Inter',sans-serif;
  --cond:'Barlow Condensed','Inter',sans-serif;
  --body:'Barlow','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;

  --page:1180px;
  --pad:clamp(24px,4vw,56px);
  --nav-h:64px;

  /* Custom Easing for high-end DAW physics */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --bg-glow-x: 50%;
  --bg-glow-y: 12%;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--nav-h) + 42px);
  background:#050506;
}

body{
  min-height:100vh;
  background:#050506;
  color:var(--text);
  font-family:var(--body);
  font-weight:300;
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--bg-glow-x) var(--bg-glow-y), rgba(200,56,56,.07), transparent 45vw),
    radial-gradient(circle at 80% 80%, rgba(73,119,142,.03), transparent 40vw),
    linear-gradient(180deg,#060607 0%,#09090b 100%);
  transition: background 1.5s var(--ease-out-expo);
}

/* Elegant high-fidelity hardware matte finish overlay */
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.15;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");
}

body.sq-modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{border:0}

.sq-scroll-meter{
  position:fixed;
  left:0;
  top:0;
  z-index:650;
  width:100%;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--logo),rgba(73,119,142,.8));
  transform:scaleX(0);
  transform-origin:left;
  transition: transform 0.1s linear;
}

/* NAV */
.sq-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  height:var(--nav-h);
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),
    rgba(5,5,5,.46);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:none;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}

body.sq-scrolled .sq-nav{
  border-color:rgba(255,255,255,.06);
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 44%),
    rgba(5,5,5,.82);
  box-shadow:0 18px 54px rgba(0,0,0,.34);
}

.sq-nav::after{
  content:'';
  position:absolute;
  left:50%;
  right:auto;
  bottom:-1px;
  width:min(var(--page), calc(100% - (var(--pad) * 2)));
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(73,119,142,.28),transparent);
  opacity:0;
  transform:translateX(-50%);
  transition:opacity .22s ease;
}

body.sq-scrolled .sq-nav::after{opacity:1}

.sq-nav-inner{
  width:min(var(--page), calc(100% - (var(--pad) * 2)));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.sq-nav-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.sq-logo{
  display:flex;
  align-items:center;
  gap:0px;
  min-width:0;
  font-family:'spaceman',var(--display);
  color:var(--text);
  font-size:13px;
  font-weight:300;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
}

.sq-logo span{color:var(--logo)}

.sq-nav-links{
  display:flex;
  align-items:center;
  gap:32px;
  list-style:none;
}

.sq-nav-links a{
  position:relative;
  padding:4px 0;
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:color .25s var(--ease-out-expo);
}

.sq-nav-links a::after {
  content:'';
  position:absolute;
  left:50%;
  bottom:-4px;
  width:0;
  height:1px;
  background:var(--logo);
  transform:translateX(-50%);
  transition:width .25s var(--ease-out-expo);
}

.sq-nav-links a:hover{color:var(--silver-2)}
.sq-nav-links a:hover::after{width:100%}

.sq-nav-links a[data-join-discord]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border:1px solid rgba(88,101,242,.78);
  background:rgba(88,101,242,.08);
  color:#dfe3ff;
  font-weight:900;
  box-shadow:0 8px 20px rgba(88,101,242,.08);
  transition:background .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo),color .25s var(--ease-out-expo),box-shadow .25s var(--ease-out-expo),transform .15s ease;
}

.sq-nav-links a[data-join-discord]::after{
  display:none;
}

.sq-nav-links a[data-join-discord]:hover{
  border-color:#5865f2;
  background:#5865f2;
  color:#fff;
  box-shadow:0 12px 30px rgba(88,101,242,.24);
  transform:translateY(-1px);
}

/* BUTTON INTERACTION STYLES */
.sq-btn,
.sq-nav-cta,
.sq-btn-primary,
.sq-btn-ghost,
.sq-btn-price{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 24px;
  cursor:pointer;
  border:1px solid var(--logo);
  background:rgba(200,56,56,0);
  color:#fff;
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.17em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo),color .25s var(--ease-out-expo),box-shadow .25s var(--ease-out-expo),transform .15s ease;
}

.sq-btn::before,
.sq-nav-cta::before,
.sq-btn-primary::before,
.sq-btn-ghost::before,
.sq-btn-price::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.17) 45%,transparent 58%);
  transform:translateX(-130%);
  transition:transform .55s var(--ease-out-expo);
}

.sq-btn::after,
.sq-nav-cta::after,
.sq-btn-primary::after,
.sq-btn-ghost::after,
.sq-btn-price::after{
  content:'';
  position:absolute;
  left:9px;
  right:9px;
  bottom:7px;
  height:1px;
  background:rgba(255,255,255,.22);
  opacity:0;
  transform:scaleX(.35);
  transform-origin:left;
  transition:opacity .18s ease,transform .18s ease;
}

.sq-btn:hover,
.sq-nav-cta:hover,
.sq-btn-primary:hover,
.sq-btn-price:hover{
  color:#fff;
  background:var(--logo);
  box-shadow:0 12px 30px rgba(200,56,56,.22);
  transform:translateY(-1px);
}

.sq-btn:hover::before,
.sq-nav-cta:hover::before,
.sq-btn-primary:hover::before,
.sq-btn-ghost:hover::before,
.sq-btn-price:hover::before{transform:translateX(130%)}

.sq-btn:hover::after,
.sq-nav-cta:hover::after,
.sq-btn-primary:hover::after,
.sq-btn-ghost:hover::after,
.sq-btn-price:hover::after{opacity:.62;transform:scaleX(1)}

.sq-btn:active,
.sq-nav-cta:active,
.sq-btn-primary:active,
.sq-btn-price:active{
  transform:translateY(1px);
}

.sq-btn-ghost{
  color:var(--silver);
  border-color:var(--line-2);
}

.sq-nav-legacy{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.035);
  color:var(--silver-3);
  padding-inline:16px;
  letter-spacing:.12em;
}

.sq-nav-legacy:hover{
  border-color:var(--logo);
  background:rgba(200,56,56,.08);
  color:#fff;
  box-shadow:0 12px 30px rgba(200,56,56,.14);
}

.sq-btn-ghost:hover{
  color:var(--text);
  border-color:var(--logo);
  background:rgba(200,56,56,.05);
  transform:translateY(-1px);
}

/* HERO */
.sq-hero{
  min-height:calc(100svh - 42px); /* Frames ticker perfectly at standard folds */
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  padding:clamp(120px,14vh,160px) var(--pad) clamp(100px,10vh,120px);
  border-bottom:1px solid var(--line);
}

.sq-hero-inner{
  width:min(var(--page),100%);
  margin-inline:auto;
  position:relative;
  z-index:2;
}

.sq-hero-eyebrow,
.sq-label{
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  max-width:100%;
  color:var(--logo);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.sq-hero-eyebrow::before,
.sq-label::before{
  content:'';
  width:32px;
  height:1px;
  background:var(--logo);
}

.sq-hero-eyebrow{
  margin-bottom:32px;
  animation: sqEntranceTrack 0.8s var(--ease-out-expo) both;
}

.sq-hero-title{
  max-width:920px;
  color:var(--text);
  font-family:var(--display);
  font-size:clamp(66px,10.7vw,132px);
  font-weight:400;
  line-height:.85;
  letter-spacing:.01em;
  text-transform:uppercase;
  animation: sqEntranceTrack 0.95s var(--ease-out-expo) 0.1s both;
}

.sq-hero-title em{
  font-style:normal;
  color:transparent;
  -webkit-text-stroke:1px rgba(220,220,232,.25);
  text-stroke:1px rgba(220,220,232,.25);
}

/* SOUND WORD GLITCH/ECHO MOTION */
.sq-sound-word{
  position:relative;
  display:inline-block;
  color:var(--logo);
  text-shadow:0 0 32px rgba(200,56,56,.18);
  animation:sqSoundJolt 4s linear infinite;
}

.sq-sound-word::before,
.sq-sound-word::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  z-index:-1;
  color:transparent;
  -webkit-text-stroke:1px rgba(200,56,56,.58);
  text-stroke:1px rgba(200,56,56,.58);
  opacity:0;
  pointer-events:none;
  filter:blur(0);
  transform:scale(1);
  animation:sqSoundEcho 4s linear infinite;
}

.sq-sound-word::after{
  -webkit-text-stroke:1px rgba(73,119,142,.28);
  text-stroke:1px rgba(73,119,142,.28);
  animation-delay:2.07s;
}

@keyframes sqSoundEcho{
  0%,73%{opacity:0;transform:scale(1);filter:blur(0)}
  75%{opacity:.86;transform:scale(1.006);filter:blur(0)}
  82%{opacity:.24;transform:scale(1.075);filter:blur(1.4px)}
  91%{opacity:.07;transform:scale(1.15);filter:blur(3px)}
  100%{opacity:0;transform:scale(1.22);filter:blur(5px)}
}

@keyframes sqSoundJolt{
  0%,73%{transform:translate3d(0,0,0);filter:blur(0);text-shadow:0 0 32px rgba(200,56,56,.18)}
  74.6%{transform:translate3d(-3px,1px,0);filter:none;text-shadow:-2px 0 var(--logo), 2px 0 var(--lcd)}
  75.4%{transform:translate3d(3px,-1px,0);filter:none}
  76.5%{transform:translate3d(-1px,0,0);filter:none}
  78%,100%{transform:translate3d(0,0,0);filter:blur(0);text-shadow:0 0 32px rgba(200,56,56,.18)}
}

.sq-hero-bottom{
  display:grid;
  grid-template-columns:minmax(0,560px) auto;
  gap:48px;
  align-items:end;
  justify-content:space-between;
  margin-top:48px;
  animation: sqEntranceTrack 1.1s var(--ease-out-expo) 0.2s both;
}

.sq-hero-sub{
  max-width:560px;
  color:var(--silver);
  font-size:15px;
  font-weight:300;
  line-height:1.8;
}

.sq-hero-sub strong{
  color:var(--text);
  font-weight:600;
}

.sq-hero-cta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
}

.sq-action-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  flex-wrap:wrap;
}

.sq-hero-stat-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:9px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.sq-hero-stat-row strong{color:var(--silver-2);font-weight:600}

/* HERO SCROLL CUE ABOVE TICKER */
.sq-hero-scroll-cue{
  position:absolute;
  left:50%;
  bottom:16px;
  z-index:5;
  width:min(var(--page), calc(100% - (var(--pad) * 2)));
  height:44px;
  display:grid;
  grid-template-columns:minmax(34px,1fr) auto minmax(34px,1fr);
  align-items:center;
  gap:18px;
  transform:translateX(-50%);
  color:var(--muted);
  font-family:var(--mono);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none;
  transition:color .25s var(--ease-out-expo), opacity .25s var(--ease-out-expo);
}

.sq-hero-scroll-cue::before,
.sq-hero-scroll-cue::after{
  content:'';
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.145));
}

.sq-hero-scroll-cue::after{
  background:linear-gradient(90deg,rgba(255,255,255,.145),transparent);
}

.sq-hero-scroll-cue:hover{
  color:var(--silver-2);
}

.sq-scroll-cue-core{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  white-space:nowrap;
}

.sq-scroll-cue-diamond{
  width:7px;
  height:7px;
  flex:0 0 7px;
  background:var(--logo);
  box-shadow:0 0 16px rgba(200,56,56,.48);
  transform:rotate(45deg);
  animation:sqCueDiamond 1.65s ease-in-out infinite;
}

.sq-scroll-cue-arrow{
  position:relative;
  display:inline-block;
  width:8px;
  height:8px;
  border-right:1px solid var(--logo-2);
  border-bottom:1px solid var(--logo-2);
  transform:rotate(45deg) translateY(-1px);
  opacity:.9;
  animation:sqCueArrow 1.65s ease-in-out infinite;
}

@keyframes sqCueDiamond{
  0%,100%{opacity:.62;filter:brightness(.92)}
  50%{opacity:1;filter:brightness(1.2)}
}

@keyframes sqCueArrow{
  0%,100%{opacity:.48;transform:rotate(45deg) translate(-1px,-2px)}
  50%{opacity:1;transform:rotate(45deg) translate(2px,1px)}
}

/* INDEX HERO + WEBGL DESIGN PORT */
#bg-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  display:block;
  background:#050505;
  visibility:hidden;
  opacity:0;
  transition:opacity .85s var(--ease-out-expo), visibility 0s linear .85s;
}

body.sq-webgl-ready #bg-canvas{
  visibility:visible;
  opacity:.82;
  transition-delay:0s;
}

.sq-webgl-noise{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  visibility:hidden;
  opacity:0;
  mix-blend-mode:screen;
  background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48ZmlsdGVyIGlkPSJnoj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC42NSIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNnKSIgb3BhY2l0eT0iMC4wNSIvPjwvc3ZnPg==');
  transition:opacity .85s var(--ease-out-expo), visibility 0s linear .85s;
}

body.sq-webgl-ready .sq-webgl-noise{
  visibility:visible;
  opacity:.18;
  transition-delay:0s;
}

.sq-webgl-shade{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  visibility:hidden;
  opacity:0;
  background:
    radial-gradient(ellipse at 58% 38%, rgba(255,255,255,.02) 0%, rgba(5,5,5,.14) 38%, rgba(5,5,5,.74) 100%),
    linear-gradient(180deg, rgba(5,5,5,.24) 0%, rgba(5,5,5,.50) 48%, rgba(5,5,5,.88) 100%);
  transition:opacity .85s var(--ease-out-expo), visibility 0s linear .85s;
}

body.sq-webgl-ready .sq-webgl-shade{
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}

.sq-canvas-shield{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  visibility:visible;
  opacity:1;
  background:#050506;
  transition:
    opacity .65s var(--ease-out-expo) .12s,
    visibility 0s linear .77s;
}

body.sq-webgl-ready .sq-canvas-shield{
  visibility:hidden;
  opacity:0;
}

body > :not(#bg-canvas):not(.sq-webgl-noise):not(.sq-webgl-shade):not(.sq-canvas-shield){
  position:relative;
  z-index:2;
}

body > .sq-nav{
  position:fixed;
  z-index:100;
}

body > .sq-scroll-meter{
  position:fixed;
  z-index:650;
}

body > .sq-modal{
  position:fixed!important;
  z-index:1000!important;
}

.sq-hero{
  height:100vh;
  height:100dvh;
  min-height:0;
  align-items:center;
  text-align:center;
  overflow:hidden;
  justify-content:center;
  padding:calc(var(--nav-h) + clamp(42px,7vh,42px)) var(--pad) clamp(124px,14vh,168px);
  background:transparent;
}

.sq-hero::before,
.sq-hero::after{
  display:none!important;
}

.sq-hero > *{
  margin-left:auto;
  margin-right:auto;
}

.sq-sound-blur{
  position:absolute;
  left:50%;
  top:47%;
  width:min(760px,78vw);
  height:min(220px,24vw);
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse at center, rgba(200,56,56,.13), transparent 64%),
    radial-gradient(ellipse at center, rgba(73,119,142,.06), transparent 72%);
  filter:blur(22px);
  opacity:.5;
  animation:sqSoundGlow 4s linear 2.15s infinite;
}

.sq-hero-tag{
  position:relative;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:0 auto clamp(16px,2.4vh,24px);
  padding:6px 14px;
  border:1px solid var(--logo-3);
  background:rgba(8,8,9,.24);
  color:var(--logo);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 0 34px rgba(200,56,56,.035);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sq-hero-tag-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--logo);
  box-shadow:0 0 14px rgba(200,56,56,.7);
  animation:sqDotPulse 2s ease-in-out infinite;
}

.sq-hero-h1{
  position:relative;
  z-index:3;
  max-width:1120px;
  margin:0 auto;
  color:var(--text);
  font-family:var(--display);
  font-size:clamp(64px,10.8vw,156px);
  font-weight:900;
  line-height:.82;
  letter-spacing:0;
  text-align:center;
  text-transform:uppercase;
  text-shadow:
    0 1px 0 rgba(255,255,255,.025),
    0 2px 4px rgba(0,0,0,.76);
}

.sq-hero-product{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  margin:0;
  pointer-events:none;
  opacity:0;
  transform:none;
  filter:none;
}

.sq-hero-product.sq-reveal{
  transform:none;
}

.sq-hero-product.sq-reveal.sq-in{
  opacity:1;
  transform:none;
}

.sq-hero-product::before{
  display:none;
  content:none;
}

.sq-hero-product::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(5,5,6,.08) 0%,rgba(5,5,6,.56) 72%,rgba(5,5,6,.88) 100%),
    linear-gradient(180deg,rgba(5,5,6,.68) 0%,rgba(5,5,6,.26) 34%,rgba(5,5,6,.82) 100%),
    linear-gradient(90deg,rgba(5,5,6,.9) 0%,rgba(5,5,6,.38) 38%,rgba(5,5,6,.62) 100%);
}

.sq-hero-product img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:brightness(.62) saturate(1.12) contrast(1.08);
  -webkit-mask-image:none;
  mask-image:none;
}

.sq-word{
  display:block;
  position:relative;
  isolation:isolate;
  width:fit-content;
  max-width:100%;
  margin-inline:auto;
  padding-inline:.018em;
  text-align:center;
  opacity:0;
  transform:translateY(18px);
  filter:blur(5px);
  animation:sqHeroWordIn 1.12s cubic-bezier(.19,1,.22,1) forwards;
}

.sq-word-create{animation-delay:.04s;color:var(--text)}
.sq-word-sound{animation-delay:.16s}
.sq-word-anywhere{animation-delay:.28s}

.sq-your-thin{
  position:relative;
  display:inline-block;
  isolation:isolate;
  font-weight:300;
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px rgba(220,220,232,.45);
  text-stroke:1px rgba(220,220,232,.45);
  text-shadow:none;
}

.sq-your-thin::before,
.sq-your-thin::after{
  display:none;
  content:none;
}

.sq-your-thin::after{
  display:none;
  content:none;
}

.sq-word-anywhere{
  color:transparent;
  background:
    linear-gradient(
      115deg,
      rgba(90,90,104,.88) 0%,
      rgba(154,154,170,.94) 26%,
      rgba(232,232,236,.98) 48%,
      rgba(200,56,56,.88) 68%,
      rgba(73,119,142,.78) 100%
    );
  background-size:180% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  -webkit-text-stroke:0;
  text-stroke:0;
  animation-name:sqHeroWordIn,sqAnywhereGradient;
  animation-duration:1.12s,7s;
  animation-delay:.28s,1.25s;
  animation-timing-function:cubic-bezier(.19,1,.22,1),ease-in-out;
  animation-fill-mode:forwards,forwards;
  animation-iteration-count:1,infinite;
}

.sq-word-anywhere::before{
  content:'';
  position:absolute;
  inset:.02em -.035em .08em;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 52%,rgba(0,0,0,.34) 0%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.07) 74%,transparent 100%);
  filter:blur(4px);
}

.sq-word-sound{
  position:relative;
  color:var(--logo);
  text-shadow:
    0 2px 3px rgba(0,0,0,.95),
    0 10px 22px rgba(0,0,0,.82),
    0 0 34px rgba(0,0,0,.7),
    0 0 30px rgba(200,56,56,.16);
  z-index:1;
  animation-name:sqHeroWordIn,sqSoundJolt;
  animation-duration:1.12s,4s;
  animation-delay:.16s,2.15s;
  animation-timing-function:cubic-bezier(.19,1,.22,1),linear;
  animation-fill-mode:forwards,none;
  animation-iteration-count:1,infinite;
}

.sq-word-sound::before,
.sq-word-sound::after{
  content:'POWERFUL AUDIO';
  position:absolute;
  inset:0;
  z-index:-1;
  color:transparent;
  -webkit-text-stroke:1px rgba(200,56,56,.62);
  text-stroke:1px rgba(200,56,56,.62);
  opacity:0;
  pointer-events:none;
  filter:blur(0);
  transform:scale(1);
  animation:sqSoundEcho 4s linear 2.15s infinite;
}

.sq-word-sound::after{
  -webkit-text-stroke:1px rgba(73,119,142,.32);
  text-stroke:1px rgba(73,119,142,.32);
  animation-delay:2.22s;
}

@keyframes sqDotPulse{
  0%,100%{opacity:.72;transform:scale(1)}
  50%{opacity:1;transform:scale(1.35)}
}

@keyframes sqHeroWordIn{
  0%{opacity:0;transform:translateY(18px) scale(.992);filter:blur(6px)}
  78%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@keyframes sqAnywhereGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@keyframes sqSoundGlow{
  0%,72%{opacity:.42;transform:translate(-50%,-50%) scale(1);filter:blur(22px)}
  75%{opacity:.76;transform:translate(-50%,-50%) scale(1.05);filter:blur(26px)}
  86%{opacity:.38;transform:translate(-50%,-50%) scale(1.14);filter:blur(34px)}
  100%{opacity:.42;transform:translate(-50%,-50%) scale(1);filter:blur(22px)}
}

.sq-hero .sq-hero-sub{
  position:relative;
  z-index:3;
  max-width:700px;
  margin:clamp(24px,3vh,34px) auto clamp(28px,4vh,42px);
  color:var(--silver);
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.85;
}

.sq-hero-sub-text{
  padding:.03em .18em .07em;
  border-radius:2px;
  background:
    linear-gradient(180deg,transparent 0%,rgba(3,3,4,.28) 18%,rgba(3,3,4,.34) 82%,transparent 100%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  text-shadow:
    0 1px 2px rgba(0,0,0,.82),
    0 4px 10px rgba(0,0,0,.58);
}

.sq-hero .sq-hero-sub strong{
  font-family:'spaceman',var(--display);
  color:var(--text);
  font-weight:300;
  letter-spacing:.06em;
}

.sq-hero-actions{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

.sq-hero-note{
  position:relative;
  z-index:3;
  max-width:620px;
  margin:20px auto 0;
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.sq-scroll-cue{
  position:fixed;
  left:50%;
  bottom:38px;
  z-index:96;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.88;
  animation:sqScrollCueFloat 2.4s ease-in-out infinite;
  transition:opacity .24s var(--ease-out-expo), transform .24s var(--ease-out-expo);
}

body.sq-ticker-away .sq-scroll-cue{
  opacity:0;
  pointer-events:none;
  transform:translateX(-50%) translateY(14px);
  animation:none;
}

.sq-scroll-cue span{
  display:block;
  white-space:nowrap;
}

.sq-scroll-cue-icon{
  position:relative;
  width:16px;
  height:26px;
  border:1px solid rgba(154,154,170,.3);
  border-radius:999px;
  background:rgba(255,255,255,.01);
}

.sq-scroll-cue-icon::before{
  content:'';
  position:absolute;
  left:50%;
  top:6px;
  width:2px;
  height:5px;
  border-radius:999px;
  background:var(--logo);
  transform:translateX(-50%);
  box-shadow:0 0 14px rgba(200,56,56,.55);
  animation:sqScrollDot 1.7s ease-in-out infinite;
}

.sq-scroll-cue-line{
  display:none;
}

@keyframes sqScrollCueFloat{
  0%,100%{transform:translateX(-50%) translateY(0);opacity:.72}
  50%{transform:translateX(-50%) translateY(6px);opacity:1}
}

@keyframes sqScrollDot{
  0%{opacity:0;transform:translateX(-50%) translateY(0)}
  18%{opacity:1}
  72%{opacity:.55;transform:translateX(-50%) translateY(9px)}
  100%{opacity:0;transform:translateX(-50%) translateY(12px)}
}

/* HIGH-CONTRAST ORANGE ACCENT TICKER */
.sq-ticker{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:95;
  overflow:hidden;
  height:18px;
  display:flex;
  align-items:center;
  border-top:1px solid rgba(8,8,9,.18);
  border-bottom:0;
  background:var(--logo);
  opacity:1;
  transform:translateY(0);
  transition:transform .24s var(--ease-out-expo), opacity .24s var(--ease-out-expo);
}

body.sq-ticker-away .sq-ticker{
  opacity:0;
  pointer-events:none;
  transform:translateY(110%);
}

.sq-ticker-inner{
  display:flex;
  width:max-content;
  gap:0;
  white-space:nowrap;
  animation:sqTickerScroll 34s linear infinite;
  transition: animation-play-state 0.3s ease;
}

.sq-ticker:hover .sq-ticker-inner{
  animation-play-state: paused;
}

@keyframes sqTickerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.sq-ticker-item{
  display:flex;
  align-items:center;
  gap:4rem;
  color:#080809;
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.sq-ticker-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(8,8,9,.46);
}

/* SHARED SECTIONS */
.sq-section{
  position:relative;
  width:min(var(--page), calc(100% - (var(--pad) * 2)));
  margin-inline:auto;
  padding:clamp(80px,10vh,120px) 0;
}

.sq-section.full{
  width:100%;
  padding-left:var(--pad);
  padding-right:var(--pad);
}

.sq-section-inner{
  width:min(var(--page),100%);
  margin-inline:auto;
}

.sq-section-title{
  max-width:780px;
  margin:24px 0 22px;
  color:var(--text);
  font-family:var(--display);
  font-size:clamp(48px,7.2vw,84px);
  font-weight:400;
  line-height:.86;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.sq-section-title em{
  color:var(--logo);
  font-style:normal;
}

.sq-section-sub{
  max-width:640px;
  color:var(--silver);
  font-size:15px;
  line-height:1.8;
}

/* STATEMENT */
.sq-statement{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  border-bottom:1px solid var(--line);
}

.sq-statement-left,
.sq-statement-right{
  padding:clamp(60px,8vw,100px) var(--pad);
}

.sq-statement-left{
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid var(--line);
}

.sq-statement-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:none;
}

.sq-big-quote{
  max-width:620px;
  color:var(--silver-2);
  font-family:var(--cond);
  font-size:clamp(24px,3.5vw,40px);
  font-weight:300;
  line-height:1.1;
  letter-spacing:.012em;
}

.sq-big-quote strong{color:var(--text);font-weight:600}

.sq-statement-body{
  color:var(--silver);
  font-size:14px;
  line-height:1.8;
  margin-bottom:32px;
}

/* SCHEMATIC SPEC GRID */
.sq-statement-spec-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  border-top:1px solid var(--line);
  padding-top:28px;
}

.sq-spec-item{
  display:flex;
  flex-direction:column;
  gap:6px;
  border-left:1px solid transparent;
  padding:6px;
  background: #00000082;
  transition: padding-left 0.3s var(--ease-out-expo), border-color 0.3s var(--ease-out-expo);
}

.sq-spec-item:hover{
  padding-left:12px;
  border-color:var(--logo-line);
}

.sq-spec-header{
  display:flex;
  align-items:center;
  gap:8px;
}

.sq-spec-index{
  color:var(--logo);
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.sq-spec-item:hover .sq-spec-index{
  color:var(--logo-2);
  text-shadow: 0 0 8px rgba(224, 82, 82, 0.4);
}

.sq-spec-name{
  color:var(--text);
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sq-spec-desc{
  color:var(--silver);
  font-size:12px;
  line-height:1.5;
}

/* UNIFIED DEEP DIVE & PACKAGE DECK (2-ENGINE ONLY) */
.sq-deck-section {
  border-bottom:1px solid var(--line);
  background:var(--bg-2);
}

.sq-package-section{
  background:var(--bg);
}

.sq-deck-header {
  text-align:center;
  margin-bottom:48px;
}

.sq-deck-header h2 {
  font-size:clamp(40px,6vw,72px);
}

/* Studio Engine Switcher (Music & Voice Engines Only) */
.sq-engine-selector {
  display:flex;
  justify-content:center;
  gap:1px;
  background:var(--line);
  padding:1px;
  max-width:480px;
  margin:0 auto 40px;
}

.sq-package-engine-selector{
  max-width:420px;
  margin:24px auto 0;
}

.sq-engine-tab {
  position:relative;
  overflow:hidden;
  flex:1;
  background:var(--bg);
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  padding:16px;
  cursor:pointer;
  text-align:center;
  transition: color 0.25s var(--ease-out-expo), background-color 0.25s var(--ease-out-expo);
}

.sq-engine-tab:hover {
  color:var(--silver-2);
}

.sq-engine-tab::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--logo);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.35s var(--ease-out-expo);
}

.sq-engine-tab.active {
  background:var(--surface);
  color:#fff;
}

.sq-engine-tab.active::after {
  transform: scaleX(1);
}

/* Engine Detail Section */
.sq-deck-layout {
  display:block;
}

.sq-deck-spec-panel {
  width:min(900px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1fr);
  gap:12px 36px;
  align-items:start;
  padding:32px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(200,56,56,.045),transparent 46%),
    rgba(8,8,9,.32);
}

/* Tab Swap transition rules */
.sq-deck-spec-panel.sq-swap,
.sq-price-grid.sq-swap {
  opacity:0;
  transform:translateY(4px);
  transition: opacity .12s var(--ease-out-expo), transform .12s var(--ease-out-expo);
}

.sq-detail-kicker {
  color:var(--logo);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.sq-detail-title {
  color:var(--text);
  font-family:var(--display);
  font-size:36px;
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.sq-detail-copy {
  color:var(--silver);
  font-size:14px;
  line-height:1.7;
}

.sq-detail-list {
  grid-column:2;
  grid-row:1 / span 3;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-left:28px;
  border-left:1px solid var(--line);
}

.sq-detail-list li {
  display:flex;
  gap:10px;
  color:var(--silver-2);
  font-size:13px;
  line-height:1.5;
  opacity:0;
  transform: translateX(-8px);
  transition: opacity 0.4s var(--ease-out-expo), transform 0.4s var(--ease-out-expo);
  transition-delay: calc(var(--i, 0) * 45ms);
}

.sq-detail-list li.sq-rendered {
  opacity: 1;
  transform: translateX(0);
}

.sq-detail-list li::before {
  content:'//';
  color:var(--logo);
  font-family:var(--mono);
  font-weight:700;
}

/* Price Cards Grid */
.sq-price-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1px;
  background:transparent;
  border:1px solid var(--line);
}

.sq-price-card {
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:36px 24px;
  background:var(--bg);
  min-height:560px;
  transform: translateY(12px) scale(0.995);
  transition: 
    transform 0.5s var(--ease-out-expo),
    background-color 0.25s var(--ease-out-expo),
    border-color 0.25s var(--ease-out-expo),
    box-shadow 0.25s var(--ease-out-expo);
  transition-delay: calc(var(--i, 0) * 70ms);
  border: 1px solid transparent;
}

.sq-price-card::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:var(--bg);
  opacity:.82;
  transition:opacity .42s var(--ease-out-expo);
  transition-delay:calc(var(--i, 0) * 70ms);
}

.sq-price-card.featured::after{
  background:var(--surface);
}

.sq-price-card.sq-rendered {
  transform: translateY(0) scale(1);
}

.sq-price-card.sq-rendered::after{
  opacity:0;
}

.sq-price-card.featured {
  background:var(--surface);
}

.sq-price-card:hover {
  border-color: var(--logo-line);
  background: var(--bg-3);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.45);
  transform: translateY(-2px);
  z-index: 2;
}

.sq-price-badge {
  position:absolute;
  top:0;
  right:0;
  padding:6px 10px;
  background:var(--logo);
  color:#fff;
  font-family:var(--mono);
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.sq-price-tier {
  margin-bottom:16px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.sq-price-row {
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:4px;
}

.sq-price-reveal {
  display:block;
  margin-bottom:8px;
  color:var(--text);
  font-family:var(--display);
  font-size:34px;
  line-height:.95;
  text-transform:uppercase;
}

.sq-package-price-status {
  width:min(520px, 100%);
  margin:22px auto 28px;
  padding:16px 18px;
  border:1px solid rgba(200,56,56,.22);
  background:rgba(8,8,9,.34);
  text-align:center;
}

.sq-package-price-status .sq-price-reveal {
  margin-bottom:7px;
}

.sq-package-price-status .sq-price-period {
  margin-bottom:0;
}

.sq-ticker-set{
  display:flex;
  align-items:center;
  gap:4rem;
  padding-right:4rem;
  flex:0 0 auto;
}

.sq-price-num {
  color:var(--text);
  font-family:var(--display);
  font-size:54px;
  line-height:.9;
}

.sq-price-num sup {
  font-family:var(--cond);
  font-size:20px;
  vertical-align:top;
}

.sq-price-old {
  color:var(--muted);
  font-family:var(--display);
  font-size:24px;
  text-decoration:line-through;
  opacity:.7;
}

.sq-price-period {
  margin-bottom:18px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.sq-price-desc {
  color:var(--silver);
  font-size:13px;
  line-height:1.6;
  margin-bottom:20px;
  min-height:48px;
}

.sq-bundle-value {
  margin-bottom:20px;
  padding:6px 8px;
  border:1px solid rgba(73,119,142,.3);
  background:rgba(73,119,142,.05);
  color:var(--silver-2);
  font-family:var(--mono);
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.sq-plan-block {
  padding:16px 0;
  border-top:1px solid var(--line);
}

.sq-plan-heading {
  margin-bottom:10px;
  color:var(--silver-3);
  font-family:var(--mono);
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.sq-plan-heading span {
  color:var(--logo-2);
}

.sq-plan-list {
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.sq-plan-list li {
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:var(--silver);
  font-size:12px;
  line-height:1.4;
}

.sq-plan-list li::before {
  content:'';
  width:4px;
  height:4px;
  margin-top:6px;
  flex:0 0 4px;
  background:var(--logo);
  transform:rotate(45deg);
}

.sq-price-action {
  margin-top:auto;
  padding-top:20px;
}

.sq-btn-price {
  width:100%;
}


/* MODULAR PRICING ADDITIONS */
.sq-price-period strong{
  color:var(--logo-2);
  font-weight:900;
}

.sq-plan-note{
  margin:14px 0 0;
  padding:12px 12px;
  border:1px solid rgba(200,56,56,.18);
  background:rgba(200,56,56,.045);
  color:var(--silver);
  font-size:11px;
  line-height:1.55;
}

.sq-plan-note strong{
  color:var(--silver-3);
  font-weight:600;
}

.sq-plan-block.sq-plan-addons{
  border-top-color:rgba(200,56,56,.18);
}

.sq-plan-block.sq-plan-addons .sq-plan-list li::before{
  background:transparent;
  border:1px solid var(--logo);
}

.sq-modular-pricing-note{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);
  gap:24px;
  padding:24px;
  border:1px solid rgba(200,56,56,.22);
  background:
    linear-gradient(180deg,rgba(200,56,56,.045),transparent 42%),
    rgba(8,8,9,.38);
}

.sq-modular-pricing-kicker{
  margin-bottom:10px;
  color:var(--logo);
  font-family:var(--mono);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  line-height:1;
  text-transform:uppercase;
}

.sq-modular-pricing-title{
  margin-bottom:8px;
  color:var(--text);
  font-family:var(--cond);
  font-size:24px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.1;
  text-transform:uppercase;
}

.sq-modular-pricing-copy{
  max-width:760px;
  color:var(--silver);
  font-size:13px;
  line-height:1.7;
}

.sq-modular-pricing-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:2px;
}

.sq-modular-pricing-list li{
  display:flex;
  gap:10px;
  color:var(--silver-2);
  font-size:12px;
  line-height:1.45;
}

.sq-modular-pricing-list li::before{
  content:'//';
  color:var(--logo);
  font-family:var(--mono);
  font-weight:900;
}

@media(max-width:900px){
  .sq-modular-pricing-note{
    grid-template-columns:1fr;
  }
}

/* CTA WITH REVISED SIGN-UP LAUNCH DIALECT */
.sq-final-cta{
  position:relative;
  padding:clamp(100px,14vh,160px) var(--pad);
  text-align:center;
  border-bottom:1px solid var(--line);
  overflow: hidden;
}

.sq-final-cta::before{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:min(600px,80vw);
  height:min(600px,80vw);
  pointer-events:none;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(200,56,56,.06) 0%,transparent 70%);
  animation:sqCtaPulse 6s ease-in-out infinite;
}

@keyframes sqCtaPulse{
  0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}
}

.sq-cta-title{
  margin-bottom:24px;
  color:var(--text);
  font-family:var(--display);
  font-size:clamp(50px,8vw,110px);
  line-height:.85;
  letter-spacing:.012em;
  text-transform:uppercase;
  position: relative;
  z-index: 2;
}

.sq-cta-title span{color:var(--logo)}

.sq-cta-sub{
  max-width:680px;
  margin:0 auto 36px;
  color:var(--silver);
  font-size:15px;
  line-height:1.75;
  position: relative;
  z-index: 2;
}

.sq-cta-sub strong{
  color:var(--text);
  font-weight:800;
}

.sq-cta-note{
  max-width:560px;
  margin:-18px auto 32px;
  color:var(--silver-2);
  font-family:var(--mono);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.6;
  text-transform:uppercase;
  position:relative;
  z-index:2;
}

.sq-cta-actions{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  position: relative;
  z-index: 2;
}

/* FOOTER */
.sq-footer{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:34px;
  padding:48px var(--pad);
  background:var(--bg-2);
}

.sq-footer-brand{
  display:inline-flex;
  align-items:center;
  gap:0;
  margin-bottom:13px;
  color:var(--text);
  font-family:'spaceman',var(--display);
  font-size:13px;
  font-weight:300;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.sq-footer-brand span{color:var(--logo)}

.sq-footer-tagline{
  max-width:290px;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}

.sq-footer-col-title{
  margin-bottom:16px;
  color:var(--logo);
  font-family:var(--mono);
  font-size:9px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.sq-footer-links{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.sq-footer-links a{
  color:var(--silver);
  font-size:13px;
  transition:color .16s ease;
}

.sq-footer-links a:hover{color:var(--text)}

.sq-footer-links a[data-join-discord]{
  color:#aeb8ff;
  font-weight:800;
}

.sq-footer-links a[data-join-discord]:hover{
  color:#eef1ff;
}

.sq-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px var(--pad);
  border-top:1px solid var(--line);
  background:var(--bg-2);
  color:var(--muted);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.sq-footer-bottom span:last-child{color:var(--logo)}

/* PREVIEW LAUNCH LIST MODAL */
.sq-modal{
  position:fixed!important;
  inset:0!important;
  z-index:1000;
  display:none;
  place-items:center;
  padding:clamp(18px,4vw,32px);
  overflow:auto;
  isolation:isolate;
}

.sq-modal.active{display:grid}

.sq-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  background:rgba(0,0,0,.8);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  transition: opacity 0.3s var(--ease-out-expo);
}

.sq-modal.active .sq-modal-backdrop{
  opacity: 1;
}

.sq-modal-panel{
  position:relative;
  z-index:1;
  width:min(520px,calc(100vw - 32px));
  max-height:calc(100dvh - 48px);
  margin:auto;
  padding:clamp(28px,4vw,38px);
  border:1px solid var(--line-2);
  background:
    linear-gradient(180deg,rgba(255,255,255,.026),transparent 34%),
    #0b0b0d;
  box-shadow:0 32px 90px rgba(0,0,0,.54);
  opacity:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  transform:translateY(14px) scale(.985);
  transition: transform 0.4s var(--ease-out-expo), opacity 0.4s var(--ease-out-expo);
}

.sq-modal.active .sq-modal-panel {
  opacity:1;
  transform:translateY(0) scale(1);
}

.sq-modal-panel::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--logo),transparent);
}

.sq-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:30px;
  height:30px;
  cursor:pointer;
  border:1px solid var(--line-2);
  background:transparent;
  color:var(--silver);
  font-size:20px;
  line-height:1;
  transition:color .15s,border-color .15s,transform .15s;
}

.sq-modal-close:hover{color:var(--text);border-color:var(--logo);transform:rotate(90deg)}

.sq-modal-kicker{
  margin-bottom:14px;
  color:var(--logo);
  font-family:var(--mono);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sq-modal-title{
  margin-bottom:14px;
  color:var(--text);
  font-family:var(--display);
  font-size:40px;
  line-height:.95;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.sq-modal-copy{
  margin-bottom:24px;
  color:var(--silver);
  font-size:14px;
  line-height:1.7;
}

.sq-beta-form{display:flex;flex-direction:column;gap:13px}
.sq-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.sq-field{display:flex;flex-direction:column;gap:7px}

.sq-field label{
  color:var(--muted);
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.sq-feature-field{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.sq-feature-field legend{
  color:var(--muted);
  font-family:var(--mono);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.25;
  text-transform:uppercase;
}

.sq-field-hint{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.sq-feature-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:4px;
}

.sq-feature-checks label{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.105);
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 55%),
    rgba(8,8,9,.72);
  color:var(--silver);
  cursor:pointer;
  font-family:var(--body);
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.25;
  text-transform:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.sq-feature-checks label::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
  opacity:.65;
  pointer-events:none;
}

.sq-feature-checks label:hover{
  border-color:rgba(200,56,56,.32);
  background:
    linear-gradient(180deg,rgba(255,255,255,.026),transparent 55%),
    rgba(14,14,17,.86);
  color:var(--silver-3);
  transform:translateY(-1px);
}

.sq-feature-checks label:has(input:checked){
  border-color:rgba(200,56,56,.72);
  background:
    linear-gradient(180deg,rgba(200,56,56,.13),rgba(200,56,56,.045)),
    #0b0b0d;
  color:var(--text);
  box-shadow:
    inset 0 0 0 1px rgba(200,56,56,.18),
    0 0 22px rgba(200,56,56,.07);
}

.sq-feature-checks input{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  width:17px;
  height:17px;
  flex:0 0 17px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.28);
  display:grid;
  place-items:center;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.sq-feature-checks input::before{
  content:'';
  width:7px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  opacity:0;
  transform:rotate(-45deg) translate(1px,-1px) scale(.7);
  transition:opacity .16s ease,transform .16s ease;
}

.sq-feature-checks input:checked{
  border-color:var(--logo-2);
  background:var(--logo);
  box-shadow:0 0 14px rgba(200,56,56,.34);
}

.sq-feature-checks input:checked::before{
  opacity:1;
  transform:rotate(-45deg) translate(1px,-1px) scale(1);
}

.sq-feature-checks input:focus-visible{
  outline:2px solid rgba(200,56,56,.58);
  outline-offset:2px;
}

.sq-feature-checks span{
  min-width:0;
}

.sq-field input,
.sq-field select{
  width:100%;
  height:44px;
  border:1px solid var(--line-2);
  background:#080809;
  color:var(--text);
  padding:0 12px;
  outline:none;
}

.sq-field input:focus,
.sq-field select:focus{
  border-color:var(--logo);
}

.sq-form-note{
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

.sq-form-status{
  min-height:20px;
  color:var(--silver);
  font-size:12px;
}

.sq-btn-discord{
  border-color:rgba(88,101,242,.78);
  color:#dfe3ff;
  font-weight:900;
}

.sq-btn-discord:hover{
  border-color:#5865f2;
  background:#5865f2;
  color:#fff;
  box-shadow:0 12px 30px rgba(88,101,242,.24);
}

.sq-discord-followup{
  display:none;
  margin-top:2px;
  padding:14px;
  border:1px solid rgba(88,101,242,.34);
  background:rgba(88,101,242,.08);
}

.sq-discord-followup.active{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.sq-discord-followup p{
  color:#dfe3ff;
  font-size:12px;
  font-weight:500;
  line-height:1.55;
}

/* REVEAL */
.sq-reveal{
  opacity:0;
  transform:translateY(14px);
  filter: blur(2px);
  transition:
    opacity 1s cubic-bezier(.19,1,.22,1),
    transform 1s cubic-bezier(.19,1,.22,1),
    filter 1s cubic-bezier(.19,1,.22,1);
  transition-delay:var(--sq-delay,0ms);
}

.sq-reveal.sq-in{
  opacity:1;
  transform:translateY(0);
  filter: blur(0);
}

/* ENTRY TRACK ANIMATION */
@keyframes sqEntranceTrack {
  from {
    opacity: 0;
    transform: translateY(24px);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* RESPONSIVE */
@media(max-width:1040px){
  .sq-nav-links{display:none}
  .sq-hero-bottom{grid-template-columns:1fr;align-items:start}
  .sq-statement{grid-template-columns:1fr}
  .sq-statement-left{border-right:0;border-bottom:1px solid var(--line)}
  .sq-deck-spec-panel{grid-template-columns:1fr;padding:28px}
  .sq-detail-list{
    grid-column:auto;
    grid-row:auto;
    padding:14px 0 0;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .sq-price-grid{grid-template-columns:1fr}
  .sq-footer{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
  :root{--pad:22px;--nav-h:62px}
  .sq-logo{font-size:11px;letter-spacing:.08em}
  .sq-nav-actions{gap:8px}
  .sq-nav-cta{min-height:38px;padding:0 14px;font-size:9px}
  .sq-hero{padding-top:94px;padding-bottom:142px}
  .sq-hero-eyebrow{margin-bottom:24px}
  .sq-hero-title{font-size:clamp(54px,18vw,90px)}
  .sq-hero-h1{font-size:clamp(58px,18vw,94px)}
  .sq-hero-bottom{margin-top:32px;gap:24px}
  .sq-hero-sub{font-size:14px}
  .sq-btn-primary,.sq-btn-ghost{width:100%;padding-inline:16px}
  .sq-section-title{font-size:clamp(40px,12vw,64px)}
  .sq-statement-left,.sq-statement-right{padding:48px var(--pad)}
  .sq-statement-spec-grid{grid-template-columns:1fr}
  .sq-footer{grid-template-columns:1fr}
  .sq-footer-bottom{flex-direction:column;align-items:flex-start}
  .sq-modal{
    padding:16px;
  }
  .sq-modal-panel{
    width:min(100%,520px);
    max-height:calc(100dvh - 32px);
    padding:28px 22px 24px;
    border:1px solid var(--line-2);
  }
  .sq-form-row{
    grid-template-columns:1fr;
  }
  .sq-feature-checks{
    grid-template-columns:1fr;
  }
  .sq-discord-followup .sq-btn-discord{
    width:100%;
  }
  .sq-modal-title{
    padding-right:42px;
    font-size:clamp(32px,10vw,40px);
  }
}

@media(max-height:640px){
  .sq-modal{
    padding-block:12px;
  }

  .sq-modal-panel{
    max-height:calc(100dvh - 24px);
  }
}

@media(max-width:720px), (max-height:760px){
  .sq-scroll-cue{
    bottom:28px;
    flex-direction:row;
    gap:6px;
    max-width:calc(100vw - 32px);
    min-height:24px;
    padding:5px 8px;
    border:1px solid rgba(154,154,170,.22);
    background:rgba(8,8,9,.68);
    backdrop-filter:blur(12px);
    font-size:7px;
    letter-spacing:.14em;
    animation:none;
  }

  .sq-scroll-cue-icon{
    width:10px;
    height:14px;
    flex:0 0 10px;
  }

  .sq-scroll-cue-icon::before{
    top:3px;
    width:2px;
    height:4px;
  }

  .sq-scroll-cue-line{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  #bg-canvas{display:none}
}

/* Keep the fixed header from clipping the oversized hero on mobile/short screens. */
@media(max-width:720px), (max-height:760px){
  .sq-hero{
    height:auto;
    min-height:100vh;
    min-height:100svh;
    justify-content:flex-start;
    overflow:visible;
    padding-top:calc(var(--nav-h) + clamp(24px,5vh,46px));
    padding-bottom:calc(108px + env(safe-area-inset-bottom, 0px));
  }

  .sq-sound-blur{
    top:calc(var(--nav-h) + 170px);
  }

  .sq-hero-tag{
    justify-content:center;
    margin-bottom:clamp(18px,4vh,28px);
    padding:5px 10px;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.12em;
    white-space:normal;
  }

  .sq-hero-h1{
    width:min(100%,680px);
    font-size:clamp(44px,13.8vw,82px);
    line-height:.9;
  }

  .sq-word{
    line-height:.9;
    overflow:visible;
  }

  .sq-word-anywhere{
    font-size:.82em;
    line-height:.96;
  }

  .sq-hero .sq-hero-sub{
    margin:clamp(20px,4vh,30px) auto clamp(24px,4vh,32px);
    font-size:14px;
    line-height:1.62;
  }

  .sq-hero-sub-text{
    padding:.02em .13em .05em;
  }

  .sq-hero-actions{
    gap:10px;
  }

  .sq-hero-note{
    margin-top:14px;
    font-size:9px;
    line-height:1.45;
    letter-spacing:.08em;
  }
}

@media(max-width:720px){
  .sq-hero-product{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    margin:0;
    opacity:0;
    transform:none;
  }

  .sq-hero-product.sq-reveal{
    transform:none;
  }

  .sq-hero-product.sq-reveal.sq-in{
    opacity:1;
    transform:none;
  }

  .sq-hero-product::before{
    display:none;
  }

  .sq-hero-product::after{
    background:
      radial-gradient(ellipse at 50% 42%,rgba(5,5,6,.08) 0%,rgba(5,5,6,.68) 70%,rgba(5,5,6,.92) 100%),
      linear-gradient(180deg,rgba(5,5,6,.78) 0%,rgba(5,5,6,.36) 38%,rgba(5,5,6,.9) 100%);
  }

  .sq-hero-product img{
    object-position:center center;
    filter:brightness(.52) saturate(1.1) contrast(1.08);
    -webkit-mask-image:none;
    mask-image:none;
  }
}

@media(max-width:480px){
  .sq-nav-actions{
    gap:7px;
  }

  .sq-nav-actions .sq-nav-cta{
    padding:0 10px;
    font-size:8px;
    letter-spacing:.1em;
  }

  .sq-nav-actions .sq-nav-legacy{
    padding-inline:8px;
    letter-spacing:.06em;
  }

  .sq-hero{
    padding-top:calc(var(--nav-h) + 22px);
    padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px));
  }

  .sq-hero-h1{
    font-size:clamp(40px,12.8vw,60px);
    line-height:.92;
  }

  .sq-word{
    line-height:.92;
  }

  .sq-word-anywhere{
    font-size:.78em;
    line-height:1;
  }

  .sq-hero .sq-hero-sub{
    margin:18px auto 22px;
    font-size:13px;
    line-height:1.55;
  }
}

/* Preview modal polish */
.sq-modal{
  padding:clamp(10px,3vw,24px);
}

.sq-modal-panel{
  width:min(660px,calc(100vw - 28px));
  max-height:min(760px,calc(100dvh - 28px));
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  padding:0;
  overflow:hidden;
  border-color:rgba(255,255,255,.16);
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 32%),
    linear-gradient(135deg,rgba(200,56,56,.08),transparent 34%),
    #09090b;
  box-shadow:
    0 34px 90px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.sq-modal-close{
  top:16px;
  right:16px;
  z-index:5;
  width:32px;
  height:32px;
  background:rgba(255,255,255,.035);
  color:var(--silver-2);
  display:grid;
  place-items:center;
  font-size:0;
  line-height:0;
  transform-origin:center;
}

.sq-modal-close::before,
.sq-modal-close::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:13px;
  height:1.5px;
  border-radius:999px;
  background:currentColor;
  transform:translate(-50%,-50%) rotate(45deg);
  transform-origin:center;
}

.sq-modal-close::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}

.sq-modal-kicker{
  margin:0;
  padding:30px clamp(24px,4.5vw,38px) 8px;
  font-size:9px;
  letter-spacing:.18em;
}

.sq-modal-title{
  margin:0;
  padding:0 72px 12px clamp(24px,4.5vw,38px);
  font-size:clamp(34px,6vw,48px);
}

.sq-modal-copy{
  margin:0;
  padding:0 clamp(24px,4.5vw,38px) 18px;
  border-bottom:1px solid rgba(255,255,255,.075);
  color:var(--silver-2);
  font-size:13px;
  line-height:1.58;
}

.sq-beta-form{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  gap:10px;
  padding:18px clamp(24px,4.5vw,38px) 28px;
  scrollbar-width:thin;
  scrollbar-color:rgba(200,56,56,.72) rgba(255,255,255,.035);
}

.sq-beta-form::-webkit-scrollbar{
  width:8px;
}

.sq-beta-form::-webkit-scrollbar-track{
  background:rgba(255,255,255,.035);
  border-left:1px solid rgba(255,255,255,.04);
}

.sq-beta-form::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--logo-2),var(--logo-3));
  border:2px solid #09090b;
}

.sq-beta-form::-webkit-scrollbar-thumb:hover{
  background:var(--logo-2);
}

.sq-form-row{
  gap:10px;
}

.sq-field{
  gap:5px;
}

.sq-field label,
.sq-feature-field legend{
  font-size:8px;
  letter-spacing:.14em;
}

.sq-field input,
.sq-field select{
  height:38px;
  font-size:13px;
}

.sq-field select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:40px;
  background:
    linear-gradient(45deg,transparent 50%,var(--logo-2) 50%) calc(100% - 18px) 50% / 6px 6px no-repeat,
    linear-gradient(135deg,var(--logo-2) 50%,transparent 50%) calc(100% - 13px) 50% / 6px 6px no-repeat,
    linear-gradient(90deg,transparent,rgba(200,56,56,.08)) right top / 36px 100% no-repeat,
    #080809;
}

.sq-field select::-ms-expand{
  display:none;
}

.sq-field-hint{
  margin-top:2px;
  font-size:10px;
  line-height:1.25;
}

.sq-feature-checks{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:2px;
}

.sq-feature-checks label{
  min-height:28px;
  gap:6px;
  padding:5px 7px;
  font-size:10px;
  line-height:1.12;
}

.sq-feature-checks label:hover{
  transform:none;
}

.sq-feature-checks input{
  width:12px;
  height:12px;
  flex:0 0 12px;
}

.sq-feature-checks input::before{
  width:5px;
  height:3px;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
}

.sq-beta-form>.sq-btn-primary{
  min-height:40px;
}

.sq-form-note{
  font-size:10px;
  line-height:1.4;
}

@media(max-width:720px){
  .sq-modal-panel{
    width:min(100%,520px);
    max-height:calc(100dvh - 20px);
  }

  .sq-modal-kicker{
    padding-top:24px;
  }

  .sq-modal-title{
    padding-right:62px;
  }

  .sq-feature-checks{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:420px){
  .sq-modal-copy{
    font-size:12px;
    line-height:1.48;
  }

  .sq-feature-checks label{
    font-size:9px;
    padding-inline:6px;
  }
}

/* Feature choices should read as real compact checkboxes, not button chips. */
.sq-feature-checks{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 14px;
  padding-top:2px;
}

.sq-feature-checks label{
  min-height:18px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  gap:7px;
  color:var(--silver);
  font-size:11px;
  line-height:1.25;
}

.sq-feature-checks label::after{
  display:none;
}

.sq-feature-checks label:hover{
  border-color:transparent;
  background:transparent;
  color:var(--silver-3);
  transform:none;
}

.sq-feature-checks label:has(input:checked){
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  color:var(--text);
}

.sq-feature-checks input{
  inline-size:12px;
  block-size:12px;
  min-inline-size:12px;
  min-block-size:12px;
  max-inline-size:12px;
  max-block-size:12px;
  flex:0 0 12px;
  margin-top:1px;
  border:1px solid rgba(194,194,208,.45);
  border-radius:2px;
  background:rgba(0,0,0,.34);
  box-shadow:none;
}

.sq-feature-checks input::before{
  width:5px;
  height:3px;
  border-left-width:1.5px;
  border-bottom-width:1.5px;
  transform:rotate(-45deg) translate(1px,-1px) scale(.72);
}

.sq-feature-checks input:checked{
  border-color:var(--logo-2);
  background:var(--logo);
  box-shadow:0 0 8px rgba(200,56,56,.28);
}

.sq-feature-checks input:checked::before{
  transform:rotate(-45deg) translate(1px,-1px) scale(.9);
}

@media(max-width:420px){
  .sq-feature-checks{
    grid-template-columns:1fr;
    gap:7px;
  }

  .sq-feature-checks label{
    font-size:10px;
    padding:0;
  }
}

.sq-beta-form .sq-feature-checks input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  inline-size:13px;
  block-size:13px;
  width:13px;
  height:13px;
  min-inline-size:13px;
  min-block-size:13px;
  max-inline-size:13px;
  max-block-size:13px;
  flex:0 0 13px;
  margin:1px 0 0;
  padding:0;
  border:1px solid rgba(194,194,208,.46);
  border-radius:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),transparent),
    rgba(0,0,0,.36);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 0 rgba(200,56,56,0);
  display:grid;
  place-content:center;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.sq-beta-form .sq-feature-checks input[type="checkbox"]::before{
  content:'';
  display:block;
  width:6px;
  height:3px;
  border-left:1.5px solid #fff;
  border-bottom:1.5px solid #fff;
  opacity:0;
  transform:rotate(-45deg) translate(0,-1px) scale(.72);
  transition:opacity .14s ease,transform .14s ease;
}

.sq-beta-form .sq-feature-checks input[type="checkbox"]:checked{
  border-color:var(--logo-2);
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),transparent),
    var(--logo);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 12px rgba(200,56,56,.28);
}

.sq-beta-form .sq-feature-checks input[type="checkbox"]:checked::before{
  opacity:1;
  transform:rotate(-45deg) translate(0,-1px) scale(1);
}