@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#060a13;--bg2:#0a1020;--card:#0c1425;--ink:#f0f5ff;--muted:#8997ae;--line:rgba(185,207,255,.13);--blue:#367dff;--electric:#58abff;--padding:clamp(22px,5vw,82px);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#3078ff;color:white}a:focus-visible,button:focus-visible{outline:2px solid #83baff;outline-offset:5px}.skip-link{position:absolute;top:-100px;left:15px;z-index:200;background:#fff;color:#000;padding:12px}.skip-link:focus{top:15px}.container{width:min(100% - 2*var(--padding),1480px);margin-inline:auto}.site-shell{position:relative;isolation:isolate;overflow:hidden}.site-noise{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:100;background:#5fa8ff;transform:scaleX(0);transform-origin:left;will-change:transform}.header{height:94px;position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;margin:0 var(--padding);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:39px;height:39px;color:#60a5ff;display:block}.brand-icon svg{width:100%;height:100%}.brand-text{font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-1.6px;font-weight:700;line-height:.9}.brand-dot,.footer-wordmark span{color:#5296ff}.brand-text small{display:block;margin-top:6px;letter-spacing:3.7px;font:600 9px 'DM Sans',sans-serif;color:#97a4c1}.desktop-nav{display:flex;align-items:center;gap:clamp(22px,3vw,48px)}.desktop-nav a{font-size:13px;font-weight:600;color:#aab4c8;transition:color .2s}.desktop-nav a:hover{color:#fff}.nav-cta{border:1px solid #4269a5;padding:14px 21px;border-radius:5px;font-size:13px;font-weight:700;background:rgba(42,99,184,.09);transition:background .25s,border-color .25s}.nav-cta span{margin-left:24px;color:#78baff}.nav-cta:hover{background:#142c50;border-color:#76b2ff}.menu-toggle,.mobile-menu{display:none}.section{position:relative}.hero{min-height:min(820px,calc(100svh - 94px));padding-top:100px;overflow:hidden}.hero-glow{position:absolute;top:-300px;right:-170px;width:1050px;height:1000px;background:radial-gradient(ellipse,rgba(27,84,191,.24) 0%,rgba(8,42,116,.13) 35%,transparent 65%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgba(90,137,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,137,207,.07) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,transparent,black)}.hero-inner{min-height:605px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:35px;position:relative}.eyebrow,.section-tag{font:700 11px 'DM Sans',sans-serif;letter-spacing:2.2px;color:#9cbaf0;display:flex;align-items:center;gap:14px}.status-dot{width:7px;height:7px;background:#66aeff;border-radius:50%;box-shadow:0 0 14px #499cff}.eyebrow-line{height:1px;width:33px;background:#41608f}.hero h1{font:600 clamp(63px,7.7vw,132px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.09em;margin:35px 0 29px;white-space:nowrap}.hero h1 em,.contact-panel h2 em{font-style:normal;background:linear-gradient(115deg,#b7d7ff 0%,#5c9fff 34%,#1c61fd 80%);color:transparent;background-clip:text}.hero-star{font:400 32px 'DM Sans',sans-serif;letter-spacing:0;position:relative;top:-2.7em;margin-left:10px;color:#6ab5ff}.hero-lead{max-width:490px;font-size:clamp(17px,1.45vw,20px);line-height:1.8;color:#a2aec3;font-weight:400}.hero-lead strong{color:#e1e9f9;font-weight:500}.hero-actions{display:flex;gap:34px;align-items:center;margin-top:43px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:20px 26px;border-radius:5px;font-size:14px;font-weight:700;min-height:57px;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:#347aff;box-shadow:0 13px 48px rgba(32,104,255,.25);color:#fff}.btn-primary:hover{background:#508cff;box-shadow:0 16px 55px rgba(32,104,255,.4)}.text-link{font-size:14px;font-weight:700;color:#f0f5ff;padding-bottom:9px;border-bottom:1px solid #8b9db7}.text-link span{padding-left:15px;color:#85bcff}.hero-art{position:relative;height:520px;perspective:1300px}.orbit{position:absolute;left:47%;top:48%;border:1px solid rgba(65,129,239,.21);border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-1{width:650px;height:400px}.orbit-2{width:780px;height:540px;opacity:.4}.hero-card{position:absolute;border-radius:10px;border:1px solid rgba(151,192,255,.24);box-shadow:0 40px 100px rgba(0,0,0,.45);overflow:hidden}.hero-card-back{width:75%;height:330px;top:4%;right:-5%;background:linear-gradient(140deg,#10284b,#07101d);transform:rotate(11deg);padding:20px}.hero-card-back span{font:11px 'Space Grotesk';letter-spacing:2px;color:#91b9f4}.hero-card-back i{display:block;height:11px;margin-top:18px;background:#1b3e68;width:57%}.hero-card-back i:nth-child(3){width:75%}.hero-card-back i:nth-child(4){width:44%}.hero-card-front{width:95%;height:400px;top:14%;right:3%;background:#061121;transform:rotate(-7deg);animation:artFloat 8s ease-in-out infinite;display:flex;flex-direction:column}.art-toolbar{height:41px;border-bottom:1px solid rgba(159,196,255,.14);padding:0 16px;display:flex;align-items:center;justify-content:space-between;font:8px 'DM Sans';letter-spacing:1.2px;color:#c4d5ed}.art-circles{display:flex;gap:5px}.art-circles b{width:5px;height:5px;border-radius:50%;background:#446eac}.art-content{padding:48px 36px;flex:1;background:radial-gradient(ellipse at 82% 64%,rgba(21,92,206,.3),transparent 54%)}.art-label{font-size:8px;letter-spacing:3px;color:#81b9ff}.art-heading{font:700 clamp(37px,4vw,67px)/.96 'Space Grotesk';letter-spacing:-4px;margin-top:36px;color:#e9f3ff}.art-heading span:not(.art-glint){color:#5ca4fa}.art-heading .art-glint{font-size:30px;vertical-align:top;margin-left:10px;color:#e5faff}.art-subrow{display:flex;justify-content:space-between;align-items:end;color:#b5c7df;font-size:10px;line-height:1.6;margin-top:29px}.art-pill{padding:9px;border:1px solid #547db3;font-size:8px;letter-spacing:1px}.art-bottom{display:flex;justify-content:space-between;padding:13px 15px;border-top:1px solid rgba(159,196,255,.14);font-size:7px;letter-spacing:1.5px;color:#7c9ec9}.floating-note{position:absolute;z-index:2;left:-11%;bottom:8%;background:#102039dd;backdrop-filter:blur(12px);border:1px solid rgba(121,184,255,.32);padding:15px 22px;display:flex;align-items:center;gap:16px;transform:rotate(6deg);box-shadow:0 20px 70px #0006;font:9px/1.7 'DM Sans';letter-spacing:1.8px;color:#a8c8ed}.floating-note strong{font-size:12px;color:#fff}.floating-note-icon{font-size:27px;color:#65a8ff}.hero-bottom{height:85px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#7588aa;font-weight:700}.small-cross{color:#5b98ff;margin-right:10px}.down-arrow{font-size:18px;color:#70adff;margin-left:22px}.ticker{overflow:hidden;background:#1852c1;padding:18px 0;transform:rotate(-1.3deg) scale(1.02);margin:15px 0 70px}.ticker-track{white-space:nowrap;animation:marquee 34s linear infinite}.ticker-track span{font:700 12px 'Space Grotesk';letter-spacing:3px;color:#dce9ff}.ticker-track i{font-style:normal;margin:0 38px;color:#99d1ff}.about-section,.work-section,.process-section,.pricing-section{padding:125px 0}.section-tag{color:#7cafff;margin-bottom:25px}.tag-number{color:#5a79ac}.section-heading{max-width:940px}.section-heading h2,.work-heading h2,.process-intro h2{font:600 clamp(43px,5.1vw,81px)/1.09 'Space Grotesk';letter-spacing:-.065em;margin:0 0 24px}.muted-title{color:#66748b}.section-heading p,.work-heading p,.process-intro p{color:var(--muted);font-size:16px;line-height:1.9;max-width:510px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:64px}.service-card{min-height:385px;background:linear-gradient(155deg,#101a2b,#0a101d);border:1px solid var(--line);padding:33px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.service-card:before,.pricing-card:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(450px circle at var(--pointer-x,50%) var(--pointer-y,20%),rgba(74,133,255,.11),transparent 60%);transition:opacity .3s}.service-card:hover:before,.pricing-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-5px);border-color:#4574b7}.service-top{display:flex;justify-content:space-between;align-items:center}.service-number{font:12px 'Space Grotesk';color:#7196d0}.service-icon{font:35px 'Space Grotesk';color:#79a8ec}.service-card h3{font:600 clamp(25px,2.25vw,35px)/1.15 'Space Grotesk';letter-spacing:-1.5px;margin:47px 0 14px}.service-card p{font-size:14px;color:#97a6c1;line-height:1.8;max-width:340px}.service-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;font-size:9px;color:#91a7c9;letter-spacing:1.5px}.service-footer span{font-size:20px;color:#76aaff}.work-section{background:#0a101c}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.work-heading p{max-width:345px;font-size:14px}.gradient-text{background:linear-gradient(100deg,#b2d5ff,#347cff);background-clip:text;color:transparent}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-visual{position:relative;height:clamp(340px,36vw,540px);overflow:hidden;border:1px solid rgba(125,167,218,.16);display:flex;align-items:center;justify-content:center}.project-barber .project-visual{background:radial-gradient(circle at 25% 30%,#524439,#161c21 58%,#0c1015)}.project-architecture .project-visual{background:linear-gradient(145deg,#c1bdad,#777d7b)}.mock-browser{width:83%;height:79%;background:#151614;box-shadow:0 30px 55px #0007;overflow:hidden;transform:rotate(-5deg) translateY(5px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project:hover .mock-browser{transform:rotate(-2deg) translateY(-7px) scale(1.025)}.mock-browser-top{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid #ffffff22;font:8px 'DM Sans';letter-spacing:1px;color:#ddd1bc}.barber-inner{height:calc(100% - 36px);padding:clamp(24px,3vw,44px);background:linear-gradient(120deg,#222521 0%,#161716 65%,#4a4236 100%)}.project-kicker{font-size:8px;letter-spacing:2px;color:#c5b49a}.barber-display{font:700 clamp(29px,3.8vw,61px)/1.02 'Space Grotesk';letter-spacing:-3px;color:#ece0c9;margin:32px 0}.barber-display em{font-style:normal;color:#a49a86}.barber-details{display:flex;justify-content:space-between;align-items:end;font-size:9px;letter-spacing:1px;line-height:1.5;color:#d5c8af}.barber-button{border:1px solid #a6a08f;padding:10px}.mock-light{background:#e4e2dc;transform:rotate(5deg) translateY(8px)}.project:hover .mock-light{transform:rotate(2deg) translateY(-7px) scale(1.025)}.mock-light .mock-browser-top{border-color:#141e2422;color:#353b3c}.architecture-inner{height:calc(100% - 36px);position:relative;padding:clamp(22px,3vw,38px);overflow:hidden;background:#e4e2dc}.architecture-inner .project-kicker{color:#6b777b}.architecture-display{position:relative;z-index:3;font:600 clamp(30px,3.6vw,59px)/.96 'Space Grotesk';letter-spacing:-3px;color:#273334;margin-top:30px}.architecture-display em{font-style:normal;color:#969e9b}.architecture-window{position:absolute;right:0;bottom:0;height:78%;width:53%;overflow:hidden;background:linear-gradient(125deg,#a8b5bc,#566c7c)}.building-shape{position:absolute;background:linear-gradient(100deg,#c4c9c5,#909c9c);box-shadow:-10px 10px 25px #273b4d55}.shape1{height:100%;width:45%;left:22%;top:6%;transform:skewY(-12deg)}.shape2{height:85%;width:45%;left:60%;top:30%;background:#788d92;transform:skewY(15deg)}.shape3{height:45%;width:45%;left:-8%;top:55%;background:#b0bdbd}.architecture-footer{position:absolute;bottom:17px;left:35px;font:8px 'DM Sans';letter-spacing:1px;color:#3e555c}.project-visual-marker{position:absolute;bottom:22px;right:24px;font-size:11px;letter-spacing:2px;color:#f1e9d9}.dark-marker{color:#293d4a}.project-meta{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:25px 2px}.project-meta h3{font:600 23px 'Space Grotesk';letter-spacing:-.7px;margin:0 0 8px}.project-meta p{font-size:13px;color:#8c9ab1;margin:0}.project-badge{border:1px solid #355480;padding:8px 10px;color:#8bb8fa;font-size:9px;letter-spacing:1px;white-space:nowrap}.portfolio-disclaimer{font-size:12px;color:#8291ab;line-height:1.6;margin:10px 0 55px}.work-callout{border-top:1px solid var(--line);padding:37px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.work-callout>span{font-size:11px;letter-spacing:1.7px;color:#8699b7}.work-callout a{font:600 21px 'Space Grotesk';letter-spacing:-.6px}.work-callout a span{color:#5c9fff}.process-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:13%}.process-intro{position:sticky;top:120px;align-self:start}.process-intro .text-link{display:inline-block;margin-top:21px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:58px 1fr 23px;gap:15px;padding:33px 0;border-bottom:1px solid var(--line)}.step>span:first-child{font:12px 'Space Grotesk';color:#62a0f6}.step h3{font:500 27px 'Space Grotesk';margin:0 0 9px;letter-spacing:-.8px}.step p{font-size:14px;line-height:1.8;color:#93a1ba;margin:0;max-width:370px}.step-symbol{color:#5c9fff;font-size:21px}.pricing-section{background:linear-gradient(#0a101c,#090e18)}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:62px}.pricing-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#101829;padding:31px 22px 24px;min-height:520px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s}.pricing-card:hover{border-color:#5b85bc;transform:translateY(-5px)}.pricing-card.featured{border-color:#4b8aff;background:linear-gradient(155deg,#15376b,#0d1b35 70%);box-shadow:0 0 60px #1e65e322}.featured-ribbon{position:absolute;right:0;top:0;background:#347aff;padding:8px 9px;color:white;font-size:8px;letter-spacing:1.1px}.pricing-type{font:10px 'DM Sans';color:#83a9e3;letter-spacing:1.5px;margin-bottom:36px}.pricing-card h3{font:600 24px 'Space Grotesk';letter-spacing:-1px;margin:0 0 8px}.pricing-card>p{font-size:13px;color:#93a5c0;line-height:1.5;min-height:37px;margin:0}.price{font:600 clamp(37px,3.4vw,52px) 'Space Grotesk';letter-spacing:-2.5px;margin-top:35px;white-space:nowrap}.price span{font-size:23px;color:#72aeff}.price-caption{font-size:9px;letter-spacing:1.4px;color:#91a5c6;padding-bottom:26px;border-bottom:1px solid var(--line)}.pricing-card ul{padding:16px 0 0;list-style:none;margin:0 0 30px}.pricing-card li{font-size:12px;color:#b1bdd2;line-height:1.55;padding:10px 0;display:flex;gap:9px}.pricing-card li:before{content:'✓';color:#70a9ff}.pricing-link{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;background:#192941;border:1px solid #3d5d87;margin-top:auto;padding:15px 12px;font-size:12px;font-weight:700;transition:background .25s}.pricing-link:hover{background:#2d5ca1}.featured .pricing-link{background:#3076f7;border-color:#4385ff}.featured .pricing-link:hover{background:#5795ff}.pricing-note{font-size:12px;color:#8a9ab3;line-height:1.7;max-width:850px;margin-top:25px}.contact-section{padding:90px 0 120px;background:#090e18}.contact-panel{position:relative;overflow:hidden;padding:clamp(35px,6vw,95px);border:1px solid #3464ac;background:radial-gradient(ellipse at 92% 10%,rgba(60,138,255,.4),transparent 55%),linear-gradient(135deg,#10366f,#10254b 56%,#0b1c37)}.contact-beam{position:absolute;right:-240px;top:-240px;width:750px;height:750px;border:1px solid rgba(160,199,255,.22);border-radius:50%;pointer-events:none;box-shadow:0 0 0 95px rgba(138,194,255,.025),0 0 0 190px rgba(138,194,255,.015)}.contact-panel .section-tag{color:#bed7ff}.contact-panel h2{font:600 clamp(56px,7.5vw,110px)/1 'Space Grotesk';letter-spacing:-.078em;margin:22px 0}.contact-panel h2 em{background:linear-gradient(100deg,#f4faff,#8ebeff)}.contact-panel>p{color:#c7d8f2;font-size:17px;line-height:1.7;max-width:560px}.contact-actions{display:flex;align-items:center;gap:35px;margin:36px 0 75px}.btn-light{background:#f1f6ff;color:#10284d}.btn-light:hover{background:#cfdeff}.contact-telegram{border-bottom:1px solid #aac5ee;padding-bottom:9px;font-size:14px;font-weight:700}.contact-telegram span{margin-left:12px}.contact-divider{height:1px;background:#ffffff32}.contact-info{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:20px;margin-top:35px}.contact-info>div{display:flex;flex-direction:column;gap:13px}.contact-label{font-size:10px;letter-spacing:1.6px;color:#a8c3ef}.contact-info a,.contact-info>div>span:last-child{font:500 clamp(13px,1.4vw,17px) 'Space Grotesk';overflow-wrap:anywhere}.contact-info a:hover{color:#bfe0ff}.footer{padding:50px 0 20px;background:#060a13}.footer-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:50px}.footer-wordmark{font:600 clamp(50px,9vw,130px)/1 'Space Grotesk';letter-spacing:-.09em}.footer-right{display:flex;gap:35px;align-items:center;font-size:10px;letter-spacing:1.6px;color:#a3b2c9}.footer-right a{color:#e0efff}.footer-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:#7b8ca8}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.entrance{animation:enter .85s both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes artFloat{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-12px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1200px){.hero h1{font-size:clamp(64px,7.4vw,108px)}.hero-art{height:460px}.hero-card-front{height:340px}.art-content{padding:30px}.art-heading{font-size:48px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{min-height:485px}.featured-ribbon{font-size:9px}}@media(max-width:900px){:root{--padding:30px}.header{height:76px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:7px;border:1px solid var(--line);background:#0d1728;border-radius:5px;align-items:center;z-index:60}.menu-toggle span{width:19px;height:2px;background:#d7e7ff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;top:76px;left:0;right:0;z-index:39;flex-direction:column;gap:0;padding:18px var(--padding) 35px;background:#08101f;border-bottom:1px solid #31517e;transform:translateY(-130%);visibility:hidden;transition:transform .3s,visibility .3s}.mobile-menu.is-open{visibility:visible;transform:translateY(0)}.mobile-menu a{padding:17px 0;border-bottom:1px solid var(--line);font:600 23px 'Space Grotesk'}.hero{padding-top:65px}.hero-inner{grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(68px,11vw,105px)}.hero-art{height:470px;max-width:650px;width:100%;margin:20px auto}.hero-bottom{margin-top:30px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:285px}.service-card h3{margin-top:27px}.work-grid{grid-template-columns:1fr}.project-visual{height:490px}.process-layout{grid-template-columns:1fr;gap:58px}.process-intro{position:static}.contact-info{grid-template-columns:1fr 1fr}.footer-right{flex-direction:column;align-items:flex-end;gap:12px}}@media(max-width:600px){:root{--padding:20px}.hero{padding-top:72px}.eyebrow{font-size:9px;letter-spacing:1.2px;gap:9px}.eyebrow-line{width:15px}.hero h1{font-size:clamp(47px,12.4vw,75px);letter-spacing:-.075em;margin:30px 0 24px}.hero-star{font-size:16px}.hero-lead{font-size:16px;line-height:1.7}.hero-actions{gap:17px;flex-wrap:wrap;margin-top:31px}.btn{padding:17px 19px;gap:23px;font-size:12px}.text-link{font-size:12px}.hero-art{height:320px;margin-top:50px}.hero-card-front{height:260px;width:94%;right:2%;top:14%}.hero-card-back{height:210px;width:79%;top:3%}.art-toolbar{height:30px;font-size:6px}.art-content{padding:26px 18px}.art-label{font-size:6px}.art-heading{font-size:clamp(31px,9vw,47px);letter-spacing:-2px;margin-top:22px}.art-heading .art-glint{font-size:15px}.art-subrow{margin-top:16px;font-size:8px}.art-pill{font-size:6px}.art-bottom{padding:9px;font-size:6px}.floating-note{left:-2%;bottom:2%;padding:8px 11px;font-size:6px}.floating-note strong{font-size:8px}.floating-note-icon{font-size:18px}.hero-bottom{font-size:8px;letter-spacing:1px;gap:15px}.down-arrow{margin-left:7px}.ticker{margin-bottom:25px}.about-section,.work-section,.process-section,.pricing-section{padding:86px 0}.section-heading h2,.work-heading h2,.process-intro h2{font-size:clamp(39px,10vw,54px)}.section-heading p,.work-heading p,.process-intro p{font-size:14px}.services-grid{margin-top:36px}.service-card{padding:25px;min-height:305px}.service-card h3{font-size:27px}.work-heading{display:block}.work-heading p{margin-top:18px}.project-visual{height:300px}.mock-browser{width:88%;height:77%}.mock-browser-top{height:27px;font-size:5px;padding:0 7px}.barber-inner{padding:18px}.barber-display{font-size:31px;letter-spacing:-2px;margin:22px 0}.barber-details{font-size:7px}.barber-button{padding:6px}.architecture-inner{padding:17px}.architecture-display{font-size:30px;margin-top:20px;letter-spacing:-1px}.project-meta h3{font-size:18px}.project-meta p{font-size:12px}.project-badge{font-size:7px;letter-spacing:0;padding:6px}.work-callout{display:block}.work-callout a{display:block;margin-top:20px;font-size:17px}.pricing-grid{grid-template-columns:1fr;margin-top:40px}.pricing-card{min-height:455px;padding:26px}.price{font-size:49px;margin-top:26px}.pricing-type{margin-bottom:25px}.contact-section{padding:50px 0 90px}.contact-panel{padding:32px 24px}.contact-panel h2{font-size:clamp(46px,12vw,69px)}.contact-panel>p{font-size:14px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:27px;margin-bottom:50px}.contact-info{grid-template-columns:1fr;gap:25px}.footer-top{display:block}.footer-right{flex-direction:row;align-items:center;justify-content:space-between;margin-top:32px;font-size:8px}.footer-bottom{font-size:8px;line-height:1.6;flex-direction:column;gap:7px}}@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{opacity:1;transform:none}}


/* ===== Premium refresh v2 ===== */
:root{--mouse-x:50%;--mouse-y:18%}
body{background:
radial-gradient(circle at 18% 12%,rgba(54,119,255,.20),transparent 0 28%),
radial-gradient(circle at 82% 8%,rgba(0,178,255,.16),transparent 0 24%),
radial-gradient(circle at 52% 75%,rgba(32,91,255,.12),transparent 0 26%),
linear-gradient(180deg,#040812 0%,#06101e 36%,#07101b 70%,#050913 100%)}
.site-shell{position:relative;isolation:isolate}
.site-shell::before,.site-shell::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
.site-shell::before{background:
radial-gradient(700px 420px at var(--mouse-x) var(--mouse-y),rgba(56,126,255,.16),transparent 60%),
radial-gradient(620px 320px at calc(var(--mouse-x) + 10%) calc(var(--mouse-y) + 18%),rgba(0,186,255,.07),transparent 65%);filter:blur(8px);opacity:.95;transition:opacity .3s ease}
.site-shell::after{background-image:linear-gradient(to right,rgba(133,164,214,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(133,164,214,.05) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(180deg,rgba(255,255,255,.35),transparent 88%);opacity:.22}
.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden}
.ambient-orb{position:absolute;display:block;border-radius:50%;filter:blur(70px);opacity:.48;will-change:transform}
.orb-a{width:26rem;height:26rem;left:-8rem;top:8rem;background:radial-gradient(circle,#2d74ff 0%,rgba(45,116,255,.18) 42%,transparent 72%);animation:ambientFloatA 19s ease-in-out infinite}
.orb-b{width:23rem;height:23rem;right:-6rem;top:20%;background:radial-gradient(circle,#0ca8ff 0%,rgba(12,168,255,.18) 45%,transparent 74%);animation:ambientFloatB 25s ease-in-out infinite}
.orb-c{width:18rem;height:18rem;left:38%;bottom:12%;background:radial-gradient(circle,#375bff 0%,rgba(55,91,255,.14) 45%,transparent 78%);animation:ambientFloatC 24s ease-in-out infinite}
.ambient-gridline{position:absolute;left:-10%;right:-10%;top:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(143,177,233,.32),transparent);transform:rotate(-6deg)}
.ambient-gridline-2{top:auto;bottom:21%;transform:rotate(7deg);opacity:.45}
@keyframes ambientFloatA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(80px,-30px,0)}}
@keyframes ambientFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-70px,55px,0)}}
@keyframes ambientFloatC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(24px,-45px,0)}}
.hero{overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 14% 0;height:320px;background:radial-gradient(circle at 50% 50%,rgba(42,114,255,.17),transparent 64%);pointer-events:none;filter:blur(8px)}
.hero-art{filter:drop-shadow(0 45px 80px rgba(0,0,0,.45))}
.hero-card-front{backdrop-filter:blur(9px);box-shadow:0 18px 60px rgba(0,0,0,.35),0 0 0 1px rgba(164,209,255,.05) inset}
.hero-card-back{box-shadow:0 25px 70px rgba(0,0,0,.28)}
.ticker{position:relative;overflow:hidden;margin-block:12px 24px;border-top:1px solid rgba(84,127,206,.18);border-bottom:1px solid rgba(84,127,206,.18);background:linear-gradient(90deg,rgba(16,28,52,.55),rgba(15,38,88,.84),rgba(19,43,90,.72));backdrop-filter:blur(10px)}
.ticker-fade{position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.ticker-fade-left{left:0;background:linear-gradient(90deg,#07101c 0%,rgba(7,16,28,0) 100%)}
.ticker-fade-right{right:0;background:linear-gradient(270deg,#07101c 0%,rgba(7,16,28,0) 100%)}
.ticker-track{display:flex;width:max-content;align-items:center;animation:marqueeSmooth 24s linear infinite;will-change:transform;padding:20px 0}
.ticker-group{display:flex;align-items:center;gap:34px;padding-right:34px;flex:none}
.ticker-group span{font:700 13px 'DM Sans',sans-serif;letter-spacing:3px;color:#d9ebff;white-space:nowrap}
.ticker-group i{font-style:normal;color:#82b5ff;opacity:.9}
@keyframes marqueeSmooth{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero h1 em,.contact-panel h2 em{font-style:normal;background:linear-gradient(115deg,#f0f7ff 0%,#92c0ff 32%,#3d8bff 65%,#1a58f3 100%);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 22px rgba(79,157,255,.16)}
.contact-section{padding-top:76px;padding-bottom:130px;position:relative}
.contact-panel{position:relative;overflow:hidden;padding:0;border:1px solid rgba(87,123,180,.4);background:linear-gradient(180deg,rgba(9,18,34,.88),rgba(7,16,30,.97));box-shadow:0 35px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}
.contact-shell{display:grid;grid-template-columns:1.12fr .88fr;gap:38px;padding:clamp(34px,5vw,68px)}
.contact-aurora,.contact-mesh{position:absolute;inset:0;pointer-events:none}
.contact-aurora{background:radial-gradient(circle at 18% 15%,rgba(78,131,255,.28),transparent 36%),radial-gradient(circle at 82% 22%,rgba(0,178,255,.19),transparent 30%),radial-gradient(circle at 55% 100%,rgba(41,89,255,.16),transparent 34%);filter:blur(10px)}
.contact-mesh{background-image:linear-gradient(to right,rgba(129,160,214,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(129,160,214,.06) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(135deg,rgba(255,255,255,.42),transparent 82%);opacity:.4}
.contact-beam{right:-220px;top:-220px;width:650px;height:650px;border:1px solid rgba(158,198,255,.2);box-shadow:0 0 0 70px rgba(130,177,255,.025),0 0 0 150px rgba(130,177,255,.018)}
.contact-copy,.contact-side{position:relative;z-index:1}
.contact-panel .section-tag{color:#c4dcff}
.contact-panel h2{font:600 clamp(44px,5.7vw,88px)/.98 'Space Grotesk';letter-spacing:-.082em;margin:18px 0 24px;max-width:11ch}
.contact-panel>p,.contact-copy>p{color:#cad9ef;font-size:17px;line-height:1.75;max-width:620px}
.contact-actions{display:flex;align-items:center;gap:30px;margin:34px 0 40px}
.btn-light{background:linear-gradient(180deg,#f7fbff,#dce9ff);color:#0f2348;box-shadow:0 8px 30px rgba(16,40,77,.18)}
.btn-light:hover{background:linear-gradient(180deg,#fff,#d8e7ff)}
.contact-telegram{display:inline-flex;align-items:center;gap:10px;border-bottom:none;padding:15px 18px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(149,184,239,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.contact-telegram span{margin-left:0}
.contact-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:860px}
.contact-meta-chip{padding:16px 18px;border:1px solid rgba(133,164,214,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-radius:18px;backdrop-filter:blur(8px)}
.contact-meta-chip span{display:block;font-size:10px;letter-spacing:1.7px;color:#9bb7e1;margin-bottom:9px}
.contact-meta-chip strong{font:500 14px/1.5 'Space Grotesk';color:#f0f6ff}
.contact-side{display:flex;flex-direction:column;gap:16px;justify-content:flex-end}
.contact-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:26px;border:1px solid rgba(127,160,219,.2);background:linear-gradient(180deg,rgba(16,31,60,.88),rgba(10,19,34,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.contact-card:hover{transform:translateY(-4px);border-color:rgba(145,186,255,.38)}
.contact-card::after{content:"";position:absolute;inset:auto -20% -40% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(91,162,255,.22),transparent 65%);filter:blur(6px);pointer-events:none}
.contact-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.contact-card-label{font-size:10px;letter-spacing:1.7px;color:#a5c0ea}
.contact-card-icon{font-size:14px;color:#8ec2ff}
.primary-contact-card h3{font:600 30px/1 'Space Grotesk';letter-spacing:-.05em;color:#f4f8ff}
.primary-contact-card p,.founder-contact-card p,.mini-contact-card p{color:#bdd1ee;line-height:1.65;font-size:14px;margin:0}
.primary-contact-card strong,.mini-contact-card strong{font:500 18px/1.4 'Space Grotesk';color:#fff;overflow-wrap:anywhere}
.contact-card-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#d8eaff;margin-top:8px}
.contact-side-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-contact-card{min-height:190px;justify-content:space-between}
.founder-contact-card strong{font:600 28px/1 'Space Grotesk';color:#fff}.founder-contact-card p{font-size:15px}
.contact-divider,.contact-info{display:none}
@media(max-width:900px){.contact-shell{grid-template-columns:1fr;gap:24px}.contact-meta-row{grid-template-columns:1fr}.contact-side-row{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ticker{margin-top:0}.ticker-track{padding:15px 0}.ticker-group{gap:20px;padding-right:20px}.ticker-group span{font-size:10px;letter-spacing:2px}.ticker-fade{width:58px}.contact-section{padding-top:42px;padding-bottom:95px}.contact-shell{padding:28px 22px}.contact-panel h2{font-size:clamp(38px,11vw,62px);max-width:12ch}.contact-copy>p{font-size:14px}.contact-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.contact-side-row{grid-template-columns:1fr}.primary-contact-card h3{font-size:24px}.primary-contact-card strong,.mini-contact-card strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ambient-orb,.ticker-track{animation:none!important}.site-shell::before{display:none}}


/* FINAL ART DIRECTION • Robelume 3.0 */
:root{--blue:#347dff;--electric:#55aeff;--mouse-x:50%;--mouse-y:40%}
html{background:#030712}
body{background:linear-gradient(180deg,#030712,#07142a 30%,#080e20 58%,#030812);color:#f0f5ff}
/* Keep the atmosphere in front of the opaque background, behind content. */
.ambient-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate}
.site-shell{z-index:1;overflow:clip;background:transparent}
.site-shell::before{z-index:0;background:radial-gradient(580px circle at var(--mouse-x) var(--mouse-y),rgba(44,130,255,.17),transparent 78%);filter:none;mix-blend-mode:screen;opacity:1}
.site-shell::after{z-index:0;opacity:.18}
.site-shell>header,.site-shell>main,.site-shell>footer{position:relative;z-index:1}
.ambient-orb{opacity:.75;filter:blur(64px)}
.orb-a{width:38rem;height:38rem;left:-12rem;top:5%;background:radial-gradient(circle,#1f52ce 0%,rgba(35,95,230,.42) 32%,transparent 69%);animation:ambientFloatA 17s ease-in-out infinite}
.orb-b{width:42rem;height:42rem;right:-14rem;top:24%;background:radial-gradient(circle,#0065b8 0%,rgba(17,114,244,.37) 35%,transparent 70%);animation:ambientFloatB 23s ease-in-out infinite}
.orb-c{width:42rem;height:42rem;left:20%;bottom:-6%;background:radial-gradient(circle,#1d2d9d 0%,rgba(31,80,203,.31) 40%,transparent 73%);animation:ambientFloatC 28s ease-in-out infinite}
.ambient-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#96cdff 1px,transparent 1.7px),radial-gradient(circle,#71a4ef .7px,transparent 1.5px);background-size:181px 181px,251px 251px;background-position:27px 23px,93px 111px;opacity:.29;animation:starsDrift 70s linear infinite}
@keyframes starsDrift{to{transform:translate3d(0,-181px,0)}}
.hero{isolation:isolate}.hero-comet{position:absolute;right:7%;top:19%;width:240px;height:1px;transform:rotate(-33deg);background:linear-gradient(90deg,transparent,rgba(137,209,255,.85),transparent);filter:drop-shadow(0 0 8px #4296ff);opacity:.65;animation:cometFly 9s ease-in-out infinite;pointer-events:none}
@keyframes cometFly{0%,100%{opacity:0;transform:translate3d(120px,-80px,0) rotate(-33deg)}42%,62%{opacity:.7}70%{opacity:0;transform:translate3d(-130px,95px,0) rotate(-33deg)}}
.hero-card-front{box-shadow:0 45px 100px #0008,0 0 75px rgba(32,106,255,.19),inset 0 1px 0 rgba(255,255,255,.09);border-color:rgba(140,196,255,.43)}
.hero-card-front::before{content:"";position:absolute;inset:0;background:linear-gradient(117deg,transparent 36%,rgba(139,196,255,.075) 48%,transparent 62%);transform:translateX(-140%);animation:cardShine 11s ease-in-out infinite;z-index:2;pointer-events:none}
@keyframes cardShine{8%,50%{transform:translateX(140%)}100%{transform:translateX(140%)}}
.section-heading h2,.work-heading h2,.process-intro h2{letter-spacing:-.075em}
.service-card,.pricing-card{border-color:rgba(123,170,240,.19);background:linear-gradient(146deg,rgba(18,34,61,.92),rgba(7,14,28,.93));box-shadow:0 20px 70px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.05);transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .42s,box-shadow .42s}
.service-card:hover,.pricing-card:hover{transform:translateY(-8px);border-color:rgba(120,182,255,.52);box-shadow:0 30px 65px rgba(17,76,180,.20),inset 0 1px rgba(255,255,255,.08)}
.project-visual{box-shadow:0 25px 70px rgba(0,0,0,.28)}
.project .mock-browser{transition:transform .8s cubic-bezier(.15,.7,.2,1),box-shadow .8s}
.project:hover .mock-browser{transform:translateY(-10px) scale(1.025);box-shadow:0 35px 80px rgba(0,0,0,.4)}
.project-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 25%,rgba(255,255,255,.05) 45%,transparent 58%);transform:translateX(-130%);transition:transform 1s ease}
.project:hover .project-visual::after{transform:translateX(130%)}
.ticker{transform:none!important;overflow:hidden;width:100%;margin:20px 0 55px;backdrop-filter:none;background:linear-gradient(90deg,#092450,#0c3c90,#0a285c);border-block:1px solid #4085fa77}
.ticker-track{gap:0;animation-duration:36s;transform:translate3d(0,0,0)}
.ticker-group{box-sizing:border-box}
.ticker-fade-left{background:linear-gradient(90deg,#071124,transparent)}.ticker-fade-right{background:linear-gradient(270deg,#071124,transparent)}
.contact-panel{border-radius:27px;box-shadow:0 40px 110px #0008,0 0 80px rgba(27,99,238,.11);border-color:rgba(125,171,255,.32)}
.contact-panel h2{font-size:clamp(45px,5.5vw,84px);line-height:1.05;letter-spacing:-.065em;max-width:none;overflow-wrap:normal}
.contact-panel h2 em{display:block;background:none!important;-webkit-text-fill-color:#8dc7ff!important;color:#8dc7ff!important;text-shadow:0 0 30px rgba(50,119,255,.28);font-style:normal}
.contact-aurora{opacity:1;background:radial-gradient(ellipse at 2% 2%,rgba(43,108,245,.37),transparent 55%),radial-gradient(circle at 92% 16%,rgba(7,148,241,.3),transparent 43%),linear-gradient(140deg,#101f3e 0%,#081225 63%,#0a1730 100%);filter:none;animation:contactPulse 14s ease-in-out infinite}
@keyframes contactPulse{0%,100%{opacity:.8}50%{opacity:1}}
.contact-card{background:linear-gradient(135deg,rgba(25,46,82,.92),rgba(8,19,39,.94));border:1px solid rgba(126,183,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 36px rgba(0,0,0,.19)}
.contact-card:hover{transform:translateY(-5px);border-color:#8fcaff88;box-shadow:0 22px 48px rgba(28,88,196,.22)}
.contact-meta-chip{background:rgba(9,25,52,.61);border-color:rgba(154,190,255,.22)}
.primary-contact-card strong{font-size:clamp(14px,1.15vw,18px)}
.contact-actions .btn{border-radius:12px}.contact-telegram{border-radius:12px}
.footer-wordmark{background:linear-gradient(100deg,#f5faff,#8fc2ff 65%,#367eff);color:transparent;background-clip:text;-webkit-background-clip:text}
.reveal{transition:opacity .8s ease,transform .85s cubic-bezier(.16,1,.3,1)}
@media(max-width:900px){.contact-panel h2{font-size:clamp(43px,7vw,70px)}.ambient-orb{filter:blur(45px)}.hero-comet{right:0}}
@media(max-width:600px){.hero h1{white-space:normal}.hero-comet{display:none}.contact-panel{border-radius:17px}.contact-panel h2{font-size:clamp(36px,9.6vw,53px)}.contact-meta-row{grid-template-columns:1fr}.contact-side-row{grid-template-columns:1fr}.ambient-orb{opacity:.42}}
@media(prefers-reduced-motion:reduce){.ambient-stars,.hero-comet,.hero-card-front::before,.contact-aurora{animation:none!important}.reveal{opacity:1;transform:none}}


/* ROBELUME — FINAL PERFORMANCE & ART-DIRECTION PASS */
:root{--mouse-x:50%;--mouse-y:20%}
/* No viewport-sized, cursor-driven radial gradient: prevents costly full-screen repaints. */
.site-shell::before{display:none!important}
.site-shell::after{opacity:.13!important;mask-image:linear-gradient(180deg,transparent,rgba(255,255,255,.2) 30%,transparent 87%)}
.ambient-orb{filter:blur(38px)!important;opacity:.26!important;contain:paint}
.ambient-bg{contain:strict;z-index:-1}
.site-noise{opacity:.12!important}
/* Process is now an art-directed visual scene rather than a plain blank canvas. */
.process-section{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 14% 39%,rgba(19,56,125,.46),transparent 48%),linear-gradient(115deg,#061020 4%,#091326 52%,#050c18 100%)}
.process-section>.container{position:relative;z-index:2}
.process-visual{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}
.process-visual::before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle,rgba(119,178,255,.7) 1px,transparent 1.7px);background-size:146px 146px;background-position:20px 30px;mask-image:linear-gradient(100deg,black 2%,transparent 76%)}
.process-visual::after{content:"";position:absolute;width:110%;height:1px;left:-5%;top:47%;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,rgba(127,174,248,.21),transparent)}
.process-halo{position:absolute;aspect-ratio:1;border:1px solid rgba(97,151,242,.18);border-radius:50%;will-change:transform}
.process-halo-one{width:min(73vw,980px);left:-16%;top:-45%;box-shadow:0 0 0 65px rgba(60,118,220,.024),0 0 0 142px rgba(59,110,195,.018);animation:haloDrift 28s ease-in-out infinite alternate}
.process-halo-two{width:min(50vw,700px);right:-17%;bottom:-60%;border-color:rgba(101,158,254,.13);box-shadow:0 0 0 80px rgba(59,120,235,.018);animation:haloDrift 32s ease-in-out infinite alternate-reverse}
.process-light{position:absolute;border-radius:50%;will-change:transform;filter:blur(48px);opacity:.53}
.process-light-one{width:min(55vw,720px);height:min(40vw,520px);left:-16%;top:18%;background:radial-gradient(ellipse,rgba(33,110,255,.45),rgba(17,66,197,.12) 44%,transparent 70%);animation:lightDrift 19s ease-in-out infinite alternate}
.process-light-two{width:min(42vw,600px);height:min(42vw,600px);right:-12%;top:14%;background:radial-gradient(circle,rgba(2,128,244,.25),rgba(12,69,187,.10) 46%,transparent 70%);animation:lightDrift 24s ease-in-out infinite alternate-reverse}
.process-grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(177,206,255,.024) 6px 7px);opacity:.22;mask-image:linear-gradient(90deg,#000,transparent 87%)}
.process-line{position:absolute;height:1px;width:140%;left:-20%;background:linear-gradient(90deg,transparent,rgba(116,165,243,.21),transparent);transform-origin:center;opacity:.7}
.process-line-one{top:31%;transform:rotate(-8deg)}.process-line-two{top:83%;transform:rotate(7deg);opacity:.4}
.process-spark{position:absolute;color:#83bcff;opacity:.55;font-size:17px;text-shadow:0 0 20px rgba(91,168,255,.6);animation:sparkPulse 5.5s ease-in-out infinite}
.spark-a{top:18%;left:48%}.spark-b{bottom:13%;left:14%;animation-delay:-1.5s}.spark-c{top:67%;right:13%;animation-delay:-3s}
@keyframes haloDrift{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(36px,24px,0) rotate(8deg)}}
@keyframes lightDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(55px,-30px,0) scale(1.12)}}
@keyframes sparkPulse{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:.85;transform:scale(1.17)}}
/* Typography and component polish */
.process-intro h2{filter:drop-shadow(0 8px 38px rgba(23,87,205,.13))}
.steps{position:relative;padding:0 18px;border:1px solid rgba(111,155,225,.1);border-radius:20px;background:linear-gradient(160deg,rgba(13,28,52,.47),rgba(7,16,34,.18));box-shadow:inset 0 1px rgba(200,224,255,.05);backdrop-filter:none}
.step{transition:background-color .28s ease,padding-left .28s ease}
.step:hover{background:rgba(74,124,223,.055);padding-left:8px}
.service-card,.pricing-card{transition:transform .3s cubic-bezier(.22,.8,.26,1),border-color .3s ease,box-shadow .3s ease;background-clip:padding-box}
.service-card:hover,.pricing-card:hover{transform:translateY(-5px)}
.project-visual .mock-browser{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.project:hover .mock-browser{transform:translateY(-7px) scale(1.015)}
.reveal{transition-delay:var(--reveal-delay,0ms)}
.ticker-track{animation-duration:34s!important}
/* Disable expensive decorative effects on constrained devices */
@media(max-width:900px){.process-halo-one{width:110vw;left:-48%;top:-13%}.process-halo-two{width:80vw;right:-40%;bottom:-12%}.process-light-one{width:90vw;height:72vw}.process-light-two{width:74vw;height:74vw}.steps{padding:0 12px}}
@media(max-width:600px){.process-visual::before{background-size:100px 100px;opacity:.26}.process-light{filter:blur(35px);opacity:.36}.process-spark{font-size:12px}.steps{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.process-halo,.process-light,.process-spark{animation:none!important}.project-visual .mock-browser{transition:none!important}}


/* CLEAN FINAL — controlled contrast, no global haze */
html,body{background:#050912!important}
.site-noise,.ambient-bg,.ambient-stars{display:none!important}
.site-shell{background:#050912!important}
.site-shell::before,.site-shell::after{display:none!important}
.hero{background:radial-gradient(ellipse 42% 50% at 84% 45%,rgba(22,68,144,.18),transparent 78%),#050912!important}
.about-section,.work-section,.pricing-section{background:#050912!important}
/* The process illustration is architectural, crisp and local to its section. */
.process-section{background:linear-gradient(130deg,#060c18 0%,#081328 54%,#050b16 100%)!important}
.process-visual{opacity:1}
.process-light,.process-grain{display:none!important}
.process-visual::before{background-image:radial-gradient(circle,rgba(119,180,255,.65) .7px,transparent 1.5px);background-size:170px 170px;opacity:.3;mask-image:linear-gradient(90deg,#000,transparent 65%)}
.process-visual::after{display:none}
.process-halo{animation:none!important;border-color:rgba(115,166,247,.14)!important;box-shadow:none!important}
.process-halo-one{width:620px;top:-330px;left:-250px}
.process-halo-two{width:490px;bottom:-275px;right:-200px}
.process-line{opacity:.35}
.process-spark{animation:sparkPulse 8s ease-in-out infinite;opacity:.35}
.process-annotation{position:absolute;display:flex;gap:14px;align-items:center;font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:2px;color:rgba(148,185,242,.62)}
.process-annotation b{font-weight:500;color:rgba(110,160,239,.45)}
.process-annotation-a{left:5%;bottom:12%}.process-annotation-b{right:6%;top:9%}
.process-target{position:absolute;left:51%;top:21%;width:100px;height:100px;border:1px solid rgba(89,145,242,.15);border-radius:50%;animation:targetFloat 18s ease-in-out infinite}
.process-target:before,.process-target:after{content:'';position:absolute;inset:19px;border:1px solid rgba(100,161,255,.17);border-radius:50%}
.process-target:after{inset:42px;background:#408cff;box-shadow:0 0 18px rgba(64,140,255,.5);border:0}
.process-target span:first-child{position:absolute;left:-36px;top:50%;width:170px;height:1px;background:linear-gradient(90deg,transparent,rgba(95,151,241,.23),transparent)}
.process-target span:nth-child(2){position:absolute;top:-36px;left:50%;height:170px;width:1px;background:linear-gradient(180deg,transparent,rgba(95,151,241,.23),transparent)}
@keyframes targetFloat{50%{transform:translate3d(0,-14px,0)}}
/* Small purposeful accents in empty spaces */
.about-section,.work-section,.pricing-section{position:relative;isolation:isolate}
.about-section::before,.work-section::before,.pricing-section::before{content:'✦';position:absolute;pointer-events:none;font:24px 'DM Sans',sans-serif;color:rgba(80,142,246,.26);right:6%;top:13%}
.about-section::after,.pricing-section::after{content:'';position:absolute;pointer-events:none;width:92px;height:92px;border-top:1px solid rgba(93,150,249,.23);border-right:1px solid rgba(93,150,249,.23);right:6%;top:14%;transform:rotate(10deg)}
.work-section::after{content:'R / SELECTED CONCEPTS';position:absolute;right:6%;bottom:7%;color:rgba(130,171,238,.34);font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;pointer-events:none}
/* Premium remains clean: effects only when hovered or in focus */
.service-card,.pricing-card,.contact-card{backdrop-filter:none!important}
.contact-panel{background:#0a1730!important}
.contact-aurora{background:radial-gradient(ellipse at 90% 10%,rgba(31,98,198,.16),transparent 55%),linear-gradient(145deg,#101e39,#081327)!important;animation:none!important}
.contact-mesh{opacity:.15!important}
.reveal{transition-duration:.65s,.7s}
@media(max-width:900px){.process-target{opacity:.4;left:69%}.process-annotation{display:none}}
@media(max-width:600px){.process-target,.about-section::after,.pricing-section::after{display:none}.work-section::after{opacity:.3}}
@media(prefers-reduced-motion:reduce){.process-target,.process-spark{animation:none!important}}


/* ===== Celestial final polish ===== */
.work-callout,.footer-bottom,.steps,.pricing-note{position:relative}
.work-callout{border-top:0!important;padding-top:42px}
.work-callout::before{content:"";position:absolute;left:0;top:0;width:min(100%,1180px);height:1px;background:linear-gradient(90deg,rgba(110,155,234,.14) 0%,rgba(110,155,234,.58) 18%,rgba(121,179,255,.9) 50%,rgba(110,155,234,.52) 82%,rgba(110,155,234,0) 100%)}
.work-callout::after{content:"✦";position:absolute;right:0;top:-11px;font:17px 'DM Sans',sans-serif;color:rgba(105,165,255,.68);text-shadow:0 0 16px rgba(79,147,255,.24)}

.steps{overflow:hidden}
.step{border-bottom:0!important;position:relative}
.step::after{content:"";position:absolute;left:58px;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(118,164,238,.32),rgba(118,164,238,.14) 40%,rgba(118,164,238,.04) 80%,transparent 100%)}
.step:last-child::after{display:none}

.process-section::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(89,141,226,.12) 15%,rgba(89,141,226,.75) 50%,rgba(89,141,226,.12) 85%,transparent 100%);pointer-events:none}
.process-section .gradient-text{position:relative}
.process-section .gradient-text::after{content:"☾";position:absolute;right:-1.05em;top:.06em;font:400 .36em/1 'DM Sans',sans-serif;color:rgba(98,162,255,.72);text-shadow:0 0 18px rgba(98,162,255,.26)}

.pricing-section{overflow:hidden}
.pricing-section .section-heading{position:relative;z-index:2}
.pricing-section .section-heading::after{content:"";position:absolute;left:0;bottom:-26px;width:min(180px,44vw);height:1px;background:linear-gradient(90deg,rgba(117,166,245,.92),rgba(117,166,245,.24),transparent)}
.pricing-celestial{position:absolute;inset:0;pointer-events:none;z-index:0}
.celestial-orbit{position:absolute;right:-5%;top:18%;width:520px;height:520px;border:1px solid rgba(83,137,232,.12);border-radius:50%;box-shadow:0 0 0 36px rgba(82,136,233,.025),0 0 0 84px rgba(82,136,233,.018)}
.celestial-crescent{position:absolute;right:8%;top:24%;width:78px;height:78px;border-radius:50%;box-shadow:-16px 0 0 0 rgba(90,158,255,.85);opacity:.82;filter:drop-shadow(0 0 18px rgba(76,145,255,.18))}
.celestial-crescent::after{content:"";position:absolute;inset:0;border-radius:50%;transform:translateX(11px);background:#050912}
.celestial-star{position:absolute;color:rgba(109,166,255,.68);font:18px 'DM Sans',sans-serif;text-shadow:0 0 16px rgba(77,146,255,.2);animation:celestialPulse 8s ease-in-out infinite}
.star-a{right:17%;top:18%}.star-b{right:11%;top:34%;font-size:14px;animation-delay:-2s}.star-c{right:4%;top:50%;font-size:16px;animation-delay:-4s}
.pricing-grid,.pricing-note{position:relative;z-index:2}
.pricing-note{margin-top:30px;padding-top:18px;border-top:0!important}
.pricing-note::before{content:"";position:absolute;left:0;top:0;width:min(100%,860px);height:1px;background:linear-gradient(90deg,rgba(107,157,240,.5),rgba(107,157,240,.18),transparent)}

.footer{position:relative;overflow:hidden}
.footer-celestial{position:absolute;inset:0;pointer-events:none}
.footer-top{position:relative;z-index:2}
.footer-top::before{content:"";position:absolute;left:0;right:0;bottom:-24px;height:1px;background:linear-gradient(90deg,rgba(104,154,239,.18) 0%,rgba(104,154,239,.6) 18%,rgba(123,178,255,.82) 52%,rgba(104,154,239,.24) 84%,transparent 100%)}
.footer-bottom{border-top:0!important;position:relative;z-index:2;padding-top:28px}
.footer-bottom::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(108,160,245,.38) 20%,rgba(108,160,245,.18) 48%,rgba(108,160,245,.38) 76%,transparent)}
.footer-moon{position:absolute;right:9%;top:22%;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(118,177,255,.55),rgba(76,129,230,.16) 46%,transparent 64%);opacity:.85}
.footer-crescent{position:absolute;right:17%;top:16%;width:44px;height:44px;border-radius:50%;box-shadow:-10px 0 0 0 rgba(135,190,255,.84)}
.footer-crescent::after{content:"";position:absolute;inset:0;border-radius:50%;transform:translateX(7px);background:#060a13}
.footer-star{position:absolute;color:rgba(133,188,255,.72);text-shadow:0 0 14px rgba(91,153,255,.22);animation:celestialPulse 9s ease-in-out infinite}
.footer-star-a{right:26%;top:26%;font-size:16px}.footer-star-b{right:5%;top:48%;font-size:18px;animation-delay:-2.5s}.footer-star-c{left:7%;bottom:34%;font-size:20px;animation-delay:-4.5s;opacity:.38}
.footer-ray{position:absolute;right:3.5%;top:43%;width:120px;height:1px;background:linear-gradient(90deg,rgba(100,151,237,.12),rgba(100,151,237,.4),transparent);transform:rotate(8deg)}

@keyframes celestialPulse{0%,100%{opacity:.28;transform:scale(.95)}50%{opacity:.9;transform:scale(1.08)}}

@media(max-width:900px){
  .celestial-orbit{width:340px;height:340px;right:-16%;top:18%}
  .celestial-crescent{right:8%;top:20%;transform:scale(.85)}
  .footer-moon{width:92px;height:92px;right:8%;top:18%}
  .footer-crescent{right:20%;top:14%}
}
@media(max-width:600px){
  .work-callout{padding-top:28px}
  .work-callout::before,.pricing-note::before,.footer-top::before,.footer-bottom::before,.pricing-section .section-heading::after{width:100%}
  .step::after{left:0}
  .process-section .gradient-text::after{display:none}
  .celestial-orbit,.footer-moon,.footer-crescent,.footer-ray{display:none}
  .star-c,.footer-star-c{display:none}
  .footer-star-a{right:12%;top:20%}
  .footer-star-b{right:6%;top:54%}
}
@media(prefers-reduced-motion:reduce){
  .celestial-star,.footer-star{animation:none!important}
}


/* ===== Ultra final visibility + transitions pass ===== */
.work-section,.process-section,.pricing-section,.footer{position:relative;isolation:isolate}

/* Real gradient transitions between major layers */
.process-section::before,
.pricing-section::before,
.footer::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-84px;height:160px;
  pointer-events:none;
  z-index:1;
}
.process-section::before{
  background:linear-gradient(180deg,
    rgba(5,9,18,1) 0%,
    rgba(5,9,18,.88) 22%,
    rgba(7,18,35,.55) 56%,
    rgba(7,18,35,0) 100%);
}
.pricing-section::before{
  background:linear-gradient(180deg,
    rgba(5,12,22,1) 0%,
    rgba(5,12,22,.9) 22%,
    rgba(5,9,18,.55) 56%,
    rgba(5,9,18,0) 100%);
}
.footer::before{
  background:linear-gradient(180deg,
    rgba(5,9,18,1) 0%,
    rgba(5,9,18,.92) 25%,
    rgba(4,8,16,.58) 58%,
    rgba(4,8,16,0) 100%);
}
.process-section>.container,.pricing-section>.container,.footer>.container{position:relative;z-index:3}
.process-visual,.pricing-celestial,.footer-celestial{z-index:2}

/* Stronger visual bridge inside the work callout */
.work-callout{padding-top:48px!important}
.work-callout::before{height:2px!important;filter:drop-shadow(0 0 8px rgba(86,156,255,.28))}

/* Process scene refinements */
.process-section{background:
  radial-gradient(ellipse at 18% 72%,rgba(18,68,158,.20),transparent 40%),
  radial-gradient(ellipse at 82% 22%,rgba(14,59,155,.16),transparent 34%),
  linear-gradient(132deg,#07111f 0%,#081428 54%,#060c18 100%)!important}
.process-line{opacity:.55!important}
.process-line-one{background:linear-gradient(90deg,transparent,rgba(117,170,255,.18),rgba(117,170,255,.36),rgba(117,170,255,.1),transparent)!important}
.process-line-two{background:linear-gradient(90deg,transparent,rgba(117,170,255,.12),rgba(117,170,255,.28),rgba(117,170,255,.08),transparent)!important}
.process-target{box-shadow:0 0 0 1px rgba(90,146,246,.08),0 0 42px rgba(61,121,231,.10)}
.process-spark{opacity:.6!important;text-shadow:0 0 18px rgba(92,165,255,.33)!important}
.steps{background:linear-gradient(160deg,rgba(10,24,47,.62),rgba(7,16,34,.28))!important;box-shadow:inset 0 1px rgba(200,224,255,.06),0 18px 60px rgba(0,0,0,.12)}
.steps::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 28%,transparent 70%,rgba(102,159,255,.03));opacity:.9}

/* Pricing section: clearly visible celestial details */
.pricing-section{padding-top:140px;overflow:hidden;background:
  radial-gradient(circle at 84% 26%,rgba(15,60,168,.14),transparent 24%),
  radial-gradient(circle at 18% 72%,rgba(13,44,118,.10),transparent 25%),
  #050912!important}
.pricing-section .section-heading{margin-bottom:16px}
.pricing-section .section-heading::after{height:2px!important;width:min(260px,48vw)!important;filter:drop-shadow(0 0 8px rgba(84,152,255,.24))}
.pricing-section .section-tag{position:relative}
.pricing-section .section-tag::after{content:"✦";margin-left:14px;color:rgba(110,172,255,.72);font-size:13px;text-shadow:0 0 10px rgba(86,151,255,.25)}
.celestial-orbit{right:-2%!important;top:11%!important;width:600px!important;height:600px!important;border-color:rgba(94,149,244,.2)!important;box-shadow:0 0 0 34px rgba(93,148,243,.035),0 0 0 86px rgba(93,148,243,.02)!important;opacity:.95}
.celestial-crescent{right:11%!important;top:18%!important;width:86px!important;height:86px!important;box-shadow:-18px 0 0 0 rgba(113,177,255,.95)!important;filter:drop-shadow(0 0 22px rgba(82,149,255,.24))!important}
.celestial-star{opacity:.95!important}
.star-a{right:20%!important;top:14%!important;font-size:18px!important}
.star-b{right:9%!important;top:28%!important;font-size:15px!important}
.star-c{right:4.5%!important;top:43%!important;font-size:18px!important}
.pricing-grid::after{content:"";position:absolute;right:-120px;bottom:-120px;width:320px;height:320px;border:1px solid rgba(93,149,245,.16);border-radius:50%;box-shadow:0 0 0 26px rgba(93,149,245,.025);pointer-events:none}
.pricing-grid::before{content:"";position:absolute;left:-40px;top:-8px;width:160px;height:1px;background:linear-gradient(90deg,rgba(103,164,255,.15),rgba(103,164,255,.55),transparent);pointer-events:none}
.pricing-note{margin-top:34px!important}
.pricing-note::after{content:"☾";position:absolute;right:14px;top:8px;color:rgba(103,164,255,.45);font:400 18px/1 'DM Sans',sans-serif}

/* Footer: make moon, crescent and stars actually visible */
.footer{padding-top:84px;background:
  radial-gradient(circle at 80% 26%,rgba(16,53,140,.14),transparent 24%),
  linear-gradient(180deg,#040812 0%,#050913 100%)!important}
.footer-celestial{display:block!important;opacity:1!important}
.footer-top::before{height:2px!important;bottom:-26px!important;filter:drop-shadow(0 0 10px rgba(86,156,255,.18))}
.footer-bottom::before{height:2px!important;filter:drop-shadow(0 0 8px rgba(84,150,255,.12))}
.footer-moon{
  right:10%!important;top:14%!important;
  width:170px!important;height:170px!important;
  background:radial-gradient(circle at 34% 34%,rgba(144,198,255,.72),rgba(92,145,241,.2) 42%,rgba(61,103,196,.05) 58%,transparent 72%)!important;
  opacity:1!important;
  filter:drop-shadow(0 0 28px rgba(84,150,255,.14));
}
.footer-crescent{
  right:19%!important;top:12%!important;
  width:58px!important;height:58px!important;
  box-shadow:-14px 0 0 0 rgba(150,206,255,.95)!important;
  opacity:.98!important;
}
.footer-star{opacity:.95!important}
.footer-star-a{right:30%!important;top:18%!important;font-size:17px!important}
.footer-star-b{right:7%!important;top:46%!important;font-size:22px!important}
.footer-star-c{left:9%!important;bottom:26%!important;font-size:19px!important;opacity:.5!important}
.footer-ray{right:6%!important;top:49%!important;width:160px!important;background:linear-gradient(90deg,rgba(110,172,255,.18),rgba(110,172,255,.55),transparent)!important;opacity:.95!important}
.footer-celestial::after{content:"";position:absolute;right:-120px;top:0;width:480px;height:320px;border:1px solid rgba(95,151,246,.08);border-radius:50%;transform:rotate(-14deg)}
.footer-wordmark{position:relative}
.footer-wordmark::after{content:"";position:absolute;left:0;bottom:-18px;width:140px;height:1px;background:linear-gradient(90deg,rgba(94,157,255,.45),transparent)}

/* Gentle motion only on tiny elements */
.celestial-star,.footer-star,.process-spark{will-change:transform,opacity}
.celestial-star{animation:celestialPulse 7.5s ease-in-out infinite}
.footer-star{animation:celestialPulse 8.5s ease-in-out infinite}
.footer-ray{animation:rayBreath 6s ease-in-out infinite}
@keyframes rayBreath{0%,100%{opacity:.55;transform:rotate(8deg) scaleX(.92)}50%{opacity:1;transform:rotate(8deg) scaleX(1)}}

/* Performance-safe mobile trims */
@media(max-width:900px){
  .process-section::before,.pricing-section::before,.footer::before{top:-56px;height:110px}
  .pricing-section{padding-top:110px}
  .celestial-orbit{width:370px!important;height:370px!important;right:-16%!important;top:12%!important}
  .celestial-crescent{right:8%!important;top:18%!important;transform:scale(.88)}
  .footer-moon{width:118px!important;height:118px!important;right:8%!important;top:12%!important}
  .footer-crescent{right:18%!important;top:10%!important;transform:scale(.9)}
}
@media(max-width:600px){
  .work-callout::after,.pricing-section .section-tag::after,.pricing-note::after{display:none}
  .process-section::before,.pricing-section::before,.footer::before{top:-36px;height:72px}
  .pricing-section{padding-top:92px}
  .celestial-orbit,.pricing-grid::after,.footer-moon,.footer-crescent,.footer-ray,.footer-celestial::after{display:none!important}
  .star-a{right:10%!important;top:12%!important}
  .star-b{right:4%!important;top:28%!important}
  .footer-star-a{right:12%!important;top:14%!important}
  .footer-star-b{right:5%!important;top:43%!important}
  .footer-top::before,.footer-bottom::before,.work-callout::before{height:1px!important}
}
@media(prefers-reduced-motion:reduce){
  .footer-ray,.celestial-star,.footer-star,.process-spark{animation:none!important}
}

/* Email action alignment and clipboard button */
.email-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:5px}
.email-card-actions .contact-card-link{margin-top:0;padding:9px 0;text-decoration:none}
.email-card-actions .contact-card-link:hover{color:#fff;text-decoration:underline}
.copy-email{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid rgba(143,188,250,.38);border-radius:10px;background:rgba(58,114,198,.14);color:#e5efff;font-size:13px;font-weight:700;line-height:1.2;font-family:inherit;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.copy-email:hover{border-color:rgba(158,204,255,.75);background:rgba(68,135,227,.25);transform:translateY(-1px)}
.copy-email:focus-visible{outline:2px solid #90c5ff;outline-offset:3px}

/* Small Fixes conversion section — v5 */
.quick-fix-section{padding-top:clamp(42px,6vw,90px);padding-bottom:clamp(42px,6vw,90px)}
.quick-fix-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.8fr);gap:clamp(24px,5vw,70px);align-items:center;padding:clamp(28px,5vw,68px);border:1px solid rgba(178,184,255,.24);border-radius:28px;background:linear-gradient(135deg,rgba(91,63,172,.22),rgba(17,20,37,.94) 65%,rgba(41,72,114,.3));box-shadow:0 28px 78px rgba(0,0,0,.16)}
.quick-fix-copy h2{font-size:clamp(2.1rem,4.6vw,4.7rem);line-height:1.07;letter-spacing:-.055em;margin:18px 0 18px}
.quick-fix-copy>p{max-width:620px;color:#bfc5db;line-height:1.7}
.quick-fix-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;list-style:none;margin:24px 0;padding:0}
.quick-fix-points li{position:relative;padding-left:20px;color:#f0efff;font-size:.95rem}
.quick-fix-points li:before{content:'✓';position:absolute;left:0;color:#b6a2ff}
.quick-fix-note{font-size:.83rem;margin:0 0 22px}
.quick-fix-subnote{display:block;margin-top:12px;font-size:.8rem;color:#bfc5db}
.quick-fix-price{min-height:270px;border:1px solid rgba(208,205,255,.25);border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(131,89,231,.45),transparent 65%),rgba(14,15,32,.6)}
.quick-fix-price>span{font-size:.68rem;letter-spacing:.15em;color:#c7c9e1;font-weight:700}
.quick-fix-price strong{font-size:clamp(4.2rem,8vw,7rem);line-height:1.1;letter-spacing:-.07em;color:#fff;position:relative;z-index:1}
.quick-fix-price strong span{font-size:.48em;vertical-align:top;letter-spacing:0}
.quick-fix-price small{font-size:.68rem;color:#c7c9e1;letter-spacing:.09em;position:relative;z-index:1}
.quick-fix-symbol{position:absolute;right:-5px;bottom:-80px;font-size:260px;line-height:1;color:rgba(158,133,246,.14);pointer-events:none}
@media(max-width:760px){.quick-fix-panel{grid-template-columns:1fr}.quick-fix-price{min-height:200px}.quick-fix-points{grid-template-columns:1fr}}


/* Neon Small Fixes v6 — native CSS, interactive content remains real HTML */
.quick-fix-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 48% 42% at 2% 40%,rgba(39,65,206,.15),transparent 80%),radial-gradient(ellipse 40% 45% at 100% 90%,rgba(56,73,208,.15),transparent 75%)}
.quick-fix-section:before,.quick-fix-section:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.quick-fix-section:before{width:260px;height:260px;left:-135px;top:-95px;background:radial-gradient(circle at 75% 65%,#2445d1,rgba(10,22,78,.35) 45%,transparent 70%);box-shadow:80px 50px 120px rgba(23,45,182,.18)}
.quick-fix-section:after{width:310px;height:310px;right:-175px;bottom:-160px;background:radial-gradient(circle at 25% 20%,#4c72ff,#14275e 35%,#070d23 70%);box-shadow:0 0 80px rgba(44,73,219,.25)}
.quick-fix-panel{position:relative;isolation:isolate;min-height:540px;overflow:hidden;border:1px solid rgba(123,151,255,.65);background:radial-gradient(ellipse at 85% 12%,rgba(30,43,152,.22),transparent 49%),linear-gradient(115deg,#101332 0%,#0c112a 53%,#101938 100%);box-shadow:0 0 0 1px rgba(87,102,227,.15),0 0 32px rgba(65,94,253,.18),0 32px 95px rgba(0,0,0,.34);transition:border-color .3s ease,box-shadow .3s ease}
.quick-fix-panel:before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 22%,rgba(67,125,255,.07) 48%,transparent 69%)}
.quick-fix-panel:after{content:"";position:absolute;pointer-events:none;z-index:0;inset:0;border-radius:inherit;box-shadow:inset 0 0 32px rgba(79,107,255,.15),inset 0 1px 0 rgba(197,202,255,.19)}
.quick-fix-copy,.quick-fix-price{position:relative;z-index:2}
.quick-fix-copy h2{text-shadow:0 3px 30px rgba(80,121,242,.12)}
.quick-fix-copy .gradient-text{background:linear-gradient(110deg,#afd3ff,#53a4ff 60%,#3d73ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.quick-fix-points li:before{color:#9c89ff;text-shadow:0 0 7px #7354ff,0 0 16px #4466f2}
.quick-fix-copy>.btn.btn-primary{position:relative;box-shadow:0 0 0 1px #8db7ff,0 0 15px rgba(62,112,255,.8),0 0 35px rgba(94,73,255,.42),inset 0 1px 7px rgba(255,255,255,.23);transition:transform .2s ease,box-shadow .2s ease}
.quick-fix-copy>.btn.btn-primary:hover,.quick-fix-copy>.btn.btn-primary:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 2px #b3dcff,0 0 25px rgba(62,129,255,.95),0 0 48px rgba(94,73,255,.62)}
.quick-fix-price{border:1px solid rgba(133,133,255,.9);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(116,50,218,.48),transparent 63%),linear-gradient(135deg,rgba(21,28,76,.97),rgba(12,15,44,.96));box-shadow:0 0 0 1px rgba(73,110,255,.64),0 0 24px rgba(86,94,255,.45),0 0 55px rgba(107,68,255,.29),inset 0 0 28px rgba(74,64,204,.22)}
.quick-fix-price:before{content:"";position:absolute;top:-2px;right:6%;width:44%;height:4px;border-radius:100%;background:#ba81ff;filter:blur(2px);box-shadow:0 0 14px 4px #8852ff,0 0 36px 7px #724aff;pointer-events:none}
.quick-fix-price:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(160,194,255,.12),transparent 37%)}
.quick-fix-price strong{text-shadow:0 0 18px rgba(49,121,255,.43),0 0 35px rgba(83,53,255,.17)}
.neon-scene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.neon-orbit{position:absolute;border:1px solid rgba(54,96,255,.5);border-radius:50%;transform:rotate(-23deg)}
.orbit-a{width:700px;height:335px;right:-225px;top:11%;box-shadow:0 0 7px rgba(65,120,255,.3)}
.orbit-b{width:960px;height:350px;right:-320px;bottom:-28%;border-color:rgba(87,75,245,.58);box-shadow:0 -1px 6px rgba(63,84,255,.38)}
.orbit-c{width:520px;height:520px;right:-135px;top:-40%;border-style:dashed;border-color:rgba(71,112,255,.24)}
.neon-planet{position:absolute;border-radius:50%;box-shadow:inset -14px -15px 26px rgba(2,3,21,.64),0 0 27px rgba(59,84,255,.32)}
.planet-a{height:75px;width:75px;right:32%;top:16%;background:radial-gradient(circle at 30% 25%,#3865ff,#212582 65%,#0c123a)}
.planet-b{height:115px;width:115px;right:36%;bottom:-48px;background:radial-gradient(circle at 33% 26%,#6b4af9,#26216d 61%,#0b1028)}
.neon-bolt{position:absolute;font-size:75px;line-height:1;color:#785dff;text-shadow:0 0 12px #4a53ff,0 0 27px #474aff;transform:rotate(12deg)}
.bolt-a{right:4%;top:11%}.bolt-b{right:2%;top:22%;font-size:39px;color:#3c91ff}
.neon-spark{position:absolute;display:block;height:5px;width:5px;border-radius:50%;background:#97b3ff;box-shadow:0 0 7px 3px #2b64ff,0 0 21px 6px rgba(56,80,255,.53);animation:neonTwinkle 3.8s ease-in-out infinite alternate}
.spark-one{left:4%;top:11%}.spark-two{right:20%;top:7%;animation-delay:.7s}.spark-three{right:8%;bottom:16%;animation-delay:1.8s}.spark-four{left:54%;bottom:8%;animation-delay:1.2s}.spark-five{left:58%;top:48%;animation-delay:2.3s}
.neon-trail{position:absolute;right:-20%;bottom:-24%;width:118%;height:350px;border-top:2px solid rgba(56,113,255,.56);border-radius:50%;transform:rotate(-16deg);filter:drop-shadow(0 0 7px #476aff)}
@keyframes neonTwinkle{0%{opacity:.36;transform:scale(.65)}100%{opacity:1;transform:scale(1.2)}}
@media(max-width:760px){.quick-fix-panel{min-height:0}.orbit-a{right:-380px}.orbit-b{right:-520px}.planet-a{right:4%;top:8%;width:44px;height:44px}.planet-b{right:1%}.quick-fix-price{min-height:190px}.neon-bolt{font-size:40px}.quick-fix-copy h2{font-size:clamp(2.05rem,8vw,3.3rem)}}
@media(prefers-reduced-motion:reduce){.neon-spark{animation:none}.quick-fix-copy>.btn.btn-primary{transition:none}}