/* Robelume Cosmic Neon Edition — cohesive site-wide visual layer. */
:root{--cosmic-cyan:#63c9ff;--cosmic-electric:#447dff;--cosmic-violet:#8b5cff;--cosmic-border:rgba(102,128,255,.38);--cosmic-glow:0 0 28px rgba(58,92,255,.25)}
html{scroll-behavior:smooth}body.cosmic-edition{background:#050817;color:#edf3ff;overflow-x:hidden}body.cosmic-edition::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 12% 0%,rgba(23,55,154,.2),transparent 46%),radial-gradient(ellipse at 90% 38%,rgba(92,38,171,.16),transparent 42%),linear-gradient(135deg,#050817,#090f27 70%,#050817)}
.site-cosmos{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.74}.site-cosmos>*{position:absolute;display:block;pointer-events:none}.cosmos-orb{width:330px;aspect-ratio:1;border-radius:50%;filter:blur(9px);background:radial-gradient(circle at 22% 20%,#263bce 0%,#101953 40%,rgba(4,8,31,.05) 72%);box-shadow:0 0 120px #253bb52c}.cosmos-orb-a{left:-220px;top:2%}.cosmos-orb-b{right:-250px;bottom:8%;width:470px}.cosmos-orbit{width:72vw;height:22vw;border:1px solid rgba(73,100,255,.23);border-radius:50%;right:-21vw;top:21%;transform:rotate(-23deg);box-shadow:0 0 14px #3c6cff20}.cosmos-star{width:4px;height:4px;background:#adceff;border-radius:50%;box-shadow:0 0 7px 2px #367aff,0 0 24px 5px #335aff88;animation:cosmosPulse 4s ease-in-out infinite alternate}.cosmos-star-a{top:15%;left:13%}.cosmos-star-b{top:54%;right:8%;animation-delay:1s}.cosmos-star-c{bottom:12%;left:34%;animation-delay:2s}
/* Lift real content above non-interactive background */
body.cosmic-edition>.header,body.cosmic-edition>main,body.cosmic-edition>.footer,body.cosmic-edition>#main,body.cosmic-edition>.site-noise,body.cosmic-edition>.progress-bar{position:relative;z-index:1}
.header{background:rgba(6,11,32,.78)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(95,118,255,.18)!important}.header::after{content:"";position:absolute;bottom:0;left:13%;right:13%;height:1px;background:linear-gradient(90deg,transparent,#5299ff88,transparent);pointer-events:none}
.hero{isolation:isolate;background:radial-gradient(ellipse at 75% 35%,rgba(50,32,143,.2),transparent 52%)!important}.hero::after{content:"";position:absolute;inset:6% 0 auto 53%;height:50%;border-top:1px solid rgba(60,103,255,.32);border-radius:50%;transform:rotate(-22deg);pointer-events:none;filter:drop-shadow(0 0 9px #4c69fa)}.hero-art{filter:drop-shadow(0 0 38px rgba(60,85,245,.25))}.hero-card-front{box-shadow:0 0 0 1px rgba(82,125,255,.3),0 0 45px rgba(68,87,255,.27)!important}.hero-star{color:#97a7ff;text-shadow:0 0 22px #586aff}
.section-tag,.tag-number{color:#8dc8ff!important;letter-spacing:.13em}.gradient-text,.hero h1 em,.contact-copy h2 em{background:linear-gradient(105deg,#d5e7ff 2%,#82c6ff 36%,#4b86ff 72%,#b395ff)!important;color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:none}
.btn-primary,.btn-light{background:linear-gradient(110deg,#286bfa,#4b8eff)!important;color:white!important;border:1px solid #7bb9ff!important;box-shadow:0 0 0 1px #4489ff70,0 0 23px #3176ff65,inset 0 1px 0 #ffffff70!important;transition:transform .2s,box-shadow .2s!important}.btn-primary:hover,.btn-light:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #93caff,0 0 35px #3479ffbb,0 10px 32px #2e4dca55!important}
a:focus-visible,button:focus-visible{outline:2px solid #a8daff!important;outline-offset:4px}
/* Service blocks */
.about-section,.work-section,.process-section,.pricing-section,.contact-section{isolation:isolate}.about-section::before,.work-section::before,.pricing-section::before{content:"";position:absolute;width:50vw;height:45vw;max-height:540px;border-radius:50%;background:radial-gradient(ellipse,rgba(59,55,159,.14),transparent 72%);filter:blur(28px);pointer-events:none;z-index:-1}.about-section::before{top:0;left:-15vw}.work-section::before{top:3%;right:-15vw}.pricing-section::before{top:-6%;left:15vw}
.service-card,.pricing-card,.project,.contact-card{position:relative;isolation:isolate;border:1px solid var(--cosmic-border)!important;background:linear-gradient(150deg,rgba(19,29,66,.92),rgba(7,13,36,.98) 72%)!important;box-shadow:inset 0 1px #ffffff0c,0 15px 45px #03051b77,0 0 24px #4164fc0e!important;transition:transform .28s ease,border-color .28s,box-shadow .28s!important}
.service-card::after,.pricing-card::after,.contact-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(98,139,255,.085),transparent 34%,transparent 75%,rgba(127,79,255,.055));z-index:-1}
.service-card:hover,.pricing-card:hover,.project:hover,.contact-card:hover{transform:translateY(-5px);border-color:rgba(130,160,255,.8)!important;box-shadow:0 0 28px #355cff2b,0 24px 55px #02041b99!important}
.service-icon,.service-number,.pricing-type,.contact-card-icon{color:#91bfff!important;text-shadow:0 0 16px rgba(72,112,255,.55)}.service-footer,.pricing-link,.contact-card-link{border-color:rgba(102,137,255,.28)!important}.service-footer span,.pricing-link span{color:#8dbeff}
/* Portfolio panels and decorative process */
.project-visual{position:relative;overflow:hidden;box-shadow:inset 0 0 45px #3c53ff24}.project-visual::after{content:"";position:absolute;inset:0;border:1px solid rgba(106,131,255,.23);pointer-events:none;border-radius:inherit}.process-section{background:radial-gradient(ellipse at 73% 40%,rgba(61,45,181,.16),transparent 56%),linear-gradient(180deg,#070b1d,#0a0c27 58%,#070b1a)!important}.process-halo{border-color:rgba(91,110,255,.32)!important;filter:drop-shadow(0 0 9px #4e65ff66)}.process-spark{text-shadow:0 0 23px #707eff}.step{border-bottom-color:rgba(94,118,255,.24)!important}.step-symbol{color:#8ab6ff!important}
/* Promote every package and avoid a lone overglowing card */
.pricing-card.featured{border-color:#7c77ff!important;box-shadow:0 0 45px #5947ef31,0 25px 50px #03041b91!important}.price{color:#f7f9ff!important;text-shadow:0 0 18px #416aff66}.featured-ribbon{background:linear-gradient(90deg,#3a55ec,#7942d2)!important}.pricing-note{border-color:rgba(100,123,255,.24)!important}
/* $99 section continuity */
.quick-fix-section{background:radial-gradient(ellipse at 60% 50%,rgba(49,40,157,.16),transparent 66%)!important}.quick-fix-panel{box-shadow:0 0 60px #404aff20,0 30px 60px #03051b!important}
/* Contact and footer */
.contact-section{background:radial-gradient(ellipse at 75% 25%,rgba(50,82,193,.15),transparent 54%),#070b1c!important}.contact-shell{border:1px solid rgba(99,119,255,.23)!important;box-shadow:0 0 70px #3555ff18}.contact-aurora,.footer-celestial{filter:drop-shadow(0 0 17px #466bff66)}.footer{border-top:1px solid #4f69c540!important;background:linear-gradient(180deg,#080c1f,#060818)!important}.footer-wordmark span{color:#78afff;text-shadow:0 0 18px #4c78ff}
@keyframes cosmosPulse{from{opacity:.24;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}
@media(max-width:760px){.site-cosmos{opacity:.45}.cosmos-orb{width:210px}.cosmos-orb-b{width:270px;right:-210px}.cosmos-orbit{width:110vw;height:65vw;right:-68vw}.hero::after{opacity:.4}.service-card:hover,.pricing-card:hover,.project:hover,.contact-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cosmos-star{animation:none}.btn-primary,.btn-light,.service-card,.pricing-card,.project,.contact-card{transition:none!important}}

/* Cosmic Neon v8: vibrant electric deep-space system; decorative layers never intercept clicks */
:root{--plasma:#ec65ff;--electric:#37bdff;--aurora:#9473ff}
body.cosmic-edition{background:#050718}
.site-shell{position:relative;isolation:isolate}
.site-cosmos{opacity:1;z-index:0;mix-blend-mode:screen}
body.cosmic-edition::before{background:radial-gradient(circle at 12% 12%,#203fa65c,transparent 25%),radial-gradient(circle at 88% 30%,#8d25c14b,transparent 25%),radial-gradient(circle at 54% 76%,#056d9e31,transparent 27%),linear-gradient(145deg,#050718,#0d1030 48%,#080718)!important}
/* Repeated tiny stars: deliberately low-opacity to avoid distracting text */
.site-shell::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.65;background-image:radial-gradient(circle,#cce7ff 1px,transparent 1.6px),radial-gradient(circle,#8d9cff 1px,transparent 1.8px),radial-gradient(circle,#cb75ff 1px,transparent 1.7px);background-size:149px 169px,251px 221px,347px 271px;background-position:20px 50px,90px 70px,35px 130px;mask-image:linear-gradient(to bottom,#000 88%,transparent)}
.site-shell>*{position:relative;z-index:1}
.hero,.about-section,.work-section,.process-section,.quick-fix-section,.pricing-section,.contact-section{position:relative;overflow:hidden;isolation:isolate}
/* Decorative galaxy art along every long empty side, not on top of text */
.hero::before,.about-section::after,.work-section::after,.process-section::after,.pricing-section::after,.contact-section::after{content:"";position:absolute;pointer-events:none;z-index:-1;background:url('./cosmic-energy.svg') center/contain no-repeat;filter:drop-shadow(0 0 24px #4c51ff99);opacity:.62}
.hero::before{width:min(75vw,1000px);height:590px;top:7%;right:-8%;transform:rotate(-9deg)}
.about-section::after{width:680px;height:480px;right:-245px;bottom:-75px;transform:rotate(22deg)}
.work-section::after{width:760px;height:520px;left:-270px;top:8%;transform:scaleX(-1) rotate(9deg)}
.process-section::after{width:800px;height:560px;right:-310px;top:0;transform:rotate(36deg)}
.pricing-section::after{width:890px;height:610px;right:-330px;bottom:-160px;transform:rotate(-15deg)}
.contact-section::after{width:770px;height:520px;left:-270px;bottom:-140px}
.hero{background:radial-gradient(circle at 86% 27%,#7543fc28,transparent 29%),radial-gradient(circle at 13% 80%,#00b6fd12,transparent 38%)!important}
.about-section{background:radial-gradient(ellipse at 0% 16%,#b33df021,transparent 48%)!important}
.work-section{background:radial-gradient(ellipse at 90% 35%,#2269eb2f,transparent 45%)!important}
.process-section{background:radial-gradient(ellipse at 20% 65%,#8519e837,transparent 42%),radial-gradient(ellipse at 85% 15%,#08affb20,transparent 42%),#080c23!important}
.pricing-section{background:radial-gradient(ellipse at 8% 20%,#801df02d,transparent 43%),radial-gradient(ellipse at 90% 90%,#137fff28,transparent 43%)!important}
.contact-section{background:radial-gradient(circle at 88% 18%,#8b29ee38,transparent 34%),radial-gradient(circle at 12% 77%,#15b3f22b,transparent 41%),#070a1c!important}
/* Cards become colorful neon glass, with striking edges and hover highlight */
.service-card,.pricing-card,.project,.contact-card{border-color:#7388ff8c!important;background:linear-gradient(135deg,#202451ee,#0d1535ee 52%,#1c1034ee)!important;box-shadow:inset 0 1px #cebbff35,0 20px 70px #010313bd,0 0 28px #7c4dff27!important}
.service-card:hover,.pricing-card:hover,.project:hover,.contact-card:hover{border-color:#ce8dff!important;box-shadow:0 0 24px #b852ff6c,0 0 48px #358aff59,0 24px 60px #050519a6!important}
.service-card::before,.pricing-card::before,.contact-card::before{content:"";position:absolute;pointer-events:none;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 100% 0%,#bd60ff25,transparent 35%),radial-gradient(circle at 0% 100%,#21d2ff20,transparent 40%)}
/* Colorful edge line across each big section */
.about-section>.container,.work-section>.container,.pricing-section>.container,.contact-section>.container{position:relative;z-index:1}
.section-tag{color:#89d8ff!important;text-shadow:0 0 14px #419dff99}
.gradient-text,.hero h1 em,.contact-copy h2 em{background:linear-gradient(100deg,#c7fbff,#46beff 35%,#827bff 64%,#f37cfe 100%)!important;background-clip:text!important;-webkit-background-clip:text!important}
.btn-primary,.btn-light,.nav-cta{background:linear-gradient(110deg,#167fff,#6754f6 65%,#b13ef1)!important;box-shadow:0 0 15px #3388ffbb,0 0 33px #7e43ff69,inset 0 1px #ffffff8a!important;border-color:#9cbdff!important}
.btn-primary:hover,.btn-light:hover,.nav-cta:hover{box-shadow:0 0 20px #4bbaff,0 0 47px #c158ffab,0 0 70px #4768ff80!important}
.quick-fix-panel{border:1px solid #7b9effbb!important;box-shadow:0 0 28px #734dff70,0 0 85px #2e61ff38!important;background:linear-gradient(123deg,#171634,#10152d 55%,#141c3b)!important}
.quick-fix-price{box-shadow:0 0 14px #31b9ffb8,0 0 30px #7856ffad,0 0 65px #a83dff65,inset 0 0 38px #6c4cff35!important;border:1px solid #c1a6ff!important}
.quick-fix-price::before{content:"ϟ";position:absolute;top:-66px;right:5%;font-size:90px;color:#a46fff;text-shadow:0 0 22px #7e65ff,0 0 46px #ba40ff;pointer-events:none;transform:rotate(18deg)}
.quick-fix-section::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('./cosmic-energy.svg') center/cover no-repeat;opacity:.42}
.hero-art{filter:drop-shadow(0 0 44px #6a4aff77) saturate(1.25)}
.pricing-card.featured{border-color:#da85ff!important;box-shadow:0 0 26px #b248ff66,0 0 72px #544aff40!important}
.footer{background:radial-gradient(ellipse at 50% 0%,#4d36a936,transparent 70%),#050817!important}
@keyframes cosmicAurora{0%,100%{opacity:.65;filter:hue-rotate(0deg)}50%{opacity:.95;filter:hue-rotate(25deg)}}
.cosmos-orb{animation:cosmicAurora 10s ease-in-out infinite}
@media(max-width:760px){.hero::before{width:115vw;right:-55%;opacity:.35}.about-section::after,.work-section::after,.process-section::after,.pricing-section::after,.contact-section::after{opacity:.25}.quick-fix-price::before{font-size:55px;top:-35px}.site-shell::before{opacity:.35}}
@media(prefers-reduced-motion:reduce){.cosmos-orb{animation:none}}