@font-face{font-family:Spotlight-Display;src:url('assets/spotlight-heading.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Spotlight-Marker;src:url('assets/spotlight-marker.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Spotlight-Body;src:url('assets/spotlight-body.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Spotlight-Body;src:url('assets/spotlight-body-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.spotlight-shell{container-type:inline-size;max-width:1920px;margin-inline:auto;margin-block-end:1.8cqw}
.spotlight-section,.spotlight-section *{box-sizing:border-box}
.spotlight-section{
  --mx:50%;--my:40%;--dx:0px;--dy:0px;
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;min-height:580px;aspect-ratio:16/9;
  background:#030b1a;
  padding:0 0 5.6cqw;
  font-family:Spotlight-Body,Arial,sans-serif;
  color:#f7f8fc;
}
@media(max-width:1800px){.spotlight-section{max-height:1400px}}
.spot-studio,.spot-scrim,.spot-lighting{position:absolute;inset:0;pointer-events:none}
.spot-studio{z-index:-5;background:url('assets/spotlight-studio.png') center/cover no-repeat;transform:scale(1.018);transition:filter .7s;filter:brightness(.83) saturate(1.12)}
.spot-scrim{z-index:-4;background:linear-gradient(90deg,rgba(0,3,9,.52),rgba(0,3,9,.5) 35%,transparent 53%),linear-gradient(0deg,rgba(0,4,13,.15),transparent 20%)}
.spot-lighting{z-index:-3;overflow:hidden}
.spot-beam{position:absolute;top:-9%;width:22%;height:106%;transform-origin:50% 0;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);background:linear-gradient(180deg,#379cff66,#178aff16 65%,transparent);filter:blur(18px);opacity:.6;transition:transform 1.8s ease,opacity 1s}
.spot-beam.one{left:7%;transform:rotate(-18deg)}
.spot-beam.two{left:43%;transform:rotate(24deg)}
.spot-beam.three{right:4%;transform:rotate(27deg)}
.spot-pointer-light{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse 25% 45% at var(--mx) var(--my),#348dff32,transparent);transition:opacity .5s}
.spot-floor-glow{position:absolute;left:42%;bottom:1%;width:50%;height:8%;background:radial-gradient(ellipse,#0099ff50,transparent 70%);filter:blur(9px)}
.spotlight-section:hover .spot-pointer-light{opacity:1}
.spotlight-section:hover .spot-beam.one{transform:rotate(-10deg);opacity:.9}
.spotlight-section:hover .spot-beam.two{transform:rotate(12deg);opacity:.85}
.spotlight-section:hover .spot-beam.three{transform:rotate(34deg)}
.spot-copy{position:relative;z-index:4;padding:3.25cqw 0 7.8cqw 4.8cqw;width:49.2%}
.spot-brand{display:flex;flex-direction:column;width:max-content;line-height:.9;user-select:none;transition:filter .3s,transform .3s}
.spot-brand-script{font-family:Spotlight-Marker,'Brush Script MT',cursive;font-weight:700;font-size:4.5cqw;letter-spacing:-.23cqw;transform:rotate(-5deg);color:var(--lime);position:relative;z-index:1}
.spot-brand-block{font-family:Spotlight-Display,Impact,'Arial Narrow',sans-serif;font-size:4.65cqw;font-weight:800;letter-spacing:-.12cqw;margin-left:7.4cqw;margin-top:-.2cqw;background:linear-gradient(120deg,#0788ff,#0847ff 50%,#0dc7ff 68%,#0752ff 84%);background-clip:text;-webkit-background-clip:text;color:transparent}
.spot-brand-star{display:inline-block;position:relative;width:.59em;color:transparent}
.spot-brand-star:after{content:'';position:absolute;inset:21% 0 9%;clip-path:polygon(50% 0,62% 34%,100% 37%,71% 60%,80% 100%,50% 77%,20% 100%,29% 60%,0 37%,38% 34%);background:var(--lime);transform:rotate(-12deg)}
.spot-brand:hover{filter:drop-shadow(0 0 10px #168cff77);transform:translateY(-3px)}
.spot-audience{display:flex;align-items:center;gap:1.4cqw;white-space:nowrap;margin:2.1cqw 0 1.9cqw;font-size:1.28cqw;letter-spacing:.095em;text-transform:uppercase;color:#cfe0ff}
.spot-audience b{font-size:1.6cqw;color:var(--lime);font-weight:400}
.spotlight-section h2{margin:0;font-family:Spotlight-Display,Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:.85;text-transform:uppercase;font-size:6cqw;letter-spacing:-.06cqw;text-shadow:0 3px 10px #0006;transform:scaleX(1.16);transform-origin:left center}
.spotlight-section h2 span{display:block}
.spotlight-section h2 em{display:block;white-space:nowrap;font-style:normal;color:var(--lime);font-size:5.4cqw;line-height:1.1;margin-top:.15cqw;letter-spacing:-.08cqw;transition:text-shadow .4s}
.spotlight-section h2:hover em{text-shadow:0 0 22px #c6ff0050}
.spot-desc{font-size:1.49cqw;line-height:1.42;letter-spacing:-.025em;margin:1.15cqw 0 1.75cqw;max-width:43cqw;text-wrap:pretty;color:#dde7f5}
.spot-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1.1cqw;border:1px solid #e6ff2b;border-radius:100px;background:var(--lime);color:#070c00;padding:1.13cqw 2.3cqw;font-weight:700;font-size:1.48cqw;text-transform:uppercase;cursor:pointer;box-shadow:0 5px 22px #d6ff0015;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s;min-height:48px;font-family:Spotlight-Body,Arial,sans-serif;letter-spacing:-.01em}
.spot-button:before{content:'';position:absolute;inset:-60% auto -60% -55%;width:30%;background:#fff9;transform:rotate(24deg);transition:left .6s}
.spot-button:hover:before{left:130%}
.spot-button:hover,.spot-button:focus-visible{transform:translateY(-4px);box-shadow:0 8px 35px #d6ff0045;background:#ebff50;outline:none}
.spot-button:active{transform:translateY(-1px) scale(.985)}
.spot-button .arrow{font-size:2.15cqw;line-height:1;transition:transform .25s}
.spot-button:hover .arrow{transform:translateX(6px)}
.spot-status{position:absolute;font-size:14px;line-height:1.4;max-width:90%;margin-top:12px;color:#edf6cd;text-shadow:0 1px 3px #000}
.spot-char-scene{position:absolute;inset:0;z-index:2;pointer-events:none}
.spot-char{position:absolute;right:15%;bottom:5.1%;width:40%;height:85%;pointer-events:auto;outline-offset:-8px;transition:transform .65s cubic-bezier(.18,.67,.22,1),filter .65s;transform:translate3d(var(--dx),var(--dy),0);transform-origin:55% 90%}
.spot-char img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(8px 16px 15px #0008);user-select:none;pointer-events:none}
.spot-char:hover,.spot-char:focus-visible{transform:translate3d(var(--dx),calc(var(--dy) - 8px),0) rotate(-1deg) scale(1.025);filter:drop-shadow(0 0 20px #3d98ff40)}
.spot-char-shadow{position:absolute;right:19%;bottom:4%;width:28%;height:6%;border-radius:50%;background:#0009;filter:blur(15px)}
.spot-sound{position:absolute;left:44.5%;top:28%;width:6%;height:14%;transform:rotate(10deg);opacity:0;transition:opacity .25s}
.spot-sound i{position:absolute;right:0;top:0;width:42%;height:100%;border-left:3px solid var(--lime);border-radius:50%;animation:spot-sound 1.1s ease-out infinite}
.spot-sound i:nth-child(2){right:30%;animation-delay:.15s}
.spot-sound i:nth-child(3){right:60%;animation-delay:.3s}
.spot-char-scene:has(.spot-char:hover) .spot-sound,.spot-char-scene:has(.spot-char:focus-visible) .spot-sound{opacity:.8}
.spot-tagline{position:absolute;z-index:3;right:4.7%;top:8%;width:15%;color:var(--lime);transform:rotate(-7deg);text-align:center;transition:transform .4s,filter .4s;user-select:none}
.spot-tagline:hover{transform:rotate(-3deg) scale(1.05);filter:drop-shadow(0 0 10px #d6ff0044)}
.spot-crown{display:block;color:#f324bc;font-family:Arial,sans-serif;font-size:6cqw;line-height:1.1;font-weight:400;transform:rotate(-3deg);margin-bottom:.6cqw}
.spot-tagline p{font-family:Spotlight-Marker,'Brush Script MT',cursive;font-size:4.15cqw;font-weight:700;line-height:1.02;letter-spacing:-.2cqw;margin:0}
.spot-tagline p span{padding-left:.75cqw}
.spot-tagline-stroke{display:block;width:83%;height:.3cqw;border-radius:50%;background:var(--lime);margin:.35cqw auto;transform:rotate(-8deg)}
.spot-tagline-stroke:after{content:'';display:block;width:75%;height:.16cqw;background:var(--lime);transform:translate(13%,.4cqw) rotate(-3deg)}
.spot-proof{position:absolute;right:1.7%;bottom:7.1%;z-index:5;list-style:none;margin:0;padding:1.55cqw 1.4cqw;width:18.4%;background:linear-gradient(130deg,#111720ef,#02050bec);border:6px solid #475058;border-radius:6px;box-shadow:inset 0 0 0 2px #06090e,0 10px 24px #0009;transform:perspective(800px) rotateY(-5deg);transition:transform .35s,border-color .35s}
.spot-proof:hover{transform:perspective(800px) rotateY(0);border-color:#6a798c}
.spot-proof li{display:flex;align-items:center;gap:1cqw;font-family:Spotlight-Display,Impact,'Arial Narrow',sans-serif;font-weight:800;font-size:1.48cqw;text-transform:uppercase;white-space:nowrap;line-height:1.6;padding:.18cqw 0;transition:color .25s,transform .25s;color:#dce6f6}
.spot-proof li:hover,.spot-proof li:focus-visible{color:var(--lime);transform:translateX(3px);outline:none}
.spot-check{display:grid;place-items:center;border:2px solid var(--lime);border-radius:50%;width:1.65cqw;height:1.65cqw;color:var(--lime);font:700 1.6cqw Spotlight-Body,Arial,sans-serif;line-height:1;flex-shrink:0}
.spotlight-section.is-action .spot-beam{opacity:1;transform:rotate(0deg)}
.spotlight-section.is-action .spot-studio{filter:brightness(1.12) saturate(1.22)}
.spotlight-section.is-action .spot-char{filter:drop-shadow(0 0 32px #96cfff66)}
@keyframes spot-sound{0%{opacity:0;transform:translateX(5px) scale(.85)}30%{opacity:1}100%{opacity:0;transform:translateX(-10px) scale(1.08)}}
@media(max-width:1000px) and (min-width:701px){
  .spotlight-section{min-height:0;padding-bottom:6.4cqw}
  .spot-copy{padding-bottom:9cqw}
  .spot-status{font-size:12px}
  .spot-button{min-height:42px}
  .spot-proof{border-width:4px}
  .spotlight-shell{margin-block-end:1.2cqw}
}
@media(max-width:700px){
  .spotlight-section{aspect-ratio:auto;min-height:100svh;overflow:hidden;padding-bottom:48px}
  .spot-studio{background-position:58% center;opacity:.72}
  .spot-scrim{background:linear-gradient(180deg,#02071499 0%,#020714ee 35%,#03132911 75%,#010714aa)}
  .spot-copy{width:100%;padding:30px 24px 40px}
  .spotlight-shell{margin-block-end:24px}
  .spot-brand-script{font-size:52px;letter-spacing:-3px}
  .spot-brand-block{font-size:51px;margin-left:84px;letter-spacing:-1px;margin-top:-4px}
  .spot-audience{font-size:12px;gap:12px;letter-spacing:.065em;margin:25px 0 24px;flex-wrap:wrap}
  .spot-audience b{font-size:17px}
  .spotlight-section h2{font-size:clamp(52px,12.7vw,82px);line-height:.91;letter-spacing:-.5px;transform:none}
  .spotlight-section h2 em{font-size:clamp(35px,8.8vw,62px);letter-spacing:-.5px;margin-top:5px}
  .spot-desc{font-size:16px;line-height:1.5;max-width:460px;margin:18px 0 22px;letter-spacing:-.02em}
  .spot-desktop-break{display:none}
  .spot-button{padding:16px 22px;font-size:15px;gap:16px;min-height:52px}
  .spot-button .arrow{font-size:26px}
  .spot-status{position:relative;margin:12px 0 0;max-width:100%;font-size:13px;min-height:0}
  .spot-status:empty{display:none}
  .spot-char-scene{position:relative;inset:auto;height:116vw;max-height:660px;margin-top:20px}
  .spot-char{right:15%;bottom:0;width:81%;height:100%}
  .spot-char-shadow{right:20%;bottom:0;width:65%;height:9%}
  .spot-sound{left:0;top:27%;width:12%;height:13%}
  .spot-tagline{top:auto;bottom:39vw;right:3%;width:26%;transform:rotate(-7deg)}
  .spot-crown{font-size:52px;margin-bottom:4px}
  .spot-tagline p{font-size:clamp(30px,7vw,46px);letter-spacing:-1.5px}
  .spot-tagline-stroke{height:2px;margin-top:8px}
  .spot-tagline-stroke:after{height:1px;transform:translate(13%,4px)}
  .spot-proof{position:relative;right:auto;bottom:auto;width:calc(100% - 48px);margin:8px 24px 0;padding:13px 14px;display:flex;justify-content:space-between;border-width:3px;transform:none}
  .spot-proof li{font-size:14px;gap:6px;padding:0;flex-direction:column;line-height:1.6}
  .spot-check{width:22px;height:22px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .spot-char,.spot-char:hover,.spot-char:focus-visible{transform:none}
  .spot-sound{display:none}
}