/*
  Neon system — shared across every page.
  Dark graphite surfaces, electric blue / acid green signals, and restrained motion.
*/
:root{
  color-scheme:dark;
  --paper:#05070b;
  --white:#0b0f16;
  --ink:#f4f7fb;
  --muted:#9ba5b5;
  --line:rgba(255,255,255,.11);
  --soft:#0b1018;
  --lime:#b9ff39;
  --lime-dark:#b9ff39;
  --electric:#2f7cff;
  --cyan:#55dfff;
  --violet:#9270ff;
  --dark-line:rgba(255,255,255,.13);
  --bg:#05070b;
  --bg-soft:#080b11;
  --surface:#0d121b;
  --surface-alt:#121927;
  --border:rgba(255,255,255,.11);
  --border-soft:rgba(255,255,255,.075);
  --text:#f4f7fb;
  --text-muted:#9ba5b5;
  --text-faint:#687386;
  --gold:#b9ff39;
  --gold-dim:#527813;
  --teal:#55dfff;
  --teal-dim:#1b6074;
  --coral:#ff648e;
  --grad-gold:linear-gradient(135deg,#b9ff39,#55dfff);
  --grad-teal:linear-gradient(135deg,#2f7cff,#55dfff);
  --font:'Inter',sans-serif;
  --heading:'Space Grotesk',sans-serif;
  --font-display:'Space Grotesk',sans-serif;
  --font-body:'Inter',sans-serif;
  --font-mono:'Inter',sans-serif;
  --radius:18px;
  --radius-md:16px;
  --radius-lg:24px;
  --shadow:0 32px 100px rgba(0,0,0,.42);
  --shadow-sm:0 10px 34px rgba(0,0,0,.2);
  --shadow-md:0 28px 70px rgba(0,0,0,.38);
  --shadow-lg:0 44px 110px rgba(0,0,0,.5);
}

html{background:var(--paper);scrollbar-color:#263043 #080b11}
body{background:var(--paper);color:var(--ink);font-family:var(--font);isolation:isolate}
body::before{display:block;content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 14% 8%,rgba(47,124,255,.14),transparent 27rem),radial-gradient(circle at 82% 28%,rgba(185,255,57,.08),transparent 30rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,72px 72px,72px 72px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
::selection{background:var(--lime);color:#05070b}
:focus-visible{outline:2px solid var(--lime)!important;outline-offset:4px}
a,button{touch-action:manipulation}
h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.055em;color:var(--ink)}
p{color:var(--muted)}
.container{width:min(1240px,calc(100% - 56px));max-width:1240px}
.section{padding-block:clamp(82px,10vw,150px)}
.eyebrow{color:var(--lime)!important;letter-spacing:.16em;font-size:.68rem}
.eyebrow::before{background:var(--lime)!important;box-shadow:0 0 18px var(--lime)!important}
.section-head h2{font-size:clamp(2.55rem,5vw,5.4rem);line-height:.94;letter-spacing:-.072em}
.section-head>p{color:var(--muted)}

/* Navigation */
.header{background:rgba(5,7,11,.74);border-color:var(--line);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}
.nav-shell{min-height:82px}.header .brand,.footer .brand{color:var(--ink)}
.brand{font-family:var(--heading);font-weight:700}.brand small{color:var(--muted)}
.brand-mark{background:linear-gradient(135deg,var(--electric),var(--lime));color:#05070b;border-radius:50%;box-shadow:0 0 34px rgba(85,223,255,.2)}
.desktop-nav a{color:var(--muted);transition:color .25s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--ink);text-decoration:none}
.desktop-nav a::after{content:"";display:block;width:0;height:1px;margin-top:5px;background:var(--lime);box-shadow:0 0 12px var(--lime);transition:width .25s}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{width:100%}
.mobile-nav{background:#070a10;border-color:var(--line)}.mobile-nav a{color:var(--muted)}
.menu-toggle{border-color:var(--line);color:var(--ink)}

/* Buttons and magnetic targets */
.btn{position:relative;overflow:hidden;border-color:var(--line);border-radius:999px;isolation:isolate;transform:translateZ(0)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18),transparent 80%);transform:translateX(-120%);transition:transform .55s ease}
.btn:hover::before{transform:translateX(120%)}
.btn-dark,.inner-page .btn-primary{background:var(--lime);color:#05070b!important;border-color:var(--lime);box-shadow:0 0 0 rgba(185,255,57,0);transition:transform .25s,box-shadow .25s,background .25s}
.btn-dark:hover,.inner-page .btn-primary:hover{background:var(--lime);box-shadow:0 0 36px rgba(185,255,57,.3)}
.btn-outline,.btn-ghost,.inner-page .btn-ghost{background:rgba(255,255,255,.025);color:var(--ink);border-color:var(--line)}
.btn-outline:hover,.btn-ghost:hover,.inner-page .btn-ghost:hover{background:rgba(47,124,255,.1);border-color:rgba(85,223,255,.5);color:var(--cyan)}
.text-link{border-color:rgba(185,255,57,.45);color:var(--ink)}

/* Hero */
.hero{min-height:calc(100svh - 82px);display:grid;align-items:center;padding:clamp(64px,8vw,110px) 0 38px;position:relative}
.hero>.particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.75;pointer-events:none}
.hero::after{content:"";position:absolute;width:min(48vw,650px);aspect-ratio:1;right:-12%;top:4%;z-index:-1;border:1px solid rgba(85,223,255,.12);border-radius:50%;box-shadow:0 0 100px rgba(47,124,255,.07),inset 0 0 100px rgba(185,255,57,.025)}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:clamp(40px,7vw,100px)}
.availability{background:rgba(9,13,20,.76);border-color:var(--line);color:var(--muted);backdrop-filter:blur(12px)}
.availability span{background:var(--lime);box-shadow:0 0 16px rgba(185,255,57,.7)}
.hero h1{font-size:clamp(3.3rem,6.2vw,7rem);line-height:.88;letter-spacing:-.085em;text-wrap:balance}
.hero h1 em{background:none;font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(244,247,251,.82)}
.hero h1 em:last-child{color:var(--lime);-webkit-text-stroke:0;text-shadow:0 0 42px rgba(185,255,57,.18)}
.split-word{display:inline-block;white-space:nowrap}.split-char{display:inline-block;will-change:transform,opacity}.split-space{display:inline-block;width:.24em}.split-line{display:inline-block;overflow:hidden;padding:.06em 0;margin:-.06em 0}
.hero-description{color:var(--muted);max-width:600px}.hero-description strong{color:var(--ink)}
.hero-person{color:var(--ink)}.monogram{background:rgba(47,124,255,.1);border-color:rgba(85,223,255,.28);color:var(--cyan)}
.dashboard{background:rgba(10,14,21,.76);border:1px solid var(--line);border-radius:28px;box-shadow:0 40px 120px rgba(0,0,0,.45);backdrop-filter:blur(18px);overflow:hidden}
.dashboard::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(47,124,255,.15),transparent 40%,rgba(185,255,57,.05));opacity:.6}
.dash-top>span,.dash-label,.dash-caption,.dash-footer{color:var(--muted)}.dash-symbol,.dash-insight strong{color:var(--lime)}
.segment{background:#080b11;border-color:var(--line)}.segment button{color:var(--muted)}.segment button[aria-pressed=true]{background:var(--lime);color:#05070b;box-shadow:0 0 24px rgba(185,255,57,.18)}
.system-node b{background:#0b1213;color:var(--lime);border-color:rgba(185,255,57,.23)}
.system-node span,.dash-insight p{color:var(--muted)}.dash-insight{background:rgba(47,124,255,.07);border-color:rgba(85,223,255,.16)}
.proof-strip{border-color:var(--line)}.proof-item{border-color:var(--line)}.proof-item strong{color:var(--ink)}.proof-item span,.proof-intro{color:var(--muted)}
.scroll-explore{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;z-index:2}.scroll-explore i{display:grid;place-items:center;width:32px;height:48px;border:1px solid var(--line);border-radius:18px;transition:border-radius .3s,background .3s,transform .3s}.scroll-explore i::after{content:"";width:4px;height:8px;border-radius:4px;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:scrollDot 1.8s ease-in-out infinite}@keyframes scrollDot{0%,100%{transform:translateY(-8px);opacity:.35}50%{transform:translateY(8px);opacity:1}}.scroll-explore:hover i{border-radius:6px 18px;background:rgba(185,255,57,.08);transform:rotate(10deg)}

/* Brand strip, finder and evidence */
.client-band{border-block:1px solid var(--line);background:rgba(255,255,255,.015)}.client-band p{color:var(--text-faint)}.client-logos img{filter:grayscale(1) brightness(1.7);opacity:.65;transition:filter .3s,opacity .3s,transform .3s}.client-logos a:hover{background:rgba(255,255,255,.035)}.client-logos a:hover img{filter:none;opacity:1;transform:scale(1.04)}
.finder-shell,.roadmap-shell{background:linear-gradient(145deg,rgba(47,124,255,.09),rgba(185,255,57,.025));border-color:var(--line);box-shadow:var(--shadow)}
.goal-buttons button,.roadmap-controls button,.work-filters button{background:#080c12;border-color:var(--line);color:var(--muted)}
.goal-buttons button[aria-pressed=true],.roadmap-controls button[aria-pressed=true],.work-filters button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#05070b;box-shadow:0 0 26px rgba(185,255,57,.18)}
.recommendation,.roadmap-output{background:#090d14;border:1px solid var(--line)}
.recommendation p,.recommendation small,.roadmap-output p{color:var(--muted)}.roadmap-output li{border-color:var(--line)}
.evidence-section{background:#070a10;border-color:var(--line)}.evidence-card{background:#0b0f16;border-color:var(--line);color:var(--ink)}.evidence-card:hover{border-color:rgba(85,223,255,.45);box-shadow:0 30px 70px rgba(0,0,0,.42)}.evidence-image{background:#06080d}.evidence-image img{box-shadow:0 12px 40px rgba(0,0,0,.45)}.evidence-card small{color:var(--muted)}

/* Featured projects: pinned horizontal track on capable devices, native scroll fallback elsewhere */
#results{overflow:clip;position:relative}
#results .case-grid{display:flex;gap:22px;width:max-content;align-items:stretch}
#results .case-card{width:min(72vw,510px);min-height:560px;flex:0 0 auto;position:relative;background:#0a0e15;border-color:var(--line);border-radius:24px;color:var(--ink);transform:translateZ(0)}
#results .case-card:hover{border-color:rgba(85,223,255,.42);box-shadow:0 30px 90px rgba(0,0,0,.48)}
#results .case-visual{min-height:310px;background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(85,223,255,.34),transparent 5%,rgba(47,124,255,.12) 22%,transparent 54%),linear-gradient(145deg,#0c1522,#07100c);border-color:var(--line);transition:background-position .15s ease}
#results .case-card:nth-child(2) .case-visual{background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(185,255,57,.32),transparent 5%,rgba(185,255,57,.09) 22%,transparent 54%),linear-gradient(145deg,#11160c,#070a10)}
#results .case-card:nth-child(3) .case-visual{background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(146,112,255,.34),transparent 5%,rgba(146,112,255,.1) 22%,transparent 54%),linear-gradient(145deg,#120d20,#070a10)}
.case-brand span{border-color:var(--line);color:var(--muted)}.case-number{color:var(--lime);text-shadow:0 0 36px rgba(185,255,57,.14)}.case-visual p,.case-body p{color:var(--muted)}
.project-title-wrap{overflow:hidden;width:100%}.project-title-marquee{display:flex;width:max-content;gap:1.2rem}.project-title-marquee>*{white-space:nowrap}.project-title-marquee .clone{display:none;color:var(--cyan)}.case-card:hover .project-title-marquee{animation:titleMarquee 5s linear infinite}.case-card:hover .project-title-marquee .clone{display:block}@keyframes titleMarquee{to{transform:translateX(calc(-50% - .6rem))}}
.results-progress{height:2px;background:rgba(255,255,255,.08);margin-top:32px;overflow:hidden}.results-progress span{display:block;width:10%;height:100%;background:linear-gradient(90deg,var(--electric),var(--lime));box-shadow:0 0 16px var(--cyan);transform-origin:left}
.motion-fallback #results{overflow:visible}.motion-fallback #results .case-grid{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-width:thin}.motion-fallback #results .case-card{scroll-snap-align:center}

/* Capabilities stack */
.services{background:transparent!important;color:var(--ink);position:relative}
.services::before{content:"";position:absolute;inset:8% 0 0;background:radial-gradient(circle at 50% 20%,rgba(47,124,255,.1),transparent 38%);pointer-events:none}
.services .section-head>p{color:var(--muted)}
.service-grid{display:block!important;max-width:1000px;margin-inline:auto;perspective:1400px}
.service{position:sticky;top:110px;min-height:280px;margin-bottom:28px;padding:clamp(28px,4vw,52px);background:rgba(11,15,22,.94)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(0,0,0,.42);overflow:hidden;transform-origin:50% 0;backdrop-filter:blur(16px)}
.service:nth-child(2){top:124px}.service:nth-child(3){top:138px}.service:nth-child(4){top:152px}.service:nth-child(5){top:166px}.service:nth-child(6){top:180px}
.service::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:var(--cap-image,linear-gradient(135deg,var(--electric),transparent));background-size:cover;background-position:center;clip-path:circle(0% at 85% 20%);transition:clip-path .7s cubic-bezier(.2,.8,.2,1),opacity .4s}.service:hover::after,.service:focus-within::after{clip-path:circle(90% at 85% 20%);opacity:.16}.service summary p,.service-details,.service-details ul{color:var(--muted)}.service-top span{color:var(--cyan)}.service-top b{color:var(--lime);border-color:rgba(185,255,57,.35)}.service-details a{color:var(--lime)}

/* Inner pages */
.inner-page .page-hero,.inner-page .cs-hero{background:transparent;padding:clamp(74px,9vw,130px) 0 64px;position:relative;overflow:hidden}
.inner-page .page-hero::after,.inner-page .cs-hero::after{content:"";position:absolute;right:-10%;top:0;width:46vw;aspect-ratio:1;border:1px solid rgba(85,223,255,.12);border-radius:50%;box-shadow:inset 0 0 100px rgba(47,124,255,.05);pointer-events:none}
.inner-page .page-hero h1,.inner-page .cs-hero h1{font-size:clamp(3rem,6.6vw,7rem);line-height:.91;letter-spacing:-.08em;max-width:1080px}
.inner-page .page-hero p,.inner-page .cs-hero-lede{color:var(--muted)}
.inner-page .section-head h2{font-size:clamp(2.35rem,4.8vw,5rem)}
.inner-page .cs-card,.inner-page .svc-card,.inner-page .tier-card,.inner-page .about-card,.inner-page .form-shell,.inner-page .contact-info-card,.inner-page .ba-card,.inner-page .growth-chart-card,.inner-page .impact-card{background:#0b0f16;border-color:var(--line);box-shadow:none}
.inner-page .cs-card:hover,.inner-page .svc-card:hover,.inner-page .tier-card:hover{border-color:rgba(85,223,255,.45);box-shadow:var(--shadow-md)}
.inner-page .cs-logo,.inner-page .service-icon,.inner-page .contact-row .ci-icon{background:#080c12;border-color:var(--line);color:var(--cyan)}
.inner-page .cs-industry,.inner-page .cs-meta-chip,.inner-page .service-tag,.inner-page .industry-chip{background:rgba(47,124,255,.09);color:var(--cyan);border-color:rgba(85,223,255,.2)}
.inner-page .counter-card{background:#0a0f16;border-color:var(--line)}.inner-page .counter-num{color:var(--lime);text-shadow:0 0 24px rgba(185,255,57,.14)}
.inner-page .ba-card.after,.inner-page .flow-body,.inner-page .proof-shot,.inner-page .faq-item,.inner-page .terms-toc{background:#0b0f16;border-color:var(--line)}
.inner-page .flow-marker{background:#080b11;border-color:var(--line);color:var(--cyan)}.inner-page .flow-step.is-active .flow-marker,.inner-page .flow-step.is-done .flow-marker{background:var(--lime);color:#05070b;border-color:var(--lime)}
.inner-page .flow-rail-fill{background:linear-gradient(var(--electric),var(--lime));box-shadow:0 0 18px rgba(85,223,255,.4)}
.inner-page .pull-quote,.inner-page .cta-banner,.inner-page .article-cta{background:linear-gradient(130deg,rgba(47,124,255,.09),rgba(185,255,57,.035));border-color:var(--line)}
.inner-page .pull-quote{border-left-color:var(--lime)}
.inner-page .cs-nav-link{background:#0a0e15;border-color:var(--line)}
.inner-page .svc-hero-icon{background:radial-gradient(circle at 30% 30%,rgba(47,124,255,.2),transparent 55%),#0b0f16;border-color:var(--line);box-shadow:0 0 80px rgba(47,124,255,.08)}
.inner-page .svc-hero-icon svg{color:var(--lime)}
.inner-page .svc-hero-grid h1 .accent{color:var(--lime);-webkit-text-fill-color:var(--lime);text-decoration:none;text-shadow:0 0 44px rgba(185,255,57,.14)}
.inner-page .tier-card.featured{background:linear-gradient(145deg,rgba(47,124,255,.12),rgba(185,255,57,.04));border-color:rgba(85,223,255,.32)}
.inner-page .tier-featured-badge{background:var(--lime);color:#05070b}
.inner-page .faq-question{color:var(--ink)}.inner-page .faq-answer p{color:var(--muted)}.inner-page .faq-icon{background:#080b11;color:var(--lime);border-color:var(--line)}
.inner-page .field input,.inner-page .field select,.inner-page .field textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;color:var(--ink);padding-inline:0;transition:border-color .25s,box-shadow .25s}.inner-page .field input:focus,.inner-page .field select:focus,.inner-page .field textarea:focus{border-color:var(--lime);box-shadow:0 8px 12px -10px var(--lime);outline:0}.inner-page .field input::placeholder,.inner-page .field textarea::placeholder{color:var(--text-faint)}
.inner-page .term-highlight{background:rgba(185,255,57,.06);border-color:rgba(185,255,57,.18);color:var(--lime)}
.inner-page .blog-search input{background:#090d14;border:1px solid var(--line);border-radius:999px;color:var(--ink);padding-left:48px}.inner-page .blog-cat.active{background:var(--lime);color:#05070b}.inner-page .article-body{color:var(--muted)}.inner-page .article-body h2,.inner-page .article-body h3{color:var(--ink)}.inner-page .article-body a{color:var(--cyan)}
.inner-page .article-body pre{background:#020409;border:1px solid var(--line)}
.inner-page .cs-backbar{background:rgba(5,7,11,.84);border-color:var(--line)}
.inner-page .chart-tooltip{background:#05070b;color:var(--ink);border-color:var(--line)}

/* Contact and footer */
.contact{background:linear-gradient(130deg,rgba(47,124,255,.08),rgba(185,255,57,.025));border-color:var(--line)}
.lead-form{background:rgba(10,14,21,.88);border-color:var(--line);box-shadow:var(--shadow)}
.lead-form input,.lead-form select,.lead-form textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;color:var(--ink);padding-inline:0;transition:border-color .25s,box-shadow .25s}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--lime);box-shadow:0 8px 12px -10px var(--lime);outline:0}.lead-form option{background:#080b11;color:var(--ink)}
.footer{background:#030508;color:var(--ink);padding-top:0;overflow:hidden;border-top:1px solid var(--line)}
.footer-loop{display:flex;width:max-content;padding:42px 0 26px;border-bottom:1px solid var(--line);animation:footerLoop 28s linear infinite;will-change:transform}.footer-loop span{font-family:var(--heading);font-size:clamp(3.1rem,8vw,8.5rem);font-weight:700;line-height:.85;letter-spacing:-.07em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(244,247,251,.26)}.footer-loop span b{color:var(--lime);-webkit-text-stroke:0;font-weight:inherit}.footer:hover .footer-loop{animation-play-state:paused}@keyframes footerLoop{to{transform:translateX(-50%)}}
.footer-top{padding-top:64px}.footer p,.footer-description,.footer-links a,.footer-bottom{color:var(--muted)}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-color:var(--line)}

/* Cursor and transitions */
.cursor-dot,.cursor-blob{position:fixed;left:0;top:0;z-index:10000;pointer-events:none;border-radius:50%;mix-blend-mode:difference;opacity:0;will-change:transform}.cursor-dot{width:5px;height:5px;background:#fff}.cursor-blob{width:38px;height:38px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.05);transition:width .25s,height .25s,border-radius .25s,background .25s}.cursor-ready .cursor-dot,.cursor-ready .cursor-blob{opacity:1}.cursor-active .cursor-blob{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.15)}
.page-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;background:var(--lime);transform:scaleY(0);transform-origin:bottom}.page-transition.is-entering{animation:pageWipe .55s cubic-bezier(.76,0,.24,1) forwards}@keyframes pageWipe{to{transform:scaleY(1)}}
.page-transition.card-expand{inset:auto;left:var(--from-x);top:var(--from-y);width:var(--from-w);height:var(--from-h);transform:none;border-radius:24px;background:linear-gradient(135deg,#0b111b,#102009);transition:left .52s cubic-bezier(.76,0,.24,1),top .52s cubic-bezier(.76,0,.24,1),width .52s cubic-bezier(.76,0,.24,1),height .52s cubic-bezier(.76,0,.24,1),border-radius .52s cubic-bezier(.76,0,.24,1)}.page-transition.card-expand.is-entering{left:0;top:0;width:100vw;height:100vh;border-radius:0;animation:none}
.reading-progress{background:linear-gradient(90deg,var(--electric),var(--cyan),var(--lime));box-shadow:0 0 18px var(--cyan)}
.back-top{background:var(--lime);color:#05070b;border-color:var(--lime);box-shadow:0 0 24px rgba(185,255,57,.22)}
.image-dialog{background:#080b11;color:var(--ink);border-color:var(--line)}.image-dialog::backdrop{background:rgba(1,2,4,.88)}.image-dialog button,.zoom-trigger{background:#0b0f16;color:var(--ink);border-color:var(--line)}
.mobile-cta{background:rgba(5,7,11,.88);border-color:var(--line);backdrop-filter:blur(18px)}

/* Confetti canvas */
.confetti-canvas{position:fixed;inset:0;z-index:10002;pointer-events:none;width:100%;height:100%}

@media (max-width:940px){
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.4rem,12vw,6.5rem)}
  .scroll-explore{display:none}.dashboard{max-width:none}
  #results{overflow:visible}#results .case-grid{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-width:thin}#results .case-card{width:min(84vw,480px);scroll-snap-align:center;min-height:520px}
  .service{top:92px!important}.footer-loop{animation-duration:22s}
}
@media (max-width:640px){
  .container{width:calc(100% - 34px)}.nav-shell{min-height:70px}.hero{padding-top:56px}.hero h1{font-size:clamp(3.05rem,14.2vw,4.4rem)}
  .hero-description{font-size:.96rem}.dashboard{border-radius:20px}.hero::after{width:100vw;right:-55%;top:18%}
  #results .case-card{width:86vw;min-height:490px}.case-visual{min-height:250px!important}.project-title-marquee{animation:none!important}.project-title-marquee .clone{display:none!important}
  .service{min-height:230px;padding:26px;position:relative;top:auto!important;transform:none!important}.service-grid{perspective:none}.footer-loop{padding:28px 0 20px}.footer-loop span{font-size:3.1rem}
  .inner-page .page-hero h1,.inner-page .cs-hero h1{font-size:clamp(2.8rem,12.5vw,4.2rem)}.inner-page .page-hero::after,.inner-page .cs-hero::after{width:100vw;right:-55%}
}
@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-blob{display:none}.btn:hover{transform:none}.service::after{display:none}}
@media (hover:hover) and (pointer:fine){.cursor-ready body,.cursor-ready a,.cursor-ready button,.cursor-ready summary,.cursor-ready [role="button"]{cursor:none}.cursor-ready input,.cursor-ready textarea{cursor:text}.cursor-ready select{cursor:pointer}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.split-char{transform:none!important;opacity:1!important}.footer-loop{animation:none;transform:none}.footer-loop span:nth-child(n+2){display:none}.scroll-explore i::after{animation:none}.page-transition{display:none}.case-card:hover .project-title-marquee{animation:none}.particle-field{display:none}.service{transform:none!important}.cursor-dot,.cursor-blob{display:none}
}