/* MegaDawg: Circuit Funk */
:root{--blue:#168cff;--cyan:#65f3ff;--gold:#ffda65;--muted:#b1c4de}
body{background-color:#030919;background-image:radial-gradient(ellipse at 10% 0,#173caf55,transparent 45%),url(assets/motherboard.svg);background-size:auto,1400px;color:#eef7ff}
header{border:0;background:transparent;box-shadow:none;padding:24px 4%;max-width:1500px}.brand img{width:86px;height:86px}.brand{font-size:25px}.brand small{color:var(--gold)}
main{max-width:1500px}.hero{margin:12px 3% 0;padding:65px 5% 80px;min-height:680px;grid-template-columns:1.15fr 1fr;border:0;border-radius:0;background:radial-gradient(ellipse at 80% 60%,#1336a980,transparent 58%);box-shadow:none;overflow:hidden}.hero:before{inset:0;border:0;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 7px,#6bc4ff05 7px 8px)}.hero:after{width:500px;height:500px;left:auto;right:4%;top:70px;border:2px solid #54e8ff88;border-radius:50%;background:repeating-conic-gradient(from 8deg,#58daff33 0deg 1deg,transparent 1deg 12deg);box-shadow:0 0 0 24px #1250da13,0 0 0 25px #267fe655,0 0 0 57px #18439b18,inset 0 0 100px #1257f955;z-index:-1;animation:orbit 75s linear infinite}
.hero-copy{z-index:1}.hero .eyebrow{display:inline-block;color:#030919;background:var(--cyan);transform:rotate(-3deg);padding:8px 14px;letter-spacing:2px;font-size:11px;margin:0 0 24px}
h1{font-family:Impact,'Arial Black',system-ui,sans-serif;font-size:clamp(60px,7.5vw,112px);font-weight:950;line-height:.88;text-transform:uppercase;letter-spacing:-.035em;margin:8px 0 26px;transform:rotate(-3deg);text-shadow:4px 4px 0 #0b2d7d,8px 8px 0 #06132a;max-width:750px}h1 span,h1 em{display:block}h1 em{color:var(--gold);font-size:1.08em;text-shadow:4px 4px 0 #ad4620,8px 8px 0 #06132a;margin-top:14px}.hero p:not(.eyebrow){font-size:18px;max-width:450px;margin-top:30px}.hero .mascot{max-height:580px;max-width:600px;transform:rotate(5deg) scale(1.14);filter:drop-shadow(0 24px 0 #030b2877) drop-shadow(0 0 28px #168cff77)}
.button{border-radius:0 16px 0 16px;background:#f1324a;box-shadow:5px 5px 0 #7b142d;border:1px solid #ff8a94;padding:16px 24px}.button:hover{box-shadow:3px 3px 0 #7b142d;transform:translate(2px,2px)}
.signal-strip{margin:0 3%;background:var(--blue);border-block:2px solid var(--cyan);display:flex;justify-content:space-around;gap:20px;padding:14px 20px;color:#fff;font:900 13px/1.3 system-ui;letter-spacing:2px;transform:rotate(-1deg);box-shadow:0 8px 0 #081b45}.signal-strip span:nth-child(2){color:var(--gold)}
#catalog{margin-top:50px;padding-inline:6%}.section-title h2{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;font-size:clamp(35px,4vw,55px);font-weight:900;letter-spacing:0;line-height:1}.section-title .eyebrow{color:var(--gold)}.notice{background:transparent;border:0;padding:12px 0}.controls{border-radius:0 22px 0 22px;background:#071834;border:1px solid #387efb;box-shadow:7px 7px 0 #0b2355}.quick-franchises{padding:0;margin:28px 0;background:transparent;border:0;box-shadow:none;gap:12px}.quick-franchises button{border-radius:4px 14px 4px 14px;padding:12px 18px;border:1px solid #3888ff;background:#0b2251;font-weight:800}.grid{gap:26px}.card{position:relative;border-radius:6px 26px 6px 6px;border:1px solid #287ff1;background:#06142b;box-shadow:5px 5px 0 #10295d}.card:before{content:'';position:absolute;top:12px;left:12px;width:28px;height:5px;background:var(--cyan);z-index:1;box-shadow:0 0 12px #65f3ff}.card:hover{transform:translateY(-5px) rotate(-.7deg);box-shadow:7px 10px 0 #103474;border-color:var(--cyan)}.photo{margin:10px 10px 0;border-radius:3px 18px 3px 3px;overflow:hidden;background:#eef1f7}.card img{background:transparent}.info{padding:20px}.info h3{font-weight:800}.price{display:inline-block;font-size:25px;color:#ffda65;letter-spacing:-1px}.franchise{color:var(--cyan)}.checkout-section{margin:30px 6% 60px;border-radius:0 24px 0 24px;box-shadow:8px 8px 0 #10295d}.checkout-heading h2{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:0}footer{margin-top:40px;background:#030a19;border-top:2px solid var(--blue);padding:35px 6%}.cart-pill{border-radius:4px 16px 4px 16px}.top-links .nav{color:#dcefff}
@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.hero{min-height:570px;padding:45px 4%}.hero:after{right:-80px;width:420px;height:420px}.hero .mascot{transform:rotate(5deg) scale(1.08)}h1{font-size:clamp(58px,8vw,85px)}}
@media(max-width:700px){header{padding:18px 5%}.brand img{width:58px;height:58px}.brand{font-size:19px}.brand small{letter-spacing:3px}.hero{grid-template-columns:1fr;margin:0;min-height:0;padding:25px 7% 50px}.hero .mascot{grid-row:1;height:280px;width:100%;max-height:280px;margin-bottom:24px;transform:rotate(4deg)}.hero:after{top:25px;right:calc(50% - 130px);width:260px;height:260px}.hero-copy{grid-row:2}h1{font-size:clamp(60px,13.4vw,90px);max-width:540px}.hero .eyebrow{margin-bottom:16px}.hero p:not(.eyebrow){font-size:16px}.signal-strip{margin:0;padding:12px;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:1px}.signal-strip span:last-child{display:none}#catalog{padding-inline:5%;margin-top:30px}.grid{gap:15px}.info{padding:14px}.photo{height:190px;margin:7px 7px 0}.price{font-size:22px}.checkout-section{margin-inline:5%}.quick-franchises{gap:8px}.quick-franchises button{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero{display:grid;align-items:center;text-align:left}.hero h1{font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:clamp(60px,7.5vw,112px);line-height:.88;letter-spacing:-.035em;margin:8px 0 26px}.hero p:not(.eyebrow){margin:30px 0 18px}.hero .mascot{justify-self:center}@media(max-width:700px){.hero{display:grid}.hero h1{font-size:clamp(60px,13.4vw,90px)}}