/* Neon motion system. Original project screenshots remain untouched. */
.neon-studio{--page:#080C0B;--line:#293A2B;--muted:#ACB8A8;background:#080C0B;overflow-x:clip}
.neon-studio .site-header{background:#080C0BF2;border-bottom-color:#B8EF4827}
.neon-studio .header-cta,.neon-studio .button-primary{box-shadow:0 0 24px #B8EF4814}
.neon-studio .header-cta:hover,.neon-studio .button-primary:hover{box-shadow:0 0 32px #B8EF483C}
.neon-studio .hero{position:relative;isolation:isolate;padding-block:62px 72px;gap:58px}
.neon-studio .hero::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 48%,#90e72c25,transparent 48%),linear-gradient(#b8ef4805 1px,transparent 1px),linear-gradient(90deg,#b8ef4805 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000);animation:grid-breathe 9s ease-in-out infinite alternate}
.neon-studio .hero .eyebrow{color:#C1D5AA}.neon-studio .hero .eyebrow i{box-shadow:0 0 12px var(--orange)}
.neon-studio .hero h1>span{color:#B8EF48;text-shadow:0 0 42px #B8EF4820}
.neon-studio .hero-actions .button-primary{position:relative;overflow:hidden}
.neon-studio .hero-actions .button-primary::after{content:'';position:absolute;inset:-80% auto -80% -75%;width:30%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:skewX(-22deg);animation:button-light 7s ease-in-out infinite;pointer-events:none}
.neon-studio .reassurance-strip{background:#111A10;border-color:#B8EF4827}
.neon-studio .benefit-icon{border:1px solid #B8EF4830;box-shadow:inset 0 0 25px #b8ef4808}
.neon-studio .benefits{position:relative}
.neon-studio .main-service{border-color:#A1D85640;background:linear-gradient(125deg,#23321D,#131C14 70%)}
.neon-studio .contact{position:relative;background:#111D0F;isolation:isolate;overflow:hidden;border-color:#B8EF483F}
.neon-studio .contact::before,.neon-studio .contact::after{content:'';position:absolute;width:450px;height:450px;border:1px solid #B8EF4820;border-radius:50%;z-index:-1;left:-240px;top:-160px;animation:contact-ring 12s ease-in-out infinite alternate}
.neon-studio .contact::after{left:auto;right:-220px;top:auto;bottom:-250px;width:600px;height:600px;border-color:#ff743d22;animation-delay:-6s}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:transparent;border:0;padding:12px 0;margin-top:7px;font-size:10px;color:#AABBA0}
.motion-toggle:hover{color:var(--lime)}.motion-toggle-icon{font-size:11px;border:1px solid #5D7548;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.real-showcase{perspective:1100px;--tilt-x:0deg;--tilt-y:0deg;background:transparent!important;border:0!important;padding:28px 20px 0;min-height:515px;isolation:isolate;margin-bottom:0}
.real-showcase .showcase-caption{position:relative;z-index:3;font-size:7px;letter-spacing:.1em;margin:0 0 36px;align-items:center}
.real-showcase .showcase-caption>span:last-child{display:flex;align-items:center;gap:6px;color:#C5E4A3}
.live-signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);flex-shrink:0;animation:signal-breathe 3s ease-in-out infinite}
.orbital-field{position:absolute;inset:-6% -9% 3%;pointer-events:none;z-index:-1;overflow:hidden}
.orbital-field>i{position:absolute;inset:3%;border:1px solid #B8EF4840;border-radius:50%;transform:rotate(-20deg) scaleY(.72)}
.orbital-field>i:nth-child(2){inset:9%;border-style:dashed;border-color:#B8EF4825;animation:orbit-turn 38s linear infinite}
.orbital-field>i:nth-child(3){inset:18%;border-color:#FF743D20;transform:rotate(30deg) scaleY(.92)}
.orbit-spark{position:absolute;inset:3%;border-radius:50%;animation:orbit-turn 14s linear infinite}
.orbit-spark::before{content:'';position:absolute;left:20%;top:10%;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 22px 5px #B8EF4840}
.circuit-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
.circuit-lines path{stroke:#B8EF4860;stroke-width:.8;stroke-dasharray:8 14;animation:circuit-flow 12s linear infinite}
.circuit-lines path+path{stroke:#FF743D80;stroke-dasharray:3 50;animation-duration:9s}
.hero-work-panels{position:relative;min-height:365px;z-index:2}
.hero-work-panel{position:relative;padding-bottom:52px;animation:panel-enter .65s cubic-bezier(.2,.65,.3,1) both}
.hero-screen{position:relative;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-2.5deg);transform-origin:center;transition:transform .3s ease;animation:screen-float 8s ease-in-out infinite}
.real-browser{border:1px solid #5D784A;border-radius:10px;overflow:hidden;background:#101511;box-shadow:0 24px 50px #0007,0 0 35px #B8EF4818;position:relative}
.real-browser-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:29px;background:#1C281B;color:#B9CEA5;padding:8px 14px;font-size:7px;line-height:1.4;border-bottom:1px solid #B8EF4825;letter-spacing:.07em}
.real-browser-bar>span:first-child{font-size:5px;letter-spacing:3px;color:#B8EF4890}
.work-capture{display:block;width:100%;height:auto;object-fit:cover;object-position:top;background:#111}
.real-phone{position:absolute;right:-7px;bottom:38px;width:132px;aspect-ratio:390/844;border:5px solid #69785E;border-radius:23px;background:#11170F;overflow:hidden;transform:rotate(5deg);box-shadow:0 20px 35px #0007;animation:phone-float 7s ease-in-out infinite}
.real-phone>i{position:absolute;z-index:1;top:0;left:34%;height:8px;width:32%;background:#69785E;border-radius:0 0 8px 8px}
.real-phone .work-capture{height:100%;width:100%;object-fit:cover}
.hero-work-label{display:flex;gap:10px;align-items:center;padding-top:27px;font-size:12px;max-width:75%}
.hero-work-label small{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.hero-work-controls{position:relative;z-index:3;display:flex;gap:10px;border-top:1px solid #B8EF4825;padding-top:15px;margin-top:4px}
.hero-work-controls button{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #374B2D;background:#0D160C;color:#BCCBB0;border-radius:5px;font-size:10px;min-height:42px}
.hero-work-controls button>span{font-size:8px;color:#839878}
.hero-work-controls button[aria-pressed=true]{border-color:#B8EF4890;color:var(--lime);background:#1D2C17;box-shadow:0 0 16px #B8EF480B}
.neon-chip{position:absolute;z-index:3;right:-9px;top:18%;display:flex;align-items:center;gap:9px;border:1px solid #B8EF4855;border-radius:5px;background:#162211E8;padding:10px 14px;color:var(--lime);font-size:23px;transform:rotate(5deg);animation:chip-float 6s ease-in-out infinite}
.neon-chip>span{color:#E7EFDF;font-size:9px;line-height:1.5}
.neon-text{color:var(--lime)}
.neon-studio .real-work-section{position:relative;background:#0E150F;border-block:1px solid #B8EF4820;overflow:hidden}
.real-work-section::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#B8EF48,transparent);box-shadow:0 0 25px #B8EF4850}
.real-work-section .split-heading{align-items:end}.real-work-section .split-heading h2{font-size:clamp(34px,4vw,56px)}
.work-disclosure{display:flex;gap:14px;align-items:center;max-width:790px;border-left:2px solid #B8EF4870;padding:9px 20px;margin:0 0 50px;color:#B5C5AB;font-size:12px;line-height:1.8}
.work-disclosure strong{font-weight:500;color:#E6F0DD}
.real-work-list{display:grid;gap:42px}
.real-work-card{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #344A2C;border-radius:15px;background:#131D13;overflow:hidden;transition:border-color .35s,box-shadow .35s;isolation:isolate}
.real-work-card:hover{border-color:#7FAD4A;box-shadow:0 0 40px #B8EF4809}
.real-work-visual{position:relative;display:block;overflow:hidden;padding:32px 32px 38px;background:radial-gradient(ellipse at 50% 100%,#B8EF480C,transparent 70%),#182317;min-width:0}
.real-work-card:nth-child(2) .real-work-visual{background:radial-gradient(ellipse at 20% 0,#ff743d12,transparent 70%),#1E2317}
.work-sequence{display:block;font-size:8px;letter-spacing:.1em;color:#A6B99A;margin-bottom:26px}
.real-work-visual .real-browser{border-color:#6E7054;transform:perspective(1200px) rotateY(3deg) rotate(-1deg);transition:transform .6s cubic-bezier(.2,.65,.3,1);box-shadow:0 15px 28px #0007}
.real-work-visual:hover .real-browser{transform:perspective(1200px) rotateY(0deg) rotate(0deg) translateY(-4px)}
.real-work-visual .work-capture{aspect-ratio:1440/1000}
.work-visit{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#DEECD1;min-height:44px;margin-top:18px;padding-top:5px;border-bottom:1px solid #5A7046}
.work-visit>span{color:var(--lime);font-size:22px;transition:transform .2s}.real-work-visual:hover .work-visit>span{transform:translate(3px,-3px)}
.real-work-info{display:flex;flex-direction:column;justify-content:center;padding:36px 34px;min-width:0;border-left:1px solid #344A2C}
.real-work-info .eyebrow{color:#B7C8A7;font-size:9px}.real-work-info h3{font-size:clamp(32px,3vw,44px);margin:17px 0 12px;color:#EEF4E8}
.work-kind{font-size:10px;color:var(--work-accent);margin-bottom:24px;letter-spacing:.07em;text-transform:uppercase}
.real-work-info p{font-size:14px;line-height:1.8;color:#BDC9B4}
.real-work-info .work-detail{font-size:12px;margin-top:14px;color:#99AC8C}
.work-domain{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #536E3E;min-height:48px;margin:20px 0 26px;font-size:12px;color:#D5E5C5}
.work-domain>span{color:var(--lime);font-size:20px}.work-domain:hover{color:var(--lime)}
.real-work-info .button{justify-content:space-between;font-size:11px;padding-inline:16px;gap:16px}
.capture-note{font-size:10px;color:#98AA8B;margin-top:24px;line-height:1.7}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important}
.motion-paused .hero-screen{transform:rotate(-2.5deg)}
.motion-paused .hero-work-panel{animation:none!important}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes screen-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes phone-float{0%,100%{translate:0 0}50%{translate:0 8px}}
@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes signal-breathe{0%,100%{box-shadow:0 0 8px #B8EF4860}50%{box-shadow:0 0 18px #B8EF4890}}
@keyframes circuit-flow{to{stroke-dashoffset:-220}}
@keyframes panel-enter{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes button-light{0%,70%,100%{left:-75%}88%{left:145%}}
@keyframes grid-breathe{to{opacity:.5}}
@keyframes contact-ring{to{transform:translate(60px,40px) scale(1.15)}}
@media(max-width:1100px){.neon-studio .hero{gap:36px}.real-showcase{min-height:460px;padding-inline:5px}.hero-work-panels{min-height:310px}.real-phone{width:112px;right:0;bottom:46px}.hero-work-label{font-size:11px}.hero-work-label small{font-size:7px}.real-work-info{padding:28px}.real-work-visual{padding:25px}.real-work-info p{font-size:13px}.real-work-info .work-detail{font-size:11px}.real-work-info .button{font-size:10px}.neon-chip{right:-8px;padding:8px 10px;top:15%}}
@media(max-width:860px){.neon-studio .hero{gap:28px}.real-showcase{padding:20px 15px 0;min-height:0;max-width:590px}.real-showcase .showcase-caption{margin-bottom:32px;font-size:7px}.hero-work-panels{min-height:0}.real-phone{width:132px;right:-2px;bottom:35px}.hero-work-label{font-size:12px}.hero-work-label small{font-size:8px}.hero-work-panel{padding-bottom:15px}.hero-work-controls{margin-top:16px}.real-work-card{grid-template-columns:1.25fr 1fr}.real-work-visual{padding:23px}.real-work-info{padding:26px 23px}.real-work-info h3{font-size:32px}.real-work-info p{font-size:12px}.real-work-info .work-detail{display:none}.work-domain{margin:15px 0 20px}.work-kind{margin-bottom:17px}.real-work-info .button{font-size:10px;min-height:48px;gap:12px}.neon-chip{right:-5px;font-size:21px}.real-work-section .split-heading>p{max-width:300px}}
@media(max-width:600px){.neon-studio .hero{padding-block:34px 44px;gap:15px}.neon-studio .hero::before{inset:10% 0 0;mask-image:linear-gradient(transparent,#000 50%);background-size:auto,36px 36px,36px 36px}.motion-toggle{margin-top:3px;min-height:40px;font-size:9px}.real-showcase{padding:16px 7px 0;min-height:0;max-width:100%}.real-showcase .showcase-caption{font-size:5px;gap:10px;margin-bottom:27px;letter-spacing:.06em}.real-showcase .showcase-caption>span:last-child{gap:4px}.live-signal{width:5px;height:5px}.hero-work-panel{padding-bottom:10px}.hero-screen{margin-right:10px}.real-browser{border-radius:7px}.real-browser-bar{font-size:6px;min-height:24px;padding:6px 9px}.real-browser-bar>span:first-child{font-size:4px;letter-spacing:2px}.real-phone{width:92px;right:-2px;bottom:43px;border-width:4px;border-radius:16px}.real-phone>i{height:6px}.hero-work-label{padding-top:22px;font-size:11px;max-width:75%}.hero-work-label small{font-size:7px}.hero-work-controls{gap:8px;padding-top:12px;margin-top:8px}.hero-work-controls button{font-size:10px;min-height:44px;padding:10px 12px;gap:11px}.hero-work-panels{min-height:0}.neon-chip{right:1px;top:15%;padding:7px 9px;font-size:17px;gap:6px}.neon-chip>span{font-size:7px}.orbital-field{inset:-10% -6% 0}.circuit-lines{inset:2% -2%;width:104%}.real-work-section .split-heading h2{font-size:34px}.real-work-section .split-heading>p{max-width:none}.work-disclosure{margin-bottom:30px;padding:8px 13px;gap:10px;font-size:11px;align-items:flex-start}.work-disclosure .live-signal{margin-top:8px}.real-work-list{gap:28px}.real-work-card{display:block;border-radius:10px}.real-work-visual{padding:20px 20px 17px}.work-sequence{font-size:7px;margin-bottom:20px;letter-spacing:.06em}.real-work-info{padding:25px 23px;border-left:0;border-top:1px solid #344A2C}.real-work-info h3{font-size:31px;margin-top:13px}.real-work-info p{font-size:14px}.real-work-info .work-detail{display:block;font-size:12px}.real-work-info .eyebrow{font-size:8px}.real-work-info .button{font-size:11px;min-height:50px}.work-domain{margin:17px 0 22px}.work-visit{margin-top:12px;font-size:11px}.capture-note{font-size:9px}.neon-studio .contact::before{opacity:.5}.neon-studio .contact::after{opacity:.45}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.neon-studio *, .neon-studio *::before,.neon-studio *::after{animation:none!important;transition:none!important}.hero-screen{transform:rotate(-2.5deg)!important}}
/* Full reference captures travel inside a fixed browser viewport. */
.scroll-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;background:#101411;isolation:isolate}
.scroll-strip{width:100%;transform:translate3d(0,0,0);transition:none!important}
.scroll-segment{position:relative;width:100%;overflow:hidden}
.scroll-capture-img{display:block;position:absolute;top:0;left:0;width:100%;max-width:100%;height:auto;transform:translateY(var(--segment-crop,0%));background:#101411}
.real-work-visual .scroll-browser{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.scroll-strip{transform:none!important}}
/* Headings now start each section directly, without the removed supporting labels. */
.neon-studio .hero-copy>h1:first-child,.neon-studio .section-heading>h2:first-child,.neon-studio .split-heading>div>h2:first-child,.neon-studio .faq>div>h2:first-child{margin-top:0}
.real-showcase .showcase-caption.single-caption{justify-content:flex-end}