.sp{--orange:#ff8a1f;--gold:#ffc14f;--violet:#6f35e8;--night:#0c0812;background:var(--night);color:var(--cream)}.sp-hero{--mark:clamp(2.5rem, calc((100vw - 2 * var(--pad)) / 3.93), 30rem);--hero-top:clamp(1rem, 2.5vw, 2rem);height:calc(100svh - 3.75rem);min-height:calc(var(--hero-top) + 3rem + .95 * var(--mark) + 17rem);padding:var(--hero-top) var(--pad) 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.sp-bg{object-fit:cover;object-position:70% center}.sp-top{z-index:4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex;position:relative}.sp-ad{background:var(--cream);color:var(--ink);font-family:var(--font-mono), monospace;border-radius:99px;padding:.25em .8em;font-size:.8rem;font-weight:700}.sp-logo{width:clamp(10rem,18vw,16rem);height:auto}.sp-mark{z-index:1;background:linear-gradient(#fff3d6 12%, var(--gold) 50%, var(--orange) 92%);color:#0000;font-size:var(--mark);letter-spacing:-.02em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;line-height:.92;position:relative}.sp-mark span{filter:drop-shadow(0 .03em #461600e6)}.sp-figure{z-index:2;top:calc(var(--hero-top) + 3rem + .42 * var(--mark));margin:0;position:absolute;bottom:0;right:0}.sp-figure img{filter:drop-shadow(0 0 2.4rem #ff8a1f59);width:auto;height:100%;display:block}.sp-skin{z-index:3;filter:drop-shadow(0 0 1.2rem #ffaa4673);pointer-events:none;height:auto;animation:7s ease-in-out infinite sp-float;position:absolute}.sp-skin-a{filter:drop-shadow(0 0 1.4rem #7d50ffcc);width:clamp(4.5rem,8vw,8.5rem);bottom:40%;right:30vw;rotate:12deg}.sp-skin-b{width:clamp(4rem,7vw,7.5rem);animation-delay:-2.4s;bottom:31%;right:43vw;rotate:-14deg}.sp-skin-c{filter:drop-shadow(0 0 1.4rem #7d50ffb3);width:clamp(8rem,15vw,15rem);animation-delay:-4.6s;bottom:7%;right:30vw;rotate:-8deg}@keyframes sp-float{50%{translate:0 -.9rem}}.sp-copy{z-index:4;width:min(40rem,50%);margin-top:auto;padding:1.5rem 0 clamp(1.75rem,3.5vw,3rem);position:relative}.sp-lede{text-shadow:0 .04em .4em #0c0812cc;margin:0 0 1.25rem;font-size:clamp(1.7rem,3.3vw,3.1rem);font-weight:700;line-height:1.05}.sp-actions,.sp-end{flex-wrap:wrap;align-items:stretch;gap:.75rem 1rem;display:flex}.sp-cta{border-color:var(--night);background:var(--orange);align-items:center;display:inline-flex}.sp-cta:hover{box-shadow:6px 6px 0 var(--violet)}.sp-note{opacity:.85;margin:.9rem 0 0;font-size:.8rem}.sp-credit{z-index:4;right:var(--pad);font-family:var(--font-mono), monospace;opacity:.8;margin:0;font-size:.68rem;position:absolute;bottom:.6rem}.ticket{border:2px dashed var(--ink);background:var(--gold);box-shadow:0 0 0 4px var(--gold);color:var(--ink);cursor:pointer;font:inherit;border-radius:14px;align-items:center;gap:1rem;padding:.55rem 1rem .55rem 1.3rem;transition:transform .12s;display:inline-flex;position:relative}.ticket:hover{transform:scale(1.03)}.ticket:active{transform:scale(.98)}.ticket-code{font-family:var(--font-display), Impact, sans-serif;font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1}.ticket-action{border-left:2px dashed var(--ink);min-width:5.2em;font-family:var(--font-mono), monospace;padding-left:.9rem;font-size:.8rem;font-weight:700}.sp-stats{padding:clamp(1.5rem, 3vw, 2.5rem) var(--pad);background:var(--orange);color:var(--ink)}.sp-stats h2{font-family:var(--font-mono), monospace;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.sp-stats ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.sp-stats li{flex-direction:column;line-height:1.2;display:flex}.sp-stats strong{font-family:var(--font-display), Impact, sans-serif;white-space:nowrap;font-size:clamp(1.7rem,4vw,3.6rem);font-weight:400;line-height:1.05}.sp-steps,.sp-pay,.sp-read{padding:var(--section-y) var(--pad)}.sp h2{font-size:clamp(2.2rem,6vw,4.5rem)}.sp-stats h2{font-size:.85rem}.sp-steps{background:var(--cream);color:var(--ink)}.sp-steps h2,.sp-pay h2,.sp-read h2{margin-bottom:.6em}.sp-steps ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.25rem);margin:0;padding:0;list-style:none;display:grid}.sp-step{--tilt:-.8deg;border:var(--edge);height:100%;box-shadow:6px 6px 0 var(--ink);transform:translateX(var(--shift,0)) rotate(var(--tilt)) scale(var(--grow,1));background:#fff;border-radius:22px;padding:clamp(1rem,2vw,1.5rem)}.sp-steps li:nth-child(2n) .sp-step{--tilt:.8deg;background:var(--gold)}.sp-number{font-family:var(--font-display), Impact, sans-serif;color:var(--violet);font-size:clamp(2.2rem,4vw,3.4rem);line-height:1}.sp-steps li:nth-child(2n) .sp-number{color:var(--ink)}.sp h3{font-family:var(--font-display), Impact, sans-serif;margin:.4rem 0 .3rem;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:400;line-height:1.1}.sp-steps p{margin:0;font-size:.95em;line-height:1.35}.sp-pay{background:var(--violet)}.sp-pay-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);display:grid}.sp-card{border:var(--edge);box-shadow:8px 8px 0 var(--ink);color:var(--ink);border-radius:22px;padding:clamp(1.25rem,3vw,2.25rem)}.sp-card-fast{background:var(--gold)}.sp-card-normal{background:var(--cream)}.sp-card h3{margin-top:0;font-size:clamp(1.6rem,3.2vw,2.8rem)}.sp-card p{margin:.5rem 0 1rem}.sp-card ul{border-top:2px solid var(--ink);margin:0;padding:.9rem 0 0;font-size:.95em;font-weight:700;list-style:none}.sp-card li+li{margin-top:.25rem}.sp-court{padding:var(--section-y) var(--pad);background:radial-gradient(ellipse 50% 70% at 26% 62%, #ff8a1f80, transparent 72%), repeating-conic-gradient(from 3deg at 26% 62%, #150c1f 0 7deg, #1e1130 7deg 14deg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.sp-mascot{filter:drop-shadow(0 0 2rem #ffc14f4d);width:100%;height:auto}.sp-court-text p{max-width:30rem;margin:1rem 0 1.5rem}.sp-panel{width:min(100%,18rem);height:auto;transition:transform .15s;display:block;transform:rotate(2deg)}.sp-panel:hover{transform:rotate(0)scale(1.03)}.sp-read{background:var(--cream);color:var(--ink)}.sp-read ul{border-top:var(--edge);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1.5rem,4vw,3.5rem);margin:0;padding:0;list-style:none;display:grid}.sp-read li{border-bottom:var(--edge);padding:1rem 0 1.25rem}.sp-read h3{margin-top:0}.sp-read li p{margin:0}.sp-links{flex-wrap:wrap;gap:.4rem 1.5rem;margin:1.5rem 0 .5rem;font-weight:700;display:flex}.sp-company{margin:0;font-size:.85rem}.sp-end{padding:clamp(2.5rem, 6vw, 4.5rem) var(--pad);background:linear-gradient(100deg, var(--violet), var(--orange));justify-content:center;align-items:center}.sp-end p{font-family:var(--font-display), Impact, sans-serif;margin:0;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1}@media (max-width:860px){.sp-hero{height:auto;min-height:0;padding:1rem 0 0}.sp-top,.sp-mark{margin-inline:var(--pad)}.sp-mark{margin-top:.75rem}.sp-figure{width:min(88%,28rem);margin-top:calc(-.28 * var(--mark));align-self:flex-end;position:relative;top:auto}.sp-figure img{width:100%;height:auto}.sp-skin-a{width:15vw;inset:40% auto auto 5vw}.sp-skin-b,.sp-skin-c{display:none}.sp-copy{width:auto;padding:1.5rem var(--pad) 2.5rem;background:var(--night);margin:0}.sp-credit{right:var(--pad);bottom:.5rem;left:var(--pad);font-size:.58rem}.sp-stats ul,.sp-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-pay-cards,.sp-read ul,.sp-court{grid-template-columns:1fr}.sp-mascot{justify-self:center;width:min(100%,26rem)}}@media (max-width:480px){.sp-steps ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sp-skin{animation:none}.ticket,.sp-panel{transition:none}}@property --court-sun{syntax:"<angle>";inherits:false;initial-value:3deg}.sp-court{background:radial-gradient(ellipse 50% 70% at 26% 62%, #ff8a1f80, transparent 72%), repeating-conic-gradient(from var(--court-sun) at 26% 62%, #150c1f 0 7deg, #1e1130 7deg 14deg)}@media (prefers-reduced-motion:no-preference){.sp-bg{transform:translate(calc(var(--px,0) * .8rem), calc(var(--py,0) * .4rem)) scale(1.04);transition:transform .9s var(--room-ease)}.sp-figure{translate:calc(var(--px,0) * -.9rem) calc(var(--py,0) * -.35rem);transition:translate .9s var(--room-ease)}.sp-skin{transition:transform .7s var(--room-ease)}.sp-skin-a{transform:translate(calc(var(--px,0) * -2.8rem), calc(var(--py,0) * -1.4rem))}.sp-skin-b{transform:translate(calc(var(--px,0) * -1.9rem), calc(var(--py,0) * -1.1rem))}.sp-skin-c{transform:translate(calc(var(--px,0) * -3.6rem), calc(var(--py,0) * -1.8rem))}.sp-end{background-position:calc(50% + var(--px,0) * 40%) center;transition:background-position .9s var(--room-ease);background-size:170% 100%}.ticket{position:relative;overflow:hidden}.ticket:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffbf,#0000);width:30%;transition:left;position:absolute;top:0;bottom:0;left:-40%}.ticket:hover:after{transition:left .65s var(--room-ease);left:110%}@media (hover:hover){.sp-step{transition:transform var(--room-time) var(--room-ease)}.sp-steps li:hover .sp-step{--tilt:0deg;--grow:1.05}.sp-steps li:has(~li:hover) .sp-step{--shift:-.6rem}.sp-steps li:hover~li .sp-step{--shift:.6rem}.sp-stats strong{transform-origin:0 100%;transition:transform var(--room-time) var(--room-ease);display:inline-block}.sp-stats li:hover strong{transform:scale(1.06)}.sp-card{transition:transform var(--room-time) var(--room-ease), opacity var(--room-time) var(--room-ease)}.sp-card:hover{transform:translate(-5px,-5px)}.sp-pay-cards:has(.sp-card:hover) .sp-card:not(:hover){opacity:.72}.sp-panel{transition:transform var(--room-time) var(--room-ease)}}@supports (animation-timeline:view()){.sp-stats li,.sp-steps h2,.sp-pay h2{animation:linear backwards rise;animation-timeline:view();animation-range:entry entry 90%}.sp-steps li{--thrown:-6deg;animation:linear backwards thrown;animation-timeline:view();animation-range:entry entry 70%}.sp-steps li:nth-child(2){--thrown:5deg;animation-range:entry 8% entry 78%}.sp-steps li:nth-child(3){--thrown:-4deg;animation-range:entry 16% entry 86%}.sp-steps li:nth-child(4){--thrown:7deg;animation-range:entry 24% entry 94%}.sp-pay-cards{animation:linear backwards rise;animation-timeline:view();animation-range:entry entry 45%}.sp-court{animation:linear both court-rays;animation-timeline:view()}@keyframes court-rays{to{--court-sun:73deg}}.sp-mascot,.sp-court-text{animation:linear backwards rise;animation-timeline:view();animation-range:entry entry 70%}}}