@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080808;--surface:#101010;--text:#f2f0eb;--muted:#a5a19b;--line:#343230;--red:#f0442e;--red2:#a51e18;--font:'Manrope',sans-serif;--display:'Barlow Condensed',Impact,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden;line-height:1.6}body.light{--bg:#efede7;--surface:#e5e2db;--text:#141313;--muted:#66615b;--line:#c8c3ba;--red:#d83221;--red2:#9e2118}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.header{height:78px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}.wordmark{display:flex;align-items:center;gap:10px;font-size:.88rem;letter-spacing:.12em;font-weight:800}.mark{width:34px;height:34px;display:grid;place-items:center;background:var(--red);color:#fff;font-family:var(--display);font-size:1.4rem;letter-spacing:-.08em;transform:skew(-7deg)}.mark span{color:#17100e}.wordmark-thin{font-weight:400}.nav{display:flex;gap:28px}.nav a,.header-link{font:500 .65rem var(--mono);letter-spacing:.1em;transition:color .2s}.nav a{color:var(--muted)}.nav a:hover,.header-link:hover{color:var(--red)}.header-right{display:flex;align-items:center;gap:18px}.theme-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.header-link span{color:var(--red);margin-left:8px}.menu-toggle{display:none}
.hero{min-height:calc(100vh - 78px);position:relative;display:flex;align-items:center;padding:8vh 9vw 90px;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 35%;overflow:hidden;background:radial-gradient(ellipse at 62% 43%,#4b1713 0,#1b0b0a 22%,#080808 63%)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 35%,#08080844 100%),linear-gradient(0deg,var(--bg),transparent 28%,transparent 80%,var(--bg))}.light-beam{position:absolute;width:35%;height:140%;top:-20%;background:linear-gradient(90deg,transparent,#f0442e25,transparent);filter:blur(20px);transform:rotate(25deg)}.beam-a{left:25%}.beam-b{left:57%;transform:rotate(-22deg);opacity:.6}.hero-orbit{position:absolute;left:53%;top:47%;border:1px solid #f0442e66;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-a{width:min(48vw,670px);height:min(31vw,430px)}.orbit-b{width:min(38vw,520px);height:min(53vw,700px);transform:translate(-50%,-50%) rotate(38deg);border-color:#f2f0eb26}.hero-core{position:absolute;left:53%;top:47%;transform:translate(-50%,-50%) rotate(-10deg);width:clamp(190px,25vw,360px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#f65a43,#8d1915 54%,#250807 80%);box-shadow:0 0 110px #f0442e20,inset -20px -25px 40px #08080888}.hero-core:before,.hero-core:after{content:"";position:absolute;border:1px solid #f7c1b466;border-radius:50%;inset:12%;transform:rotate(30deg) scaleX(.6)}.hero-core:after{inset:23%;transform:rotate(-38deg) scaleX(.7)}.hero-core span{font:900 clamp(5rem,13vw,12rem)/.8 var(--display);letter-spacing:-.12em;color:#f2f0eb;position:relative;z-index:1}.hero-core i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--red);border:3px solid #f2f0eb;right:14%;top:21%;z-index:2}.hero-stamp{position:absolute;right:8%;top:16%;font:800 clamp(1.2rem,2.5vw,2.7rem)/.85 var(--display);letter-spacing:.04em;transform:rotate(8deg);color:#f2f0eb}.hero-stamp span{display:inline-block;color:var(--red);font-size:2rem;margin-left:8px}.hero-side-note{position:absolute;right:4%;bottom:21%;writing-mode:vertical-rl;font: .58rem var(--mono);letter-spacing:.15em;color:#bcb3ad}.hero-content{position:relative;z-index:2;max-width:720px}.kicker{font:500 .65rem var(--mono);letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;gap:10px}.red-dot{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 14px #f0442e}.hero h1{font:900 clamp(5.2rem,11.8vw,11.5rem)/.78 var(--display);letter-spacing:-.045em;margin:28px 0 30px;text-transform:uppercase;position:relative}.hero h1 span{color:var(--red);text-shadow:3px 3px 0 #f0442e22}.hero-description{max-width:440px;color:#bdb8b2;font-size:.92rem;line-height:1.85}.hero-buttons{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:15px 18px;font:600 .65rem var(--mono);letter-spacing:.07em;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-red{background:var(--red);color:white}.button-red:hover{background:#ff5a43}.button-ghost{border-color:#5a504d;background:#0c0b0b99;color:var(--text)}.button-ghost span{color:var(--red)}.hero-footer{position:absolute;bottom:0;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid var(--line);font: .57rem var(--mono);letter-spacing:.1em;color:var(--muted);z-index:3}.hero-scroll{display:flex;align-items:center;gap:10px}.hero-scroll b{width:24px;height:1px;background:var(--red)}.ticker{overflow:hidden;background:var(--red);color:white;white-space:nowrap;padding:12px 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:2}.ticker-track{font:800 1.25rem var(--display);letter-spacing:.07em;animation:ticker 28s linear infinite}.ticker-track span{display:inline-block;min-width:max-content}.ticker b{margin:0 22px;color:#1a0b09}@keyframes ticker{to{transform:translateX(-40%)}}.section{padding:105px 9vw;border-top:1px solid var(--line)}.section-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line);font: .6rem var(--mono);letter-spacing:.13em;color:var(--muted);margin-bottom:65px}.section-meta span:first-child{color:var(--red)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-title h2,.services-heading h2,.hours h2,.contact h2{font:900 clamp(4rem,8vw,8rem)/.82 var(--display);letter-spacing:-.035em;margin:20px 0 25px}.about-title h2 span,.services-heading h2 span,.hours h2 span,.contact h2 span{color:var(--red)}.red-rule{width:65px;height:5px;background:var(--red);margin-top:38px}.about-text{padding-top:22px}.big-copy{font-size:clamp(1.3rem,2.5vw,2.1rem);font-weight:600;line-height:1.35;letter-spacing:-.04em}.big-copy em{color:var(--red);font-style:normal}.about-text>p:not(.big-copy){color:var(--muted);font-size:.9rem;line-height:1.9}.details-toggle{display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid var(--line);padding:17px 0;background:transparent;color:var(--text);font:500 .62rem var(--mono);letter-spacing:.08em;cursor:pointer;margin-top:28px;width:100%;text-align:left}.details-toggle span{font-size:1.5rem;color:var(--red)}.details-panel{padding:20px 0 0 20px;border-left:2px solid var(--red);margin-top:20px}.details-panel p:last-child{color:var(--muted);font-size:.88rem}.services{background:var(--surface)}.services-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;column-gap:30px;margin-bottom:55px}.services-heading .kicker{grid-column:1/-1}.services-heading h2{margin-bottom:0}.services-heading>p:last-child{max-width:300px;color:var(--muted);font-size:.88rem;margin-bottom:5px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1.2fr 1fr 40px;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.service-row:hover{padding-left:12px;color:var(--red)}.service-no{font: .7rem var(--mono);color:var(--red)}.service-name{font:800 clamp(1.6rem,3.4vw,3.1rem)/1 var(--display);letter-spacing:.02em}.service-desc{font-size:.78rem;color:var(--muted)}.service-arrow{font-size:1.5rem;text-align:right}.services-end{display:flex;justify-content:space-between;gap:20px;padding-top:25px;font: .57rem var(--mono);letter-spacing:.1em;color:var(--muted)}.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.hours h2{font-size:clamp(3.7rem,6vw,6rem)}.muted{color:var(--muted);font-size:.88rem;line-height:1.8;max-width:390px}.hours-box{border:1px solid var(--line);padding:25px}.hours-box-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font: .58rem var(--mono);letter-spacing:.08em;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line)}.pending{display:flex;align-items:center;gap:7px;font-size:.52rem}.pending i{width:6px;height:6px;border-radius:50%;background:var(--red)}.hours-row{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);font-size:.83rem}.hours-row strong{font:500 .72rem var(--mono);color:var(--red)}.hours-foot{font:.55rem var(--mono);color:var(--muted);margin:20px 0 0}.contact{position:relative;overflow:hidden;background:var(--surface)}.contact-back{position:absolute;right:-3vw;top:5%;font:900 clamp(10rem,24vw,26rem)/.75 var(--display);letter-spacing:-.06em;color:#ffffff05;pointer-events:none}.contact-back span{color:#f0442e10}.contact-inner{position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:10vw}.contact h2{font-size:clamp(4.2rem,8vw,8rem)}.contact-intro{margin-top:30px}.email-block{display:flex;flex-direction:column;gap:10px;margin-top:45px}.email-block span{font:.6rem var(--mono);letter-spacing:.12em;color:var(--muted)}.email-block a{font-weight:700;color:var(--red);overflow-wrap:anywhere}.contact-form{display:flex;flex-direction:column}.contact-form label{font:500 .6rem var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 8px}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:13px 0;margin-bottom:24px;border-radius:0;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted);opacity:.7}.submit{align-self:flex-start;margin-top:5px}.form-error{font-size:.75rem;color:var(--red);margin:0 0 12px}.form-note{font-size:.66rem;color:var(--muted);line-height:1.7;margin:14px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:28px 5.5vw}.footer-motto,.back-top,.copyright{font: .55rem var(--mono);letter-spacing:.08em;color:var(--muted)}.back-top:hover{color:var(--red)}
body.light .hero-image{background:radial-gradient(ellipse at 62% 43%,#b94b3e 0,#5a1c17 24%,#efede7 72%)}body.light .hero-image:after{background:linear-gradient(90deg,var(--bg) 0%,transparent 35%,#efede744 100%),linear-gradient(0deg,var(--bg),transparent 28%,transparent 80%,var(--bg))}body.light .hero-description{color:#d7d0c9}body.light .button-ghost{background:#efede799}body.light .contact-back{color:#00000006}
@media(max-width:900px){.header{padding:0 4vw}.nav{gap:15px}.nav a,.header-link{font-size:.57rem}.header-right{gap:10px}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:clamp(5rem,12vw,8rem)}.hero-image{left:25%}.hero-core{left:58%}.section{padding:85px 6vw}.about-grid,.hours-grid,.contact-grid{gap:6vw}.service-row{grid-template-columns:45px 1.1fr 1fr 30px}}
@media(max-width:680px){.header{height:68px}.header-link{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:34px;height:34px;border:1px solid var(--line);background:transparent}.menu-toggle i{height:1px;width:15px;background:var(--text)}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:22px 6vw;flex-direction:column;gap:22px}.nav.open{display:flex}.nav a{font-size:.7rem}.hero{min-height:800px;align-items:flex-start;padding:80px 6vw 100px}.hero-content{width:100%}.hero h1{font-size:clamp(5rem,18vw,8rem);margin-top:25px}.hero-description{font-size:.83rem;max-width:360px}.hero-image{inset:20% -20% 5% 3%;opacity:.7}.hero-image:after{background:linear-gradient(180deg,var(--bg),transparent 30%,#08080822 65%,var(--bg))}.hero-core{width:220px;left:60%;top:55%}.hero-orbit.orbit-a{width:340px;height:220px}.hero-orbit.orbit-b{width:270px;height:370px}.hero-stamp{right:5%;top:20%;font-size:1.6rem}.hero-side-note{right:1%;bottom:18%;font-size:.47rem}.hero-footer{left:6vw;right:6vw;flex-wrap:wrap;font-size:.49rem}.hero-footer>span:last-child{display:none}.hero-scroll{margin-left:auto}.hero-buttons{gap:9px}.button{font-size:.57rem;padding:14px}.ticker-track{font-size:1rem}.section{padding:70px 6vw}.section-meta{margin-bottom:45px;font-size:.52rem}.about-grid,.hours-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-title h2,.services-heading h2,.hours h2,.contact h2{font-size:clamp(4rem,17vw,6rem)}.about-text{padding-top:0}.services-heading{display:block}.services-heading h2{margin-bottom:25px}.services-heading>p:last-child{margin-top:20px}.service-row{grid-template-columns:30px 1fr 30px;gap:12px;padding:20px 0}.service-name{font-size:clamp(1.7rem,7vw,2.5rem)}.service-desc{grid-column:2;grid-row:2;font-size:.7rem}.service-arrow{grid-column:3;grid-row:1/3}.services-end{font-size:.48rem;line-height:1.7}.hours-box{padding:18px 15px}.hours-box-top{align-items:flex-start;flex-direction:column}.contact-back{top:15%;font-size:45vw}.contact-inner{padding-left:0;padding-right:0}.footer{padding:25px 6vw;display:grid;grid-template-columns:1fr 1fr}.footer-motto{grid-column:1/-1;grid-row:2}.back-top{justify-self:end}.copyright{text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* HYBRID ART DIRECTION: industrial, abrasive, high-contrast */
:root{--red:#e43a2e;--red2:#761712}
.hero-image{background:radial-gradient(ellipse at 62% 43%,#4a1715 0,#1a0909 24%,#080808 63%);isolation:isolate}
.hero-image:before{content:"";position:absolute;inset:0;z-index:1;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 18px,#b7b0a822 19px 20px,transparent 21px 38px);clip-path:polygon(40% 0,100% 0,100% 100%,65% 100%)}
.slash{position:absolute;z-index:2;background:var(--red);opacity:.85;transform:skew(-25deg) rotate(-20deg);mix-blend-mode:screen}
.slash-one{width:8px;height:70%;top:15%;left:23%}
.slash-two{width:3px;height:95%;top:2%;left:31%;opacity:.5}
.distress-stamp{position:absolute;z-index:3;left:7%;bottom:14%;font:900 clamp(1.3rem,3vw,3rem)/.75 var(--display);letter-spacing:-.04em;color:#f2f0eb;transform:rotate(-8deg);border:2px solid var(--red);padding:10px 12px;opacity:.85}
.hero-core{border-radius:44% 56% 48% 52%;background:radial-gradient(circle at 35% 28%,#ef5849,#831b17 55%,#1a0505 82%);box-shadow:0 0 120px #f0442e28,inset -25px -30px 55px #08080899}
.hero-core:before{border-radius:43% 57% 49% 51%;inset:8%;transform:rotate(22deg) scaleX(.78)}
.hero-core:after{border-radius:50%;inset:20%;transform:rotate(-42deg) scaleX(.7);border-style:dashed}
.hero-core span{font-size:clamp(5rem,12vw,11rem);text-shadow:4px 4px 0 #08080888,-1px -1px 0 #f2f0eb66}
.hero h1{letter-spacing:-.055em;text-shadow:2px 2px 0 #ffffff08}
.hero h1 span{display:inline-block;position:relative}
.hero h1 span:after{content:"";position:absolute;left:-2%;right:-2%;height:5px;background:var(--red);bottom:8%;transform:rotate(-2deg);opacity:.8}
.ticker{transform:rotate(-1.3deg) scale(1.03);box-shadow:0 0 0 1px #080808}
.ticker-track{font-size:1.4rem;letter-spacing:.11em}
.section-meta{font-size:.58rem}
.about-title h2,.services-heading h2,.hours h2,.contact h2{text-shadow:2px 2px 0 #ffffff07}
.service-list-label{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font: .55rem var(--mono);letter-spacing:.12em;color:var(--muted)}
.service-row{position:relative;overflow:hidden}
.service-row:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#e43a2e10,transparent);transition:width .3s;pointer-events:none}
.service-row:hover:before{width:100%}
.service-row:hover .service-no{color:var(--text)}
.contact-back{font-style:italic;transform:rotate(-5deg)}
.button-red{box-shadow:4px 4px 0 #651711;transition:transform .2s,box-shadow .2s,background .2s}
.button-red:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #651711}
@media(max-width:680px){.distress-stamp{left:2%;bottom:11%;font-size:1.4rem}.service-list-label{font-size:.46rem}.ticker-track{font-size:1.1rem}.hero-core{left:61%;top:55%}}

/* BYTELABE animated identity */
.wordmark{position:relative;isolation:isolate;transition:filter .25s ease;animation:brand-enter .9s cubic-bezier(.2,.8,.2,1) both}
.wordmark:hover{filter:drop-shadow(0 0 12px #f0442e70)}
.mark{position:relative;overflow:hidden;animation:mark-pulse 3.8s ease-in-out infinite;box-shadow:0 0 0 1px #f0442e55,0 0 18px #f0442e20}
.mark:before{content:"";position:absolute;inset:-35% auto -35% -45%;width:35%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skew(-20deg);animation:mark-scan 3.2s ease-in-out infinite;pointer-events:none}
.mark:after{content:"";position:absolute;right:-3px;top:0;width:3px;height:100%;background:#fff;opacity:.9;animation:mark-flash 4.5s steps(1,end) infinite}
.wordmark>span:last-child{position:relative;text-shadow:0 0 0 transparent;animation:wordmark-flicker 7s steps(1,end) infinite}
.wordmark-thin{color:var(--text)}
@keyframes brand-enter{from{opacity:0;transform:translateY(-8px);letter-spacing:.28em}to{opacity:1;transform:translateY(0);letter-spacing:.12em}}
@keyframes mark-pulse{0%,100%{box-shadow:0 0 0 1px #f0442e55,0 0 14px #f0442e20;filter:saturate(1)}50%{box-shadow:0 0 0 1px #ff6a55,0 0 25px #f0442e65;filter:saturate(1.3)}}
@keyframes mark-scan{0%,15%{left:-45%;opacity:0}28%{opacity:1}55%,100%{left:140%;opacity:0}}
@keyframes mark-flash{0%,92%,95%,100%{opacity:0}93%,94%{opacity:1}}
@keyframes wordmark-flicker{0%,91%,93%,97%,100%{text-shadow:none;transform:translateX(0)}92%{text-shadow:2px 0 #f0442e,-2px 0 #f2f0eb;transform:translateX(1px)}96%{text-shadow:-2px 0 #f0442e,2px 0 #f2f0eb;transform:translateX(-1px)}}
@media(prefers-reduced-motion:reduce){.wordmark,.mark,.mark:before,.mark:after,.wordmark>span:last-child{animation:none!important}*{scroll-behavior:auto!important;transition:none!important}}

/* Cinematic motion upgrade */
.hero{isolation:isolate;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.28;filter:grayscale(1) contrast(1.25);pointer-events:none}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.76) 48%,rgba(5,5,5,.38) 100%),linear-gradient(0deg,#080808 0%,transparent 36%,rgba(0,0,0,.3) 100%);pointer-events:none}.hero-content{animation:heroEnter 1.1s cubic-bezier(.2,.75,.2,1) both}.hero h1{animation:titleReveal 1.15s .15s both;letter-spacing:-.035em}.hero h1 span{display:inline-block;text-shadow:0 0 28px rgba(255,35,45,.25);animation:redPulse 4s 1.5s infinite}.hero-core{animation:corePulse 5s ease-in-out infinite}.hero-orbit{animation:orbitSpin 22s linear infinite}.orbit-b{animation-direction:reverse;animation-duration:31s}.light-beam{animation:beamFlicker 6s ease-in-out infinite}.slash-one{animation:slashDrift 8s ease-in-out infinite alternate}.slash-two{animation:slashDrift 10s ease-in-out infinite alternate-reverse}.ticker-track{animation-duration:24s}.service-row{position:relative;overflow:hidden;transition:padding .35s ease,background .35s ease,color .35s ease}.service-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#f32935;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.service-row:hover{padding-left:22px;background:rgba(240,35,45,.07)}.service-row:hover:before{transform:scaleY(1)}.button{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 10px 35px rgba(255,32,45,.2)}.section-meta,.about-title,.about-text,.services-heading,.service-list,.hours-grid,.contact-grid{will-change:transform,opacity}.reveal-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.header{backdrop-filter:blur(14px)}.wordmark .mark{transition:transform .35s ease,color .35s ease}.wordmark:hover .mark{transform:rotate(-9deg) scale(1.08);color:#ff303b}.contact{overflow:hidden}.contact-back{animation:contactFloat 8s ease-in-out infinite alternate}.hero-scroll b{animation:scrollBlink 1.6s ease-in-out infinite alternate}
@keyframes heroEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes titleReveal{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(22px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}
@keyframes redPulse{0%,100%{text-shadow:0 0 10px rgba(255,35,45,.18)}50%{text-shadow:0 0 28px rgba(255,35,45,.55),0 0 70px rgba(255,35,45,.16)}}
@keyframes corePulse{0%,100%{filter:drop-shadow(0 0 4px rgba(255,35,45,.15));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,35,45,.45));transform:scale(1.035)}}
@keyframes orbitSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes beamFlicker{0%,100%{opacity:.35}48%{opacity:.8}51%{opacity:.45}54%{opacity:.95}}
@keyframes slashDrift{from{transform:translate3d(-8px,3px,0) rotate(-1deg)}to{transform:translate3d(10px,-5px,0) rotate(1deg)}}
@keyframes contactFloat{from{transform:translateY(-8px)}to{transform:translateY(8px)}}
@keyframes scrollBlink{from{opacity:.35;transform:translateY(-3px)}to{opacity:1;transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-ready .reveal{opacity:1;transform:none}}
@media(max-width:700px){.hero-video{opacity:.2}.hero:before{background:linear-gradient(90deg,rgba(5,5,5,.91),rgba(5,5,5,.68)),linear-gradient(0deg,#080808 0%,transparent 55%)}}


/* MASTER EDITION: cinematic UI details */
html{scroll-behavior:smooth;scroll-padding-top:88px}
.page-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;pointer-events:none;background:rgba(255,255,255,.06)}
.page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff2638,#ff6b35);box-shadow:0 0 12px #ff2638;will-change:width}
.cursor-aura{position:fixed;z-index:999;left:0;top:0;width:22px;height:22px;border:1px solid rgba(255,45,60,.65);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .22s,height .22s,opacity .22s,border-color .22s;mix-blend-mode:screen}
@media (pointer:fine){body:hover .cursor-aura{opacity:1}a:hover~.cursor-aura,.cursor-aura.is-hover{width:46px;height:46px;border-color:#ff2638;background:rgba(255,38,56,.08)}}
.video-toggle{border:0;background:transparent;color:inherit;font:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer;display:inline-flex;gap:12px;align-items:center;padding:8px 0}
.video-toggle span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:11px}
.hero-video{transition:opacity .4s ease}
.hero-video.is-paused{opacity:.24}
.service-row{transform:translateZ(0);transition:padding .28s ease,background .28s ease,border-color .28s ease}
.service-row:hover{padding-left:18px;padding-right:18px}
.button,.header-link,.wordmark{transition:transform .25s ease,color .25s ease,background .25s ease}
.button:hover{transform:translateY(-3px)}
.hero-content h1{animation:heroHeadlineIn .9s cubic-bezier(.2,.75,.2,1) both}
.hero-content .kicker{animation:heroHeadlineIn .65s .08s both}
.hero-description,.hero-buttons{animation:heroHeadlineIn .8s .18s both}
@keyframes heroHeadlineIn{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor-aura{display:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media (pointer:coarse){.cursor-aura{display:none}}

/* MASTER MASTER MASTER — accessible, consistent light theme fixes */
body.light{color-scheme:light;--bg:#f5f3ee;--surface:#e9e6df;--text:#171514;--muted:#625d57;--line:#cbc5bc;--red:#c72d22;--red2:#8e2018}
body.light .hero-image{background:radial-gradient(ellipse at 62% 43%,#a94337 0,#64251e 25%,#d9d5ce 75%)}
body.light .hero-image:after{background:linear-gradient(90deg,var(--bg) 0%,rgba(245,243,238,.78) 28%,rgba(245,243,238,.12) 70%),linear-gradient(0deg,var(--bg),transparent 28%,transparent 80%,var(--bg))}
body.light .hero:before{background:linear-gradient(90deg,rgba(245,243,238,.96) 0%,rgba(245,243,238,.82) 48%,rgba(245,243,238,.35) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 36%,rgba(245,243,238,.2) 100%)}
body.light .hero-video{opacity:.12;mix-blend-mode:multiply}
body.light .hero-description,body.light .hero-side-note{color:#514a45}
body.light .hero-stamp,body.light .distress-stamp{color:#211b19}
body.light .orbit-b{border-color:#2b211f35}
body.light .hero-core span{color:#fff}
body.light .hero-core{box-shadow:0 0 80px #c72d2222,inset -20px -25px 40px #08080855}
body.light .button-ghost{background:rgba(245,243,238,.88);border-color:#8e857d;color:var(--text)}
body.light .button-ghost:hover{background:#fff}
body.light .services{background:var(--surface)}
body.light .contact{background:var(--surface)}
body.light .contact-back{color:#1715140a}
body.light .contact-back span{color:#c72d2212}
body.light .hero-footer{background:transparent;color:#625d57}
body.light .video-toggle span{border-color:#625d57}
body.light .mark span{color:#fff}
body.light .form-error{color:#a51e18}
body.light .contact-form input,body.light .contact-form textarea{color:var(--text)}
body.light .contact-form input::placeholder,body.light .contact-form textarea::placeholder{color:#625d57}
body.light .page-progress{background:#17151418}
body.light .cursor-aura{mix-blend-mode:multiply}
body.light .ticker{color:#fff}
body.light ::selection{background:#c72d22;color:#fff}

/* BYTE BOTS playground — animated, self-contained and theme-aware. */
.bytebots-section{position:relative;overflow:hidden;background:#0a0a0b;color:#f4f1ec;padding:clamp(5rem,10vw,9rem) 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.bytebots-inner{position:relative;z-index:1}
.bytebots-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin:2.5rem 0 3rem}
.bytebots-heading h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(4rem,10vw,8.5rem);line-height:.78;letter-spacing:-.045em;margin:.5rem 0 0;font-weight:900}
.bytebots-heading h2 span{color:#f33b30}
.bytebots-heading>p{max-width:330px;color:#aaa6a0;line-height:1.8;margin-bottom:.25rem}
.bot-stage{position:relative;height:clamp(350px,48vw,570px);overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#8b171b35 0,transparent 46%),linear-gradient(145deg,#151517,#09090a 65%);border:1px solid #ffffff20;isolation:isolate}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);transform:perspective(400px) rotateX(14deg) scale(1.2);transform-origin:bottom}
.stage-scan{position:absolute;inset:-30% 0 auto;height:35%;background:linear-gradient(transparent,#ff31250d,transparent);animation:botScan 6s linear infinite;z-index:2;pointer-events:none}
.stage-label{position:absolute;z-index:5;font:10px 'DM Mono',monospace;letter-spacing:.18em;color:#aaa39d}.stage-label-top{top:24px;left:24px}.stage-label-bottom{right:24px;top:24px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f43b31;box-shadow:0 0 12px #f43b31;vertical-align:middle;margin:0 6px}
.bot{position:absolute;width:125px;height:230px;top:26%;z-index:3;animation:botBounce 1.5s ease-in-out infinite;filter:drop-shadow(0 15px 18px #0009)}.bot-red{left:calc(50% - 145px);--bot:#ed3930;--bot-dark:#7b1717;animation:botDance 2.4s ease-in-out infinite}.bot-silver{left:calc(50% + 25px);top:29%;--bot:#c9c9c9;--bot-dark:#68686c;animation:botDanceTwo 2.1s ease-in-out infinite}
.bot-head{position:absolute;left:15px;top:15px;width:95px;height:76px;border:3px solid var(--bot);border-radius:22px 22px 17px 17px;background:linear-gradient(145deg,#3b3b3f,#111114);box-shadow:inset 0 0 18px #000,0 0 22px color-mix(in srgb,var(--bot) 25%,transparent)}.bot-head:before{content:'';position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--bot) 45%,transparent);border-radius:13px}.bot-eye{position:absolute;top:26px;width:13px;height:13px;border-radius:50%;background:#ff5146;box-shadow:0 0 12px #ff382e;animation:botBlink 4s infinite}.bot-eye:first-of-type{left:21px}.bot-eye:nth-of-type(2){right:21px}.bot-silver .bot-eye{background:#e8faff;box-shadow:0 0 12px #b5eaff}.bot-mouth{position:absolute;bottom:12px;left:35px;width:22px;height:4px;background:var(--bot);border-radius:4px}.bot-antenna{position:absolute;top:0;left:60px;width:4px;height:20px;background:var(--bot)}.bot-antenna:after{content:'';position:absolute;top:-7px;left:-5px;width:14px;height:14px;border-radius:50%;background:var(--bot);box-shadow:0 0 15px var(--bot)}.bot-body{position:absolute;top:100px;left:23px;width:80px;height:75px;border:3px solid var(--bot);border-radius:15px 15px 20px 20px;background:linear-gradient(145deg,#353539,#141416);display:grid;place-items:center;box-shadow:inset 0 0 18px #000}.bot-body span{font:900 22px 'Barlow Condensed',sans-serif;color:var(--bot);letter-spacing:.06em}.bot-body i{position:absolute;bottom:10px;width:25px;height:3px;background:var(--bot);box-shadow:0 0 8px var(--bot)}.bot-arm{position:absolute;top:112px;width:22px;height:57px;border:5px solid var(--bot);border-radius:15px;background:#242428;transform-origin:top center}.arm-left{left:7px;transform:rotate(20deg);animation:botWave .7s ease-in-out infinite alternate}.arm-right{right:4px;transform:rotate(-25deg);animation:botWave .65s ease-in-out infinite alternate-reverse}.bot-leg{position:absolute;top:169px;width:23px;height:45px;border:4px solid var(--bot);border-radius:8px;background:#29292c;transform-origin:top center}.leg-left{left:35px;animation:botLeg .55s ease-in-out infinite alternate}.leg-right{right:31px;animation:botLeg .55s ease-in-out infinite alternate-reverse}.bot-shadow{position:absolute;width:130px;height:18px;left:-3px;bottom:-8px;border-radius:50%;background:#0009;filter:blur(8px);animation:botShadow 1.2s ease-in-out infinite alternate}.play-ball{position:absolute;width:36px;height:36px;left:50%;top:58%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#ff4a3f 22%,#a41414 70%);box-shadow:0 0 25px #f33b3080;animation:ballPlay 2.4s ease-in-out infinite;z-index:4}.bot-spark{position:absolute;color:#ff463b;font-size:24px;animation:sparkFloat 2s ease-in-out infinite}.spark-one{left:32%;top:28%}.spark-two{right:28%;top:47%;animation-delay:.7s}.spark-three{left:67%;top:25%;animation-delay:1.2s}.stage-caption{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;z-index:5}.stage-caption strong{display:block;font:800 clamp(17px,3vw,28px) 'Barlow Condensed',sans-serif;letter-spacing:.1em}.stage-caption span{display:block;margin-top:7px;color:#9a9590;font:9px 'DM Mono',monospace;letter-spacing:.18em}.bot-controls{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:18px}.bot-controls p{font:10px 'DM Mono',monospace;letter-spacing:.06em;color:#b3aea8}.bot-note{color:#77716c}.bot-controls .button{cursor:pointer}.bot-stage.is-paused *{animation-play-state:paused!important}
@keyframes botDance{0%,100%{transform:translateY(0) rotate(-7deg)}25%{transform:translateY(-22px) rotate(8deg)}50%{transform:translateY(0) rotate(13deg)}75%{transform:translateY(-12px) rotate(-9deg)}}@keyframes botDanceTwo{0%,100%{transform:translateY(0) rotate(7deg)}25%{transform:translateY(-10px) rotate(-12deg)}50%{transform:translateY(-26px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(12deg)}}@keyframes botWave{to{transform:rotate(65deg)}}@keyframes botLeg{to{transform:rotate(22deg)}}@keyframes botBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}@keyframes ballPlay{0%,100%{transform:translate(-80px,15px) scale(1)}25%{transform:translate(5px,-60px) scale(.85)}50%{transform:translate(90px,5px) scale(1)}75%{transform:translate(10px,-35px) scale(.9)}}@keyframes botShadow{to{transform:scaleX(.75);opacity:.55}}@keyframes sparkFloat{0%,100%{transform:translateY(0) rotate(0);opacity:.4}50%{transform:translateY(-17px) rotate(35deg);opacity:1}}@keyframes botScan{to{transform:translateY(450%)}}
body.light .bytebots-section{background:#f0ede8;color:#171514}body.light .bot-stage{background:radial-gradient(ellipse at 50% 70%,#c72d2217 0,transparent 46%),linear-gradient(145deg,#e8e4df,#d8d3cd);border-color:#17151425}body.light .stage-grid{background-image:linear-gradient(#1715140b 1px,transparent 1px),linear-gradient(90deg,#1715140b 1px,transparent 1px)}body.light .stage-label,body.light .bot-controls p{color:#5f5953}body.light .bytebots-heading>p{color:#5f5953}body.light .stage-caption span{color:#5f5953}
@media(max-width:700px){.bytebots-heading{display:block}.bytebots-heading>p{margin-top:1.5rem}.bot-stage{height:390px}.bot{transform:scale(.8);transform-origin:top center}.bot-red{left:calc(50% - 125px)}.bot-silver{left:calc(50% + 2px)}.stage-caption{bottom:20px}.stage-label{font-size:8px}.bot-controls{align-items:flex-start;flex-direction:column}.bot-note{display:block;margin-top:5px}.bytebots-heading h2{font-size:clamp(4rem,16vw,6rem)}}
@media(prefers-reduced-motion:reduce){.bot-stage *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* BYTE BOTS penalty mini-game */
.mini-goal{position:absolute;right:8%;top:13%;width:clamp(125px,22%,245px);height:clamp(90px,27%,190px);border:5px solid #eee;border-bottom-width:8px;box-shadow:0 0 22px #ff243855,inset 0 0 22px #ff243822;z-index:3;overflow:hidden}
.goal-net{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 14px,#ffffff25 15px 16px),repeating-linear-gradient(90deg,transparent 0 14px,#ffffff25 15px 16px)}
.goalkeeper{position:absolute;left:50%;bottom:4px;width:54px;height:78px;transform:translateX(-50%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:2}
.keeper-head{position:absolute;top:0;left:10px;width:34px;height:29px;border:3px solid #ff2a3d;border-radius:8px;background:#171719;display:flex;justify-content:space-evenly;align-items:center}
.keeper-head i{width:6px;height:6px;background:#ff3447;border-radius:50%;box-shadow:0 0 8px #ff3447}.keeper-body{position:absolute;top:31px;left:11px;width:32px;height:35px;background:#d5d5d5;color:#111;font-size:10px;font-weight:900;display:grid;place-items:center;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}
.keeper-arm{position:absolute;top:34px;width:24px;height:8px;border-radius:5px;background:#ff2a3d}.keeper-arm-left{left:-8px;transform:rotate(-28deg)}.keeper-arm-right{right:-8px;transform:rotate(28deg)}
.goalkeeper.dive-left{transform:translate(-95%,-10%) rotate(-48deg)}.goalkeeper.dive-right{transform:translate(-5%,-10%) rotate(48deg)}
.play-ball{z-index:5;transition:transform .55s cubic-bezier(.2,.7,.3,1),left .55s,top .55s}.play-ball.shot-goal{left:82%;top:29%;transform:scale(.55) rotate(540deg)}.play-ball.shot-save{left:68%;top:29%;transform:scale(.65) rotate(360deg)}
.bot-game-controls{display:flex;gap:10px;flex-wrap:wrap}.game-score{margin:14px 0 0;font-size:.78rem;letter-spacing:.12em;color:var(--muted,#aaa);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.game-score strong{color:var(--text,#fff);font-size:1.05rem}.game-message{color:#ff394b;font-weight:800;margin-left:8px}.bot-game-controls button:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.mini-goal{right:4%;top:17%;width:34%;height:22%;border-width:3px}.goalkeeper{transform:translateX(-50%) scale(.72);transform-origin:bottom center}.bot-game-controls{width:100%}.bot-game-controls button{flex:1}.game-score{font-size:.68rem}}

/* BYTE BOTS TV — original 2D cartoon episode */
.kids-tv-section{background:var(--bg,#090909);border-top:1px solid rgba(255,255,255,.12);overflow:hidden}.kids-tv-inner{padding-top:100px;padding-bottom:100px}.kids-tv-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:35px 0 32px}.kids-tv-heading h2{font-size:clamp(3rem,8vw,7.5rem);line-height:.83;letter-spacing:-.065em;margin:15px 0 0}.kids-tv-heading h2 span{color:#ff3434}.kids-tv-heading>p{max-width:340px;color:var(--muted,#aaa);line-height:1.7}.cartoon-screen{border:1px solid rgba(255,60,60,.45);border-radius:14px;overflow:hidden;background:#111;box-shadow:0 20px 80px #0008}.cartoon-sky{height:clamp(350px,48vw,550px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#462022 0,transparent 55%),linear-gradient(145deg,#161a28,#101015 65%,#291013)}.cartoon-star{position:absolute;color:#ff4c4c;font-size:24px;animation:starTwinkle 1.8s ease-in-out infinite alternate}.star-a{left:12%;top:20%}.star-b{right:14%;top:17%;animation-delay:.8s}.cartoon-cloud{position:absolute;width:120px;height:35px;border-radius:50%;background:#ffffff09;filter:blur(2px)}.cloud-a{top:30%;left:7%}.cloud-b{top:38%;right:8%}.speech-bubble{position:absolute;z-index:5;max-width:220px;padding:13px 17px;border-radius:18px;background:#fff;color:#171717;font-weight:800;font-size:clamp(.8rem,1.7vw,1rem);box-shadow:0 6px 0 #0003;opacity:.45;transition:transform .25s,opacity .25s}.speech-bubble:after{content:"";position:absolute;bottom:-9px;border-width:10px 10px 0;border-style:solid;border-color:#fff transparent transparent}.bubble-byte{left:calc(50% - 250px);top:12%}.bubble-byte:after{left:28px}.bubble-bits{right:calc(50% - 270px);top:19%;background:#ffdddd}.bubble-bits:after{right:28px;border-top-color:#ffdddd}.speech-bubble.active{opacity:1;transform:translateY(-6px) scale(1.03)}.cartoon-bot{position:absolute;z-index:3;width:130px;height:235px;bottom:72px;animation:botBounce 1.5s ease-in-out infinite;transform-origin:50% 100%}.bot-byte{left:calc(50% - 190px);--bot-color:#f33;--bot-dark:#8f1018}.bot-bits{left:calc(50% + 45px);--bot-color:#b9d6e7;--bot-dark:#547b91;animation-delay:.3s}.antenna{position:absolute;left:61px;top:0;width:7px;height:24px;background:#aeb7c2;border-radius:6px}.antenna:after{content:"";position:absolute;top:-8px;left:-5px;width:17px;height:17px;border-radius:50%;background:var(--bot-color);box-shadow:0 0 18px var(--bot-color)}.bot-head{position:absolute;top:22px;left:12px;width:106px;height:78px;border:4px solid #d8e0e7;border-radius:25px 25px 20px 20px;background:linear-gradient(145deg,#fafafa,#929da8);box-shadow:inset -8px -7px 0 #0002,0 8px 18px #0006}.bot-byte .bot-head{border-color:#ffb0b0;background:linear-gradient(145deg,#ff6868,#9b1018)}.bot-ear{position:absolute;left:-12px;top:24px;width:10px;height:28px;border-radius:5px;background:var(--bot-color)}.bot-eyes{display:flex;justify-content:center;gap:18px;margin-top:21px}.bot-eyes i{width:13px;height:17px;border-radius:50%;background:#74faff;box-shadow:0 0 12px #74faff}.bot-mouth{height:5px;width:28px;background:#242a30;border-radius:6px;margin:9px auto}.bot-body{position:absolute;left:26px;top:107px;width:78px;height:77px;border-radius:18px 18px 24px 24px;border:3px solid #cad3dc;background:linear-gradient(145deg,#e8edf2,#64717e);display:grid;place-items:center;box-shadow:inset -7px -5px #0002}.bot-byte .bot-body{border-color:#ff9696;background:linear-gradient(145deg,#ff5151,#83121a)}.bot-core{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#17222c;color:#7ffaff;font-weight:900;box-shadow:0 0 15px #6ff7ff66}.bot-arm{position:absolute;top:119px;width:20px;height:57px;border-radius:12px;background:var(--bot-color);border:3px solid #d4dbe2;transform-origin:50% 8px}.arm-left{left:9px;transform:rotate(25deg);animation:armWave .9s ease-in-out infinite alternate}.arm-right{right:4px;transform:rotate(-22deg);animation:armWave .9s ease-in-out infinite alternate-reverse}.bot-leg{position:absolute;top:178px;width:25px;height:45px;border-radius:9px;background:var(--bot-dark);border:3px solid #c4cbd2}.leg-left{left:33px}.leg-right{right:32px}.cartoon-ground{position:absolute;bottom:55px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#ff3434,#b8faff,transparent);box-shadow:0 0 25px #ff343477}.cartoon-caption{position:absolute;z-index:6;bottom:12px;left:12px;right:12px;text-align:center;color:white;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 10px #000;background:#0008;padding:10px;border-radius:8px}.kids-tv-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.kids-tv-controls button:disabled{opacity:.4;cursor:not-allowed}.voice-option{display:flex;align-items:center;gap:8px;color:var(--muted,#aaa);font-size:.85rem;margin-left:auto}.kids-tv-note{color:var(--muted,#999);font-size:.78rem;margin-top:14px}.cartoon-screen.is-paused *{animation-play-state:paused!important}@keyframes botBounce{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -13px;rotate:1deg}}@keyframes armWave{from{rotate:-18deg}to{rotate:28deg}}@keyframes starTwinkle{from{opacity:.35;scale:.8}to{opacity:1;scale:1.2}}@media(max-width:650px){.kids-tv-inner{padding-top:65px;padding-bottom:65px}.kids-tv-heading{display:block}.kids-tv-heading>p{margin-top:22px}.cartoon-sky{height:390px}.cartoon-bot{scale:.78;bottom:58px}.bot-byte{left:calc(50% - 145px)}.bot-bits{left:calc(50% + 15px)}.bubble-byte{left:4%;top:8%;max-width:150px}.bubble-bits{right:4%;top:24%;max-width:150px}.voice-option{margin-left:0}.cartoon-caption{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.cartoon-bot,.cartoon-star,.bot-arm{animation:none!important}}

/* Penalty game upgrade: aim controls, five-shot challenge and clear feedback. */
.penalty-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;font:10px 'DM Mono',monospace;letter-spacing:.1em;color:var(--muted,#aaa)}
.aim-button{border:1px solid #7775;background:transparent;color:var(--text,#fff);padding:10px 13px;font:700 10px 'DM Mono',monospace;letter-spacing:.06em;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.aim-button:hover{border-color:#ff394b;transform:translateY(-2px)}
.aim-button.is-selected{background:#ff394b;color:#fff;border-color:#ff394b;box-shadow:0 0 18px #ff394b35}
.aim-button:disabled{opacity:.55;cursor:wait;transform:none}
#reset-game{border-color:#ff394b70}
.play-ball.shot-goal,.play-ball.shot-save{animation:none;}
.play-ball.shot-goal{box-shadow:0 0 32px #ff493f;}
.play-ball.shot-save{box-shadow:0 0 28px #8be7ff;}
.game-score{gap:12px 18px}
.game-score>span:not(.game-message){padding:8px 10px;border:1px solid #8883;background:#8881}
body.light .aim-button{color:#171514;border-color:#17151455}
body.light .aim-button.is-selected{color:#fff;border-color:#ff394b}
body.light .game-score>span:not(.game-message){border-color:#17151425;background:#fff8}
@media(max-width:600px){.penalty-picker{gap:6px}.penalty-picker>span{width:100%}.aim-button{flex:1;padding:11px 6px;font-size:9px}.bot-game-controls button{flex:1}.game-score{gap:7px;font-size:.65rem}.game-score>span:not(.game-message){padding:6px 7px}}

/* Penalty mini-game polish: distinct target lanes and keeper centre save. */
.goalkeeper.dive-center{transform:translate(-50%,-8%) scale(1.08);}
.play-ball.shot-left{transform:translate(-50%,-50%) scale(.62) rotate(540deg);}
.play-ball.shot-center{transform:translate(-50%,-50%) scale(.58) rotate(540deg);}
.play-ball.shot-right{transform:translate(-50%,-50%) scale(.62) rotate(540deg);}
.play-ball.shot-save{filter:drop-shadow(0 0 12px #8be7ff);}
.play-ball.shot-goal{filter:drop-shadow(0 0 12px #ff493f);}


/* BYTE BOTS ARCADE — new standalone section; existing site styles remain unchanged. */
.byte-arcade-section{background:#101010;color:#f5f2ef;border-top:1px solid #ff394b30;border-bottom:1px solid #ff394b30;position:relative;overflow:hidden}
.arcade-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:28px 0 38px}.arcade-heading h2{font-size:clamp(3rem,8vw,7rem);line-height:.82;letter-spacing:-.07em;margin:10px 0 0}.arcade-heading h2 span{color:#ff394b}.arcade-heading>p{max-width:350px;color:#aaa;line-height:1.7}.arcade-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.arcade-card{border:1px solid #ffffff25;background:linear-gradient(145deg,#1b1b1b,#101010);padding:clamp(18px,3vw,30px);min-width:0}.arcade-card-top{display:flex;justify-content:space-between;font:700 10px/1 monospace;letter-spacing:.14em;color:#aaa}.arcade-tag{color:#ff5966;border:1px solid #ff394b65;padding:6px 8px}.arcade-card h3{font-size:clamp(1.4rem,3vw,2.1rem);margin:24px 0 8px;letter-spacing:-.04em}.arcade-card>p{color:#aaa;line-height:1.6;font-size:.92rem}.reaction-display{min-height:180px;margin:22px 0 16px;background:#090909;border:1px solid #ffffff22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;transition:background .2s,border-color .2s}.reaction-light{width:24px;height:24px;border-radius:50%;background:#777;box-shadow:0 0 0 7px #7772}.reaction-display strong{font:800 clamp(1.25rem,3vw,2rem)/1 monospace;letter-spacing:.08em}.reaction-display small{color:#aaa}.reaction-display[data-state=waiting]{background:#351318;border-color:#ff394b}.reaction-display[data-state=waiting] .reaction-light{background:#ff394b;box-shadow:0 0 20px #ff394b}.reaction-display[data-state=go]{background:#09291d;border-color:#46f59a}.reaction-display[data-state=go] .reaction-light{background:#46f59a;box-shadow:0 0 22px #46f59a}.reaction-display[data-state=early]{background:#30220a;border-color:#ffbf4b}.arcade-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.arcade-actions .button{min-height:42px}.arcade-result,.catch-score{font:700 11px/1.5 monospace;letter-spacing:.05em;color:#c9c9c9}.catch-arena{height:196px;margin:22px 0 16px;background:#090909;border:1px solid #ffffff22;position:relative;overflow:hidden;touch-action:manipulation}.catch-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:24px 24px}.catch-robot{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-size:42px;filter:drop-shadow(0 0 12px #ff394b66);animation:arcade-bob 1.4s ease-in-out infinite}.energy-item{position:absolute;z-index:2;border:1px solid #ffcf53;background:#ffcf5320;color:#ffdf75;border-radius:12px;font-size:24px;width:48px;height:48px;cursor:pointer;box-shadow:0 0 20px #ffcf5355;animation:energy-pulse .7s ease-in-out infinite alternate}.catch-hint{position:absolute;top:14px;left:0;right:0;text-align:center;font:700 10px monospace;letter-spacing:.14em;color:#aaa;pointer-events:none}.arcade-card button:focus-visible{outline:2px solid #ff5966;outline-offset:3px}@keyframes arcade-bob{50%{transform:translate(-50%,-6px)}}@keyframes energy-pulse{to{transform:scale(1.1);box-shadow:0 0 28px #ffcf5399}}body.light .byte-arcade-section{background:#f4f1ed;color:#171514}body.light .arcade-card{background:linear-gradient(145deg,#fff,#eee9e4);border-color:#17151425}body.light .arcade-heading>p,body.light .arcade-card>p{color:#555}body.light .reaction-display,body.light .catch-arena{background:#171514;color:#fff}body.light .arcade-result,body.light .catch-score{color:#454545}@media(max-width:700px){.arcade-heading{display:block}.arcade-heading>p{margin-top:22px}.arcade-games{grid-template-columns:1fr}.arcade-card{padding:18px}.reaction-display{min-height:150px}.catch-arena{height:180px}}