/* Gentle feedback without changing the space occupied by each control. */
:root { --motion-ease: cubic-bezier(.2,.8,.2,1); }
header { gap: 24px; }
header nav { margin-left: auto; gap: 25px; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.header-actions button { font: inherit; font-size: 14px; font-weight: 600; }
.header-actions .contact-link { min-height: 44px; white-space: nowrap; }
.header-actions .social-link { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; border-radius: 50%; }
.social-link svg { display: block; width: 22px; height: 22px; }
.header-actions :disabled { cursor: not-allowed; }
.header-actions :focus-visible { outline: 2px solid var(--green); outline-offset: 5px; }
.services { position: relative; isolation: isolate; gap: 16px; }
.services::before { content: ""; position: absolute; z-index: -1; inset: -30px -20px; pointer-events: none; background: radial-gradient(ellipse at 6% 25%, #baff3212, transparent 55%), radial-gradient(ellipse at 90% 85%, #baff3210, transparent 55%); }
.service.glass, .service.glass[open] {
  position: relative;
  isolation: isolate;
  border-radius: 28px;
  border: 1px solid #e9ffd33b;
  border-top-color: #ffffff70;
  border-bottom-color: #dfffad66;
  background: radial-gradient(ellipse at 15% 120%, #baff321b, transparent 65%), linear-gradient(115deg, #ffffff17, #ffffff04 48%, #d9ffaf0b 80%, #ffffff12);
  backdrop-filter: blur(26px) saturate(160%);
  -webkit-backdrop-filter: blur(26px) saturate(160%);
  box-shadow: inset 0 1px 2px #ffffff4d, inset 0 -2px 3px #e0ffc32b, inset 2px 0 6px #ffffff12, 0 12px 30px #0004;
}
.service.glass::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 360px 130px at var(--glass-x, 20%) var(--glass-y, 0%), #ffffff1f, transparent); opacity: .6; transition: opacity 300ms ease; }
.service.glass[open] { border-color: #dfffad77; background-color: #baff3208; }
.service .number { color: #b7c7a8; }
.service summary .symbol { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ffffff26; background: linear-gradient(145deg, #ffffff14, #ffffff03); box-shadow: inset 0 1px 1px #ffffff33; }
@media (hover: hover) and (pointer: fine) {
  .service.glass:hover { border-color: #e5ffc488; box-shadow: inset 0 1px 2px #ffffff80, inset 0 -2px 3px #dcffa744, 0 14px 35px #0005, 0 0 22px #baff3210; }
  .service.glass:hover::before { opacity: 1; }
}
@media (max-width: 1050px) {
  header { flex-wrap: wrap; gap: 16px; }
  header nav { order: 3; width: 100%; justify-content: center; margin-left: 0; border-top: 1px solid #ffffff12; padding-top: 14px; }
  .header-actions { margin-left: auto; }
}
@media (max-width: 600px) {
  header { column-gap: 8px; }
  header .wordmark { font-size: 18px; letter-spacing: 2px; }
  .header-actions { gap: 6px; }
  .header-actions .contact-link { padding: 9px 12px; }
  .header-actions .contact-link span { display: none; }
  .header-actions .social-link { width: 40px; height: 44px; padding: 9px; }
  header nav > a:first-child { display: block; }
  header nav { gap: 22px; }
  .service.glass { border-radius: 23px; }
}
@media (prefers-reduced-motion: reduce) { .service.glass::before { display: none; } }
.button, .nav-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f5ffe9;
  border: 1px solid rgba(231,255,203,.34);
  border-top-color: rgba(255,255,255,.65);
  border-bottom-color: rgba(232,255,209,.48);
  background: radial-gradient(ellipse at 25% 110%, #a6eb3430, transparent 68%), linear-gradient(145deg, #ffffff21, #ffffff06 45%, #a5d95012 75%, #ffffff1c);
  backdrop-filter: blur(22px) saturate(170%);
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  box-shadow: inset 0 1px 1px #ffffff66, inset 0 -2px 2px #dfffad33, inset 2px 0 5px #ffffff12, 0 8px 24px #0005, 0 0 25px #baff3209;
  text-shadow: 0 1px 5px #0008;
  transition: transform 280ms var(--motion-ease), box-shadow 280ms var(--motion-ease), background-color 280ms ease, border-color 280ms ease, color 200ms ease;
}
.button::before, .nav-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 20%, #ffffff40 48%, transparent 76%);
  transform: translateX(-130%);
  transition: transform 550ms var(--motion-ease);
}
.button::after, .nav-cta::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 100px 65px at var(--glass-x, 30%) var(--glass-y, 0%), #ffffff35, transparent 100%);
  opacity: .45;
  box-shadow: inset 0 0 0 1px #ffffff0a;
  transition: opacity 280ms ease;
}
.button span, .nav-cta span { color: #d9ffaf; }
.nav-cta:hover { color: #f5ffe9; }
.button span, .nav-cta span {
  display: inline-block;
  transition: transform 280ms var(--motion-ease);
}
nav > a:not(.nav-cta), .hero-bottom a, footer > a {
  transition: transform 250ms var(--motion-ease), color 200ms ease;
}
.service {
  transition: transform 280ms var(--motion-ease), border-color 280ms ease, box-shadow 280ms ease;
}
.service summary { transition: background-color 220ms ease; }
.service .symbol { transition: transform 300ms var(--motion-ease); }
.button:focus-visible, .nav-cta:focus-visible {
  box-shadow: 0 8px 35px #baff3228;
  border-color: #baff3266;
}
@media (hover: hover) and (pointer: fine) {
  .button:hover, .nav-cta:hover {
    transform: translateY(-2px) scale(1.045);
    border-color: #e5ffc488;
    box-shadow: inset 0 1px 2px #ffffff99, inset 0 -2px 3px #dcffa766, inset 2px 0 7px #ffffff22, 0 12px 28px #0006, 0 0 30px #baff3226;
  }
  .secondary:hover, .nav-cta:hover {
    background-color: #cfff6909;
    border-color: #e5ffc488;
  }
  .button:hover::before, .nav-cta:hover::before { transform: translateX(130%); }
  .button:hover::after, .nav-cta:hover::after { opacity: 1; }
  .button:hover span, .nav-cta:hover span { transform: translate(2px,-2px); }
  nav > a:not(.nav-cta):hover, .hero-bottom a:hover, footer > a:hover {
    transform: scale(1.035);
    color: var(--green);
  }
  .service:hover {
    transform: scale(1.008);
    box-shadow: 0 10px 32px #0003;
  }
  .service summary:hover { background-color: #ffffff04; }
}
.button:active, .nav-cta:active {
  transform: scale(.97);
  box-shadow: inset 0 2px 8px #0004, inset 0 -1px 2px #e5ffc466, 0 2px 12px #baff3218;
  transition-duration: 100ms;
}
.button:active span, .nav-cta:active span { transform: none; }
.service:active { transform: scale(.997); }
@media (hover: none) {
  .button:hover { transform: none; }
  .button:active { transform: scale(.97); }
}
@media (prefers-reduced-motion: reduce) {
  .button, .nav-cta, nav > a, .hero-bottom a, footer > a, .service,
  .button span, .nav-cta span { transform: none !important; }
  .button::before, .nav-cta::before, .button::after, .nav-cta::after { display: none; }
}

/* Premium glass layer: restrained depth, soft light, and responsive motion. */
body { background: #040604; background-image: radial-gradient(ellipse at 80% -15%, #baff3212, transparent 36%), radial-gradient(ellipse at 0% 45%, #ffffff05, transparent 27%); }
.glass { border-color: rgba(241,255,225,.18); border-top-color: rgba(255,255,255,.43); background: linear-gradient(135deg, rgba(255,255,255,.125), rgba(255,255,255,.028) 42%, rgba(202,255,145,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(202,255,145,.08), 0 22px 60px rgba(0,0,0,.23); backdrop-filter: blur(32px) saturate(145%); -webkit-backdrop-filter: blur(32px) saturate(145%); }
header.glass { position: sticky; top: 15px; background: linear-gradient(135deg, rgba(15,20,14,.78), rgba(9,13,9,.52)); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 12px 40px rgba(0,0,0,.24); }
.command-launcher { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 9px 8px 12px; border:1px solid rgba(240,255,219,.25); border-top-color:rgba(255,255,255,.58); border-radius:999px; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025)); color:#eff7e9; font:600 12px/1 Manrope,sans-serif; cursor:pointer; box-shadow:inset 0 1px rgba(255,255,255,.25),0 7px 18px #0003; transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease; }
.command-launcher svg { width:16px; height:16px; color:var(--green); }.command-launcher kbd,.command-input-wrap kbd { padding:4px 6px; border:1px solid #ffffff1c; border-radius:6px; background:#ffffff0b; color:#b7c6ac; font:10px/1 ui-monospace,monospace; }.command-launcher:hover { transform:translateY(-2px); border-color:#e6ffc797; background:#ffffff16; }
.command-palette { position:fixed; z-index:100; inset:0; display:grid; place-items:start center; padding:clamp(85px,14vh,150px) 18px; opacity:0; pointer-events:none; transition:opacity .2s ease; }.command-palette.is-open { opacity:1; pointer-events:auto; }.command-backdrop { position:absolute; inset:0; background:rgba(1,4,2,.62); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); }.command-panel { position:relative; width:min(620px,100%); overflow:hidden; border-radius:25px; transform:translateY(-12px) scale(.98); transition:transform .35s cubic-bezier(.16,1,.3,1); }.is-open .command-panel { transform:translateY(0) scale(1); }.command-input-wrap { display:flex; align-items:center; gap:13px; padding:17px 18px; border-bottom:1px solid #ffffff17; }.command-input-wrap svg { flex:none; width:21px; color:var(--green); }.command-input-wrap input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#f6fff0; font:500 18px Manrope,sans-serif; }.command-input-wrap input::placeholder { color:#94a38a; }.command-results { padding:9px; min-height:75px; }.command-result { display:flex; width:100%; align-items:center; gap:13px; padding:13px; border:0; border-radius:15px; background:transparent; color:#edf5e8; text-align:left; cursor:pointer; font-family:inherit; }.command-result.selected,.command-result:hover { background:linear-gradient(115deg,#baff3218,#ffffff0a); }.command-result-icon { display:grid; width:30px; height:30px; place-items:center; border:1px solid #ffffff23; border-radius:10px; color:var(--green); }.command-result strong,.command-result small { display:block; }.command-result strong { font-size:14px; }.command-result small { color:#9dad92; font-size:12px; margin-top:2px; }.command-empty { margin:13px; color:#9dad92; font-size:13px; }.command-footer { display:flex; justify-content:space-between; margin:0; padding:12px 18px; border-top:1px solid #ffffff12; color:#8f9e84; font:11px ui-monospace,monospace; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1); }.reveal.is-visible { opacity:1; transform:none; }.service.reveal:nth-child(2) { transition-delay:.06s; }.service.reveal:nth-child(3) { transition-delay:.12s; }.service.reveal:nth-child(4) { transition-delay:.18s; }.service.reveal:nth-child(5) { transition-delay:.24s; }
@media(max-width:1050px) { .command-launcher { order:2; }.header-actions { order:2; } }
@media(max-width:600px) { header.glass { top:8px; }.command-launcher { width:42px; min-width:42px; padding:0; justify-content:center; }.command-launcher span,.command-launcher kbd { display:none; }.command-panel { border-radius:20px; }.command-footer { display:none; } }
@media(prefers-reduced-motion:reduce) { .reveal { opacity:1; transform:none; transition:none; }.command-panel { transition:none; } }

/* The backdrop itself transitions from clear to frosted—not an instant blur. */
.command-backdrop { background:rgba(1,4,2,0); backdrop-filter:blur(0); -webkit-backdrop-filter:blur(0); transition:background .48s cubic-bezier(.16,1,.3,1),backdrop-filter .48s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .48s cubic-bezier(.16,1,.3,1); }
.command-palette.is-open .command-backdrop { background:rgba(1,4,2,.38); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }

/* Final MAXMOV palette — black glass, electric lime, and silver. */
:root { --green:#b4ff22; --muted:#aab2a5; --line:rgba(230,255,218,.15); }
body { background:#020402; color:#f3f6ee; }
.ambient { background:radial-gradient(ellipse,rgba(180,255,34,.16),transparent 63%); }
.glass { background:linear-gradient(130deg,rgba(255,255,255,.085),rgba(200,255,170,.018)); border-color:rgba(231,255,219,.17); box-shadow:inset 0 1px rgba(255,255,255,.1),0 14px 45px rgba(0,0,0,.34); }
.brand-art img { filter:drop-shadow(0 0 34px rgba(180,255,34,.16)); }
.wordmark { color:#f3f6ee; font-weight:800; letter-spacing:3.8px; text-shadow:0 0 18px rgba(180,255,34,.08); }.wordmark span { display:none; }