:root, html[data-theme="dark"] {
  color-scheme: dark;
  --body: #0f0b18;
  --body-light: #171022;
  --surface: #1c1529;
  --ink: #ffffff;
  --muted: rgba(255,255,255,.5);
  --faint: rgba(255,255,255,.1);
  --border: rgba(255,255,255,.1);
  --border-soft: rgba(255,255,255,.06);
  --glass: rgba(255,255,255,.04);
  --glass-2: rgba(255,255,255,.02);
  --purple: #6c35b2;
  --purple-deep: #601799;
  --indigo: #3c43dd;
  --cyan: #177299;
  --header-bg: rgba(15,11,24,.78);
  --menu-fill: #0f0b18;
  --footer-deep: #0b0812;
  --invert-bg: #fff;
  --invert-fg: #0f0b18;
  --field-bg: rgba(255,255,255,.04);
  --field-border: rgba(255,255,255,.1);
  --grad-text: linear-gradient(135deg,#fff 0%,#c4b5fd 50%,#7dd3fc 100%);
  --ease: cubic-bezier(.22,1,.36,1);
  --font: 'Inter', system-ui, -apple-system, sans-serif;
}

html[data-theme="light"] {
  color-scheme: light;
  --body: #f3f0f8;
  --body-light: #ffffff;
  --surface: #ebe6f4;
  --ink: #120e1c;
  --muted: rgba(18,14,28,.55);
  --faint: rgba(18,14,28,.1);
  --border: rgba(18,14,28,.12);
  --border-soft: rgba(18,14,28,.08);
  --glass: rgba(18,14,28,.04);
  --glass-2: rgba(255,255,255,.7);
  --header-bg: rgba(255,255,255,.88);
  --menu-fill: #ffffff;
  --footer-deep: #ebe6f4;
  --invert-bg: #120e1c;
  --invert-fg: #fff;
  --field-bg: rgba(18,14,28,.04);
  --field-border: rgba(18,14,28,.12);
  --grad-text: linear-gradient(135deg,#1a1030 0%,#6c35b2 45%,#177299 100%);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }

body {
  font-family: var(--font);
  background: var(--body);
  color: var(--ink);

  overflow-x: clip;
  line-height: 1.5;
  transition: background .35s ease, color .35s ease;
}

img, video { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; border: none; background: none; }
ul { list-style: none; }
::selection { background: rgba(108,53,178,.4); }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: rgba(108,53,178,.45); border-radius: 99px; }

.container { width: min(1400px, calc(100% - 2.5rem)); margin-inline: auto; }
.container-wide { width: min(1480px, calc(100% - 2rem)); margin-inline: auto; }

.text-gradient {
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-muted { color: var(--muted); }
.eyebrow {
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .7rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
  color: var(--purple); margin-bottom: 1rem;
}
.eyebrow::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--purple);
}

.btn {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center;
  gap: .5rem; height: 3.25rem; padding: 0 1.5rem; border-radius: 999px; font-size: .9rem; font-weight: 600;
  transition: .35s var(--ease); white-space: nowrap;
}
.btn-lg { height: 3.75rem; padding: 0 1.85rem; font-size: .95rem; }
.btn-sm { height: 2.75rem; padding: 0 1.15rem; font-size: .8rem; }
.btn-glow {
  color: #fff !important; -webkit-text-fill-color: #fff;
  background: linear-gradient(135deg, #601799, #3c43dd);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 0 25px rgba(108,53,178,.45);
  overflow: hidden;
}
.btn-glow::before {
  content: ''; position: absolute; inset: 0; z-index: -1; opacity: 0;
  background: linear-gradient(270deg,#177299,#6c35b2,#177299);
  background-size: 200% 100%; animation: gshift 3s ease infinite; transition: opacity .4s;
}
.btn-glow:hover { box-shadow: 0 0 50px rgba(108,53,178,.65); }
.btn-glow:hover::before { opacity: 1; }
.btn-glow > * { position: relative; z-index: 1; }
.btn-outline {
  border: 1px solid var(--border); background: transparent; color: var(--ink);
}
.btn-outline:hover { border-color: color-mix(in srgb, var(--ink) 35%, transparent); background: var(--glass); }
.btn-ghost { border: 1px solid var(--border-soft); background: var(--glass); }
@keyframes gshift { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }

.glass {
  background: linear-gradient(180deg, var(--glass), var(--glass-2));
  border: 1px solid var(--border-soft);
  border-radius: 1.5rem;
}
.glass:hover { border-color: rgba(108,53,178,.4); }

.field {
  width: 100%; background: var(--field-bg); border: 1px solid var(--field-border);
  border-radius: 999px; padding: 1rem 1.5rem; outline: none; color: var(--ink);
  transition: .3s ease;
}
.field:focus {
  border-color: rgba(108,53,178,.6); background: rgba(108,53,178,.08);
  box-shadow: 0 0 0 4px rgba(108,53,178,.15);
}
.field::placeholder { color: color-mix(in srgb, var(--ink) 35%, transparent); }
textarea.field { border-radius: 1.5rem; min-height: 140px; resize: vertical; }

#scroll-progress {
  position: fixed; top: 0; left: 0; height: 2px; width: 100%; z-index: 200;
  transform-origin: left; scale: 0 1;
  background: linear-gradient(90deg, var(--cyan), var(--purple), var(--indigo));
  pointer-events: none;
}

.top-strip {
  position: fixed; top: 0; left: 0; right: 0; z-index: 60; height: 36px;
  border-bottom: 1px solid var(--border-soft);
  background: color-mix(in srgb, var(--body) 40%, transparent);
  transition: .45s var(--ease); overflow: hidden;
}
.top-strip.hide { height: 0; opacity: 0; border-color: transparent; }
.top-strip-inner {
  height: 36px; display: flex; align-items: center; justify-content: space-between;
  font-size: 11px; letter-spacing: .02em; color: var(--muted);
}
.top-strip-inner a, .top-strip-inner button { color: inherit; transition: color .25s; }
.top-strip-inner a:hover, .top-strip-inner button:hover { color: var(--ink); }
.strip-left, .strip-right { display: flex; align-items: center; gap: 1.25rem; }
.live-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #34d399; position: relative;
}
.live-dot::after {
  content: ''; position: absolute; inset: 0; border-radius: 50%; background: #34d399;
  animation: ping 1.4s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes ping { 75%,100% { transform: scale(2.2); opacity: 0; } }

.site-header {
  position: fixed; left: 0; right: 0; z-index: 50; padding: 0 .75rem;
  top: 3rem; transition: top .45s var(--ease);
}
.site-header.scrolled { top: .75rem; }
.header-row {
  display: flex; align-items: center; gap: .5rem; height: 80px; transition: height .4s;
}
.site-header.scrolled .header-row { height: 70px; }

.capsule {
  height: 100%; display: flex; align-items: center;
  border: 1px solid var(--border-soft); border-radius: 1.35rem;
  background: var(--glass);
  transition: .4s var(--ease);
}
.site-header.scrolled .capsule {
  border-color: var(--border);
  background: var(--header-bg);
}

.logo-cap { padding: 0 1.1rem; gap: .75rem; flex-shrink: 0; }
.logo-mark {
  width: 40px; height: 40px; border-radius: 12px; position: relative;
  border: 1px solid var(--border); display: grid; place-items: center;
  background: linear-gradient(135deg, #1a1230, #0f0b18);
}
.logo-text strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.1; }
.logo-text small {
  display: block; margin-top: 3px; font-size: 10px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase; color: var(--muted); opacity: .7;
}
.badge-soft {
  font-size: 9px; padding: 2px 6px; border-radius: 999px; border: 1px solid var(--border);
  background: var(--glass); letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
}

.nav-cap { flex: 1; justify-content: center; padding: 0 .35rem; min-width: 0; display: none; }
.nav-list { display: flex; align-items: center; gap: 2px; height: 100%; }
.nav-link {
  position: relative; display: flex; align-items: center; gap: .55rem;
  height: 48px; padding: 0 .85rem; border-radius: 999px; font-size: 13px; font-weight: 500;
  color: var(--muted); transition: color .25s;
}
.nav-link .code { font-family: ui-monospace, monospace; font-size: 10px; color: color-mix(in srgb, var(--ink) 25%, transparent); }
.nav-link:hover, .nav-link.active { color: var(--ink); }
.nav-link.active .code, .nav-link:hover .code { color: var(--purple); }
.nav-link .pill {
  position: absolute; inset: 0; border-radius: 999px; background: var(--glass);
  border: 1px solid var(--border); opacity: 0; transition: opacity .25s; z-index: -1;
}
.nav-link.active .pill, .nav-link:hover .pill { opacity: 1; }

.actions-cap { margin-left: auto; gap: .4rem; padding: 0 .55rem; flex: 1; justify-content: flex-end; }
@media (min-width: 1280px) {
  .nav-cap { display: flex; }
  .actions-cap { flex: none; }
}

.icon-btn {
  width: 44px; height: 44px; border-radius: 999px; border: 1px solid var(--border);
  background: var(--glass); display: grid; place-items: center; color: var(--muted);
  transition: .3s;
}
.icon-btn:hover { color: var(--ink); border-color: rgba(108,53,178,.4); background: rgba(108,53,178,.12); }

.client-btn {
  display: none; align-items: center; gap: .55rem; height: 44px; padding: 0 .9rem 0 .35rem;
  border-radius: 999px; border: 1px solid var(--border); background: var(--glass);
  font-size: 13px; font-weight: 500; color: var(--muted); transition: .3s;
}
.client-btn:hover { color: var(--ink); border-color: rgba(108,53,178,.4); background: rgba(108,53,178,.1); }
.client-btn .av {
  width: 28px; height: 28px; border-radius: 999px; display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(108,53,178,.5), rgba(60,67,221,.4)); color: #fff;
}
@media (min-width: 1024px) { .client-btn { display: inline-flex; } .client-btn-mobile { display: none !important; } }

.menu-trigger {
  display: inline-flex; align-items: center; gap: .75rem; height: 48px;
  padding: 0 .45rem 0 1rem; border-radius: 999px; border: 1px solid var(--border);
  background: var(--invert-bg); color: var(--invert-fg); font-size: 12px; font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase; transition: box-shadow .3s;
}
.menu-trigger:hover { box-shadow: 0 0 30px rgba(255,255,255,.12); }
.menu-trigger .dot {
  width: 32px; height: 32px; border-radius: 999px; background: var(--body); color: var(--ink);
  display: grid; place-items: center;
}
html[data-theme="light"] .menu-trigger .dot { background: #fff; color: #120e1c; }
.burger { width: 14px; display: flex; flex-direction: column; gap: 3px; }
.burger i { display: block; height: 1.5px; background: currentColor; border-radius: 2px; }
.burger i:nth-child(2) { width: 70%; }

.fullmenu {
  position: fixed; inset: 0; z-index: 90; display: none; flex-direction: column;
}
.fullmenu.open { display: flex; }
.fullmenu-bg {
  position: absolute; inset: 0; background: color-mix(in srgb, var(--body) 45%, transparent); opacity: 0; transition: opacity .35s;
}
.fullmenu.open .fullmenu-bg { opacity: 1; }
.fullmenu-panel {
  position: relative; margin-top: auto; height: 80vh; min-height: 80vh; max-height: 80vh;
  display: flex; flex-direction: column; overflow: visible;
  transform: translateY(110%); transition: transform .65s var(--ease);
}
.fullmenu.open .fullmenu-panel { transform: translateY(0); }
.menu-curve-wrap { position: relative; flex-shrink: 0; }
.menu-curve-wrap svg { width: 100%; height: auto; display: block; transform: scaleX(1.02); }
.menu-curve-wrap path { fill: var(--menu-fill); transition: fill .35s; }
.menu-float-btns {
  position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);
  display: flex; gap: .75rem; margin-bottom: .75rem;
}
.menu-float-btns button {
  width: 56px; height: 56px; border-radius: 999px; border: 1px solid var(--border);
  background: var(--body); color: var(--muted); display: grid; place-items: center; transition: .3s;
}
.menu-float-btns button:hover { color: var(--ink); }
.menu-body {
  background: var(--menu-fill); padding: .45rem 1.5rem 2.5rem; overflow: auto;
  flex: 1; display: flex; flex-direction: column;
}
.menu-content {
  width: min(720px, 100%); margin: 0 auto; flex: 1; min-height: 0;
  display: flex; flex-direction: column; align-items: center;
}
.menu-items {
  position: relative; width: 100%; height: clamp(16rem, 34vh, 19rem); flex: 0 0 auto;
  padding: .2rem 0 0; overflow: hidden;
}
.menu-items > [data-menu-level] {
  position: absolute; top: 1.25rem; left: 50%; transform: translateX(-50%);
  width: min(420px, 100%); display: flex; flex-direction: column; align-items: stretch;
  justify-content: flex-start; gap: .08rem;
}
.menu-items > [data-menu-level][hidden] { display: none !important; }
.menu-title {
  position: absolute; left: 0; right: 0; top: -1.15rem; width: 100%; margin: 0;
  font-size: .68rem; letter-spacing: .28em; text-transform: uppercase; color: var(--muted);
  opacity: .6; text-align: center;
}
.menu-item {
  position: relative; width: 100%; max-width: 100%;
  font-size: clamp(1.05rem, 1.65vw, 1.45rem); font-weight: 500; letter-spacing: -.015em;
  color: color-mix(in srgb, var(--ink) 45%, transparent); padding: .3rem 2.35rem;
  display: flex; align-items: center; justify-content: center; gap: .65rem;
  text-align: center; line-height: 1.25; transition: color .3s;
}
.menu-item:hover { color: var(--ink); }
.menu-item svg {
  position: absolute; right: .35rem; top: 50%; transform: translateY(-50%);
  margin-left: 0; flex: 0 0 auto; opacity: 0; transition: opacity .3s, right .3s; width: 22px; height: 22px;
}
.menu-item:hover svg { opacity: 1; right: .1rem; }
.menu-footer {
  display: flex; flex-direction: column; align-items: center; gap: 1.1rem; padding-top: .35rem;
}
.fullmenu.open .menu-footer-row { display: none !important; }
[data-menu-back][hidden] { display: none !important; }
.socials { display: flex; gap: 1.25rem; }
.socials a { color: color-mix(in srgb, var(--ink) 25%, transparent); transition: color .25s; }
.socials a:hover { color: var(--ink); }

.modal {
  position: fixed; inset: 0; z-index: 120; display: none; align-items: center; justify-content: center;
  padding: 1rem;
}
.modal.open { display: flex; }
.modal-bg {
  position: absolute; inset: 0; background: color-mix(in srgb, var(--body) 70%, transparent);
}
.modal-card {
  position: relative; width: min(920px, 100%); max-height: 92vh; overflow: auto;
  border-radius: 1.75rem; border: 1px solid var(--border); background: var(--body-light);
  box-shadow: 0 40px 120px -30px rgba(0,0,0,.55);
  display: grid; animation: modalIn .45s var(--ease);
}
@keyframes modalIn {
  from { opacity: 0; transform: translateY(24px) scale(.97); }
  to { opacity: 1; transform: none; }
}
@media (min-width: 768px) { .modal-card { grid-template-columns: 2fr 3fr; } }
.modal-side {
  display: none; position: relative; overflow: hidden; color: #fff; padding: 2rem;
  background: linear-gradient(145deg, #601799, #3c43dd, #0f0b18);
}
@media (min-width: 768px) { .modal-side { display: flex; flex-direction: column; justify-content: space-between; } }
.modal-side h3 { font-size: 1.75rem; font-weight: 600; line-height: 1.15; margin: .75rem 0; }
.modal-side p { color: rgba(255,255,255,.7); font-size: .9rem; }
.modal-form { padding: 2rem; position: relative; }
.modal-close {
  position: absolute; right: 1rem; top: 1rem; width: 40px; height: 40px; border-radius: 999px;
  border: 1px solid var(--border); background: var(--glass); display: grid; place-items: center;
  color: var(--muted);
}
.modal-tabs {
  display: flex; padding: 4px; border-radius: 999px; border: 1px solid var(--border);
  background: var(--glass); margin: 1.25rem 0 1.5rem;
}
.modal-tabs button {
  flex: 1; height: 40px; border-radius: 999px; font-size: .8rem; font-weight: 500; color: var(--muted);
}
.modal-tabs button.active { background: var(--invert-bg); color: var(--invert-fg); }
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; font-size: .75rem; color: var(--muted); margin-bottom: .45rem; }
.input-icon { position: relative; }
.input-icon svg { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); opacity: .35; width: 16px; height: 16px; }
.input-icon .field { padding-left: 2.75rem; }
.form-error {
  border: 1px solid rgba(244,63,94,.35); background: rgba(244,63,94,.1);
  color: #fda4af; padding: .75rem 1rem; border-radius: 12px; font-size: .85rem; margin-bottom: 1rem;
}
.success-box { text-align: center; padding: 3rem 1rem; }
.success-box .ok {
  width: 64px; height: 64px; margin: 0 auto 1.25rem; border-radius: 999px;
  background: rgba(52,211,153,.15); color: #34d399; display: grid; place-items: center;
}

.hero {
  position: relative; min-height: 100dvh; display: flex; align-items: flex-end;
  padding: 9rem 0 6rem; overflow: hidden;
}
@media (min-width: 768px) { .hero { align-items: center; padding: 7rem 0 6rem; } }
.hero-bg { position: absolute; inset: 0; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .5; transform: scale(1.05); }
.hero-bg::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--body) 40%, transparent), color-mix(in srgb, var(--body) 55%, transparent), var(--body)),
    radial-gradient(ellipse at 30% 40%, rgba(108,53,178,.35), transparent 55%),
    radial-gradient(ellipse at 80% 60%, rgba(60,67,221,.25), transparent 50%);
}
.hero-orb {
  position: absolute; border-radius: 50%; filter: none; pointer-events: none;
  animation: pulseGlow 4s ease-in-out infinite;
}
.hero-orb.a { left: -6rem; top: 20%; width: 420px; height: 420px; background: rgba(108,53,178,.3); }
.hero-orb.b { right: -4rem; bottom: 15%; width: 360px; height: 360px; background: rgba(60,67,221,.25); animation-delay: 1.2s; }
@keyframes pulseGlow {
  0%,100% { opacity: .4; transform: scale(1); }
  50% { opacity: .7; transform: scale(1.05); }
}
.hero-grid {
  position: relative; z-index: 2; display: grid; gap: 2.5rem; align-items: center;
}
@media (min-width: 900px) { .hero-grid { grid-template-columns: 1.15fr .85fr; } }
.hero-kicker { color: var(--muted); font-size: .95rem; margin-bottom: 1.1rem; }
.hero h1 {
  font-size: clamp(2.4rem, 6.2vw, 5.2rem); font-weight: 500; line-height: 1.05;
  letter-spacing: -.03em; max-width: 14ch;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
.device-frame {
  border-radius: 1.75rem; border: 1px solid rgba(255,255,255,.15);
  background: var(--body-light); overflow: hidden;
  box-shadow: 0 40px 100px -20px rgba(108,53,178,.55);
  transform-style: preserve-3d;
}
.device-bar { display: flex; gap: 6px; padding: .75rem 1rem; border-bottom: 1px solid var(--border); }
.device-bar span { width: 10px; height: 10px; border-radius: 50%; background: color-mix(in srgb, var(--ink) 18%, transparent); }
.device-frame video, .device-frame .device-media {
  aspect-ratio: 16/11; width: 100%; object-fit: cover; background: #000;
}
.device-wrap { display: none; position: relative; }
@media (min-width: 900px) { .device-wrap { display: block; } }
.device-glow {
  position: absolute; inset: -2rem; border-radius: 50%; background: rgba(108,53,178,.25);
  filter: none; z-index: -1; pointer-events: none;
}
.scroll-cue {
  position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: .4rem; z-index: 3;
  font-size: 10px; letter-spacing: .35em; text-transform: uppercase; color: var(--muted);
}
.scroll-cue .mouse {
  width: 22px; height: 36px; border-radius: 999px; border: 1px solid var(--border);
  padding: 4px; display: flex; justify-content: center;
}
.scroll-cue .mouse i {
  width: 3px; height: 8px; border-radius: 99px; background: var(--ink); opacity: .6;
  animation: scrollDot 1.6s ease-in-out infinite;
}
@keyframes scrollDot { 0%,100%{transform:translateY(0);opacity:1} 50%{transform:translateY(12px);opacity:.25} }

.section { position: relative; padding: 6rem 0; }
.section-lg { padding: 7.5rem 0; }
.section-head { margin-bottom: 2.5rem; max-width: 720px; }
.section-head h2 {
  font-size: clamp(1.8rem, 4.2vw, 3.25rem); font-weight: 500; letter-spacing: -.02em; line-height: 1.15;
}
.section-head p { margin-top: 1rem; color: var(--muted); font-size: 1.05rem; }
.center { text-align: center; margin-inline: auto; }

[data-reveal] {
  opacity: 0; transform: translateY(36px); transition: opacity .8s var(--ease), transform .8s var(--ease);
}
[data-reveal].in { opacity: 1; transform: none; }
[data-reveal-d="1"] { transition-delay: .08s; }
[data-reveal-d="2"] { transition-delay: .16s; }
[data-reveal-d="3"] { transition-delay: .24s; }
[data-reveal-d="4"] { transition-delay: .32s; }

.intro { text-align: center; }
.intro h2 { font-size: clamp(1.8rem, 4.5vw, 3.5rem); font-weight: 500; line-height: 1.15; max-width: 18ch; margin: 0 auto 1.25rem; }
.intro p { max-width: 40rem; margin: 0 auto 2rem; color: var(--muted); font-size: 1.1rem; }

.scroll-video-pin { height: 280vh; position: relative; z-index: 1; }
.scroll-video-sticky {
  position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center;
  overflow: hidden; background: var(--body);
}
.scroll-video-frame {
  position: relative; width: min(1400px, 92vw); height: 70vh; overflow: hidden; border-radius: 28px;
  transform: scale(.78); opacity: 1; transition: none; background: var(--scene-accent, #5B21B6);
}
.scroll-video-frame video { width: 100%; height: 100%; object-fit: cover; }
.scroll-video-frame::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, var(--body), transparent 45%, color-mix(in srgb, var(--body) 40%, transparent));
}
.sv-float {
  position: absolute; width: 7%; opacity: .8; animation: floatY 5s ease-in-out infinite; pointer-events: none; z-index: 2;
}
.sv-float.a { left: 12%; top: 28%; }
.sv-float.b { left: 18%; top: 55%; width: 6%; animation-delay: .4s; }
.sv-float.c { right: 18%; top: 32%; width: 5%; animation-delay: .8s; }
.sv-float.d { right: 14%; top: 52%; animation-delay: 1.1s; }
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
.sv-caption {
  position: absolute; inset-inline: 0; bottom: 0; z-index: 3; padding: 2rem; text-align: center;
  opacity: 0; transform: translateY(24px);
}
.sv-caption h2 { font-size: clamp(1.4rem, 3.5vw, 2.75rem); font-weight: 500; max-width: 40rem; margin: .5rem auto 0; }

.h-scroll-section { position: relative; z-index: 2; margin-top: -18vh; }
.h-scroll-track { height: 280vh; }
.h-scroll-sticky {
  position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center;
  overflow: hidden;
}
.h-scroll-bg { position: absolute; inset: 0; z-index: 0; }
.h-scroll-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .28; }
.h-scroll-bg::after { content: ''; position: absolute; inset: 0; background: color-mix(in srgb, var(--body) 72%, transparent); }
.h-scroll-head { position: relative; z-index: 2; padding: 0 8vw 1.5rem; max-width: 900px; }
.h-scroll-row {
  position: relative; z-index: 2; display: flex; gap: 1.15rem; padding: 0 8vw;
  will-change: transform;
}
.service-card {
  flex: 0 0 300px; height: 440px; border-radius: 1.75rem; border: 1px solid var(--border);
  background: var(--glass); padding: 1.75rem; display: flex; flex-direction: column; justify-content: flex-end;
  position: relative; overflow: hidden; transition: border-color .4s, transform .4s var(--ease);
}
.service-card:hover { border-color: color-mix(in srgb, var(--ink) 28%, transparent); transform: translateY(-4px); }
.service-card .bg {
  position: absolute; inset: 0; opacity: .4; transition: opacity .5s;
}
.service-card .bg img { width: 100%; height: 100%; object-fit: cover; }
.service-card .bg::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, var(--body), color-mix(in srgb, var(--body) 80%, transparent), transparent);
}
.service-card:hover .bg { opacity: .7; }
.service-card .icon {
  width: 56px; height: 56px; border-radius: 999px; background: rgba(255,255,255,.1);
  display: grid; place-items: center; margin-bottom: 1.25rem; position: relative; z-index: 1; transition: .45s;
}
.service-card:hover .icon { transform: translateY(-8px); background: rgba(108,53,178,.45); }
.service-card h3, .service-card p, .service-card .more { position: relative; z-index: 1; }
.service-card h3 { font-size: 1.4rem; font-weight: 500; margin-bottom: .6rem; }
.service-card p { font-size: .9rem; color: var(--muted); line-height: 1.55; }
.service-card .more {
  margin-top: 1rem; font-size: .85rem; color: var(--muted); opacity: 0; display: flex; align-items: center; gap: .35rem;
  transition: .35s;
}
.service-card:hover .more { opacity: 1; }

.stack-section { height: 300vh; position: relative; }
.stack-sticky {
  position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 0 1.25rem; overflow: hidden;
}
.stack-stage { position: relative; width: min(1400px, 100%); height: 78vh; }
.stack-card {
  position: absolute; inset: 0; border-radius: 2rem; overflow: hidden; border: 1px solid var(--border);
  transform-origin: bottom center; will-change: transform, opacity, filter;
}
.stack-card .bg { position: absolute; inset: 0; }
.stack-card .bg img { width: 100%; height: 100%; object-fit: cover; }
.stack-card .bg::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--body) 95%, transparent), color-mix(in srgb, var(--body) 75%, transparent), color-mix(in srgb, var(--body) 35%, transparent));
}
.stack-card .content {
  position: relative; z-index: 2; height: 100%; display: grid; align-items: center; gap: 2rem;
  padding: clamp(1.5rem, 4vw, 4rem);
}
@media (min-width: 900px) { .stack-card .content { grid-template-columns: 1fr 1fr; } }
.stack-card .visual {
  display: none; border-radius: 1rem; border: 1px solid var(--border); overflow: hidden;
  box-shadow: 0 30px 60px rgba(108,53,178,.2);
}
@media (min-width: 900px) { .stack-card .visual { display: block; } }
.stack-card .visual img { width: 100%; aspect-ratio: 16/11; object-fit: cover; }
.stack-card h3 { font-size: clamp(1.6rem, 3.5vw, 2.75rem); font-weight: 500; line-height: 1.15; margin-bottom: 1.25rem; }
.stack-card .line { border-top: 1px solid rgba(255,255,255,.15); padding-top: 1rem; margin-top: 1rem; color: var(--muted); font-size: .95rem; }
html[data-theme="light"] .stack-card .line { border-color: rgba(18,14,28,.12); }

.ref-grid { display: grid; gap: 1.25rem; }
@media (min-width: 640px) { .ref-grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; } }
.ref-card {
  border-radius: 1.5rem; overflow: hidden; position: relative; aspect-ratio: 5/4;
  display: block; transform: translate3d(var(--ref-x, 0px), calc(var(--par, 0px) + var(--ref-y, 0px)), 0) rotate(var(--ref-rotate, 0deg)) scale(var(--ref-scale, 1)); opacity: var(--ref-opacity, 1);
}
.ref-card .inner {
  height: 100%; padding: 1.75rem; display: flex; flex-direction: column; justify-content: space-between;
  transition: transform .7s var(--ease);
}
.ref-card:hover .inner { transform: scale(1.03); }
.ref-card .cat { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; opacity: .75; color: #fff; }
.ref-card h3 { font-size: clamp(1.35rem, 2.5vw, 1.85rem); font-weight: 500; color: #fff; margin-bottom: .4rem; }
.ref-card p { font-size: .9rem; color: rgba(255,255,255,.7); opacity: 0; transition: opacity .4s; max-width: 28ch; }
.ref-card:hover p { opacity: 1; }
.ref-card .tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.ref-card .tags span { font-size: .75rem; color: rgba(255,255,255,.55); }

.map-section {
  position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden;
  padding: 6rem 0;
}
.map-bg { position: absolute; inset: 0; }
.map-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .45; }
.map-bg::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(90deg, var(--body), color-mix(in srgb, var(--body) 80%, transparent), color-mix(in srgb, var(--body) 35%, transparent)),
    radial-gradient(ellipse at 70% 50%, transparent 20%, var(--body) 75%);
}
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 1.5rem; margin-top: 2.5rem; max-width: 520px; }
.stat-num {
  font-size: clamp(2.75rem, 7vw, 5rem); font-weight: 500; line-height: 1; letter-spacing: -.03em;
}
.stat-label { font-size: .9rem; color: var(--muted); margin-top: .35rem; line-height: 1.3; }
.pin {
  position: absolute; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%;
  background: #fff; box-shadow: 0 0 0 6px rgba(108,53,178,.25);
}
.pin::after {
  content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid rgba(108,53,178,.5);
  animation: ping 1.8s ease infinite;
}
.pin-label {
  position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  font-size: 12px; color: var(--muted); white-space: nowrap;
}
.pins { display: none; }
@media (min-width: 900px) { .pins { display: block; position: absolute; inset: 0; pointer-events: none; } }

.marquee {
  overflow: hidden; border-block: 1px solid var(--border-soft); padding: 1.25rem 0; position: relative;
}
.marquee-track {
  display: flex; width: max-content; animation: marquee 30s linear infinite; gap: 0;
}
.marquee-track span {
  margin: 0 2.5rem; font-size: clamp(1.4rem, 3vw, 1.85rem); font-weight: 600;
  color: color-mix(in srgb, var(--ink) 15%, transparent); letter-spacing: -.02em; white-space: nowrap;
}
@keyframes marquee { to { transform: translateX(-50%); } }

.blog-row { display: flex; gap: 1.15rem; overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x mandatory; }
.blog-card {
  flex: 0 0 min(340px, 80vw); scroll-snap-align: start;
}
.blog-card .thumb {
  aspect-ratio: 109/68; border-radius: 1.5rem; overflow: hidden; margin-bottom: 1.1rem;
  border: 1px solid transparent; transition: .4s;
  background: linear-gradient(135deg, rgba(108,53,178,.4), rgba(60,67,221,.3));
}
.blog-card:hover .thumb { border-color: var(--border); transform: scale(.98); }
.blog-meta { display: flex; gap: .75rem; font-size: .75rem; color: var(--muted); margin-bottom: .6rem; align-items: center; }
.blog-meta .chip {
  padding: .4rem .85rem; border-radius: 999px; background: var(--glass); border: 1px solid var(--border-soft);
}
.blog-card h3 { font-size: 1.15rem; font-weight: 500; line-height: 1.3; margin-bottom: .4rem; }
.blog-card p { font-size: .9rem; color: var(--muted); }

.final-cta { text-align: center; position: relative; overflow: hidden; }
.final-cta .glow {
  position: absolute; left: 50%; top: 50%; width: 600px; height: 400px; transform: translate(-50%,-50%);
  background: rgba(108,53,178,.25); filter: none; pointer-events: none;
}
.final-cta h2 {
  position: relative; font-size: clamp(1.8rem, 4.2vw, 3.25rem); font-weight: 500;
  max-width: 18ch; margin: 0 auto 1.25rem; line-height: 1.15;
}

.page-hero {
  padding: 10rem 0 4rem; text-align: center; position: relative; overflow: hidden;
}
.page-hero .orb {
  position: absolute; left: 50%; top: 0; width: 700px; height: 420px; transform: translateX(-50%);
  background: rgba(108,53,178,.2); filter: none; pointer-events: none;
}
.page-hero h1 {
  font-size: clamp(2.2rem, 5.5vw, 4.25rem); font-weight: 600; letter-spacing: -.03em;
  line-height: 1.1; max-width: 16ch; margin: 0 auto;
}
.page-hero p { max-width: 36rem; margin: 1.25rem auto 0; color: var(--muted); font-size: 1.05rem; }

.cards-3 { display: grid; gap: 1.15rem; }
@media (min-width: 768px) { .cards-3 { grid-template-columns: repeat(3, 1fr); } }
.cards-2 { display: grid; gap: 1.15rem; }
@media (min-width: 900px) { .cards-2 { grid-template-columns: 1fr 1fr; } }
.feature-card { padding: 1.75rem; border-radius: 1.5rem; height: 100%; }
.feature-card h3 { font-size: 1.2rem; font-weight: 600; margin: .75rem 0 .5rem; }
.feature-card p { color: var(--muted); font-size: .9rem; line-height: 1.55; }
.icon-box {
  width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(108,53,178,.35), rgba(60,67,221,.25));
}

.product-card { overflow: hidden; display: flex; flex-direction: column; height: 100%; }
.product-card .top {
  aspect-ratio: 16/10; padding: 1.35rem; display: flex; flex-direction: column; justify-content: space-between;
  color: #fff;
}
.product-card .body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
.product-card h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: .4rem; }
.price-row {
  display: flex; justify-content: space-between; align-items: flex-end;
  border-top: 1px solid var(--border-soft); padding-top: 1rem; margin: 1rem 0;
}
.filters { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-bottom: 2rem; }
.filter-btn {
  padding: .65rem 1.15rem; border-radius: 999px; font-size: .875rem; font-weight: 500;
  border: 1px solid var(--border); background: var(--glass); color: var(--muted); transition: .3s;
}
.filter-btn.active, .filter-btn:hover {
  background: var(--purple); color: #fff; border-color: transparent;
  box-shadow: 0 0 20px rgba(108,53,178,.35);
}

.site-footer { position: relative; overflow: hidden; background: var(--footer-deep); }
.footer-watermark {
  position: absolute; left: 50%; top: 4rem; transform: translateX(-50%);
  font-size: clamp(5rem, 18vw, 14rem); font-weight: 600; letter-spacing: -.06em;
  color: var(--ink); opacity: .07; pointer-events: none; white-space: nowrap; user-select: none;
}
.footer-cta {
  border-bottom: 1px solid var(--border-soft); padding: 5rem 0 3.5rem; position: relative;
}
.footer-cta-grid {
  display: grid; gap: 2rem; align-items: end;
}
@media (min-width: 900px) { .footer-cta-grid { grid-template-columns: 1.6fr 1fr; } }
.footer-cta h2 {
  font-size: clamp(2rem, 5.5vw, 4rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em;
  max-width: 16ch;
}
.btn-white {
  display: inline-flex; align-items: center; gap: .75rem; height: 64px; padding-left: 1.75rem; padding-right: .4rem;
  border-radius: 999px; background: #fff; color: #0f0b18; font-weight: 600; overflow: hidden; position: relative;
}
html[data-theme="light"] .btn-white { background: #120e1c; color: #fff; }
.btn-white .arr {
  width: 48px; height: 48px; border-radius: 999px; background: #0f0b18; color: #fff;
  display: grid; place-items: center; transition: transform .45s var(--ease);
}
html[data-theme="light"] .btn-white .arr { background: #fff; color: #120e1c; }
.btn-white:hover .arr { transform: rotate(45deg); }
.footer-chips {
  border-bottom: 1px solid var(--border-soft); padding: 1.1rem 0; overflow: hidden;
}
.footer-chips .marquee-track a {
  display: inline-flex; align-items: center; gap: .5rem; margin: 0 .65rem;
  padding: .5rem 1rem; border-radius: 999px; border: 1px solid var(--border);
  background: var(--glass); font-size: .875rem; color: var(--muted); transition: .3s;
}
.footer-chips .marquee-track a:hover {
  color: var(--ink); border-color: rgba(108,53,178,.4); background: rgba(108,53,178,.1);
}
.footer-main { padding: 3.5rem 0; position: relative; }
.footer-grid {
  display: grid; gap: 2.5rem;
}
@media (min-width: 900px) {
  .footer-grid { grid-template-columns: 1.3fr 1.1fr .7fr 1fr; gap: 2rem; }
}
.footer-brand p { color: var(--muted); font-size: .95rem; margin: 1.25rem 0 1.5rem; max-width: 32ch; line-height: 1.6; }
.contact-tile {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: .85rem 1rem; border-radius: 1rem; border: 1px solid var(--border-soft);
  background: var(--glass); margin-bottom: .65rem; transition: .3s;
}
.contact-tile:hover { border-color: var(--border); background: color-mix(in srgb, var(--ink) 4%, transparent); }
.contact-tile .left { display: flex; align-items: center; gap: .75rem; }
.contact-tile .ico {
  width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center;
  background: rgba(108,53,178,.2); color: var(--purple);
}
.contact-tile small { display: block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.footer-col h4 {
  display: flex; align-items: center; gap: .65rem; font-size: .7rem; letter-spacing: .22em;
  text-transform: uppercase; color: var(--muted); margin-bottom: 1.25rem; font-weight: 600;
}
.footer-col h4 .n { color: var(--purple); font-family: ui-monospace, monospace; }
.footer-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: .7rem 0; border-bottom: 1px solid var(--border-soft);
  color: var(--muted); font-size: .95rem; transition: color .25s;
}
.footer-links a:hover { color: var(--ink); }
.office-card {
  border-radius: 1rem; border: 1px solid var(--border-soft); padding: 1rem;
  background: linear-gradient(145deg, var(--glass), transparent); margin-bottom: .65rem;
}
.office-card strong { display: flex; justify-content: space-between; align-items: center; }
.office-card .tag {
  font-size: 10px; font-family: ui-monospace, monospace; padding: 2px 8px;
  border-radius: 999px; border: 1px solid var(--border); color: var(--muted);
}
.office-card p { font-size: .8rem; color: var(--muted); margin-top: .35rem; }
.footer-bottom {
  border-top: 1px solid var(--border-soft); padding: 1.5rem 0 2rem;
  display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;
  font-size: .75rem; color: var(--muted);
}
.footer-bottom nav { display: flex; flex-wrap: wrap; gap: 1.25rem; }

.float-stack {
  position: fixed; right: 1rem; bottom: 1rem; z-index: 40; display: flex; flex-direction: column; gap: .5rem;
}
.float-btn {
  width: 48px; height: 48px; border-radius: 999px; border: 1px solid var(--border);
  background: color-mix(in srgb, var(--body-light) 90%, transparent);
  color: var(--muted); display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0,0,0,.2);
  transition: .3s; opacity: 0; pointer-events: none; transform: translateY(12px);
}
.float-btn.show { opacity: 1; pointer-events: auto; transform: none; }
.float-btn:hover { color: var(--ink); border-color: rgba(108,53,178,.45); }

.caret {
  display: inline-block; width: 2px; height: .85em; background: var(--ink); margin-left: 2px;
  vertical-align: -0.05em; animation: blink 1s step-end infinite; opacity: .8;
}
@keyframes blink { 50% { opacity: 0; } }

.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-3 { gap: .75rem; }
.gap-4 { gap: 1rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.hidden { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.keep-white, .keep-white * { color: #fff !important; -webkit-text-fill-color: #fff; }

.grad-violet { background: linear-gradient(135deg, #7c3aed, #4f46e5); }
.grad-cyan { background: linear-gradient(135deg, #0891b2, #2563eb); }
.grad-emerald { background: linear-gradient(135deg, #059669, #0d9488); }
.grad-orange { background: linear-gradient(135deg, #ea580c, #e11d48); }
.grad-fuchsia { background: linear-gradient(135deg, #c026d3, #7e22ce); }
.grad-sky { background: linear-gradient(135deg, #0284c7, #4338ca); }

body.menu-open, body.modal-open { overflow: hidden; }

@media (max-width: 768px) {
  .top-strip { display: none; }
  .site-header { top: .75rem; }
  .service-card { flex-basis: 260px; height: 400px; }
}

.language-switcher {
  position: fixed; left: 1rem; bottom: 1rem; z-index: 80;
  font-family: var(--font);
}
.language-trigger {
  min-width: 92px; height: 48px; padding: 0 .8rem;
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
  border-radius: 999px; border: 1px solid var(--border);
  background: color-mix(in srgb, var(--body-light) 90%, transparent);
  color: var(--muted);
  box-shadow: 0 14px 38px rgba(0,0,0,.24);
  transition: color .3s, border-color .3s, background .3s, transform .3s var(--ease);
}
.language-trigger:hover,
.language-switcher.open .language-trigger {
  color: var(--ink); border-color: rgba(108,53,178,.48);
  background: color-mix(in srgb, var(--body-light) 96%, rgba(108,53,178,.14));
}
.language-trigger:active { transform: scale(.97); }
.language-trigger > span {
  font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
}
.language-trigger > strong {
  min-width: 26px; height: 26px; padding: 0 .35rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px; background: rgba(108,53,178,.18); color: var(--ink);
  font-size: .65rem; letter-spacing: .08em;
}
.language-panel {
  position: absolute; left: 0; bottom: calc(100% + .75rem);
  width: min(420px, calc(100vw - 2rem)); padding: 1rem;
  border: 1px solid var(--border); border-radius: 1.4rem;
  background: color-mix(in srgb, var(--body-light) 94%, transparent); box-shadow: 0 28px 80px rgba(0,0,0,.38);
  transform-origin: left bottom;
  animation: languagePanelIn .28s var(--ease) both;
}
.language-panel[hidden] { display: none !important; }
@keyframes languagePanelIn {
  from { opacity: 0; transform: translateY(10px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.language-panel-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: .15rem .15rem .9rem; margin-bottom: .65rem;
  border-bottom: 1px solid var(--border-soft);
}
.language-panel-head small {
  display: block; margin-bottom: .12rem; color: var(--muted);
  font-size: .58rem; letter-spacing: .22em; text-transform: uppercase;
}
.language-panel-head strong { display: block; font-size: .95rem; font-weight: 600; }
.language-close {
  width: 36px; height: 36px; display: grid; place-items: center;
  border-radius: 999px; border: 1px solid var(--border); color: var(--muted);
  transition: .25s;
}
.language-close:hover { color: var(--ink); border-color: rgba(108,53,178,.45); background: rgba(108,53,178,.1); }
.language-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.language-option {
  min-width: 0; min-height: 64px; padding: .7rem .65rem;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;
  border-radius: 1rem; border: 1px solid var(--border-soft);
  background: var(--glass); color: var(--muted); text-align: left;
  transition: color .25s, border-color .25s, background .25s, transform .25s var(--ease);
}
.language-option:hover {
  color: var(--ink); border-color: rgba(108,53,178,.42);
  background: rgba(108,53,178,.1); transform: translateY(-2px);
}
.language-option.active {
  color: var(--ink); border-color: rgba(108,53,178,.6);
  background: linear-gradient(135deg, rgba(108,53,178,.18), rgba(60,67,221,.12));
}
.language-option span {
  width: 100%; overflow: hidden; text-overflow: ellipsis;
  font-size: .8rem; font-weight: 500; white-space: nowrap;
}
.language-option small {
  font-size: .58rem; font-weight: 700; letter-spacing: .14em; opacity: .58;
}
.google-translate-host {
  position: fixed !important; left: -10000px !important; top: -10000px !important;
  width: 1px !important; height: 1px !important; overflow: hidden !important;
}

.goog-te-banner-frame.skiptranslate,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
#goog-gt-tt,
.goog-te-balloon-frame { display: none !important; }
html, body { top: 0 !important; }
.goog-text-highlight {
  background: transparent !important; box-shadow: none !important;
}

[data-fullscreen-toggle] svg { pointer-events: none; }

@media (max-width: 640px) {
  .language-switcher { left: .75rem; bottom: .75rem; }
  .language-trigger { min-width: 48px; width: 48px; padding: 0; }
  .language-trigger > span { display: none; }
  .language-trigger > strong {
    position: absolute; right: -3px; bottom: -3px;
    min-width: 20px; height: 20px; padding: 0 .2rem;
    border: 2px solid var(--body); font-size: .52rem;
  }
  .language-panel { width: min(360px, calc(100vw - 1.5rem)); padding: .85rem; }
  .language-option { min-height: 60px; padding: .65rem .55rem; }
  .language-option span { font-size: .72rem; }
}

.language-trigger {
  width: 172px; min-width: 172px; height: 56px; padding: 0 13px 0 8px;
  justify-content: flex-start; gap: 11px; border: 0;
  border-radius: 19px; color: #fff; -webkit-text-fill-color: #fff;
  background: linear-gradient(135deg, #7445d9 0%, #4442df 100%);
  box-shadow: 0 16px 42px rgba(42, 27, 117, .36);
}
.language-trigger:hover,
.language-switcher.open .language-trigger {
  color: #fff; border-color: transparent;
  background: linear-gradient(135deg, #7c4ce2 0%, #4947e8 100%);
  box-shadow: 0 18px 48px rgba(64, 49, 183, .45);
}
.language-code {
  flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center;
  border-radius: 12px; background: rgba(255,255,255,.13); color: #fff;
  font-size: .78rem; font-weight: 700; letter-spacing: .02em;
}
.language-copy { min-width: 0; flex: 1; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.08; }
.language-copy small { margin-bottom: 3px; color: rgba(255,255,255,.82); font-size: .57rem; font-weight: 800; letter-spacing: .16em; }
.language-copy strong { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: .84rem; font-weight: 650; }
.language-chevron { flex: 0 0 auto; display: grid; place-items: center; color: rgba(255,255,255,.86); transition: transform .28s var(--ease); }
.language-switcher:not(.open) .language-chevron { transform: rotate(180deg); }
.language-switcher.open .language-chevron { transform: rotate(0); }
.language-panel { bottom: calc(100% + .8rem); }

.references-page .page-hero { padding-bottom: clamp(5rem, 9vw, 8rem); }
.reference-browser { position: relative; padding-top: 0; }
.reference-toolbar {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem;
  padding: 1.2rem 0 1.5rem; border-bottom: 1px solid var(--border);
}
.reference-toolbar h2 { max-width: 760px; font-size: clamp(1.65rem, 3.4vw, 3rem); font-weight: 500; line-height: 1.08; }
.reference-filter-toggle {
  flex: 0 0 auto; min-height: 50px; padding: 0 1rem 0 1.2rem;
  display: inline-flex; align-items: center; gap: .7rem; border: 1px solid var(--border);
  border-radius: 999px; background: var(--glass); color: var(--ink); transition: .3s var(--ease);
}
.reference-filter-toggle:hover,
.reference-filter-toggle.active { border-color: rgba(108,53,178,.55); background: rgba(108,53,178,.1); }
.reference-filter-toggle .count {
  min-width: 30px; height: 30px; padding: 0 .4rem; display: grid; place-items: center;
  border-radius: 999px; background: rgba(108,53,178,.2); font-size: .68rem; font-weight: 700;
}
.reference-filter-toggle svg { transition: transform .3s var(--ease); }
.reference-filter-toggle.active svg { transform: rotate(180deg); }
.reference-filter-panel {
  margin-top: 1rem; padding: 1rem; border: 1px solid var(--border-soft); border-radius: 1.35rem;
  background: linear-gradient(180deg, var(--glass), var(--glass-2));
  animation: referenceFilterIn .32s var(--ease) both;
}
.reference-filter-panel[hidden] { display: none !important; }
@keyframes referenceFilterIn { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
.reference-filter-list { display: flex; flex-wrap: wrap; gap: .6rem; }
.reference-filter {
  min-height: 40px; padding: 0 .95rem; border-radius: 999px; border: 1px solid var(--border-soft);
  background: var(--glass); color: var(--muted); font-size: .77rem; transition: .25s var(--ease);
}
.reference-filter:hover { color: var(--ink); border-color: rgba(108,53,178,.42); transform: translateY(-1px); }
.reference-filter.active { color:#fff; -webkit-text-fill-color:#fff; border-color:rgba(255,255,255,.18); background:linear-gradient(135deg,#601799,#3c43dd); box-shadow:0 10px 28px rgba(108,53,178,.25); }
.reference-selected-row {
  min-height: 68px; display: flex; align-items: center; gap: .65rem; flex-wrap: wrap;
  color: var(--muted); font-size: .76rem; letter-spacing: .02em;
}
.reference-selected-row strong { color: var(--ink); font-weight: 500; }
.reference-selected-row .result-count { margin-left: auto; padding-left: 1rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.reference-archive-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem;
  align-items: stretch;
}
.reference-archive-grid .ref-card { aspect-ratio: 4/5; min-height: 410px; }
.reference-archive-grid .ref-card[hidden] { display: none !important; }
.reference-archive-grid .ref-card.filter-hidden { opacity: 0; transform: translateY(18px); }
.reference-archive-grid .ref-card .inner { padding: 1.55rem; }
.reference-archive-grid .ref-card .card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.reference-archive-grid .ref-card .detail-mark {
  width: 38px; height: 38px; display:grid; place-items:center; border-radius:999px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#fff;
  transition:transform .35s var(--ease), background .35s;
}
.reference-archive-grid .ref-card:hover .detail-mark { transform:rotate(45deg); background:rgba(255,255,255,.15); }
.reference-archive-grid .ref-card p { opacity:.68; }
.reference-archive-grid .ref-card .tags span { padding:.26rem .5rem; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:rgba(255,255,255,.7); }
.reference-empty { padding: 4rem 1.5rem; text-align:center; border:1px dashed var(--border); border-radius:1.5rem; color:var(--muted); }
.reference-empty[hidden] { display:none !important; }

.reference-detail-page { --detail-panel: color-mix(in srgb, var(--surface) 88%, transparent); }
.reference-detail-hero {
  position:relative; min-height: min(930px, 94vh); padding: clamp(9rem, 14vw, 12rem) 0 5rem; overflow:hidden;
}
.reference-detail-hero::before {
  content:''; position:absolute; inset:-20%; pointer-events:none;
  background: radial-gradient(circle at 24% 28%, rgba(108,53,178,.22), transparent 34%), radial-gradient(circle at 78% 18%, rgba(23,114,153,.18), transparent 30%);
}
.reference-breadcrumb { display:flex; align-items:center; gap:.65rem; margin-bottom:1.6rem; color:var(--muted); font-size:.75rem; }
.reference-breadcrumb a { transition:color .25s; }.reference-breadcrumb a:hover { color:var(--ink); }
.reference-detail-head { position:relative; z-index:2; display:grid; gap:2.25rem; }
.reference-detail-title-row { display:grid; gap:2rem; align-items:end; }
.reference-detail-title-row h1 { max-width: 1050px; font-size:clamp(3rem,8.4vw,8.2rem); font-weight:500; line-height:.9; letter-spacing:-.065em; }
.reference-detail-title-row .lead { max-width:480px; color:var(--muted); font-size:clamp(.95rem,1.4vw,1.1rem); }
.reference-meta-grid {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.reference-meta-item { min-height:100px; padding:1.25rem 1rem 1.25rem 0; display:flex; flex-direction:column; justify-content:center; gap:.35rem; border-right:1px solid var(--border); }
.reference-meta-item:not(:first-child){padding-left:1.25rem}.reference-meta-item:last-child{border-right:0}
.reference-meta-item small { color:var(--muted); font-size:.62rem; letter-spacing:.17em; text-transform:uppercase; }
.reference-meta-item strong { font-size:.93rem; font-weight:500; }
.reference-detail-actions { display:flex; gap:.7rem; flex-wrap:wrap; }
.reference-hero-visual {
  --detail-scale:1; --detail-y:0px; position:relative; z-index:2; width:min(1560px,calc(100% - 2rem)); margin:0 auto clamp(4rem,9vw,8rem);
  border-radius:clamp(1.4rem,3vw,3rem); overflow:hidden; border:1px solid var(--border); box-shadow:0 60px 150px rgba(0,0,0,.34);
  transform:translate3d(0,var(--detail-y),0) scale(var(--detail-scale)); transform-origin:center top; will-change:transform;
}
.reference-hero-visual img { width:100%; aspect-ratio:18/11; object-fit:cover; }
.reference-story-section { padding:clamp(5rem,10vw,10rem) 0; overflow:hidden; }
.reference-story-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(2rem,7vw,8rem); align-items:center; }
.reference-story-grid.reverse { grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); }
.reference-story-copy h2 { margin-bottom:1.4rem; font-size:clamp(2rem,4.8vw,4.8rem); font-weight:500; line-height:1; letter-spacing:-.045em; }
.reference-story-copy p { max-width:58ch; color:var(--muted); font-size:clamp(.95rem,1.25vw,1.08rem); line-height:1.8; }
.reference-story-copy p + p { margin-top:1rem; }
.reference-story-media { border-radius:clamp(1.5rem,3vw,2.7rem); overflow:hidden; border:1px solid var(--border); box-shadow:0 45px 100px rgba(0,0,0,.25); will-change:transform; }
.reference-story-media img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.reference-showcase-band { position:relative; padding:clamp(5rem,10vw,10rem) 0; overflow:hidden; background:linear-gradient(180deg,transparent,var(--glass-2),transparent); }
.reference-showcase-band::before { content:'';position:absolute;inset:12% -20%;background:radial-gradient(circle at 50% 50%,rgba(108,53,178,.13),transparent 55%);pointer-events:none; }
.reference-showcase-image { width:min(1520px,calc(100% - 2.5rem)); margin:auto; border-radius:clamp(1.5rem,3vw,3rem); overflow:hidden; border:1px solid var(--border); box-shadow:0 55px 130px rgba(0,0,0,.3); will-change:transform; }
.reference-showcase-image img { width:100%; aspect-ratio:15/10; object-fit:cover; }
.reference-gallery-section { padding:clamp(5rem,9vw,9rem) 0; overflow:hidden; }
.reference-gallery-head { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.reference-gallery-head h2 { font-size:clamp(2rem,4vw,4rem); font-weight:500; line-height:1; }
.reference-gallery-track { --gallery-shift:0px; display:grid; grid-template-columns:repeat(4,minmax(290px,1fr)); gap:1.2rem; width:max(100%,1500px); transform:translate3d(var(--gallery-shift),0,0); will-change:transform; }
.reference-gallery-card { border-radius:1.5rem; overflow:hidden; border:1px solid var(--border); background:var(--surface); }
.reference-gallery-card img { width:100%; aspect-ratio:12/8.5; object-fit:cover; transition:transform .75s var(--ease); }
.reference-gallery-card:hover img { transform:scale(1.035); }
.reference-related { padding:clamp(5rem,9vw,8rem) 0; }
.reference-related-head { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; margin-bottom:2rem; }
.reference-related-head h2 { font-size:clamp(2rem,4vw,4rem); font-weight:500; line-height:1; }
.reference-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.reference-related-grid .ref-card { min-height:390px; aspect-ratio:4/5; }

@media (min-width: 900px) {
  .reference-detail-title-row { grid-template-columns:minmax(0,1fr) 360px; }
}
@media (max-width: 1050px) {
  .reference-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reference-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .reference-meta-item:nth-child(2){border-right:0}.reference-meta-item:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .reference-story-grid,.reference-story-grid.reverse { grid-template-columns:1fr; gap:2.5rem; }
  .reference-story-grid.reverse .reference-story-copy { order:1 }.reference-story-grid.reverse .reference-story-media { order:2 }
  .reference-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .language-trigger { width:160px; min-width:160px; height:54px; }
  .language-switcher { left:.75rem; bottom:.75rem; }
  .language-code { flex-basis:36px; width:36px; height:36px; }
  .reference-toolbar,.reference-gallery-head,.reference-related-head { align-items:flex-start; flex-direction:column; }
  .reference-filter-toggle { width:100%; justify-content:space-between; }
  .reference-selected-row .result-count { width:100%; margin-left:0; padding-left:0; }
  .reference-archive-grid { grid-template-columns:1fr; }
  .reference-archive-grid .ref-card { min-height:390px; }
  .reference-meta-grid { grid-template-columns:1fr; }
  .reference-meta-item,.reference-meta-item:not(:first-child){padding:1rem 0;border-right:0;border-bottom:1px solid var(--border)}
  .reference-meta-item:last-child{border-bottom:0}
  .reference-detail-hero { min-height:auto; padding-top:8rem; }
  .reference-detail-title-row h1 { font-size:clamp(2.8rem,15vw,5rem); }
  .reference-hero-visual { width:calc(100% - 1.5rem); }
  .reference-hero-visual img { aspect-ratio:4/3; }
  .reference-gallery-track { width:max(100%,1240px); grid-template-columns:repeat(4,290px); }
  .reference-related-grid { grid-template-columns:1fr; }
}

.language-copy,
.language-copy strong { text-transform: none; letter-spacing: normal; }
.language-copy small { text-transform: uppercase; }
@media (max-width: 700px) {
  .language-trigger > .language-code { display: grid; }
  .language-trigger > .language-copy { display: flex; }
  .language-trigger > .language-chevron { display: grid; }
}

html { overflow-x: clip; scroll-padding-top: 7rem; }
body, main, section, header, footer, nav, .container, .container-wide { min-width: 0; }
.header-row > *, .hero-grid > *, .footer-grid > *, .cards-2 > *, .cards-3 > *,
.reference-toolbar > *, .reference-detail-title-row > *, .reference-story-grid > *,
.reference-related-grid > *, .modal-card > * { min-width: 0; }
h1, h2, h3, h4, p, a, button, strong, small { overflow-wrap: break-word; }
img, video { height: auto; }

.language-trigger,
.language-trigger:hover {
  color: var(--ink); -webkit-text-fill-color: var(--ink);
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--body-light) 74%, transparent);
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
}
.language-trigger:hover { border-color: color-mix(in srgb, var(--ink) 20%, var(--border)); }
.language-code {
  background: color-mix(in srgb, var(--purple) 18%, transparent);
  color: var(--ink);
}
.language-copy small { color: var(--muted); }
.language-copy strong { color: var(--ink); }
.language-chevron { color: var(--muted); }
.language-switcher.open .language-trigger {
  color: #fff; -webkit-text-fill-color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #7445d9 0%, #4442df 100%);
  box-shadow: 0 18px 48px rgba(64,49,183,.45);
}
.language-switcher.open .language-code { background: rgba(255,255,255,.13); color:#fff; }
.language-switcher.open .language-copy small { color: rgba(255,255,255,.82); }
.language-switcher.open .language-copy strong { color:#fff; }
.language-switcher.open .language-chevron { color: rgba(255,255,255,.86); }
html[data-theme="light"] .language-trigger,
html[data-theme="light"] .language-trigger:hover {
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 34px rgba(35,24,55,.10);
}
html[data-theme="light"] .language-switcher.open .language-trigger {
  background: linear-gradient(135deg, #7445d9 0%, #4442df 100%);
  box-shadow: 0 18px 48px rgba(64,49,183,.28);
}

@media (max-width: 1279px) {
  .header-row { gap: .4rem; }
  .actions-cap { min-width: 0; }
}

@media (max-width: 900px) {
  .container { width: min(100% - 1.5rem, 1400px); }
  .container-wide { width: min(100% - 1.25rem, 1480px); }
  .site-header { padding-inline: .35rem; }
  .header-row { height: 70px; }
  .site-header.scrolled .header-row { height: 64px; }
  .actions-cap { padding-inline: .4rem; gap: .3rem; }
  .actions-cap .btn-glow { display: none !important; }
  .page-hero { min-height: min(700px, 78svh); padding-top: 9rem; padding-bottom: 5rem; }
  .footer-cta-grid, .footer-grid { min-width: 0; }
  .modal-card { max-height: calc(100dvh - 1.5rem); }
}

@media (max-width: 640px) {
  :root { --mobile-edge: max(.75rem, env(safe-area-inset-left)); }
  .container { width: calc(100% - 1.25rem); }
  .container-wide { width: calc(100% - .75rem); }
  .site-header { top: max(.45rem, env(safe-area-inset-top)); padding-inline: .2rem; }
  .site-header.scrolled { top: max(.35rem, env(safe-area-inset-top)); }
  .header-row, .site-header.scrolled .header-row { height: 62px; gap: .25rem; }
  .logo-cap { padding: 0 .55rem; gap: .45rem; border-radius: 1.1rem; }
  .logo-mark { width: 38px; height: 38px; border-radius: 11px; }
  .actions-cap { padding: 0 .3rem; gap: .2rem; border-radius: 1.1rem; }
  .icon-btn { width: 38px; height: 38px; }
  .menu-trigger { height: 40px; padding: 0 .3rem 0 .55rem; gap: .4rem; font-size: 10px; letter-spacing: .1em; }
  .menu-trigger .dot { width: 30px; height: 30px; }
  .page-hero { min-height: auto; padding: 7.5rem 0 4rem; }
  .page-hero h1 { max-width: 100%; }
  .page-hero p { font-size: .95rem; }
  .hero { min-height: 100svh; padding-top: 7.5rem; padding-bottom: 4.5rem; }
  .hero-actions, .reference-detail-actions { width: 100%; }
  .hero-actions .btn, .reference-detail-actions .btn { flex: 1 1 150px; }
  .modal { padding: .5rem; }
  .modal-card { width: 100%; max-height: calc(100dvh - 1rem); border-radius: 1.25rem; }
  .modal-form { padding: 1.15rem; }
  .field { padding-inline: 1.1rem; }
  .footer-main { padding: 3rem 0; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-bottom nav { gap: .75rem 1rem; }
  .float-stack { right: max(.75rem, env(safe-area-inset-right)); bottom: max(.75rem, env(safe-area-inset-bottom)); }
  .language-switcher { left: max(.75rem, env(safe-area-inset-left)); bottom: max(.75rem, env(safe-area-inset-bottom)); }
  .language-panel { max-height: min(470px, calc(100dvh - 6rem)); overflow-y: auto; overscroll-behavior: contain; }
  .language-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
  .language-option { min-height: 58px; padding: .6rem .45rem; }
  .language-option span { font-size: .68rem; }
  .language-option small { font-size: .52rem; }
  .fullmenu-panel { height: 82dvh; min-height: 82dvh; max-height: 82dvh; }
  .menu-body { padding: .25rem .75rem max(1rem, env(safe-area-inset-bottom)); }
  .menu-content { width: min(100%, 540px); }
  .menu-items { height: clamp(15rem, 42dvh, 18rem); }
  .menu-items > [data-menu-level] { top: 1rem; width: min(390px, 100%); }
  .menu-item { font-size: clamp(1rem, 5vw, 1.22rem); padding: .28rem 2rem; }
  .menu-float-btns button { width: 50px; height: 50px; }
  .reference-filter-panel { padding: .85rem; }
  .reference-filter-list { gap: .45rem; }
  .reference-filter { min-height: 38px; padding-inline: .75rem; }
  .reference-archive-grid .ref-card, .reference-related-grid .ref-card { min-height: 360px; }
  .reference-story-section, .reference-showcase-band, .reference-gallery-section, .reference-related { padding-block: 4.5rem; }
  .reference-story-media, .reference-showcase-image, .reference-gallery-card { border-radius: 1.25rem; }
  .reference-gallery-track { gap: .85rem; }
  .reference-breadcrumb { flex-wrap: wrap; }
  .reference-detail-title-row .lead { font-size: .95rem; }
}

@media (max-width: 480px) {
  .logo-text { display: none; }
  .logo-cap { flex: 0 0 52px; justify-content: center; padding: 0; }
  .actions-cap { flex: 1 1 auto; }
  .menu-trigger { width: 40px; padding: 0; justify-content: center; font-size: 0; letter-spacing: 0; }
  .menu-trigger .dot { width: 30px; height: 30px; }
  .language-trigger { width: 172px; min-width: 172px; }
  .language-panel { width: calc(100vw - 1.5rem); }
  .btn { max-width: 100%; padding-inline: 1.1rem; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .reference-detail-title-row h1 { letter-spacing: -.045em; }
}

@media (max-width: 350px) {
  .header-row { gap: .15rem; }
  .actions-cap { gap: .1rem; padding-inline: .2rem; }
  .icon-btn { width: 35px; height: 35px; }
  .menu-trigger { width: 36px; }
  .menu-trigger .dot { width: 28px; height: 28px; }
  .language-trigger { width: 160px; min-width: 160px; height: 52px; }
  .language-code { flex-basis: 35px; width: 35px; height: 35px; }
  .language-copy strong { max-width: 72px; font-size: .78rem; }
  .language-grid { gap: .3rem; }
  .language-option { padding-inline: .3rem; }
  .language-option span { font-size: .62rem; }
  .menu-item { padding-inline: 1.65rem; }
}

@media (max-height: 620px) and (orientation: landscape) {
  .fullmenu-panel { height: 92dvh; min-height: 92dvh; max-height: 92dvh; }
  .menu-curve-wrap svg { height: 38px; }
  .menu-float-btns { margin-bottom: .35rem; }
  .menu-float-btns button { width: 44px; height: 44px; }
  .menu-body { padding-top: 0; padding-bottom: .5rem; }
  .menu-items { height: 13.5rem; }
  .menu-items > [data-menu-level] { top: .65rem; }
  .menu-item { font-size: .95rem; padding-block: .18rem; }
  .menu-footer { gap: .55rem; }
  .language-panel { max-height: calc(100dvh - 4rem); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

.scroll-image-frame {
  --scene-accent:#5B21B6;
  background:var(--scene-accent);
  isolation:isolate;
}
.scroll-image-sequence {
  position:absolute; inset:0; z-index:0; overflow:hidden;
  background:linear-gradient(135deg,#5B21B6,#3C43DD);
}
.scroll-scene-image {
  --scene-scale:1.045;
  position:absolute; inset:0; display:block; width:100%; height:100%;
  z-index:0; visibility:hidden; pointer-events:none;
  object-fit:cover; object-position:center;
  opacity:0; transform:scale(var(--scene-scale)); filter:saturate(.96) contrast(1.03);
  transition:opacity .52s var(--ease), transform .9s var(--ease), filter .52s var(--ease), visibility 0s linear .52s;
  will-change:opacity,transform;
}
.scroll-scene-image.active {
  z-index:1; visibility:visible; opacity:1; transform:scale(1); filter:saturate(1) contrast(1);
  transition-delay:0s;
}
.scroll-image-frame::after { z-index:2; pointer-events:none; }
.scroll-image-frame .sv-caption, .scroll-image-frame .sv-float { z-index:3; }

.h-scroll-section::before {
  content:''; position:absolute; inset:0 0 auto; height:18vh; pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--body)); transform:translateY(-100%);
}

.reference-detail-head { will-change:transform,opacity; }
.reference-hero-visual { border-radius:var(--detail-radius, clamp(1.4rem,3vw,3rem)); }
@media (min-width:821px) {
  .reference-story-section[data-reference-scene] { min-height:190vh; padding:0; position:relative; }
  .reference-story-section[data-reference-scene] > .container {
    position:sticky; top:0; min-height:100vh; display:flex; align-items:center;
    padding-top:7rem; padding-bottom:4rem;
  }
  .reference-story-section[data-reference-scene] .reference-story-grid { width:100%; }
  .reference-story-section[data-reference-scene] .reference-story-copy,
  .reference-story-section[data-reference-scene] .reference-story-media { will-change:transform,opacity,filter; }
  .reference-showcase-band[data-reference-showcase-scene] { min-height:210vh; padding:0; }
  .reference-showcase-band[data-reference-showcase-scene] > .container {
    position:sticky; top:0; min-height:100vh; display:flex; align-items:flex-start; padding-top:16vh; z-index:2;
  }
  .reference-showcase-band[data-reference-showcase-scene] .reference-showcase-image {
    position:sticky; top:20vh; margin-top:-70vh; margin-bottom:18vh; will-change:transform,opacity,border-radius;
  }
}

@media (max-width:820px) {
  .scroll-video-pin { height:175svh; }
  .scroll-video-sticky { height:100svh; align-items:flex-end; padding-bottom:0; }
  .scroll-video-frame { width:calc(100% - 1.25rem); height:min(62svh,560px); border-radius:24px; }
  .sv-caption { padding:1.15rem; }
  .sv-caption h2 { font-size:clamp(1.2rem,6vw,1.75rem); }
  .sv-float { width:11%; }
  .sv-float.b { width:9%; }
  .sv-float.c { width:8%; }
  .h-scroll-section { margin-top:-10svh; }
  .h-scroll-track { height:235svh; }
  .h-scroll-sticky { justify-content:flex-start; padding-top:clamp(1.5rem,4svh,2.75rem); }
  .h-scroll-head { padding:0 1rem 1.1rem; }
  .h-scroll-head h2 { font-size:clamp(1.75rem,8.5vw,2.8rem); line-height:1.05; }
  .h-scroll-row { padding:0 1rem; gap:.85rem; }
  .service-card { flex-basis:min(78vw,290px); height:min(55svh,420px); }
  .reference-story-section[data-reference-scene] { min-height:auto; padding:4.5rem 0; }
  .reference-story-section[data-reference-scene] > .container { position:relative; min-height:0; padding-top:0; padding-bottom:0; }
  .reference-showcase-band[data-reference-showcase-scene] { min-height:auto; padding:4.5rem 0; }
  .reference-showcase-band[data-reference-showcase-scene] > .container,
  .reference-showcase-band[data-reference-showcase-scene] .reference-showcase-image { position:relative; top:auto; margin-top:0; margin-bottom:0; }
  .reference-showcase-band[data-reference-showcase-scene] > .container { min-height:0; padding-top:0; }
  .reference-story-copy, .reference-story-media, .reference-showcase-image { transform:none !important; filter:none !important; opacity:1 !important; }
}

@media (max-width:480px) {
  .scroll-video-pin { height:155svh; }
  .scroll-video-frame { height:56svh; min-height:390px; }
  .h-scroll-track { height:220svh; }
  .h-scroll-sticky { padding-top:1.25rem; }
}

.scroll-image-frame .sv-caption {
  will-change: opacity, transform, filter;
  filter: none;
  text-shadow: 0 10px 42px rgba(0,0,0,.34);
}
.scroll-image-frame .sv-caption > * {
  transform: translateY(var(--sv-caption-child-y, 10px));
}
.scroll-image-frame .sv-caption h2 {
  transition: none;
}

.home-reference-grid {
  overflow: visible;
}
.home-reference-grid .ref-card {
  --ref-x: 0px;
  --ref-opacity: 1;
  --ref-rotate: 0deg;
  --ref-y: 0px;
  --ref-scale: 1;
  will-change: transform, opacity;
  transform-origin: center;
}

.map-section {
  position: relative;
  min-height: min(1000px, 100svh);
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(5.75rem, 8.5vw, 8.5rem) 0;
  background:
    radial-gradient(circle at 18% 50%, rgba(105, 52, 182, .18), transparent 36%),
    radial-gradient(circle at 78% 45%, rgba(18, 112, 169, .12), transparent 38%),
    linear-gradient(180deg, #070a11 0%, color-mix(in srgb, var(--body) 94%, #050812) 100%);
}
.map-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7,10,17,.98) 0%, rgba(7,10,17,.91) 26%, rgba(7,10,17,.52) 48%, rgba(7,10,17,.08) 75%, rgba(7,10,17,.5) 100%),
    linear-gradient(180deg, var(--body) 0%, transparent 14%, transparent 84%, var(--body) 100%);
}
.map-section::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: .16;
  pointer-events: none;
  background: repeating-linear-gradient(180deg, transparent 0 5px, rgba(134, 205, 255, .08) 6px, transparent 7px 10px);
  mix-blend-mode: screen;
}
.map-ambient {
  position: absolute;
  z-index: 0;
  width: 50rem;
  height: 50rem;
  left: -28rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(108,53,178,.25);
  filter: none;
  opacity: .62;
  pointer-events: none;
}
.map-digital-bg {
  position: absolute;
  z-index: 0;
  inset: -7% -5%;
  background-image: url('../../images/aketa-digital-world-vivid.webp');
  background-repeat: no-repeat;
  background-position: center 52%;
  background-size: cover;
  transform: translate3d(0, var(--map-y, 0px), 0) scale(var(--map-scale, 1.035));
  transform-origin: 58% 52%;
  opacity: var(--map-opacity, .7);
  filter: saturate(1.08) contrast(1.08) drop-shadow(0 0 28px rgba(71,105,255,.18));
  will-change: transform, opacity;
  pointer-events: none;
}
.map-layout {
  position: relative;
  z-index: 3;
  display: block;
}
.map-copy {
  position: relative;
  z-index: 4;
  width: min(48rem, 56%);
  padding-left: clamp(0rem, 2vw, 1.5rem);
}
.map-copy h2 {
  font-size: clamp(2.6rem, 4.6vw, 4.9rem);
  line-height: 1.01;
  font-weight: 400;
  letter-spacing: -.047em;
  max-width: 10ch;
}
.map-copy > p {
  max-width: 34rem;
  margin-top: 1.65rem;
  font-size: clamp(.98rem, 1.25vw, 1.12rem);
  line-height: 1.66;
}
.map-office-marker {
  position: absolute;
  z-index: 4;
  left: 60.5%;
  top: 51%;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .85rem 1.15rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  color: rgba(255,255,255,.92);
  background: rgba(9,12,20,.66);
  box-shadow: 0 16px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  font-size: .86rem;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
.map-office-dot {
  position: relative;
  width: .72rem;
  height: .72rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 .35rem rgba(111,76,255,.16), 0 0 30px rgba(96,193,255,.75);
}
.map-office-dot::after {
  content: '';
  position: absolute;
  inset: -.55rem;
  border: 1px solid rgba(128,199,255,.36);
  border-radius: 50%;
  animation: mapPulse 2.4s ease-out infinite;
}
@keyframes mapPulse {
  0% { transform: scale(.45); opacity: .9; }
  80%,100% { transform: scale(1.45); opacity: 0; }
}
.map-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  width: min(100%, 590px);
  margin-top: clamp(2.4rem, 5vw, 4.25rem);
}
.map-stats .stat-item {
  min-width: 0;
  padding: 1.6rem clamp(.7rem, 2vw, 1.55rem) 1.65rem 0;
}
.map-stats .stat-item:nth-child(2n) { padding-left: clamp(1rem, 2.6vw, 2.2rem); }
.map-stats .stat-item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
.map-stats .stat-line { display: flex; align-items: flex-end; gap: clamp(.7rem, 1.4vw, 1.15rem); }
.map-stats .stat-num {
  flex: 0 0 auto;
  font-size: clamp(3.35rem, 6.4vw, 6.25rem);
  font-weight: 400;
  line-height: .82;
  letter-spacing: -.07em;
  color: #fff;
  text-shadow: 0 10px 42px rgba(0,0,0,.25);
}
.map-stats .stat-label {
  margin: 0 0 .15rem;
  font-size: clamp(.8rem, 1vw, .98rem);
  line-height: 1.23;
  color: rgba(255,255,255,.65);
}
html[data-theme="light"] .map-section {
  background:
    radial-gradient(circle at 18% 50%, rgba(108,53,178,.14), transparent 36%),
    radial-gradient(circle at 78% 45%, rgba(18,112,169,.1), transparent 38%),
    linear-gradient(180deg, #eae6f2, #f3eff8);
}
html[data-theme="light"] .map-section::before {
  background:
    linear-gradient(90deg, rgba(241,237,248,.98) 0%, rgba(241,237,248,.91) 27%, rgba(241,237,248,.5) 49%, rgba(241,237,248,.08) 75%, rgba(241,237,248,.42) 100%),
    linear-gradient(180deg, var(--body) 0%, transparent 14%, transparent 84%, var(--body) 100%);
}
html[data-theme="light"] .map-digital-bg { opacity: calc(var(--map-opacity, .62) * .78); mix-blend-mode: multiply; }
html[data-theme="light"] .map-copy h2,
html[data-theme="light"] .map-stats .stat-num { color: #171020; text-shadow: none; }
html[data-theme="light"] .map-stats .stat-label { color: rgba(23,16,32,.62); }
html[data-theme="light"] .map-stats .stat-item:nth-child(-n+2) { border-color: rgba(23,16,32,.12); }
html[data-theme="light"] .map-office-marker { color:#171020; background:rgba(255,255,255,.7); border-color:rgba(23,16,32,.12); }
html[data-theme="light"] .map-office-dot { background:#171020; }

@media (max-width: 1080px) {
  .map-section { min-height: auto; padding-block: 6rem; }
  .map-copy { width: min(43rem, 64%); }
  .map-digital-bg { inset: -2% -22% -2% -8%; background-size: cover; background-position: 58% center; }
  .map-office-marker { left: 65%; }
}

@media (max-width: 820px) {
  .map-section { padding: 5rem 0 5.5rem; }
  .map-section::before {
    background:
      linear-gradient(180deg, rgba(7,10,17,.96) 0%, rgba(7,10,17,.79) 42%, rgba(7,10,17,.7) 70%, rgba(7,10,17,.96) 100%);
  }
  html[data-theme="light"] .map-section::before {
    background: linear-gradient(180deg, rgba(241,237,248,.95) 0%, rgba(241,237,248,.78) 42%, rgba(241,237,248,.68) 72%, rgba(241,237,248,.94) 100%);
  }
  .map-copy { width: 100%; padding-left: 0; }
  .map-copy h2 { max-width: 12ch; font-size: clamp(2.35rem, 11vw, 3.8rem); }
  .map-copy > p { max-width: 36rem; }
  .map-digital-bg {
    inset: 30% -48% -4% -48%;
    background-size: auto 78%;
    background-position: center bottom;
    opacity: calc(var(--map-opacity, .62) * .72);
  }
  .map-office-marker { display:none; }
  .map-stats { margin-top: 2.25rem; }
  .map-stats .stat-num { font-size: clamp(3.2rem, 17vw, 5.5rem); }
}

@media (max-width: 520px) {
  .map-section { padding-top: 4.5rem; padding-bottom: 4.75rem; }
  .map-copy h2 { font-size: clamp(2.2rem, 12.5vw, 3.25rem); }
  .map-copy > p { font-size: .94rem; }
  .map-stats .stat-item { padding-block: 1.35rem; padding-right: .45rem; }
  .map-stats .stat-item:nth-child(2n) { padding-left: .8rem; }
  .map-stats .stat-line { display: block; }
  .map-stats .stat-label { margin-top: .7rem; }
  .map-stats .stat-num { font-size: clamp(3rem, 18vw, 4.5rem); }
  .map-digital-bg { inset: 35% -78% -2% -78%; background-size: auto 68%; opacity: calc(var(--map-opacity, .58) * .68); }
}

@media (prefers-reduced-motion: reduce) {
  .home-reference-grid .ref-card {
    --ref-x: 0px !important;
    --ref-y: 0px !important;
    --ref-opacity: 1 !important;
    --ref-rotate: 0deg !important;
    --ref-scale: 1 !important;
  }
  .map-digital-bg {
    --map-y: 0px !important;
    --map-scale: 1.035 !important;
    --map-opacity: .7 !important;
  }
  .map-office-dot::after { animation:none; }
}

html.theme-switching *,
html.theme-switching *::before,
html.theme-switching *::after {
  transition: none !important;
  animation-play-state: paused !important;
}
body { transition: none; }

.glass { }
.capsule { }
.top-strip { }

.map-digital-bg {
  background-image: url('../../images/aketa-digital-world-vivid.webp');
  opacity: var(--map-opacity, .88);
  filter: none;
  contain: paint;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform, opacity;
}
.map-ambient {
  inset: 0;
  width: auto;
  height: auto;
  left: 0;
  top: 0;
  transform: none;
  border-radius: 0;
  filter: none;
  opacity: 1;
  background:
    radial-gradient(circle at 14% 50%, rgba(111, 55, 195, .28), transparent 31%),
    radial-gradient(circle at 70% 44%, rgba(27, 136, 214, .16), transparent 38%);
}
.map-section::before {
  background:
    linear-gradient(90deg, rgba(7,10,17,.97) 0%, rgba(7,10,17,.84) 25%, rgba(7,10,17,.3) 48%, rgba(7,10,17,.02) 72%, rgba(7,10,17,.24) 100%),
    linear-gradient(180deg, var(--body) 0%, transparent 12%, transparent 86%, var(--body) 100%);
}
.map-section::after {
  opacity: .11;
  mix-blend-mode: normal;
}
html[data-theme="light"] .map-section::before {
  background:
    linear-gradient(90deg, rgba(241,237,248,.97) 0%, rgba(241,237,248,.84) 26%, rgba(241,237,248,.34) 49%, rgba(241,237,248,.03) 73%, rgba(241,237,248,.28) 100%),
    linear-gradient(180deg, var(--body) 0%, transparent 12%, transparent 86%, var(--body) 100%);
}
html[data-theme="light"] .map-digital-bg {
  opacity: calc(var(--map-opacity, .82) * .9);
  mix-blend-mode: normal;
}

@media (max-width: 820px) {
  .map-section::before {
    background: linear-gradient(180deg, rgba(7,10,17,.92) 0%, rgba(7,10,17,.68) 40%, rgba(7,10,17,.54) 72%, rgba(7,10,17,.92) 100%);
  }
  html[data-theme="light"] .map-section::before {
    background: linear-gradient(180deg, rgba(241,237,248,.92) 0%, rgba(241,237,248,.7) 40%, rgba(241,237,248,.58) 72%, rgba(241,237,248,.92) 100%);
  }
  .map-digital-bg { opacity: calc(var(--map-opacity, .8) * .86); }
}

.services-showcase-section {
  padding-top: 1rem;
  overflow: clip;
}
.services-showcase-intro {
  width: min(820px, 100%);
  margin: 0 auto clamp(3rem, 7vw, 6rem);
  text-align: center;
}
.services-showcase-intro h2 {
  font-size: clamp(2rem, 4.5vw, 4rem);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 500;
}
.services-showcase-intro > p:last-child {
  width: min(640px, 100%);
  margin: 1.25rem auto 0;
  color: var(--muted);
  font-size: clamp(.95rem, 1.3vw, 1.1rem);
}
.services-showcase {
  display: grid;
  gap: clamp(2rem, 5vw, 5rem);
}
.service-showcase-card {
  --service-card-bg: color-mix(in srgb, var(--service-accent) 12%, var(--body-light));
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);
  width: min(1180px, 94%);
  min-height: clamp(350px, 34vw, 470px);
  margin-right: auto;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--service-accent) 30%, var(--border));
  border-radius: clamp(1.4rem, 2.8vw, 2.25rem);
  background:
    linear-gradient(135deg, var(--service-card-bg), color-mix(in srgb, var(--body-light) 92%, var(--service-accent)) 70%);
  box-shadow: 0 26px 70px -38px color-mix(in srgb, var(--service-accent) 75%, transparent);
  opacity: 0;
  transform: translate3d(-18vw, 70px, 0) rotate(-4deg) scale(.96);
  transform-origin: 20% 50%;
  transition:
    opacity .9s var(--ease),
    transform 1.15s var(--ease),
    border-color .4s ease,
    box-shadow .4s ease;
  will-change: transform, opacity;
}
.service-showcase-card:nth-child(even) {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 42%);
  margin-right: 0;
  margin-left: auto;
  transform: translate3d(18vw, 70px, 0) rotate(4deg) scale(.96);
  transform-origin: 80% 50%;
}
.service-showcase-card.in {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0) scale(1);
}
.service-showcase-card:hover {
  border-color: color-mix(in srgb, var(--service-accent) 62%, var(--border));
  box-shadow: 0 32px 90px -42px color-mix(in srgb, var(--service-accent) 90%, transparent);
}
.service-showcase-media {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
.service-showcase-card:nth-child(even) .service-showcase-media { order: 2; }
.service-showcase-media img {
  width: 100%;
  height: 100%;
  min-height: 350px;
  object-fit: cover;
  transition: transform .9s var(--ease);
}
.service-showcase-card:hover .service-showcase-media img { transform: scale(1.045); }
.service-showcase-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 35%, color-mix(in srgb, var(--service-card-bg) 55%, transparent) 72%, var(--service-card-bg) 100%),
    linear-gradient(0deg, color-mix(in srgb, var(--service-card-bg) 35%, transparent), transparent 45%);
  pointer-events: none;
}
.service-showcase-card:nth-child(even) .service-showcase-media::after {
  background:
    linear-gradient(270deg, transparent 35%, color-mix(in srgb, var(--service-card-bg) 55%, transparent) 72%, var(--service-card-bg) 100%),
    linear-gradient(0deg, color-mix(in srgb, var(--service-card-bg) 35%, transparent), transparent 45%);
}
.service-showcase-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(2rem, 5vw, 5rem);
}
.service-showcase-number {
  position: absolute;
  right: clamp(1.5rem, 3vw, 3rem);
  top: clamp(1.25rem, 2.5vw, 2.5rem);
  font-size: clamp(2.75rem, 6vw, 6rem);
  line-height: 1;
  font-weight: 300;
  color: color-mix(in srgb, var(--service-accent) 30%, transparent);
  letter-spacing: -.08em;
}
.service-showcase-kicker {
  margin-bottom: .8rem;
  color: var(--service-accent) !important;
  font-size: .72rem !important;
  font-weight: 700;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.service-showcase-content h2 {
  position: relative;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  font-weight: 500;
  letter-spacing: -.04em;
  margin-bottom: 1.2rem;
}
.service-showcase-content > p:not(.service-showcase-kicker) {
  max-width: 46ch;
  color: var(--muted);
  font-size: clamp(.92rem, 1.15vw, 1.06rem);
  line-height: 1.7;
}
.service-showcase-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1.55rem;
}
.service-showcase-tags span {
  padding: .42rem .78rem;
  border: 1px solid color-mix(in srgb, var(--service-accent) 32%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--service-accent) 8%, transparent);
  color: color-mix(in srgb, var(--ink) 76%, transparent);
  font-size: .73rem;
}
.service-showcase-link {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin-top: 1.75rem;
  color: var(--ink);
  font-size: .88rem;
  font-weight: 600;
}
.service-showcase-link b {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--service-accent);
  color: #fff;
  transition: transform .35s var(--ease);
}
.service-showcase-card:hover .service-showcase-link b { transform: translateX(.3rem) rotate(-8deg); }
.services-showcase-cta { margin-top: clamp(3.5rem, 7vw, 7rem); }
.services-showcase-cta p { margin-bottom: 1.5rem; }

.glass, .capsule, .top-strip, .modal-bg, .language-panel, .language-trigger, .float-btn {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.scroll-image-frame .sv-caption,
.hero-orb,
.device-glow,
.final-cta .glow,
.page-hero .orb,
.map-ambient,
[data-stack-card],
.reference-story-media {
  filter: none !important;
}
.scroll-image-frame .sv-caption { will-change: opacity, transform; }

@media (max-width: 900px) {
  .service-showcase-card,
  .service-showcase-card:nth-child(even) {
    grid-template-columns: 42% minmax(0, 1fr);
    width: 100%;
    min-height: 340px;
  }
  .service-showcase-card:nth-child(even) { grid-template-columns: minmax(0, 1fr) 42%; }
  .service-showcase-content { padding: 2rem; }
  .service-showcase-number { font-size: 3.5rem; }
}

@media (max-width: 680px) {
  .services-showcase-section { padding-top: 0; }
  .services-showcase { gap: 1.5rem; }
  .service-showcase-card,
  .service-showcase-card:nth-child(even) {
    display: flex;
    flex-direction: column;
    min-height: 0;
    transform: translate3d(-72px, 36px, 0) rotate(-2.5deg) scale(.97);
  }
  .service-showcase-card:nth-child(even) { transform: translate3d(72px, 36px, 0) rotate(2.5deg) scale(.97); }
  .service-showcase-card.in,
  .service-showcase-card:nth-child(even).in { transform: none; }
  .service-showcase-card:nth-child(even) .service-showcase-media { order: 0; }
  .service-showcase-media { height: 245px; min-height: 245px; }
  .service-showcase-media img { min-height: 245px; }
  .service-showcase-media::after,
  .service-showcase-card:nth-child(even) .service-showcase-media::after {
    background: linear-gradient(0deg, var(--service-card-bg) 0%, color-mix(in srgb, var(--service-card-bg) 38%, transparent) 42%, transparent 78%);
  }
  .service-showcase-content { padding: 1.6rem 1.35rem 1.8rem; }
  .service-showcase-number { top: 1.2rem; right: 1.25rem; font-size: 3rem; }
  .service-showcase-content h2 { font-size: 2rem; padding-right: 3.25rem; }
  .service-showcase-tags { margin-top: 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .service-showcase-card,
  .service-showcase-card:nth-child(even) { opacity: 1; transform: none; transition: none; }
}

.hero-orb.a {
  background: radial-gradient(circle, rgba(108,53,178,.36) 0%, rgba(108,53,178,.16) 38%, transparent 72%);
}
.hero-orb.b {
  background: radial-gradient(circle, rgba(60,67,221,.3) 0%, rgba(60,67,221,.13) 40%, transparent 72%);
}
.device-glow {
  background: radial-gradient(ellipse at center, rgba(108,53,178,.28), transparent 70%);
}
.final-cta .glow {
  background: radial-gradient(ellipse at center, rgba(108,53,178,.3), transparent 72%);
}
.page-hero .orb {
  background: radial-gradient(ellipse at center top, rgba(108,53,178,.28), rgba(60,67,221,.08) 45%, transparent 74%);
}
.top-strip {
  background: color-mix(in srgb, var(--body) 94%, transparent);
}
.capsule {
  background: color-mix(in srgb, var(--body-light) 88%, transparent);
}
.glass {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--body-light) 94%, var(--purple) 6%),
    color-mix(in srgb, var(--body-light) 97%, transparent));
}
.modal-bg {
  background: color-mix(in srgb, var(--body) 90%, transparent);
}

.service-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 auto clamp(2.75rem, 6vw, 5.5rem);
}
.service-category-choice {
  --category-bg: color-mix(in srgb, var(--category-accent) 10%, var(--body-light));
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 150px;
  padding: 1.35rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--category-accent) 25%, var(--border));
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--category-accent) 22%, transparent), transparent 48%),
    linear-gradient(145deg, var(--category-bg), color-mix(in srgb, var(--body-light) 97%, var(--category-accent)));
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: transform .35s var(--ease), border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.service-category-choice:hover,
.service-category-choice.is-active {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--category-accent) 62%, var(--border));
  box-shadow: 0 24px 54px -36px color-mix(in srgb, var(--category-accent) 80%, transparent);
}
.service-category-choice.is-active {
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--category-accent) 34%, transparent), transparent 52%),
    linear-gradient(145deg, color-mix(in srgb, var(--category-accent) 16%, var(--body-light)), var(--body-light));
}
.service-category-index {
  align-self: start;
  color: var(--category-accent);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .72rem;
  letter-spacing: .13em;
}
.service-category-copy { display: grid; gap: .42rem; }
.service-category-copy small {
  color: color-mix(in srgb, var(--category-accent) 78%, var(--muted));
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.service-category-copy strong {
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  line-height: 1.05;
  font-weight: 520;
  letter-spacing: -.035em;
}
.service-category-copy em {
  color: var(--muted);
  font-size: .78rem;
  font-style: normal;
}
.service-category-arrow {
  display: grid;
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--category-accent) 16%, transparent);
  color: var(--category-accent);
  font-size: 1.15rem;
  transition: transform .35s var(--ease), background .35s ease, color .35s ease;
}
.service-category-choice:hover .service-category-arrow,
.service-category-choice.is-active .service-category-arrow {
  transform: translateX(.25rem) rotate(-8deg);
  background: var(--category-accent);
  color: #fff;
}
.service-category-empty {
  display: grid;
  justify-items: center;
  gap: .75rem;
  min-height: 190px;
  margin: 0 auto 3rem;
  padding: 3rem 1rem;
  border-top: 1px solid var(--border);
  color: var(--muted);
  text-align: center;
}
.service-category-empty[hidden] { display: none !important; }
.service-category-empty span { color: var(--purple); font-size: 1.65rem; }
.service-category-empty p { max-width: 38ch; }
.service-category-panel {
  scroll-margin-top: 7rem;
  animation: servicePanelIn .55s var(--ease) both;
}
.service-category-panel[hidden] { display: none !important; }
@keyframes servicePanelIn {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: none; }
}
.service-category-heading {
  width: min(790px, 100%);
  margin: 0 auto clamp(2.6rem, 5vw, 4.5rem);
  text-align: center;
}
.service-category-heading h2 {
  margin: .6rem 0 1rem;
  font-size: clamp(2rem, 4.5vw, 4rem);
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: -.04em;
}
.service-category-heading > p:last-child {
  width: min(620px, 100%);
  margin-inline: auto;
  color: var(--muted);
}
.service-category-list {
  display: grid;
  gap: clamp(2rem, 5vw, 5rem);
}
.service-category-panel + .services-showcase-cta { margin-top: clamp(3.5rem, 7vw, 7rem); }

@media (max-width: 900px) {
  .service-category-grid { grid-template-columns: 1fr; }
  .service-category-choice { min-height: 118px; }
}
@media (max-width: 560px) {
  .service-category-choice {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1.05rem;
    min-height: 108px;
  }
  .service-category-arrow { width: 2.1rem; height: 2.1rem; }
  .service-category-heading { text-align: left; }
}

.section-head-split {
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:3rem;
  align-items:end; margin-bottom:4rem;
}
.section-head-split h2 { font-size:clamp(2.25rem,5vw,5.3rem); line-height:.96; letter-spacing:-.055em; font-weight:520; max-width:12ch; }
.section-head-split > p { max-width:36rem; line-height:1.8; }

.about-hero-new { min-height:100svh; padding:11rem 0 5rem; position:relative; overflow:hidden; display:flex; align-items:center; }
.about-hero-new::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 74% 38%,rgba(60,67,221,.2),transparent 34%),radial-gradient(circle at 20% 72%,rgba(108,53,178,.18),transparent 35%); pointer-events:none; }
.about-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr); align-items:center; gap:clamp(3rem,7vw,8rem); }
.about-display { font-size:clamp(3.8rem,7vw,8.6rem); line-height:.88; letter-spacing:-.075em; font-weight:520; max-width:9ch; }
.about-lead { margin-top:2rem; max-width:41rem; color:var(--muted); font-size:clamp(1rem,1.3vw,1.2rem); line-height:1.8; }
.about-hero-actions { display:flex; align-items:center; gap:1.5rem; margin-top:2.5rem; flex-wrap:wrap; }
.about-text-link { color:var(--muted); font-size:.88rem; display:inline-flex; gap:.65rem; align-items:center; transition:.3s var(--ease); }
.about-text-link:hover { color:var(--ink); transform:translateX(5px); }
.about-hero-art { position:relative; min-height:650px; display:grid; place-items:center; }
.about-portrait-wrap { position:relative; width:min(88%,680px); aspect-ratio:4/5; border-radius:48% 48% 2.25rem 2.25rem; overflow:hidden; border:1px solid var(--border); background:var(--surface); transform:rotate(2deg); box-shadow:0 45px 100px rgba(0,0,0,.28); }
.about-portrait-wrap::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(15,11,24,.72)); }
.about-portrait-wrap img { width:100%; height:100%; object-fit:cover; transform:scale(1.12); }
.about-orbit { position:absolute; border:1px solid rgba(167,139,250,.22); border-radius:50%; pointer-events:none; }
.about-orbit.orbit-a { width:86%; aspect-ratio:1; animation:aboutOrbit 24s linear infinite; }
.about-orbit.orbit-b { width:64%; aspect-ratio:1; border-style:dashed; animation:aboutOrbit 18s linear infinite reverse; }
.about-orbit::before,.about-orbit::after { content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:#a78bfa; box-shadow:0 0 18px rgba(167,139,250,.75); }
.about-orbit::before { top:12%; left:21%; }.about-orbit::after { right:6%; bottom:30%; background:#5eead4; }
@keyframes aboutOrbit { to { transform:rotate(360deg); } }
.about-float-card { position:absolute; z-index:3; background:var(--surface); border:1px solid var(--border); padding:1rem 1.15rem; border-radius:1.2rem; box-shadow:0 18px 45px rgba(0,0,0,.18); }
.about-float-card small { display:block; color:var(--muted); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; margin-bottom:.35rem; }
.about-float-card strong { font-size:.9rem; font-weight:600; }
.about-float-one { left:0; top:18%; transform:rotate(-4deg); }
.about-float-two { right:0; bottom:15%; transform:rotate(5deg); }
.about-float-two strong { font-size:2rem; display:block; line-height:1; background:var(--grad-text); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.about-art-index { position:absolute; right:8%; top:4%; color:var(--muted); font-size:.72rem; letter-spacing:.18em; }
.about-hero-word { position:absolute; left:-.03em; bottom:-.22em; font-size:clamp(9rem,24vw,28rem); letter-spacing:-.1em; font-weight:800; line-height:.72; color:color-mix(in srgb,var(--ink) 4%,transparent); pointer-events:none; white-space:nowrap; }
.about-stats-band { border-block:1px solid var(--border-soft); background:linear-gradient(90deg,rgba(108,53,178,.08),transparent 48%,rgba(23,114,153,.08)); }
.about-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.about-stats-grid > div { min-height:155px; padding:2.3rem; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--border-soft); }
.about-stats-grid > div:last-child { border-right:0; }
.about-stats-grid strong { font-size:clamp(2.3rem,4vw,4.5rem); line-height:1; font-weight:500; letter-spacing:-.06em; }
.about-stats-grid span { margin-top:.75rem; color:var(--muted); font-size:.82rem; }
.about-story-section { padding:9rem 0; }
.about-story-layout { display:grid; grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr); gap:clamp(4rem,8vw,9rem); align-items:start; }
.about-story-visual { position:sticky; top:110px; height:calc(100svh - 150px); min-height:560px; }
.about-story-image { position:relative; height:100%; overflow:hidden; border-radius:2.5rem; border:1px solid var(--border); background:var(--surface); }
.about-story-image img { width:100%; height:100%; object-fit:cover; opacity:.72; transform:scale(1.05); transition:transform 1.1s var(--ease),opacity .8s ease; }
.about-story-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(15,11,24,.06),rgba(15,11,24,.82)); }
.about-story-scan { position:absolute; z-index:2; left:0; right:0; height:1px; top:20%; background:linear-gradient(90deg,transparent,#5eead4,transparent); box-shadow:0 0 20px #5eead4; animation:storyScan 5s ease-in-out infinite; }
@keyframes storyScan { 0%,100%{top:18%;opacity:.2} 50%{top:82%;opacity:1} }
.about-story-number { position:absolute; z-index:3; right:1.5rem; top:1rem; font-size:clamp(5rem,11vw,9rem); line-height:1; font-weight:700; color:rgba(255,255,255,.11); letter-spacing:-.1em; transition:.5s var(--ease); }
.about-story-caption { position:absolute; z-index:3; left:2rem; right:2rem; bottom:2rem; }
.about-story-caption span { display:block; color:#a78bfa; font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; }
.about-story-caption strong { display:block; color:#fff; font-size:clamp(1.45rem,2.5vw,2.3rem); font-weight:520; max-width:13ch; line-height:1.08; margin-top:.55rem; }
.about-story-progress { height:2px; background:var(--border); margin-top:1.25rem; overflow:hidden; }
.about-story-progress i { display:block; height:100%; width:25%; background:linear-gradient(90deg,#5eead4,#a78bfa,#6366f1); transform-origin:left; transition:width .6s var(--ease); }
.about-story-steps { padding-bottom:10vh; }
.about-story-step { min-height:74vh; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid var(--border-soft); opacity:.35; transform:translateY(50px); transition:opacity .55s ease,transform .7s var(--ease); }
.about-story-step.is-active { opacity:1; transform:none; }
.about-story-step h2 { font-size:clamp(2.3rem,4.7vw,5rem); line-height:.98; letter-spacing:-.055em; font-weight:520; max-width:11ch; }
.about-story-step > p:last-child { color:var(--muted); max-width:43rem; line-height:1.9; margin-top:1.6rem; font-size:1.02rem; }
.about-timeline-section { padding:9rem 0; background:linear-gradient(180deg,transparent,var(--body-light),transparent); }
.about-timeline { position:relative; max-width:1050px; margin-inline:auto; padding-left:9rem; }
.about-timeline-line { position:absolute; left:4.5rem; top:0; bottom:0; width:1px; background:var(--border); }
.about-timeline-line i { position:absolute; inset:0 auto auto 0; width:100%; height:0; background:linear-gradient(#5eead4,#a78bfa,#6366f1); box-shadow:0 0 18px rgba(167,139,250,.5); }
.about-year { position:relative; display:grid; grid-template-columns:180px 1fr; gap:3rem; padding:3.2rem 0; border-bottom:1px solid var(--border-soft); }
.about-year::before { content:""; position:absolute; left:-4.88rem; top:4rem; width:.75rem; height:.75rem; border-radius:50%; background:var(--body); border:2px solid #a78bfa; }
.about-year > span { font-size:clamp(2.5rem,5vw,5rem); letter-spacing:-.06em; font-weight:500; color:color-mix(in srgb,var(--ink) 26%,transparent); }
.about-year h3 { font-size:1.6rem; font-weight:550; margin-bottom:.7rem; }
.about-year p { color:var(--muted); line-height:1.8; max-width:42rem; }
.about-values-section { padding:8rem 0 10rem; }
.about-values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.about-value-card { min-height:310px; padding:2rem; border:1px solid var(--border); border-radius:1.75rem; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; transition:.45s var(--ease); background:linear-gradient(160deg,var(--glass),transparent); }
.about-value-card::before { content:""; position:absolute; width:180px; height:180px; right:-90px; top:-90px; border-radius:50%; border:1px solid rgba(167,139,250,.2); transition:.5s var(--ease); }
.about-value-card:hover { transform:translateY(-10px); border-color:rgba(167,139,250,.4); }
.about-value-card:hover::before { transform:scale(1.7); }
.about-value-card > span { position:absolute; left:2rem; top:1.5rem; color:var(--muted); font-size:.72rem; }
.about-value-card h3 { font-size:2rem; font-weight:520; }
.about-value-card p { color:var(--muted); margin-top:.8rem; line-height:1.7; }

.why-hero-new { min-height:100svh; padding:11rem 0 6rem; display:flex; align-items:center; overflow:hidden; position:relative; }
.why-hero-new::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 46%,rgba(108,53,178,.24),transparent 32%),linear-gradient(125deg,transparent 45%,rgba(23,114,153,.07)); }
.why-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.why-hero-copy h1 { font-size:clamp(3.7rem,7vw,8.2rem); line-height:.9; letter-spacing:-.075em; font-weight:520; }
.why-hero-copy > p:not(.eyebrow) { max-width:40rem; color:var(--muted); font-size:1.08rem; line-height:1.85; margin:2rem 0 2.4rem; }
.why-signal-board { width:min(100%,650px); aspect-ratio:1; margin-inline:auto; position:relative; display:grid; place-items:center; }
.why-board-ring { position:absolute; border-radius:50%; border:1px solid rgba(167,139,250,.22); }
.why-board-ring.ring-1 { inset:5%; animation:aboutOrbit 30s linear infinite; }.why-board-ring.ring-2 { inset:20%; border-style:dashed; animation:aboutOrbit 19s linear infinite reverse; }.why-board-ring.ring-3 { inset:35%; }
.why-board-ring::before { content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:#5eead4; top:10%; left:25%; box-shadow:0 0 18px rgba(94,234,212,.65); }
.why-board-core { width:190px; aspect-ratio:1; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:linear-gradient(145deg,#211532,#100b18); border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 70px rgba(0,0,0,.35); color:#fff; }
.why-board-core span { font-size:.62rem; letter-spacing:.25em; opacity:.6; }.why-board-core strong { font-size:4rem; line-height:1; font-weight:500; letter-spacing:-.08em; }.why-board-core small { opacity:.55; margin-top:.45rem; }
.why-board-metric { position:absolute; min-width:145px; padding:1rem 1.1rem; border-radius:1.15rem; background:var(--surface); border:1px solid var(--border); box-shadow:0 20px 45px rgba(0,0,0,.2); }
.why-board-metric strong { display:block; font-size:1.7rem; font-weight:550; }.why-board-metric span { display:block; color:var(--muted); font-size:.7rem; margin-top:.25rem; }
.metric-a { left:0; top:22%; transform:rotate(-5deg); }.metric-b { right:-2%; top:40%; transform:rotate(4deg); }.metric-c { left:12%; bottom:8%; transform:rotate(3deg); }
.why-marquee { overflow:hidden; border-block:1px solid var(--border-soft); padding:1.1rem 0; color:color-mix(in srgb,var(--ink) 14%,transparent); font-size:clamp(1.4rem,3vw,3.2rem); font-weight:700; letter-spacing:.1em; white-space:nowrap; }
.why-marquee > div { width:max-content; animation:whyMarquee 26s linear infinite; }
@keyframes whyMarquee { to{transform:translateX(-50%)} }
.why-reasons-section { padding:9rem 0; }
.why-reasons-list { display:grid; gap:2rem; }
.why-reason { min-height:520px; display:grid; grid-template-columns:90px minmax(0,1fr) minmax(320px,.8fr); gap:clamp(2rem,5vw,5rem); align-items:center; padding:clamp(2rem,4vw,4rem); border:1px solid var(--border); border-radius:2.2rem; position:relative; overflow:hidden; background:linear-gradient(145deg,var(--glass),transparent); }
.why-reason.reason-right { grid-template-columns:90px minmax(320px,.8fr) minmax(0,1fr); }
.why-reason.reason-right .why-reason-copy { order:3; }.why-reason.reason-right .why-reason-art { order:2; }.why-reason.reason-right .why-reason-index { order:1; }
.why-reason[data-reveal] { opacity:0; transform:translateX(-16vw) rotate(-4deg); }
.why-reason.reason-right[data-reveal] { transform:translateX(16vw) rotate(4deg); }
.why-reason[data-reveal].in { opacity:1; transform:none; transition:1s var(--ease); }
.why-reason-index { writing-mode:vertical-rl; color:var(--muted); font-size:.72rem; letter-spacing:.25em; }
.why-reason-copy h3 { font-size:clamp(2.2rem,4vw,4.8rem); line-height:.98; letter-spacing:-.055em; font-weight:520; max-width:10ch; }
.why-reason-copy > p:not(.eyebrow) { color:var(--muted); line-height:1.85; margin:1.4rem 0; max-width:38rem; }
.why-reason-copy ul { display:flex; flex-wrap:wrap; gap:.55rem; }
.why-reason-copy li { font-size:.72rem; padding:.5rem .8rem; border:1px solid var(--border); border-radius:999px; color:var(--muted); }
.why-reason-art { height:360px; border-radius:1.75rem; position:relative; overflow:hidden; border:1px solid var(--border-soft); background:linear-gradient(135deg,rgba(108,53,178,.18),rgba(23,114,153,.08)); display:grid; place-items:center; color:#a78bfa; }
.why-reason-art b { position:absolute; right:1rem; bottom:.25rem; font-size:7rem; color:rgba(255,255,255,.05); }
.art-strategy i { position:absolute; width:12px; height:12px; border-radius:50%; background:currentColor; box-shadow:0 0 0 10px rgba(167,139,250,.07); }.art-strategy i:nth-child(1){left:20%;top:30%}.art-strategy i:nth-child(2){right:22%;top:20%}.art-strategy i:nth-child(3){left:55%;bottom:20%}
.art-strategy::before,.art-strategy::after { content:""; position:absolute; width:55%; height:1px; background:linear-gradient(90deg,transparent,currentColor,transparent); transform:rotate(24deg); }.art-strategy::after{transform:rotate(-35deg)}
.art-design span { position:absolute; width:48%; aspect-ratio:1.5; border-radius:1.2rem; border:1px solid rgba(255,255,255,.16); background:rgba(108,53,178,.16); }.art-design span:nth-child(1){transform:translate(-45px,-35px) rotate(-9deg)}.art-design span:nth-child(2){transform:translate(35px,10px) rotate(7deg)}.art-design span:nth-child(3){width:24%; transform:translate(-5px,65px) rotate(-2deg); background:rgba(94,234,212,.12)}
.art-code { align-content:center; font-family:monospace; }.art-code code { font-size:clamp(1.8rem,3vw,3rem); }.code-lines { width:70%; height:110px; margin-top:1.4rem; background:repeating-linear-gradient(180deg,rgba(167,139,250,.28) 0 2px,transparent 2px 18px); }
.art-growth svg { width:80%; overflow:visible; filter:none; }
.why-comparison-section { padding:8rem 0; background:var(--body-light); }
.why-comparison-head { max-width:900px; margin-bottom:3rem; }.why-comparison-head h2 { font-size:clamp(2.2rem,5vw,5.4rem); line-height:.98; letter-spacing:-.06em; font-weight:520; }
.why-comparison-table { border:1px solid var(--border); border-radius:1.75rem; overflow:hidden; background:var(--body); }
.why-table-row { display:grid; grid-template-columns:.7fr 1fr 1fr; }
.why-table-row > * { padding:1.45rem 1.6rem; border-bottom:1px solid var(--border-soft); border-right:1px solid var(--border-soft); }
.why-table-row > *:last-child { border-right:0; }.why-table-row:last-child > * { border-bottom:0; }
.why-table-row.head { color:var(--muted); text-transform:uppercase; font-size:.68rem; letter-spacing:.13em; background:var(--glass); }
.why-table-row strong { font-weight:550; }.why-table-row span:nth-child(2) { color:var(--muted); }.why-table-row span:nth-child(3) { color:#a78bfa; }
.why-proof-section { padding:8rem 0 10rem; }
.why-proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.why-proof-grid h2 { font-size:clamp(2.5rem,5vw,5.5rem); line-height:.96; letter-spacing:-.06em; font-weight:520; max-width:10ch; }
.why-proof-numbers { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--border); border-radius:1.75rem; overflow:hidden; }
.why-proof-numbers > div { padding:2rem 1.4rem; border-right:1px solid var(--border); }.why-proof-numbers > div:last-child{border-right:0}
.why-proof-numbers strong { display:block; font-size:clamp(2rem,4vw,4rem); font-weight:520; letter-spacing:-.06em; }.why-proof-numbers span{display:block;color:var(--muted);font-size:.72rem;margin-top:.6rem}

.process-hero-new { min-height:100svh; padding:11rem 0 6rem; display:flex; align-items:center; position:relative; overflow:hidden; }
.process-hero-new::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,rgba(108,53,178,.12),transparent 45%),radial-gradient(circle at 77% 50%,rgba(23,114,153,.18),transparent 35%); }
.process-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr .9fr; gap:6rem; align-items:center; }
.process-hero-copy h1 { font-size:clamp(3.5rem,7vw,8rem); line-height:.9; letter-spacing:-.075em; font-weight:520; }
.process-hero-copy > p:not(.eyebrow) { color:var(--muted); font-size:1.05rem; line-height:1.85; max-width:42rem; margin:2rem 0 2.4rem; }
.process-radar { aspect-ratio:1; position:relative; display:grid; place-items:center; max-width:650px; margin-inline:auto; }
.radar-circle { position:absolute; border-radius:50%; border:1px solid rgba(94,234,212,.18); }.radar-circle.c1{inset:2%}.radar-circle.c2{inset:20%}.radar-circle.c3{inset:38%}
.radar-circle::before,.radar-circle::after { content:""; position:absolute; background:rgba(94,234,212,.14); }.radar-circle::before{left:50%;top:0;bottom:0;width:1px}.radar-circle::after{top:50%;left:0;right:0;height:1px}
.radar-sweep { position:absolute; inset:2%; border-radius:50%; background:conic-gradient(from 0deg,rgba(94,234,212,.18),transparent 23%); animation:radarSpin 5s linear infinite; }
@keyframes radarSpin{to{transform:rotate(360deg)}}
.radar-center { position:relative; z-index:2; width:150px; aspect-ratio:1; border-radius:50%; background:var(--surface); border:1px solid var(--border); display:flex; flex-direction:column; align-items:center; justify-content:center; }
.radar-center strong { font-size:3.5rem; line-height:1; font-weight:520; }.radar-center span { color:var(--muted); font-size:.65rem; text-transform:uppercase; letter-spacing:.14em; margin-top:.35rem; }
.radar-node { position:absolute; z-index:3; padding:.55rem .8rem; border:1px solid var(--border); border-radius:999px; background:var(--surface); font-size:.7rem; box-shadow:0 12px 25px rgba(0,0,0,.18); }.radar-node::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5eead4;margin-right:.45rem}
.radar-node.n1{top:5%;left:42%}.radar-node.n2{top:26%;right:2%}.radar-node.n3{bottom:19%;right:7%}.radar-node.n4{bottom:4%;left:37%}.radar-node.n5{bottom:24%;left:2%}.radar-node.n6{top:23%;left:5%}
.process-principles { border-block:1px solid var(--border-soft); background:var(--body-light); }
.process-principles-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.process-principles-grid > div { padding:2.4rem; border-right:1px solid var(--border-soft); }.process-principles-grid > div:last-child{border-right:0}
.process-principles span { color:#a78bfa; font-size:.72rem; }.process-principles strong { display:block; font-size:1.25rem; margin:.5rem 0; }.process-principles p { color:var(--muted); font-size:.85rem; }
.process-flow-section { padding:9rem 0 10rem; }
.process-flow-layout { display:grid; grid-template-columns:330px minmax(0,1fr); gap:clamp(3rem,7vw,8rem); align-items:start; }
.process-flow-nav { position:sticky; top:120px; }
.process-flow-nav h2 { font-size:clamp(2.3rem,4vw,4.3rem); line-height:.98; letter-spacing:-.055em; font-weight:520; margin-bottom:2rem; }
.process-nav-list { display:grid; }.process-nav-list button { display:flex; align-items:center; gap:1rem; padding:.9rem 0; color:var(--muted); border-bottom:1px solid var(--border-soft); text-align:left; transition:.3s ease; }.process-nav-list button span{font-size:.65rem;letter-spacing:.15em}.process-nav-list button.active{color:var(--ink);padding-left:.6rem}.process-nav-list button.active span{color:#a78bfa}
.process-nav-progress { height:2px; background:var(--border); margin-top:1.6rem; overflow:hidden; }.process-nav-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5eead4,#a78bfa,#6366f1)}
.process-stage-list { display:grid; gap:2.5rem; }
.process-stage { min-height:650px; padding:clamp(2rem,4vw,4rem); border:1px solid var(--border); border-radius:2.2rem; position:relative; overflow:hidden; background:linear-gradient(145deg,var(--glass),transparent); display:flex; flex-direction:column; justify-content:flex-start; }
.process-stage[data-reveal]{transform:translateY(100px) scale(.96);opacity:0}.process-stage[data-reveal].in{transform:none;opacity:1;transition:1s var(--ease)}
.process-stage-top { display:flex; align-items:center; justify-content:space-between; }.process-stage-no { font-size:.75rem; letter-spacing:.18em; color:#a78bfa; }.process-stage-time { font-size:.7rem; padding:.45rem .7rem; border:1px solid var(--border); border-radius:999px; color:var(--muted); }
.process-stage h3 { font-size:clamp(2.2rem,4vw,4.6rem); line-height:.98; letter-spacing:-.055em; font-weight:520; max-width:11ch; margin:2rem 0 1.1rem; }
.process-stage > p { color:var(--muted); line-height:1.8; max-width:43rem; }
.process-deliverables { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1.5rem; }.process-deliverables span { font-size:.7rem; padding:.45rem .75rem; border:1px solid var(--border); border-radius:999px; color:var(--muted); }
.process-stage-visual { flex:1; min-height:230px; margin-top:2.5rem; border-radius:1.5rem; border:1px solid var(--border-soft); background:rgba(108,53,178,.07); position:relative; overflow:hidden; display:grid; place-items:center; color:#a78bfa; }
.visual-discovery i { position:absolute; width:80px; height:80px; border-radius:50%; border:1px solid currentColor; }.visual-discovery i:nth-child(1){transform:translate(-70px,-20px)}.visual-discovery i:nth-child(2){transform:translate(65px,10px)}.visual-discovery i:nth-child(3){transform:translate(0,45px)}.visual-discovery strong{font-size:5rem;font-weight:400}
.visual-strategy > div { position:absolute; width:12px; height:12px; border-radius:50%; background:currentColor; }.visual-strategy > div:nth-child(1){left:12%;bottom:16%}.visual-strategy > div:nth-child(2){left:44%;top:42%}.visual-strategy > div:nth-child(3){right:8%;top:15%}.visual-strategy svg{width:82%;overflow:visible}
.visual-design span { position:absolute; border-radius:1rem; border:1px solid rgba(255,255,255,.14); background:rgba(108,53,178,.15); width:45%; height:60%; }.visual-design span:nth-child(1){transform:translateX(-45%) rotate(-8deg)}.visual-design span:nth-child(2){transform:translateX(38%) rotate(7deg);background:rgba(23,114,153,.13)}.visual-design span:nth-child(3){width:18%;height:65%;transform:translateY(8%);background:var(--surface)}
.visual-development { padding:2rem; justify-items:start; }.visual-development code { line-height:2; font-size:clamp(.85rem,1.5vw,1.15rem); color:#5eead4; }
.visual-launch .launch-ring { position:absolute; width:180px; aspect-ratio:1; border-radius:50%; border:1px solid currentColor; box-shadow:0 0 0 35px rgba(167,139,250,.05),0 0 0 70px rgba(167,139,250,.03); animation:launchPulse 2s ease-in-out infinite; }.visual-launch strong{font-size:3rem;z-index:2}
@keyframes launchPulse{50%{transform:scale(1.08);opacity:.65}}
.visual-growth { align-items:end; grid-auto-flow:column; grid-auto-columns:12%; gap:7%; padding:2rem 12%; }.visual-growth .bar{width:100%;align-self:end;border-radius:.65rem .65rem 0 0;background:linear-gradient(#5eead4,#6366f1)}.visual-growth .b1{height:18%}.visual-growth .b2{height:30%}.visual-growth .b3{height:48%}.visual-growth .b4{height:68%}.visual-growth .b5{height:92%}
.process-cta-section { padding:0 0 10rem; }.process-cta-card { min-height:320px; padding:clamp(2rem,5vw,5rem); border-radius:2.2rem; background:linear-gradient(135deg,#36145a,#2930b8); color:#fff; display:flex; align-items:center; justify-content:space-between; gap:3rem; overflow:hidden; position:relative; }.process-cta-card::after{content:"06";position:absolute;right:1rem;bottom:-.3em;font-size:18rem;line-height:1;font-weight:800;color:rgba(255,255,255,.05)}.process-cta-card h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:520;max-width:13ch}.process-cta-card > *{position:relative;z-index:2}

.blog-hero-new { padding:13rem 0 6rem; min-height:72svh; display:flex; align-items:end; position:relative; overflow:hidden; }
.blog-hero-new::after { content:"BLOG"; position:absolute; right:-.05em; bottom:-.2em; font-size:clamp(8rem,25vw,29rem); font-weight:800; line-height:.72; letter-spacing:-.1em; color:color-mix(in srgb,var(--ink) 3.5%,transparent); pointer-events:none; }
.blog-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr .55fr; gap:5rem; align-items:end; }
.blog-hero-grid h1 { font-size:clamp(4rem,8vw,9rem); line-height:.86; letter-spacing:-.08em; font-weight:520; }
.blog-hero-side { padding-bottom:1rem; }.blog-hero-side > p { color:var(--muted); line-height:1.85; max-width:31rem; }
.blog-count { display:flex; align-items:end; gap:1rem; margin-top:2rem; }.blog-count strong{font-size:4rem;line-height:.8;font-weight:520;letter-spacing:-.07em}.blog-count span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.blog-feature-section { padding:2rem 0 7rem; }
.blog-feature-card { display:grid; grid-template-columns:1.18fr .82fr; min-height:590px; border:1px solid var(--border); border-radius:2rem; overflow:hidden; background:var(--body-light); transition:.55s var(--ease); }
.blog-feature-card:hover { transform:translateY(-8px); border-color:rgba(167,139,250,.4); box-shadow:0 35px 90px rgba(0,0,0,.22); }
.blog-feature-media { position:relative; overflow:hidden; }.blog-feature-media img { width:100%; height:100%; object-fit:cover; transition:1s var(--ease); }.blog-feature-card:hover .blog-feature-media img{transform:scale(1.06) rotate(.4deg)}
.blog-feature-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,var(--body-light));pointer-events:none}.blog-feature-badge{position:absolute;left:1.5rem;top:1.5rem;padding:.55rem .8rem;border-radius:999px;background:#fff;color:#0f0b18;font-size:.68rem;font-weight:650;text-transform:uppercase;letter-spacing:.1em}
.blog-feature-copy { padding:clamp(2rem,4vw,4rem); display:flex; flex-direction:column; justify-content:center; }.blog-feature-copy h2 { font-size:clamp(2.25rem,4vw,4.5rem); line-height:.98; letter-spacing:-.055em; font-weight:520; margin:1.5rem 0; }.blog-feature-copy > p { color:var(--muted); line-height:1.8; }
.blog-card-meta { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }.blog-card-meta span:first-child{color:#a78bfa}.blog-card-meta > *+*::before{content:"·";margin-right:.8rem;color:var(--muted)}
.blog-read-link { display:inline-flex; align-items:center; gap:.65rem; margin-top:1.8rem; font-size:.8rem; font-weight:600; }.blog-read-link i{font-style:normal;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;transition:.3s var(--ease)}.blog-read-link:hover i{transform:translate(4px,-4px);background:var(--ink);color:var(--body)}
.blog-index-section { padding:1rem 0 10rem; }.blog-index-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(3rem,7vw,7rem);align-items:start}
.blog-filter-bar { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; padding-bottom:1.5rem; border-bottom:1px solid var(--border); margin-bottom:1rem; }.blog-filter-bar > span{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-right:.6rem}.blog-filter-bar button{padding:.55rem .85rem;border-radius:999px;border:1px solid transparent;color:var(--muted);font-size:.75rem;transition:.3s ease}.blog-filter-bar button:hover,.blog-filter-bar button.active{border-color:var(--border);color:var(--ink);background:var(--glass)}
.blog-feed-list { display:grid; }.blog-feed-card { display:grid; grid-template-columns:280px minmax(0,1fr); gap:2rem; padding:2rem 0; border-bottom:1px solid var(--border); transition:opacity .3s ease,transform .3s ease; }.blog-feed-card[hidden]{display:none}.blog-feed-card[data-reveal]{opacity:0;transform:translateY(45px)}.blog-feed-card[data-reveal].in{opacity:1;transform:none;transition:.8s var(--ease)}
.blog-feed-media { aspect-ratio:1.2; border-radius:1.35rem; overflow:hidden; position:relative; background:var(--surface); }.blog-feed-media img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}.blog-feed-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,11,24,.62));opacity:.7}.blog-feed-media > span{position:absolute;z-index:2;right:1rem;bottom:.7rem;color:#fff;font-size:.7rem;letter-spacing:.15em}.blog-feed-card:hover .blog-feed-media img{transform:scale(1.08) rotate(1deg)}
.blog-feed-copy { align-self:center; }.blog-feed-copy h2{font-size:clamp(1.45rem,2.4vw,2.35rem);line-height:1.08;letter-spacing:-.035em;font-weight:530;margin:1rem 0 .8rem}.blog-feed-copy h2 a{background-image:linear-gradient(var(--ink),var(--ink));background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .45s var(--ease)}.blog-feed-card:hover h2 a{background-size:100% 1px}.blog-feed-copy > p{color:var(--muted);line-height:1.7;font-size:.9rem}.blog-feed-copy .blog-read-link{margin-top:1rem}
.blog-pagination { display:flex;gap:.5rem;align-items:center;margin-top:2.5rem}.blog-pagination button{width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:50%;font-size:.75rem;color:var(--muted)}.blog-pagination button.active,.blog-pagination button:hover{background:var(--ink);color:var(--body)}
.blog-sidebar { position:sticky;top:110px;display:grid;gap:1rem}.blog-sidebar-card,.blog-newsletter{padding:1.5rem;border:1px solid var(--border);border-radius:1.5rem;background:linear-gradient(145deg,var(--glass),transparent)}.blog-sidebar-card > a{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--border-soft);font-size:.82rem}.blog-sidebar-card > a:last-child{border-bottom:0}.blog-sidebar-card a b{color:var(--muted);font-size:.7rem}.blog-sidebar-card a:hover span{color:#a78bfa}.blog-sidebar-card.featured>a{display:block}.blog-sidebar-card.featured h3{font-size:1.35rem;line-height:1.15;font-weight:540;margin:.75rem 0}.blog-side-date{color:var(--muted);font-size:.65rem}.blog-newsletter{background:linear-gradient(145deg,rgba(108,53,178,.25),rgba(60,67,221,.12))}.blog-newsletter>span{font-size:.62rem;letter-spacing:.22em;color:#a78bfa}.blog-newsletter h3{font-size:1.55rem;line-height:1.1;margin:.9rem 0}.blog-newsletter p{color:var(--muted);font-size:.82rem;line-height:1.65}.blog-newsletter form{display:grid;gap:.7rem;margin-top:1.2rem}.blog-newsletter .field{border-radius:1rem;padding:.9rem 1rem}.blog-newsletter .btn{width:100%}.blog-newsletter small{display:block;margin-top:.7rem;color:#5eead4;min-height:1em}

.article-page { --article-font-size:1.08rem; }
.article-hero { padding:12rem 0 5rem; }
.article-breadcrumb { display:flex;gap:.65rem;align-items:center;color:var(--muted);font-size:.72rem;margin-bottom:3rem;flex-wrap:wrap}.article-breadcrumb a:hover{color:var(--ink)}
.article-title-grid { display:grid; grid-template-columns:1.2fr .55fr; gap:5rem; align-items:end; }.article-title-grid h1{font-size:clamp(3.5rem,7.2vw,8.2rem);line-height:.9;letter-spacing:-.075em;font-weight:520;max-width:12ch}.article-intro{color:var(--muted);font-size:1.05rem;line-height:1.85;padding-bottom:.5rem}
.article-meta-row{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;margin-top:3rem;padding-top:1.3rem;border-top:1px solid var(--border);color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.article-meta-row>*+*::before{content:"·";margin-right:1.2rem}
.article-cover { margin-top:4rem; position:relative; height:min(72svh,780px); overflow:hidden; border-radius:2.2rem; border:1px solid var(--border); }.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(15,11,24,.65))}.article-cover-index{position:absolute;z-index:2;left:2rem;bottom:1.5rem;color:#fff;font-size:.68rem;letter-spacing:.2em}
.article-body-layout { display:grid; grid-template-columns:70px minmax(0,780px); justify-content:center; gap:clamp(2rem,5vw,5rem); padding:7rem 0 8rem; position:relative; }
.article-tool-rail { position:sticky; top:120px; align-self:start; display:flex; flex-direction:column; align-items:center; width:58px; border:1px solid var(--border); border-radius:1rem; background:var(--body); padding:.6rem 0; z-index:8; }
.article-tool-rail button{width:100%;height:43px;display:grid;place-items:center;color:var(--muted);transition:.25s ease}.article-tool-rail button:hover{color:var(--ink);background:var(--glass)}.article-tool-rail strong{font-size:.92rem}.article-tool-rail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rail-sep{width:22px;height:1px;background:var(--border);display:block}.rail-group-gap{height:14px}.article-rail-progress{position:absolute;left:-10px;top:0;bottom:0;width:2px;background:var(--border-soft);overflow:hidden}.article-rail-progress i{display:block;width:100%;height:0;background:linear-gradient(#5eead4,#a78bfa,#6366f1)}
.article-content { font-size:var(--article-font-size); line-height:1.95; color:color-mix(in srgb,var(--ink) 86%,transparent); min-width:0; }
.article-content .article-lead{font-size:1.3em;line-height:1.7;color:var(--ink);margin-bottom:3rem}.article-content h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em;font-weight:540;margin:5rem 0 1.4rem;scroll-margin-top:130px}.article-content h3{font-size:1.45em;line-height:1.25;font-weight:550;margin:2.8rem 0 1rem}.article-content p+p{margin-top:1.45rem}.article-content ul{margin:1.5rem 0 2rem;padding-left:1.2rem}.article-content li{list-style:disc;margin:.65rem 0;padding-left:.4rem}.article-content li::marker{color:#a78bfa}
.article-toc{padding:1.5rem 1.7rem;border:1px solid var(--border);border-radius:1.25rem;margin:2.5rem 0 4rem;display:grid;gap:.65rem;background:var(--glass)}.article-toc strong{font-size:.72em;letter-spacing:.15em;text-transform:uppercase;color:#a78bfa;margin-bottom:.3rem}.article-toc a{font-size:.85em;color:var(--muted);display:flex;align-items:center;gap:.6rem}.article-toc a::before{content:"→"}.article-toc a:hover{color:var(--ink);transform:translateX(4px)}
.article-content blockquote{margin:4rem -3rem;padding:3rem;border-radius:1.5rem;background:linear-gradient(135deg,rgba(108,53,178,.22),rgba(23,114,153,.12));border:1px solid var(--border);position:relative}.article-content blockquote>span{position:absolute;left:1.2rem;top:.2rem;font-size:7rem;line-height:1;color:rgba(167,139,250,.18)}.article-content blockquote p{position:relative;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.35;letter-spacing:-.025em;color:var(--ink)}
.article-wide-figure{margin:3rem -8rem}.article-wide-figure img{width:100%;max-height:620px;object-fit:cover;border-radius:1.75rem;border:1px solid var(--border)}.article-wide-figure figcaption{color:var(--muted);font-size:.72em;margin-top:.8rem;text-align:center}
.article-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0}.article-insight-grid>div{padding:1.5rem;border:1px solid var(--border);border-radius:1.3rem;background:var(--glass)}.article-insight-grid span{font-size:.65em;color:#a78bfa;letter-spacing:.15em}.article-insight-grid h3{font-size:1.05em;margin:1rem 0 .6rem}.article-insight-grid p{font-size:.8em;color:var(--muted);line-height:1.7}
.article-callout{margin:4rem 0;padding:2rem;border-left:3px solid #a78bfa;background:linear-gradient(90deg,rgba(108,53,178,.16),transparent)}.article-callout h3{font-size:1.6em;margin:.4rem 0 .8rem}.article-callout p:last-child{color:var(--muted)}
.article-summary{margin-top:5rem;padding:clamp(2rem,5vw,4rem);border:1px solid var(--border);border-radius:1.8rem;background:var(--body-light)}.article-summary h2{margin:0 0 1.5rem}.article-summary ol{counter-reset:summary;display:grid;gap:.7rem}.article-summary li{list-style:none;counter-increment:summary;padding:.8rem 0;border-bottom:1px solid var(--border-soft)}.article-summary li::before{content:"0" counter(summary);color:#a78bfa;font-size:.7em;margin-right:1rem}
.article-author{display:flex;gap:1.3rem;align-items:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.article-author-avatar{width:64px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6c35b2,#3c43dd);color:#fff;font-size:1.5rem;font-weight:700}.article-author span{font-size:.65em;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.article-author h3{font-size:1.1em;margin:.25rem 0}.article-author p{font-size:.78em;color:var(--muted)}
.article-related-section{padding:7rem 0 10rem;background:var(--body-light)}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.article-related-grid a{padding:1rem;border:1px solid var(--border);border-radius:1.5rem;background:var(--body);transition:.45s var(--ease)}.article-related-grid a:hover{transform:translateY(-8px);border-color:rgba(167,139,250,.4)}.article-related-grid img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:1rem;margin-bottom:1rem;transition:.6s var(--ease)}.article-related-grid a:hover img{transform:scale(1.02)}.article-related-grid span{font-size:.65rem;color:#a78bfa;text-transform:uppercase;letter-spacing:.12em}.article-related-grid h3{font-size:1.25rem;line-height:1.2;font-weight:540;margin-top:.6rem}
.blog-tool-toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,20px);padding:.75rem 1rem;border-radius:999px;background:var(--ink);color:var(--body);font-size:.75rem;opacity:0;pointer-events:none;z-index:150;transition:.3s var(--ease)}.blog-tool-toast.show{opacity:1;transform:translate(-50%,0)}

.page-about [data-reveal]:not(.in),.page-why [data-reveal]:not(.in),.page-process [data-reveal]:not(.in),.page-blog [data-reveal]:not(.in),.page-blog-detail [data-reveal]:not(.in){will-change:transform,opacity}

@media (max-width:1100px){
  .about-hero-grid,.why-hero-grid,.process-hero-grid{grid-template-columns:1fr 1fr;gap:3rem}.about-hero-art{min-height:560px}.about-story-layout{grid-template-columns:340px 1fr;gap:3rem}.why-reason,.why-reason.reason-right{grid-template-columns:65px 1fr}.why-reason .why-reason-art,.why-reason.reason-right .why-reason-art{grid-column:2;order:4}.blog-feature-card{grid-template-columns:1fr 1fr}.blog-index-layout{grid-template-columns:minmax(0,1fr) 280px;gap:3rem}.article-wide-figure{margin-inline:-3rem}
}
@media (max-width:900px){
  .section-head-split{grid-template-columns:1fr;gap:1.5rem}.about-hero-new,.why-hero-new,.process-hero-new{padding-top:10rem}.about-hero-grid,.why-hero-grid,.process-hero-grid{grid-template-columns:1fr}.about-display,.why-hero-copy h1,.process-hero-copy h1{max-width:none}.about-hero-art{min-height:620px}.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-stats-grid>div:nth-child(2){border-right:0}.about-stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.about-story-layout{grid-template-columns:1fr}.about-story-visual{position:relative;top:auto;height:68svh;min-height:470px}.about-story-step{min-height:auto;padding:5rem 0;opacity:1;transform:none}.about-values-grid{grid-template-columns:repeat(2,1fr)}.why-signal-board{max-width:600px}.why-reason,.why-reason.reason-right{grid-template-columns:1fr;min-height:0}.why-reason-index{writing-mode:horizontal-tb}.why-reason.reason-right .why-reason-copy,.why-reason.reason-right .why-reason-art,.why-reason.reason-right .why-reason-index{order:initial}.why-reason .why-reason-art,.why-reason.reason-right .why-reason-art{grid-column:auto}.why-proof-grid{grid-template-columns:1fr}.process-flow-layout{grid-template-columns:1fr}.process-flow-nav{position:relative;top:auto}.process-nav-list{grid-template-columns:repeat(3,1fr);gap:.5rem}.process-nav-list button{border:1px solid var(--border);padding:.7rem;border-radius:.8rem}.process-stage{min-height:570px}.blog-hero-grid{grid-template-columns:1fr}.blog-feature-card{grid-template-columns:1fr}.blog-feature-media{min-height:420px}.blog-feature-media::after{background:linear-gradient(180deg,transparent 72%,var(--body-light))}.blog-index-layout{grid-template-columns:1fr}.blog-sidebar{position:relative;top:auto;grid-template-columns:repeat(2,1fr)}.blog-newsletter{grid-column:1/-1}.article-title-grid{grid-template-columns:1fr;gap:2rem}.article-body-layout{grid-template-columns:1fr;padding-inline:1.25rem}.article-tool-rail{position:sticky;top:90px;flex-direction:row;width:100%;height:54px;padding:0 .4rem;border-radius:999px;overflow-x:auto;justify-content:center}.article-tool-rail button{width:44px;min-width:44px}.rail-sep{width:1px;height:22px}.rail-group-gap{width:10px;height:auto}.article-rail-progress{left:0;right:0;top:auto;bottom:-5px;width:auto;height:2px}.article-rail-progress i{height:100%;width:0}.article-wide-figure{margin-inline:0}.article-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .about-hero-new,.why-hero-new,.process-hero-new{min-height:auto;padding:9rem 0 4rem}.about-display,.why-hero-copy h1,.process-hero-copy h1{font-size:clamp(3.2rem,15vw,5.3rem)}.about-hero-art{min-height:470px}.about-portrait-wrap{width:88%;border-radius:42% 42% 1.5rem 1.5rem}.about-float-one{left:.25rem;top:10%}.about-float-two{right:.25rem;bottom:8%}.about-hero-word{font-size:8.5rem}.about-stats-grid{grid-template-columns:1fr 1fr}.about-stats-grid>div{min-height:125px;padding:1.4rem}.about-stats-grid strong{font-size:2.4rem}.about-story-section,.about-timeline-section,.about-values-section,.why-reasons-section,.why-comparison-section,.why-proof-section,.process-flow-section{padding:6rem 0}.about-story-visual{height:58svh}.about-story-caption{left:1.25rem;right:1.25rem;bottom:1.25rem}.about-timeline{padding-left:2.8rem}.about-timeline-line{left:.8rem}.about-year{grid-template-columns:1fr;gap:1rem;padding:2.4rem 0}.about-year::before{left:-2.35rem;top:3.2rem}.about-values-grid{grid-template-columns:1fr}.about-value-card{min-height:240px}.why-signal-board{min-height:420px}.why-board-core{width:140px}.why-board-core strong{font-size:3rem}.why-board-metric{min-width:120px;padding:.8rem}.metric-a{left:0}.metric-b{right:0}.metric-c{left:5%}.why-reason{padding:1.4rem;border-radius:1.5rem}.why-reason-art{height:280px}.why-table-row{grid-template-columns:1fr}.why-table-row.head{display:none}.why-table-row>*{border-right:0}.why-table-row strong{background:var(--glass)}.why-table-row span:nth-child(2)::before{content:"Klasik: ";font-weight:600;color:var(--ink)}.why-table-row span:nth-child(3)::before{content:"Aketa: ";font-weight:600;color:var(--ink)}.why-proof-numbers{grid-template-columns:1fr}.why-proof-numbers>div{border-right:0;border-bottom:1px solid var(--border)}.why-proof-numbers>div:last-child{border-bottom:0}.process-radar{min-height:420px}.radar-node{font-size:.6rem}.process-principles-grid{grid-template-columns:1fr}.process-principles-grid>div{border-right:0;border-bottom:1px solid var(--border-soft)}.process-principles-grid>div:last-child{border-bottom:0}.process-nav-list{grid-template-columns:repeat(2,1fr)}.process-stage{min-height:530px;padding:1.5rem;border-radius:1.5rem}.process-stage h3{font-size:2.35rem}.process-stage-visual{min-height:200px}.process-cta-card{flex-direction:column;align-items:flex-start}.blog-hero-new{min-height:auto;padding:10rem 0 4rem}.blog-hero-grid h1{font-size:clamp(3.6rem,16vw,5.5rem)}.blog-feature-section{padding-bottom:5rem}.blog-feature-card{min-height:0;border-radius:1.5rem}.blog-feature-media{min-height:300px}.blog-feature-copy{padding:1.5rem}.blog-feature-copy h2{font-size:2.1rem}.blog-feed-card{grid-template-columns:1fr;gap:1.2rem}.blog-feed-media{aspect-ratio:1.55}.blog-sidebar{grid-template-columns:1fr}.blog-filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:1rem}.blog-filter-bar button{white-space:nowrap}.article-hero{padding:10rem 0 3rem}.article-title-grid h1{font-size:clamp(3rem,14vw,5rem)}.article-cover{height:52svh;border-radius:1.4rem}.article-meta-row{gap:.7rem}.article-meta-row>*+*::before{margin-right:.7rem}.article-body-layout{padding-top:4rem}.article-content{font-size:calc(var(--article-font-size) * .94)}.article-content blockquote{margin-inline:0;padding:2rem 1.4rem}.article-insight-grid{grid-template-columns:1fr}.article-related-grid{grid-template-columns:1fr}.article-tool-rail{justify-content:flex-start}.article-wide-figure img{border-radius:1.2rem}
}

@media (prefers-reduced-motion:reduce){.about-orbit,.why-board-ring,.radar-sweep,.why-marquee>div,.about-story-scan,.launch-ring{animation:none!important}.why-reason[data-reveal],.process-stage[data-reveal],.blog-feed-card[data-reveal]{transform:none!important}}

@media print{
  .top-strip,.site-header,.fullmenu,.modal,.site-footer,.article-tool-rail,.article-related-section,#scroll-progress,.language-switcher,.fullscreen-btn{display:none!important}
  body{background:#fff!important;color:#111!important}.article-hero{padding:1rem 0}.article-cover{height:360px}.article-body-layout{display:block;padding:2rem 0}.article-content{color:#111!important;max-width:none}.article-content *{color:#111!important}.article-content blockquote,.article-summary,.article-callout{background:#f3f3f3!important;border-color:#ddd!important}.article-wide-figure{margin-inline:0}
}

html, body { width: 100%; max-width: 100%; }
main, section, article, aside, header, footer, nav, .container, .container-wide { min-width: 0; }
img, video, iframe, svg { max-width: 100%; }
input, textarea, select, button { max-width: 100%; }

.process-hero-new {
  min-height: 100svh;
  padding: clamp(9.5rem, 13vw, 12rem) 0 clamp(5rem, 8vw, 8rem);
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--purple) 10%, transparent), transparent 42%),
    linear-gradient(180deg, transparent 65%, color-mix(in srgb, var(--body-light) 45%, transparent));
}
.process-hero-new::before {
  background:
    linear-gradient(var(--border-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--border-soft) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 100%);
  mask-image: linear-gradient(90deg, transparent, #000 30%, #000 100%);
  opacity: .38;
}
.process-hero-grid {
  grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr);
  gap: clamp(3rem, 6vw, 7rem);
  align-items: center;
}
.process-hero-copy h1 {
  max-width: 10.5ch;
  font-size: clamp(3.7rem, 6.4vw, 7.6rem);
}
.process-blueprint {
  position: relative;
  width: 100%;
  min-height: 620px;
  padding: clamp(1.2rem, 2vw, 1.8rem);
  border: 1px solid color-mix(in srgb, var(--purple) 32%, var(--border));
  border-radius: clamp(1.6rem, 3vw, 2.6rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 5%, color-mix(in srgb, var(--indigo) 22%, transparent), transparent 35%),
    linear-gradient(145deg, color-mix(in srgb, var(--body-light) 95%, var(--purple) 5%), var(--body-light));
  box-shadow: 0 28px 80px rgba(0,0,0,.22);
}
.process-blueprint::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(var(--border-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--border-soft) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .65;
}
.process-blueprint > * { position: relative; z-index: 1; }
.process-blueprint-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .35rem .25rem 1.2rem;
  border-bottom: 1px solid var(--border);
  color: var(--muted);
  font-size: .65rem;
  letter-spacing: .17em;
}
.process-blueprint-top b {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--ink);
  font-size: .68rem;
  letter-spacing: .04em;
  font-weight: 550;
}
.process-blueprint-top b i {
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  background: #54d59b;
  box-shadow: 0 0 0 5px rgba(84,213,155,.1);
}
.process-blueprint-title {
  display: grid;
  gap: .45rem;
  padding: 1.45rem .25rem 1.2rem;
}
.process-blueprint-title span {
  color: var(--purple);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.process-blueprint-title strong {
  max-width: 18ch;
  font-size: clamp(1.55rem, 2.35vw, 2.45rem);
  line-height: 1.08;
  letter-spacing: -.04em;
  font-weight: 540;
}
.process-blueprint-route {
  position: relative;
  display: grid;
  gap: .55rem;
  padding: .35rem 0 1rem;
}
.process-blueprint-route::before {
  content: '';
  position: absolute;
  left: 1.42rem;
  top: 1rem;
  bottom: 1.65rem;
  width: 1px;
  background: linear-gradient(var(--purple), color-mix(in srgb, var(--cyan) 70%, transparent), var(--border));
}
.blueprint-step {
  position: relative;
  display: grid;
  grid-template-columns: 2.9rem minmax(0,1fr) auto;
  align-items: center;
  gap: .8rem;
  min-height: 58px;
  padding: .62rem .75rem .62rem .1rem;
  border: 1px solid transparent;
  border-radius: 1rem;
  transition: transform .35s var(--ease), border-color .35s ease, background .35s ease;
}
.blueprint-step:hover,
.blueprint-step.is-active {
  transform: translateX(.35rem);
  border-color: color-mix(in srgb, var(--purple) 28%, var(--border));
  background: color-mix(in srgb, var(--purple) 7%, var(--body-light));
}
.blueprint-step em {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--purple) 38%, var(--border));
  background: var(--body-light);
  color: var(--purple);
  font-size: .68rem;
  font-style: normal;
  font-weight: 700;
}
.blueprint-step.is-active em {
  background: linear-gradient(135deg, var(--purple), var(--indigo));
  color: #fff;
  border-color: transparent;
}
.blueprint-step div { display: grid; gap: .12rem; min-width: 0; }
.blueprint-step div strong { font-size: .92rem; font-weight: 600; }
.blueprint-step div small { color: var(--muted); font-size: .7rem; white-space: normal; }
.blueprint-step > span {
  color: color-mix(in srgb, var(--ink) 42%, transparent);
  font-size: .64rem;
  white-space: nowrap;
}
.process-blueprint-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  border-top: 1px solid var(--border);
  padding-top: 1rem;
}
.process-blueprint-summary div {
  display: grid;
  gap: .12rem;
  min-height: 64px;
  padding: .35rem .8rem;
  border-right: 1px solid var(--border);
}
.process-blueprint-summary div:last-child { border-right: 0; }
.process-blueprint-summary strong { font-size: 1.4rem; line-height: 1; letter-spacing: -.05em; }
.process-blueprint-summary span { color: var(--muted); font-size: .64rem; }

@media (max-width: 820px) {
  .menu-float-btns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    white-space: nowrap;
  }
  .menu-float-btns button {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 390px) {
  .menu-float-btns { gap: .55rem; }
  .menu-float-btns button {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }
}

@media (max-height: 620px) and (orientation: landscape) {
  .fullmenu-panel { height: 84dvh; min-height: 84dvh; max-height: 84dvh; }
  .menu-float-btns { gap: .5rem; margin-bottom: .35rem; }
  .menu-float-btns button {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 820px) {
  .scroll-video-pin { height: 160svh; }
  .scroll-video-sticky {
    height: 100svh;
    align-items: center;
    padding: clamp(4.5rem, 10svh, 6.5rem) 0 max(1rem, env(safe-area-inset-bottom));
  }
  .scroll-video-frame {
    width: calc(100% - 1rem);
    height: min(72svh, 580px);
    min-height: 420px;
    max-height: calc(100svh - 6rem);
    border-radius: 22px;
    transform: none !important;
    background: color-mix(in srgb, var(--scene-accent) 20%, var(--body-light));
  }
  .scroll-image-sequence {
    inset: 0 0 auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1408 / 768;
    background: #09070f;
  }
  .scroll-scene-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none !important;
  }
  .scroll-video-frame::after {
    background: linear-gradient(to top, var(--body-light) 0%, color-mix(in srgb, var(--body-light) 92%, transparent) 34%, transparent 62%);
  }
  .scroll-image-frame .sv-caption {
    inset: auto 0 0;
    min-height: 37%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.25rem 1rem max(1.15rem, env(safe-area-inset-bottom));
  }
  .scroll-image-frame .sv-caption p { font-size: .58rem !important; letter-spacing: .2em !important; }
  .scroll-image-frame .sv-caption h2 { max-width: 28rem; margin-inline: auto; font-size: clamp(1.05rem, 5.2vw, 1.55rem); line-height: 1.16; }
  .sv-float { width: 9%; }
  .h-scroll-section { margin-top: -4svh; }
}

@media (max-width: 480px) {
  .scroll-video-pin { height: 145svh; }
  .scroll-video-frame {
    height: min(68svh, 520px);
    min-height: 390px;
    max-height: calc(100svh - 5.5rem);
  }
  .scroll-image-frame .sv-caption { min-height: 39%; padding-inline: .85rem; }
  .sv-float { display: none; }
}

@media (max-width: 1100px) {
  .process-hero-grid { grid-template-columns: minmax(0,1fr) minmax(420px,.95fr); gap: 3rem; }
  .process-hero-copy h1 { font-size: clamp(3.3rem, 6.8vw, 6rem); }
  .process-blueprint { min-height: 590px; }
}
@media (max-width: 900px) {
  .process-hero-new { min-height: auto; padding-top: 9rem; }
  .process-hero-grid { grid-template-columns: 1fr; }
  .process-hero-copy h1 { max-width: 11ch; }
  .process-blueprint { width: min(680px, 100%); min-height: 0; margin-inline: auto; }
}
@media (max-width: 560px) {
  .process-hero-new { padding: 8.5rem 0 4.5rem; }
  .process-hero-copy h1 { font-size: clamp(3rem, 14vw, 4.7rem); line-height: .94; }
  .process-hero-copy > p:not(.eyebrow) { margin: 1.35rem 0 1.75rem; font-size: .95rem; line-height: 1.72; }
  .process-blueprint { padding: .9rem; border-radius: 1.35rem; }
  .process-blueprint-top { align-items: flex-start; }
  .process-blueprint-top > span { max-width: 13ch; }
  .process-blueprint-title { padding: 1.15rem .15rem .9rem; }
  .process-blueprint-title strong { font-size: 1.55rem; }
  .blueprint-step { grid-template-columns: 2.6rem minmax(0,1fr); gap: .65rem; padding-right: .25rem; }
  .blueprint-step > span { grid-column: 2; margin-top: -.3rem; }
  .blueprint-step em { width: 2.35rem; height: 2.35rem; }
  .process-blueprint-route::before { left: 1.26rem; }
  .process-blueprint-summary { grid-template-columns: 1fr; }
  .process-blueprint-summary div { grid-template-columns: auto 1fr; align-items: center; min-height: 48px; border-right: 0; border-bottom: 1px solid var(--border); }
  .process-blueprint-summary div:last-child { border-bottom: 0; }
  .process-blueprint-summary strong { min-width: 3.5rem; }
}

.process-hero-copy .text-gradient {
  background: none;
  color: var(--purple);
  -webkit-text-fill-color: currentColor;
}

@media (max-width: 820px) {
  .scroll-video-frame {
    --scene-mobile-image-h: calc((100vw - 1rem) * .54545);
    --scene-mobile-copy-h: clamp(168px, 23svh, 205px);
    height: min(calc(var(--scene-mobile-image-h) + var(--scene-mobile-copy-h)), calc(100svh - 5.5rem));
    min-height: 0;
    max-height: none;
  }
  .scroll-image-sequence {
    height: var(--scene-mobile-image-h);
    aspect-ratio: auto;
  }
  .scroll-image-frame .sv-caption {
    top: var(--scene-mobile-image-h);
    bottom: 0;
    min-height: 0;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .scroll-video-frame {
    --scene-mobile-copy-h: clamp(160px, 22svh, 190px);
    height: min(calc(var(--scene-mobile-image-h) + var(--scene-mobile-copy-h)), calc(100svh - 5rem));
    min-height: 0;
  }
}

@media (max-width: 900px) {
  .about-story-layout { grid-template-columns: minmax(0, 1fr); }
  .about-story-visual,
  .about-story-steps,
  .about-story-step { width: 100%; min-width: 0; max-width: 100%; }
  .article-content blockquote { margin-inline: 0; }
}

.skip-link{
  position:fixed;left:1rem;top:1rem;z-index:9999;transform:translateY(-180%);
  padding:.75rem 1rem;border-radius:999px;background:var(--invert-bg);color:var(--invert-fg);
  font-weight:700;transition:transform .2s ease;
}
.skip-link:focus{transform:translateY(0)}

@media (max-width: 899px){
  [data-fullscreen-toggle]{display:none!important}
}
@media (max-width: 767px){
  .language-switcher{left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom))}
  .language-trigger,
  .language-switcher.open .language-trigger{
    width:52px!important;min-width:52px!important;height:52px!important;padding:0!important;
    justify-content:center!important;border-radius:16px!important;
  }
  .language-trigger>.language-copy,
  .language-trigger>.language-chevron{display:none!important}
  .language-trigger>.language-code{display:grid!important;width:36px!important;height:36px!important;margin:0!important}
}

.license-modal-card{max-width:860px}
.license-modal-side{background:linear-gradient(145deg,#431066,#202092 58%,#0c526f)}
.license-modal-side .badge-soft{display:inline-flex;color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1)}
.license-modal-side h3{font-size:clamp(2rem,4vw,3.1rem);line-height:1.02;margin:1.25rem 0 1rem;max-width:9ch}
.license-side-points{display:grid;gap:.8rem}
.license-side-points>div{display:flex;align-items:center;gap:.7rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.15)}
.license-modal-intro{margin:.4rem 0 1.4rem}
.license-key-field{text-transform:uppercase;letter-spacing:.05em}
.field-help{display:block;color:var(--muted);font-size:.72rem;margin:.45rem .3rem 0}
.license-security-note{font-size:.72rem;line-height:1.55;margin-top:1rem;text-align:center}
.license-result{text-align:center}
.license-result-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;margin:0 auto 1.25rem;background:linear-gradient(135deg,rgba(52,211,153,.18),rgba(34,197,94,.08));color:#34d399;border:1px solid rgba(52,211,153,.28)}
.license-result-icon svg{width:28px;height:28px}
.license-result h3{font-size:1.8rem;margin:.2rem 0 .5rem}
.license-result-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;margin:1.5rem 0;gap:.65rem}
.license-result-grid>div{padding:1rem;border:1px solid var(--border-soft);border-radius:16px;background:var(--glass)}
.license-result-grid dt{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.license-result-grid dd{font-weight:650;margin-top:.25rem}
.license-active{color:#34d399}
@media(max-width:640px){
  .license-modal-card{width:min(calc(100% - 1rem),520px);max-height:calc(100dvh - 1rem);overflow:auto}
  .license-modal-side{display:none}
  .license-result-grid{grid-template-columns:1fr}
}

.footer-contact-col{min-width:0}
.footer-contact-list{display:grid;gap:.55rem}
.footer-contact-card{
  position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.75rem;
  min-height:62px;padding:.7rem .8rem;border:1px solid var(--border-soft);border-radius:16px;background:var(--glass);
  transition:transform .35s var(--ease),border-color .35s ease,background .35s ease;
}
.footer-contact-card:hover{transform:translateY(-3px);border-color:rgba(108,53,178,.45);background:rgba(108,53,178,.08)}
.footer-contact-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#c4b5fd;background:linear-gradient(135deg,rgba(108,53,178,.22),rgba(23,114,153,.12));border:1px solid rgba(108,53,178,.2)}
.footer-contact-card small{display:block;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.09em}
.footer-contact-card strong{display:block;font-size:.78rem;white-space:normal;overflow-wrap:anywhere;margin-top:.15rem}
.footer-contact-arrow{color:var(--muted);transition:transform .3s ease,color .3s ease}
.footer-contact-card:hover .footer-contact-arrow{transform:translate(2px,-2px);color:var(--ink)}
.footer-social-nav{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}
.footer-social-nav a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--border-soft);color:var(--muted);font-size:.8rem;font-weight:700;transition:.3s var(--ease)}
.footer-social-nav a:hover{transform:translateY(-4px) rotate(-4deg);color:#fff;border-color:transparent;background:linear-gradient(135deg,#601799,#3c43dd);box-shadow:0 12px 24px rgba(60,67,221,.22)}
@media(max-width:1023px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-contact-card strong{font-size:.84rem}}

.section-heading{display:grid;gap:1.25rem;margin-bottom:clamp(2rem,5vw,4rem)}
.section-heading h2{font-size:clamp(2.2rem,5.2vw,5.25rem);line-height:.98;letter-spacing:-.055em;max-width:12ch}
.section-heading>p{max-width:34rem;align-self:end}
@media(min-width:900px){.section-heading{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:end}}
.detail-back-link{display:inline-flex;align-items:center;color:var(--muted);font-size:.82rem;margin-bottom:1.4rem;transition:.25s ease}
.detail-back-link:hover{color:var(--ink);transform:translateX(-4px)}
.project-tags{display:flex;flex-wrap:wrap;gap:.45rem}
.project-tags span{padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;background:var(--glass)}

.project-index-hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:10rem 0 6rem;overflow:hidden}
.project-index-grid-bg{position:absolute;inset:0;background:linear-gradient(90deg,var(--border-soft) 1px,transparent 1px),linear-gradient(var(--border-soft) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,black,transparent 85%);opacity:.5}
.project-index-grid-bg:after{content:"";position:absolute;inset:10% -10% auto 40%;height:65%;background:radial-gradient(circle at center,rgba(108,53,178,.25),transparent 62%)}
.project-index-hero-grid{position:relative;display:grid;gap:3rem;align-items:center}
.project-index-copy h1{font-size:clamp(3.2rem,7.5vw,8rem);line-height:.9;letter-spacing:-.075em;max-width:10ch}
.project-index-lead{max-width:42rem;color:var(--muted);font-size:clamp(1rem,1.8vw,1.25rem);margin:1.6rem 0 2rem}
.project-index-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.project-index-stage{position:relative;min-height:520px;isolation:isolate}
.project-stage-orbit{position:absolute;inset:7% 8%;border:1px solid rgba(108,53,178,.28);border-radius:50%;transform:rotate(-12deg)}
.project-stage-orbit:before,.project-stage-orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#a78bfa;box-shadow:0 0 0 10px rgba(167,139,250,.08)}
.project-stage-orbit:before{left:5%;top:42%}.project-stage-orbit:after{right:8%;bottom:16%;background:#38bdf8}
.project-stage-card{position:absolute;border:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),var(--body));box-shadow:0 30px 80px rgba(0,0,0,.28)}
.project-stage-card.main{left:8%;right:4%;top:18%;bottom:12%;padding:2rem;border-radius:34px;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(180deg,transparent 30%,rgba(10,7,18,.88)),url('../../images/projects/commerce-hero.webp');background-size:cover;background-position:center}
.project-stage-card.main strong{font-size:clamp(1.8rem,3vw,3.4rem);line-height:1.02;max-width:9ch}.project-stage-card.main small{color:rgba(255,255,255,.65);margin-top:.65rem}.stage-label{font-size:.67rem;letter-spacing:.18em;color:#ddd6fe;margin-bottom:.6rem}
.project-stage-card.upper,.project-stage-card.lower{width:132px;height:132px;border-radius:28px;display:grid;place-content:center;text-align:center;z-index:3}
.project-stage-card.upper{right:0;top:2%;transform:rotate(7deg)}.project-stage-card.lower{left:0;bottom:0;transform:rotate(-7deg)}
.project-stage-card.upper span,.project-stage-card.lower span{font-size:2rem;font-weight:800}.project-stage-card.upper small,.project-stage-card.lower small{color:var(--muted);font-size:.7rem}
@media(min-width:980px){.project-index-hero-grid{grid-template-columns:1.08fr .92fr}}
@media(max-width:979px){.project-index-hero{padding-top:8.5rem}.project-index-stage{min-height:440px;max-width:650px;width:100%;margin:auto}}
@media(max-width:560px){.project-index-copy h1{font-size:clamp(2.9rem,15vw,4.7rem)}.project-index-stage{min-height:350px}.project-stage-card.main{left:5%;right:5%;top:12%;bottom:8%;border-radius:24px;padding:1.25rem}.project-stage-card.upper,.project-stage-card.lower{width:92px;height:92px;border-radius:20px}.project-stage-card.upper span,.project-stage-card.lower span{font-size:1.35rem}.project-stage-card.main strong{font-size:1.65rem}}

.project-featured-card{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:clamp(24px,4vw,48px);background:linear-gradient(145deg,var(--surface),var(--body));min-height:620px}
.project-featured-media{min-height:360px;overflow:hidden}.project-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.project-featured-card:hover .project-featured-media img{transform:scale(1.035)}
.project-featured-content{padding:clamp(1.5rem,4vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.project-featured-content h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.92;letter-spacing:-.06em;margin:1rem 0}.project-featured-content>p{color:var(--muted);max-width:38rem;font-size:1.05rem}
.project-mini-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:2rem 0}.project-mini-specs>div{border-top:1px solid var(--border);padding-top:.75rem}.project-mini-specs dt{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.project-mini-specs dd{font-weight:700;margin-top:.3rem}
@media(min-width:980px){.project-featured-card{grid-template-columns:1.15fr .85fr}.project-featured-media{min-height:620px}}
@media(max-width:640px){.project-mini-specs{grid-template-columns:1fr}.project-featured-content h2{font-size:3rem}}

.project-section-heading>p{max-width:30rem}
.project-filters{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:.5rem}
.project-index-list{display:grid;gap:1.25rem}
.project-index-card{display:grid;border:1px solid var(--border-soft);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,var(--glass),transparent);transition:border-color .35s ease,transform .5s var(--ease)}
.project-index-card:hover{border-color:rgba(108,53,178,.42);transform:translateY(-4px)}
.project-index-media{min-height:300px;overflow:hidden}.project-index-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.project-index-card:hover .project-index-media img{transform:scale(1.045) rotate(.4deg)}
.project-index-card-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:clamp(1.25rem,3vw,2.5rem);align-items:start}.project-number{color:var(--muted);font-family:ui-monospace,monospace;font-size:.72rem}.project-index-card h3{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;line-height:1;margin:.8rem 0}.project-index-card p{color:var(--muted)}
.project-index-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;border-top:1px solid var(--border-soft);padding-top:1rem}.project-index-meta strong{font-size:1.1rem}.project-index-meta small{color:var(--muted)}.project-index-meta a{margin-left:auto;font-weight:650}
@media(min-width:900px){.project-index-card{grid-template-columns:1.05fr .95fr;min-height:460px}.project-index-card.reverse .project-index-media{order:2}.project-index-card.reverse .project-index-card-body{order:1}.project-index-card-body{align-content:center}}
@media(max-width:640px){.project-index-card{border-radius:22px}.project-index-media{min-height:220px}.project-index-meta{grid-column:1/-1}.project-index-meta a{margin-left:0;width:100%}}
.project-trust-grid{display:grid;gap:2rem}.project-trust-grid h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;max-width:12ch}.project-trust-cards{display:grid;gap:.75rem}.project-trust-cards article{padding:1.5rem;border:1px solid var(--border-soft);border-radius:24px;background:var(--glass)}.project-trust-cards strong{display:block;font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.05em}.project-trust-cards span{color:var(--muted)}
@media(min-width:900px){.project-trust-grid{grid-template-columns:1fr 1fr}.project-trust-cards{grid-template-columns:repeat(3,1fr)}}

.project-detail-hero{position:relative;padding:10rem 0 4rem;overflow:hidden}.project-detail-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(108,53,178,.22),transparent 38%),linear-gradient(180deg,transparent,var(--body));pointer-events:none}
.project-detail-hero-grid{position:relative;display:grid;gap:2.5rem;align-items:center}.project-detail-copy h1{font-size:clamp(3.4rem,8vw,8.5rem);line-height:.88;letter-spacing:-.075em;margin:1rem 0}.project-detail-lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:40rem}.project-detail-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.project-detail-hero-media{position:relative;border:1px solid var(--border);border-radius:clamp(24px,4vw,46px);overflow:hidden;background:#090713;box-shadow:0 30px 100px rgba(0,0,0,.28)}.project-detail-hero-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.project-detail-hero-media figcaption{display:flex;justify-content:space-between;position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.75rem 1rem;border-radius:14px;background:rgba(10,7,18,.85);color:#fff;font-size:.7rem}.project-detail-hero-media figcaption span{letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.project-detail-facts{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.project-detail-facts>div{padding:1.35rem 1rem;border-right:1px solid var(--border)}.project-detail-facts>div:last-child{border:0}.project-detail-facts span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.project-detail-facts strong{display:block;margin-top:.35rem;font-size:1rem}
@media(min-width:1000px){.project-detail-hero-grid{grid-template-columns:.82fr 1.18fr}}
@media(max-width:720px){.project-detail-hero{padding-top:8rem}.project-detail-facts{grid-template-columns:1fr 1fr}.project-detail-facts>div:nth-child(2){border-right:0}.project-detail-facts>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.project-detail-copy h1{font-size:clamp(3.2rem,17vw,5.4rem)}}
.project-story-grid{display:grid;gap:2rem}.project-story-nav{display:flex;flex-wrap:wrap;gap:.7rem;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.project-story-nav span{padding:.45rem .7rem;border:1px solid var(--border-soft);border-radius:999px}.project-story-content h2{font-size:clamp(2.7rem,6vw,6.2rem);line-height:.94;letter-spacing:-.06em;max-width:12ch}.project-story-intro{max-width:52rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);margin:1.5rem 0 3rem}.project-outcome-grid{display:grid;gap:.8rem}.project-outcome-grid article{padding:1.5rem;border:1px solid var(--border-soft);border-radius:24px;background:var(--glass)}.project-outcome-grid article>span{font-family:ui-monospace,monospace;color:#a78bfa}.project-outcome-grid h3{font-size:1.25rem;margin:.8rem 0 .35rem}.project-outcome-grid p{color:var(--muted);font-size:.9rem}
@media(min-width:900px){.project-story-grid{grid-template-columns:240px minmax(0,1fr)}.project-story-nav{position:sticky;top:130px;align-self:start;display:grid}.project-outcome-grid{grid-template-columns:repeat(3,1fr)}}
.project-gallery{display:grid;gap:1rem}.project-gallery-item{position:relative;border:1px solid var(--border-soft);border-radius:26px;overflow:hidden;background:var(--surface);min-height:260px;text-align:left}.project-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project-gallery-item:hover img{transform:scale(1.04)}.project-gallery-item span{position:absolute;left:1rem;bottom:1rem;padding:.55rem .8rem;border-radius:999px;background:rgba(10,7,18,.85);color:#fff;font-size:.72rem}.project-gallery-item:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}
@media(min-width:800px){.project-gallery{grid-template-columns:1.3fr .7fr}.project-gallery-item.wide{grid-row:span 2;min-height:620px}.project-gallery-item:not(.wide){min-height:300px}}
.project-spec-grid{display:grid;gap:2rem;align-items:start}.project-spec-copy h2{font-size:clamp(2.7rem,5vw,5.4rem);line-height:.95;letter-spacing:-.055em}.project-spec-panel{border:1px solid var(--border);border-radius:28px;overflow:hidden}.project-spec-panel dl>div{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:1.15rem 1.3rem;border-bottom:1px solid var(--border-soft)}.project-spec-panel dl>div:last-child{border:0}.project-spec-panel dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.project-spec-panel dd{font-weight:600}
@media(min-width:900px){.project-spec-grid{grid-template-columns:.85fr 1.15fr}.project-spec-copy{position:sticky;top:130px}}
@media(max-width:560px){.project-spec-panel dl>div{grid-template-columns:1fr;gap:.3rem}}
.project-feature-matrix h2{font-size:clamp(2.6rem,5vw,5.5rem);line-height:.95;letter-spacing:-.055em;max-width:12ch}.project-feature-list{display:grid;margin-top:3rem;border-top:1px solid var(--border)}.project-feature-list article{display:grid;grid-template-columns:60px minmax(0,.7fr) minmax(0,1.3fr);gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--border);align-items:start}.project-feature-list article>span{font-family:ui-monospace,monospace;color:var(--muted)}.project-feature-list h3{font-size:1.2rem}.project-feature-list p{color:var(--muted)}
@media(max-width:680px){.project-feature-list article{grid-template-columns:40px 1fr}.project-feature-list p{grid-column:2}}
.project-purchase-card{display:grid;gap:2rem;align-items:end;padding:clamp(1.5rem,5vw,4.5rem);border-radius:clamp(24px,4vw,46px);border:1px solid rgba(108,53,178,.35);background:linear-gradient(135deg,rgba(108,53,178,.18),rgba(23,114,153,.08))}.project-purchase-card h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.96;letter-spacing:-.055em;max-width:12ch}.project-purchase-card p{color:var(--muted);max-width:42rem;margin-top:1rem}.project-purchase-price{display:grid;gap:.35rem}.project-purchase-price>span,.project-purchase-price>small{color:var(--muted);font-size:.75rem}.project-purchase-price>strong{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.05em}.project-purchase-price .btn{margin-top:1rem}
@media(min-width:900px){.project-purchase-card{grid-template-columns:1fr auto}.project-purchase-price{text-align:right;justify-items:end}}
.image-lightbox{position:fixed;inset:0;z-index:300;display:none;place-items:center;padding:1rem}.image-lightbox.open{display:grid}.image-lightbox-bg{position:absolute;inset:0;background:rgba(5,3,9,.94)}.image-lightbox img{position:relative;max-width:min(1400px,94vw);max-height:90vh;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.image-lightbox-close{position:fixed;right:1.2rem;top:1.2rem;z-index:2;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;font-size:1.5rem}

.service-detail-hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:10rem 0 5rem;overflow:hidden}.service-detail-rings{position:absolute;right:-12vw;top:3%;width:min(70vw,950px);aspect-ratio:1}.service-detail-rings i{position:absolute;inset:10%;border:1px solid rgba(108,53,178,.2);border-radius:50%}.service-detail-rings i:nth-child(2){inset:25%;border-color:rgba(23,114,153,.25)}.service-detail-rings i:nth-child(3){inset:40%;background:radial-gradient(circle,rgba(108,53,178,.24),transparent 70%)}
.service-detail-hero-grid{position:relative;display:grid;gap:3rem;align-items:center}.service-detail-copy h1{font-size:clamp(4rem,9vw,9.5rem);line-height:.86;letter-spacing:-.08em}.service-detail-lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:42rem;margin-top:1.5rem}.service-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.service-detail-metrics{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem}.service-detail-metrics>div{min-width:128px;padding:.8rem 1rem;border-left:1px solid var(--border)}.service-detail-metrics strong{display:block;font-size:1.2rem}.service-detail-metrics span{color:var(--muted);font-size:.7rem}
.service-detail-visual{position:relative;border-radius:clamp(26px,5vw,54px);overflow:hidden;border:1px solid var(--border);transform:rotate(2deg)}.service-detail-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.service-detail-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,7,18,.8))}.service-detail-visual figcaption{position:absolute;z-index:2;left:1.25rem;right:1.25rem;bottom:1.2rem;display:flex;justify-content:space-between;gap:1rem;color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.service-detail-visual figcaption span{color:rgba(255,255,255,.65)}
@media(min-width:980px){.service-detail-hero-grid{grid-template-columns:1fr .8fr}}
@media(max-width:600px){.service-detail-hero{padding-top:8rem;min-height:auto}.service-detail-copy h1{font-size:clamp(3.4rem,20vw,5.8rem)}.service-detail-rings{width:110vw;right:-55vw}.service-detail-visual{transform:none}}
.service-capability-grid{display:grid;gap:.8rem}.service-capability-grid article{position:relative;min-height:240px;padding:1.5rem;border:1px solid var(--border-soft);border-radius:26px;background:linear-gradient(145deg,var(--glass),transparent);overflow:hidden}.service-capability-grid article:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;bottom:-80px;background:radial-gradient(circle,rgba(108,53,178,.2),transparent 70%)}.service-capability-grid span{font-family:ui-monospace,monospace;color:#a78bfa}.service-capability-grid h3{font-size:1.35rem;margin:2.7rem 0 .55rem}.service-capability-grid p{color:var(--muted);font-size:.9rem;max-width:28ch}
@media(min-width:760px){.service-capability-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.service-capability-grid{grid-template-columns:repeat(3,1fr)}}
.service-process-layout{display:grid;gap:2rem}.service-process-sticky h2{font-size:clamp(2.8rem,5.4vw,5.7rem);line-height:.94;letter-spacing:-.06em}.service-process-steps{display:grid}.service-process-steps article{padding:2rem 0;border-top:1px solid var(--border)}.service-process-steps article>span{font-size:.7rem;color:#a78bfa;text-transform:uppercase;letter-spacing:.1em}.service-process-steps h3{font-size:clamp(1.6rem,3vw,2.7rem);margin:.7rem 0}.service-process-steps p{color:var(--muted);max-width:46rem}.service-process-steps small{display:inline-block;margin-top:1rem;color:var(--muted);padding:.45rem .7rem;border:1px solid var(--border-soft);border-radius:999px}
@media(min-width:900px){.service-process-layout{grid-template-columns:.8fr 1.2fr}.service-process-sticky{position:sticky;top:130px;align-self:start}}
.service-deliverables-grid{display:grid;gap:2rem}.service-deliverables-grid h2{font-size:clamp(2.8rem,5.5vw,5.8rem);line-height:.94;letter-spacing:-.06em}.service-deliverables-panel{border-top:1px solid var(--border)}.service-deliverables-panel>div{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--border)}.service-deliverables-panel span{color:var(--muted);font-family:ui-monospace,monospace}.service-deliverables-panel strong{font-size:1.05rem}
@media(min-width:900px){.service-deliverables-grid{grid-template-columns:1fr 1fr}}
.service-faq-grid{display:grid;gap:2rem}.service-faq-grid h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.95;letter-spacing:-.055em}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;padding:1.2rem 0;font-weight:650}.faq-item button b{font-size:1.3rem;transition:transform .3s ease}.faq-item.open button b{transform:rotate(45deg)}.faq-item>div{padding:0 3rem 1.25rem 0}.faq-item p{color:var(--muted)}
@media(min-width:900px){.service-faq-grid{grid-template-columns:.8fr 1.2fr}}
.service-final-cta-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3.5rem);border-radius:32px;border:1px solid rgba(108,53,178,.34);background:linear-gradient(135deg,rgba(108,53,178,.17),rgba(23,114,153,.08))}.service-final-cta-card h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em;max-width:14ch}@media(max-width:720px){.service-final-cta-card{align-items:flex-start;flex-direction:column}}

.contact-hero{position:relative;min-height:88svh;display:grid;align-items:center;padding:10rem 0 5rem;overflow:hidden}.contact-signal-field{position:absolute;inset:0;background:linear-gradient(90deg,var(--border-soft) 1px,transparent 1px),linear-gradient(var(--border-soft) 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(circle at 70% 40%,black,transparent 65%);opacity:.7}.contact-signal-field i{position:absolute;width:10px;height:10px;border-radius:50%;background:#a78bfa;box-shadow:0 0 0 10px rgba(167,139,250,.08)}.contact-signal-field i:nth-child(1){left:65%;top:22%}.contact-signal-field i:nth-child(2){left:82%;top:46%;background:#38bdf8}.contact-signal-field i:nth-child(3){left:58%;top:70%;background:#34d399}.contact-signal-field i:nth-child(4){left:90%;top:78%}
.contact-hero-grid{position:relative;display:grid;gap:3rem;align-items:center}.contact-hero-copy h1{font-size:clamp(3.4rem,8vw,8.5rem);line-height:.9;letter-spacing:-.075em;max-width:10ch}.contact-hero-copy>p{color:var(--muted);max-width:42rem;font-size:1.1rem;margin-top:1.5rem}.contact-response-badge{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:.65rem;margin-top:2rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--glass);font-size:.75rem}.contact-response-badge b{color:#34d399}
.contact-orbit-card{position:relative;aspect-ratio:1;max-width:540px;width:100%;margin:auto;border:1px solid rgba(108,53,178,.25);border-radius:50%}.contact-orbit-card:before,.contact-orbit-card:after{content:"";position:absolute;border:1px solid var(--border-soft);border-radius:50%;inset:14%}.contact-orbit-card:after{inset:29%}.contact-orbit-core{position:absolute;inset:37%;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#601799,#3c43dd);color:#fff}.contact-orbit-core span{font-size:.65rem;letter-spacing:.2em}.contact-orbit-core strong{font-size:.85rem}.contact-orbit-node{position:absolute;padding:.55rem .75rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.72rem}.contact-orbit-node.n1{left:4%;top:48%}.contact-orbit-node.n2{right:6%;top:18%}.contact-orbit-node.n3{right:0;bottom:24%}.contact-orbit-node.n4{left:18%;bottom:4%}
@media(min-width:980px){.contact-hero-grid{grid-template-columns:1.1fr .9fr}}@media(max-width:600px){.contact-hero{padding-top:8rem;min-height:auto}.contact-hero-copy h1{font-size:clamp(3.1rem,17vw,5.2rem)}.contact-orbit-card{max-width:360px}}
.contact-channel-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.contact-channel-card{--channel-accent:#6d28d9;--channel-soft:rgba(109,40,217,.12);position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:290px;padding:1.35rem;border:1px solid color-mix(in srgb,var(--channel-accent) 24%,var(--border));border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--channel-accent) 6%),var(--surface));overflow:hidden;text-align:left;color:var(--ink);transition:transform .38s var(--ease),border-color .38s ease,box-shadow .38s ease}
.contact-channel-card::before{content:"";position:absolute;z-index:-1;width:210px;height:210px;border-radius:50%;right:-86px;top:-96px;border:1px solid color-mix(in srgb,var(--channel-accent) 24%,transparent);box-shadow:0 0 0 22px color-mix(in srgb,var(--channel-accent) 5%,transparent),0 0 0 48px color-mix(in srgb,var(--channel-accent) 3%,transparent)}
.contact-channel-card::after{content:"";position:absolute;left:1.35rem;right:1.35rem;bottom:4.5rem;height:1px;background:linear-gradient(90deg,var(--channel-accent),transparent);opacity:.34;transform-origin:left;transition:transform .4s var(--ease),opacity .4s ease}
.contact-channel-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--channel-accent) 58%,var(--border));box-shadow:0 26px 60px color-mix(in srgb,var(--channel-accent) 12%,transparent)}
.contact-channel-card:hover::after{transform:scaleX(.72);opacity:.68}
.contact-channel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.contact-channel-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--channel-accent) 18%,var(--surface)),color-mix(in srgb,var(--channel-accent) 8%,var(--surface)));color:var(--channel-accent);border:1px solid color-mix(in srgb,var(--channel-accent) 34%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.32);transition:transform .35s var(--ease),background .35s ease,color .35s ease}
.contact-channel-card:hover .contact-channel-icon{transform:rotate(-7deg) scale(1.06);background:var(--channel-accent);color:#fff}
.contact-channel-index{font-family:ui-monospace,monospace;font-size:.66rem;letter-spacing:.16em;color:color-mix(in srgb,var(--ink) 38%,transparent);padding-top:.35rem}
.contact-channel-copy{display:block;margin-top:auto;padding-top:3rem}
.contact-channel-copy small{display:block;color:var(--channel-accent);text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;font-weight:700}
.contact-channel-copy strong{display:block;margin:.55rem 0 .65rem;font-size:clamp(1.18rem,1.8vw,1.65rem);line-height:1.12;letter-spacing:-.025em;word-break:break-word}
.contact-channel-copy p{max-width:42ch;color:var(--muted);font-size:.84rem;line-height:1.58}
.contact-channel-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.3rem;padding-top:1rem;font-size:.78rem;font-weight:700}
.contact-channel-action i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--channel-accent) 28%,var(--border));color:var(--channel-accent);transition:transform .35s var(--ease),background .35s ease,color .35s ease}
.contact-channel-card:hover .contact-channel-action i{transform:translate(3px,-3px);background:var(--channel-accent);color:#fff}
.channel-phone{--channel-accent:#6d28d9;grid-column:span 5}
.channel-mail{--channel-accent:#2563eb;grid-column:span 7}
.channel-whatsapp{--channel-accent:#059669;grid-column:span 7}
.channel-license{--channel-accent:#c2410c;grid-column:span 5}
html[data-theme="light"] .contact-channel-card{background:linear-gradient(145deg,#fff,color-mix(in srgb,#fff 88%,var(--channel-accent) 12%));border-color:color-mix(in srgb,var(--channel-accent) 25%,#d8d1e4);box-shadow:0 18px 45px rgba(49,35,71,.06)}
html[data-theme="light"] .contact-channel-icon{background:color-mix(in srgb,var(--channel-accent) 13%,#fff);color:color-mix(in srgb,var(--channel-accent) 88%,#111);border-color:color-mix(in srgb,var(--channel-accent) 35%,#fff)}
html[data-theme="light"] .contact-channel-copy small,html[data-theme="light"] .contact-channel-action i{color:color-mix(in srgb,var(--channel-accent) 88%,#111)}
@media(max-width:900px){.contact-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-channel-card,.channel-phone,.channel-mail,.channel-whatsapp,.channel-license{grid-column:auto;min-height:270px}}
@media(max-width:620px){.contact-channel-grid{grid-template-columns:1fr}.contact-channel-card{min-height:0;padding:1.15rem;border-radius:24px}.contact-channel-copy{padding-top:2.25rem}.contact-channel-copy strong{font-size:1.25rem}.contact-channel-card::before{width:150px;height:150px;right:-70px;top:-75px}.contact-channel-card::after{left:1.15rem;right:1.15rem;bottom:4.25rem}}
.contact-form-layout{display:grid;gap:2rem}.contact-form-copy h2{font-size:clamp(2.8rem,5.6vw,6rem);line-height:.93;letter-spacing:-.06em;max-width:11ch}.contact-form-points{display:grid;gap:.8rem;margin-top:2rem}.contact-form-points>div{display:grid;grid-template-columns:42px 1fr;gap:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}.contact-form-points span{font-family:ui-monospace,monospace;color:#a78bfa}.contact-form-points p{grid-column:2;color:var(--muted);font-size:.85rem}.contact-form-card{padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--border);border-radius:30px;background:linear-gradient(145deg,var(--surface),var(--body))}.contact-form-grid{display:grid;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.75rem;font-weight:600;margin:0 0 .45rem .25rem}.consent-check{display:flex;align-items:flex-start;gap:.7rem;color:var(--muted);font-size:.75rem;margin:1rem 0 1.25rem}.consent-check input{margin-top:.15rem;accent-color:var(--purple)}
@media(min-width:900px){.contact-form-layout{grid-template-columns:.82fr 1.18fr}.contact-form-copy{position:sticky;top:130px;align-self:start}.contact-form-grid{grid-template-columns:1fr 1fr}}
.contact-map-shell{display:grid;overflow:hidden;border:1px solid rgba(108,53,178,.3);border-radius:32px;background:linear-gradient(145deg,var(--surface),var(--body));box-shadow:0 24px 70px rgba(17,12,36,.08)}
.contact-map-visual{position:relative;min-height:520px;overflow:hidden;background:#171222}
.contact-map-visual iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.78) contrast(1.03)}
.contact-map-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(16,11,27,.14),transparent 48%,rgba(16,11,27,.2)),linear-gradient(0deg,rgba(16,11,27,.32),transparent 38%)}
.contact-map-pin-card{position:absolute;left:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.8rem;max-width:calc(100% - 2.5rem);padding:.9rem 1rem;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(18,13,30,.88);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.24)}
.contact-map-pin-card small,.contact-map-pin-card strong{display:block}.contact-map-pin-card small{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.62)}.contact-map-pin-card strong{margin-top:.15rem;font-size:.95rem}
.contact-map-pin-dot{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:#a78bfa;box-shadow:0 0 0 8px rgba(167,139,250,.18)}
.contact-map-open{position:absolute;right:1.25rem;top:1.25rem;display:inline-flex;align-items:center;gap:.5rem;padding:.68rem .9rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(18,13,30,.88);color:#fff;font-size:.75rem;font-weight:700;transition:.25s ease}.contact-map-open:hover{transform:translateY(-2px);background:#fff;color:#171222}
.contact-map-info{padding:clamp(1.5rem,4vw,3.25rem);display:flex;flex-direction:column;justify-content:center;min-width:0}
.contact-map-info h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.92;letter-spacing:-.06em;margin:.35rem 0 1rem}
.contact-map-lead{color:var(--muted);max-width:46ch;line-height:1.65}
.contact-detail-list{display:grid;gap:.7rem;margin-top:1.75rem}
.contact-detail-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.9rem 1rem;border:1px solid var(--border-soft);border-radius:18px;background:var(--glass);transition:.25s ease;min-width:0}
.contact-detail-row:hover{transform:translateX(5px);border-color:rgba(108,53,178,.45);background:rgba(108,53,178,.08)}.contact-detail-row.static:hover{transform:none}
.contact-detail-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(108,53,178,.18),rgba(23,114,153,.12));border:1px solid rgba(108,53,178,.2);color:#8b5cf6;font-size:1.05rem}
.contact-detail-row small,.contact-detail-row strong{display:block;min-width:0}.contact-detail-row small{font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.contact-detail-row strong{margin-top:.18rem;color:var(--ink);font-size:.9rem;overflow-wrap:anywhere}.contact-detail-row b{color:var(--muted)}
@media(min-width:960px){.contact-map-shell{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.contact-map-info{min-height:520px}}
@media(max-width:959px){.contact-map-visual{min-height:420px}.contact-map-info{padding:1.6rem}}
@media(max-width:640px){.contact-map-shell{border-radius:24px}.contact-map-visual{min-height:320px}.contact-map-pin-card{left:.8rem;bottom:.8rem;max-width:calc(100% - 1.6rem);padding:.75rem .85rem}.contact-map-open{right:.8rem;top:.8rem;padding:.58rem .72rem}.contact-map-info{padding:1.25rem}.contact-map-info h2{font-size:clamp(2.4rem,13vw,4rem)}.contact-detail-row{grid-template-columns:42px minmax(0,1fr) auto;padding:.8rem;border-radius:16px}.contact-detail-icon{width:42px;height:42px;border-radius:13px}.contact-detail-row strong{font-size:.82rem}}

.quote-hero{padding:10rem 0 4rem}.quote-hero-grid{display:grid;gap:2rem;align-items:end}.quote-hero h1{font-size:clamp(3.4rem,7.5vw,7.8rem);line-height:.9;letter-spacing:-.075em;max-width:11ch}.quote-hero p{color:var(--muted);max-width:42rem;margin-top:1.5rem}.quote-hero-card{padding:1.5rem;border:1px solid var(--border);border-radius:28px;background:linear-gradient(145deg,var(--surface),var(--body))}.quote-hero-card>span,.quote-hero-card>small{color:var(--muted);font-size:.7rem}.quote-hero-card>strong{display:block;font-size:2rem;margin:.3rem 0 1rem}.quote-hero-card>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.quote-hero-card i{height:6px;border-radius:999px;background:linear-gradient(90deg,#601799,#3c43dd)}.quote-hero-card>small{display:block;margin-top:1rem}
@media(min-width:900px){.quote-hero-grid{grid-template-columns:1fr 320px}}
.quote-wizard{display:grid;border:1px solid var(--border);border-radius:34px;overflow:hidden;background:linear-gradient(145deg,var(--surface),var(--body));min-height:720px}.quote-stepper{padding:clamp(1.25rem,3vw,2.5rem);background:linear-gradient(155deg,rgba(108,53,178,.13),transparent 65%);border-right:1px solid var(--border)}.quote-stepper h2{font-size:1.7rem;margin-bottom:2rem}.quote-stepper ol{display:grid;gap:.6rem}.quote-stepper li{display:grid;grid-template-columns:40px 1fr;gap:.7rem;align-items:center;padding:.8rem;border-radius:16px;color:var(--muted);transition:.3s ease}.quote-stepper li.active{background:rgba(108,53,178,.13);color:var(--ink)}.quote-stepper li>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;border:1px solid var(--border);font-family:ui-monospace,monospace;font-size:.7rem}.quote-stepper li.active>span{background:linear-gradient(135deg,#601799,#3c43dd);color:#fff;border-color:transparent}.quote-stepper li strong,.quote-stepper li small{display:block}.quote-stepper li small{font-size:.65rem;color:var(--muted)}.quote-summary{margin-top:2rem;padding:1rem;border:1px solid var(--border-soft);border-radius:18px}.quote-summary>small{text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.quote-summary>div{padding:.7rem 0;border-bottom:1px solid var(--border-soft)}.quote-summary>div:last-child{border:0}.quote-summary span,.quote-summary strong{display:block}.quote-summary span{font-size:.65rem;color:var(--muted)}.quote-summary strong{font-size:.82rem;margin-top:.15rem}.quote-wizard-panel{padding:clamp(1.25rem,4vw,3.5rem);min-width:0}.quote-wizard-panel section>h3{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.045em;margin:.5rem 0}.quote-step-count{font-family:ui-monospace,monospace;color:#a78bfa;font-size:.75rem}.quote-choice-grid{display:grid;gap:.65rem;margin:2rem 0}.quote-choice-grid button{display:grid;grid-template-columns:38px 1fr;text-align:left;gap:.75rem;padding:1rem;border:1px solid var(--border-soft);border-radius:18px;background:var(--glass);transition:.3s ease}.quote-choice-grid button:hover,.quote-choice-grid button.active{border-color:rgba(108,53,178,.5);background:rgba(108,53,178,.1)}.quote-choice-grid button>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--border);font-family:ui-monospace,monospace;font-size:.68rem}.quote-choice-grid button strong{font-size:.95rem}.quote-choice-grid button small{color:var(--muted);font-size:.72rem}.quote-actions{display:flex;justify-content:space-between;gap:.7rem;align-items:center;margin-top:2rem}.quote-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:2rem 0}.quote-scope-grid label{position:relative}.quote-scope-grid input{position:absolute;opacity:0}.quote-scope-grid span{display:block;padding:1rem;border:1px solid var(--border-soft);border-radius:16px;background:var(--glass);font-size:.82rem;transition:.25s ease}.quote-scope-grid input:checked+span{border-color:rgba(108,53,178,.55);background:rgba(108,53,178,.13);color:var(--ink)}.quote-long-field{margin-top:1.25rem}.quote-budget-list{display:grid;gap:.6rem;margin:2rem 0}.quote-budget-list button{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--border-soft);border-radius:16px;text-align:left;background:var(--glass);font-weight:650;transition:.25s ease}.quote-budget-list button small{color:var(--muted);font-weight:400}.quote-budget-list button:hover,.quote-budget-list button.active{border-color:rgba(108,53,178,.55);background:rgba(108,53,178,.12)}.quote-contact-form{margin-top:2rem}.quote-success{padding:2rem 0}.quote-success h3{font-size:clamp(2rem,4vw,3.5rem);line-height:1;max-width:14ch;margin:.6rem auto 1rem}
@media(min-width:900px){.quote-wizard{grid-template-columns:300px 1fr}.quote-choice-grid{grid-template-columns:1fr 1fr}}@media(max-width:899px){.quote-stepper{border-right:0;border-bottom:1px solid var(--border)}.quote-stepper ol{grid-template-columns:repeat(4,1fr)}.quote-stepper li{display:block;text-align:center;padding:.4rem}.quote-stepper li>div{display:none}.quote-stepper li>span{margin:auto}.quote-summary{display:none}}
@media(max-width:600px){.quote-hero{padding-top:8rem}.quote-hero h1{font-size:clamp(3rem,16vw,5rem)}.quote-wizard{border-radius:24px}.quote-scope-grid{grid-template-columns:1fr}.quote-actions{flex-wrap:wrap}.quote-actions .btn{flex:1}.quote-budget-list button{display:grid}.quote-choice-grid button{padding:.85rem}.quote-wizard-panel{padding:1.2rem}.quote-stepper h2{margin-bottom:1rem}.quote-stepper ol{gap:.2rem}}

.project-index-card[data-reveal]:nth-child(odd),.project-gallery-item[data-reveal]:nth-child(odd){--reveal-x:-80px}
.project-index-card[data-reveal]:nth-child(even),.project-gallery-item[data-reveal]:nth-child(even){--reveal-x:80px}
.project-index-card[data-reveal],.project-gallery-item[data-reveal]{transform:translate3d(var(--reveal-x,0),40px,0) rotate(var(--reveal-r,0deg));opacity:0;transition:transform .9s var(--ease),opacity .7s ease}
.project-index-card[data-reveal].in,.project-gallery-item[data-reveal].in{transform:none;opacity:1}
@media(max-width:767px){
  .project-index-card[data-reveal],.project-gallery-item[data-reveal]{--reveal-x:0px!important;transform:translateY(30px);transition-duration:.6s}
  .section{padding-top:4.5rem;padding-bottom:4.5rem}
}
@media(prefers-reduced-motion:reduce){
  .project-index-card[data-reveal],.project-gallery-item[data-reveal]{transform:none!important;opacity:1!important;transition:none!important}
  .contact-orbit-card,.service-detail-rings{animation:none!important}
}

@media print{
  .license-modal,.image-lightbox{display:none!important}
}

@media(max-width:600px){
  .project-index-copy h1{font-size:clamp(2.75rem,13.8vw,4.1rem);line-height:.94}
  .contact-hero-copy h1,.quote-hero h1{font-size:clamp(2.85rem,14.5vw,4.5rem);line-height:.94}
}

.license-key-group{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.5rem;
  width:100%;
}
.license-key-part{
  min-width:0;
  width:100%;
  padding:.85rem .35rem;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.83rem;
  font-weight:700;
}
.license-key-part:focus{
  border-color:rgba(124,92,255,.72);
  box-shadow:0 0 0 3px rgba(124,92,255,.13);
}
.license-key-part[aria-invalid="true"]{border-color:rgba(248,113,113,.62)}
@media(max-width:640px){
  .license-key-group{gap:.3rem}
  .license-key-part{padding:.78rem .18rem;font-size:.72rem;letter-spacing:.035em;border-radius:11px}
}
@media(max-width:370px){
  .license-key-group{gap:.2rem}
  .license-key-part{padding:.7rem .1rem;font-size:.66rem}
}

@media (max-width: 480px) {
  .logo-cap { flex: 0 1 auto; width: auto; min-width: 0; justify-content: flex-start; padding: 0 .48rem; gap: .38rem; }
  .logo-text { display: block !important; min-width: 0; }
  .logo-text strong { font-size: .76rem; white-space: nowrap; line-height: 1.05; }
  .logo-text small { display: block; font-size: .43rem; letter-spacing: .11em; white-space: nowrap; }
  .logo-text .badge-soft { display: none; }
}
@media (max-width: 365px) {
  .logo-cap { padding-inline: .4rem; gap: .3rem; }
  .logo-mark { width: 34px; height: 34px; }
  .logo-text strong { font-size: .72rem; }
  .logo-text small { font-size: .39rem; }
}

.software-hero { position:relative; min-height:92svh; display:flex; align-items:center; padding:11rem 0 6rem; overflow:hidden; }
.software-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 30%,rgba(79,70,229,.22),transparent 38%),radial-gradient(circle at 15% 75%,rgba(94,234,212,.12),transparent 34%); pointer-events:none; }
.software-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.95fr); gap:clamp(3rem,7vw,8rem); align-items:center; }
.software-hero h1 { font-size:clamp(4rem,8vw,8.5rem); line-height:.86; letter-spacing:-.075em; max-width:9ch; }
.software-hero p.lead { max-width:42rem; font-size:clamp(1rem,1.6vw,1.25rem); color:var(--muted); margin:1.6rem 0 2rem; }
.product-orbit { position:relative; min-height:560px; border:1px solid var(--border); border-radius:2.5rem; background:linear-gradient(145deg,color-mix(in srgb,var(--body) 90%,#6d5dfc 10%),var(--body)); overflow:hidden; box-shadow:0 35px 100px rgba(10,7,20,.26); }
.product-orbit::before,.product-orbit::after { content:""; position:absolute; border:1px solid color-mix(in srgb,var(--purple) 35%,transparent); border-radius:50%; inset:12%; }
.product-orbit::after { inset:27%; border-style:dashed; animation:aketa-spin 28s linear infinite; }
@keyframes aketa-spin{to{transform:rotate(360deg)}}
.product-core { position:absolute; inset:50% auto auto 50%; width:180px; aspect-ratio:1; transform:translate(-50%,-50%); display:grid; place-items:center; border-radius:38%; background:linear-gradient(135deg,#6c35b2,#3c43dd); color:white; box-shadow:0 25px 80px rgba(82,57,211,.35); }
.product-core strong { font-size:2.2rem; letter-spacing:-.06em; }
.product-orbit-card { position:absolute; width:180px; padding:1rem; border:1px solid var(--border); border-radius:1.2rem; background:var(--body); box-shadow:0 15px 45px rgba(9,7,18,.2); }
.product-orbit-card:nth-child(2){top:8%;left:7%;transform:rotate(-6deg)} .product-orbit-card:nth-child(3){right:7%;top:17%;transform:rotate(5deg)} .product-orbit-card:nth-child(4){left:13%;bottom:9%;transform:rotate(4deg)} .product-orbit-card:nth-child(5){right:9%;bottom:8%;transform:rotate(-5deg)}
.product-orbit-card small{display:block;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.12em}.product-orbit-card strong{display:block;margin-top:.25rem;font-size:1rem}
.software-categories { padding:7rem 0; }.software-filter { display:flex; flex-wrap:wrap; gap:.6rem; margin:2rem 0 3.5rem; }.software-filter button { min-height:42px; padding:.65rem 1rem; border:1px solid var(--border); border-radius:999px; color:var(--muted); background:var(--glass); transition:.25s; }.software-filter button.active,.software-filter button:hover { color:#fff; border-color:transparent; background:linear-gradient(135deg,#6c35b2,#3c43dd); }
.software-grid { display:grid; gap:1.4rem; }.software-card { display:grid; grid-template-columns:minmax(320px,.82fr) 1fr; min-height:500px; border:1px solid var(--border); border-radius:2rem; overflow:hidden; background:var(--glass); transition:transform .45s ease,border-color .3s ease; }.software-card:hover { transform:translateY(-8px); border-color:color-mix(in srgb,var(--purple) 45%,var(--border)); }.software-card:nth-child(even) .software-visual{order:2}.software-card:nth-child(even) .software-copy{order:1}
.software-visual { position:relative; min-height:420px; padding:2rem; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(135deg,var(--soft-a,#39215e),var(--soft-b,#151a43)); }.software-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,var(--body)); opacity:.5; pointer-events:none; }.software-card:nth-child(even) .software-visual::after{background:linear-gradient(270deg,transparent 55%,var(--body))}
.software-window { position:relative; z-index:1; width:min(100%,560px); border:1px solid rgba(255,255,255,.17); border-radius:1.2rem; background:#0e1020; box-shadow:0 28px 70px rgba(0,0,0,.36); overflow:hidden; transform:perspective(900px) rotateY(7deg) rotateX(2deg); }.software-card:nth-child(even) .software-window{transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}
.software-window-bar{height:34px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:5px;padding:0 12px}.software-window-bar i{width:7px;height:7px;border-radius:50%;background:#777}.software-ui{display:grid;grid-template-columns:68px 1fr;min-height:270px}.software-ui aside{border-right:1px solid rgba(255,255,255,.08);padding:.75rem}.software-ui aside i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.12);margin:.65rem 0}.software-ui-main{padding:1rem}.software-ui-head{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:1rem}.software-ui-head span{height:24px;border-radius:8px;background:rgba(255,255,255,.1);flex:1}.software-ui-head span:last-child{max-width:70px;background:linear-gradient(135deg,#6c35b2,#3c43dd)}.software-ui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.software-ui-grid i{height:58px;border-radius:10px;background:rgba(255,255,255,.07)}.software-ui-chart{height:90px;border-radius:12px;margin-top:.65rem;background:linear-gradient(180deg,rgba(94,234,212,.18),rgba(94,234,212,.02));border-bottom:1px solid rgba(94,234,212,.35)}
.software-copy { padding:clamp(2rem,5vw,5rem); display:flex; flex-direction:column; justify-content:center; }.software-copy h2 { font-size:clamp(2.6rem,5vw,5.4rem); letter-spacing:-.065em; line-height:.92; margin:.7rem 0 1.2rem; }.software-tags { display:flex;flex-wrap:wrap;gap:.45rem;margin:1.5rem 0}.software-tags span{font-size:.68rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--muted)}
.product-detail-hero{padding:11rem 0 6rem;min-height:90svh;display:flex;align-items:center;position:relative;overflow:hidden}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.product-detail-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.86;letter-spacing:-.075em}.product-detail-hero .lead{max-width:44rem;color:var(--muted);font-size:1.1rem;margin:1.5rem 0 2rem}.product-detail-mock{min-height:580px;border:1px solid var(--border);border-radius:2.5rem;padding:2rem;background:linear-gradient(145deg,color-mix(in srgb,var(--body) 90%,var(--accent-soft,#6c35b2) 10%),var(--body));display:flex;align-items:center}.product-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:1.4rem;overflow:hidden;margin-top:2rem}.product-kpis>div{background:var(--body);padding:1.2rem}.product-kpis strong{display:block;font-size:1.4rem}.product-kpis small{color:var(--muted)}
.product-feature-section{padding:8rem 0}.product-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-feature{min-height:260px;padding:2rem;border:1px solid var(--border);border-radius:1.5rem;background:var(--glass);transition:.35s}.product-feature:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--purple) 45%,var(--border))}.product-feature .num{font-size:.65rem;letter-spacing:.2em;color:var(--purple)}.product-feature h3{font-size:1.55rem;margin:2.5rem 0 .7rem}.product-architecture{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start;padding:8rem 0}.architecture-stack{display:grid;gap:.8rem}.architecture-layer{padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--glass);display:flex;justify-content:space-between;gap:1rem}.architecture-layer span{color:var(--muted)}.product-price-card{padding:2.5rem;border:1px solid var(--border);border-radius:2rem;background:linear-gradient(145deg,color-mix(in srgb,var(--body) 86%,#6c35b2 14%),var(--body));position:sticky;top:110px}.product-price{font-size:3.3rem;letter-spacing:-.06em}.product-price small{font-size:.9rem;color:var(--muted)}
.checkout-hero{padding:10rem 0 3rem}.checkout-shell{display:grid;grid-template-columns:1fr 360px;gap:2rem;padding-bottom:7rem}.checkout-main,.checkout-summary{border:1px solid var(--border);border-radius:1.7rem;background:var(--glass)}.checkout-main{padding:2rem}.checkout-summary{padding:1.5rem;align-self:start;position:sticky;top:105px}.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem}.checkout-step{padding:.8rem;border:1px solid var(--border);border-radius:.9rem;color:var(--muted);font-size:.75rem}.checkout-step.active{color:#fff;background:linear-gradient(135deg,#6c35b2,#3c43dd);border-color:transparent}.checkout-panel[hidden]{display:none}.plan-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.plan-choice label{display:block;padding:1.2rem;border:1px solid var(--border);border-radius:1.1rem;cursor:pointer}.plan-choice label:has(input:checked){border-color:#7c5cff;background:rgba(108,53,178,.1)}.plan-choice input{margin-bottom:.7rem}.checkout-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.summary-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border-soft)}.summary-total{font-size:1.5rem;font-weight:600}.payment-card{display:grid;grid-template-columns:1fr .9fr;gap:2rem;align-items:start}.secure-note{padding:1rem;border:1px solid var(--border);border-radius:1rem;color:var(--muted)}
.customer-body{min-height:100vh;background:var(--body);color:var(--ink)}.customer-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.customer-sidebar{position:sticky;top:0;height:100vh;padding:1.25rem;border-right:1px solid var(--border);background:color-mix(in srgb,var(--body) 96%,#6c35b2 4%);display:flex;flex-direction:column;z-index:50}.customer-brand{display:flex;align-items:center;gap:.7rem;padding:.55rem}.customer-brand .logo-mark{flex:none}.customer-user{display:grid;grid-template-columns:48px 1fr;gap:.75rem;align-items:center;margin:1.5rem 0;padding:1rem;border:1px solid var(--border);border-radius:1.2rem;background:var(--glass)}.customer-avatar{width:48px;height:48px;border-radius:1rem;display:grid;place-items:center;background:linear-gradient(135deg,#6c35b2,#3c43dd);color:white;font-weight:700}.customer-user strong,.customer-user small{display:block}.customer-user small{color:var(--muted);font-size:.72rem}.customer-tier{display:inline-flex!important;width:max-content;margin-top:.25rem;padding:.18rem .45rem;border-radius:999px;background:rgba(245,158,11,.13);color:#f59e0b!important;font-size:.56rem!important;text-transform:uppercase;letter-spacing:.1em}.customer-nav{display:grid;gap:.25rem}.customer-nav a{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.7rem .8rem;border-radius:.85rem;color:var(--muted);font-size:.9rem}.customer-nav a:hover,.customer-nav a[aria-current="page"]{background:var(--glass);color:var(--ink)}.customer-nav svg{width:18px}.customer-logout{margin-top:auto;color:#ef4444!important}.customer-main{min-width:0}.customer-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px;padding:0 2rem;border-bottom:1px solid var(--border);background:var(--body)}.customer-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--border);border-radius:.8rem}.customer-content{padding:2rem;max-width:1500px;margin:auto}.customer-page-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:2rem}.customer-page-head h1{font-size:clamp(2.3rem,5vw,4.7rem);letter-spacing:-.06em;line-height:.95}.customer-page-head p{color:var(--muted);max-width:46rem}.customer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.customer-card{grid-column:span 4;padding:1.35rem;border:1px solid var(--border);border-radius:1.3rem;background:var(--glass);min-width:0}.customer-card.wide{grid-column:span 8}.customer-card.full{grid-column:1/-1}.customer-card h2{font-size:1.1rem;margin-bottom:1rem}.customer-balance{background:linear-gradient(135deg,#4c1d95,#3c43dd);color:white}.customer-balance small{color:rgba(255,255,255,.7)}.customer-balance strong{display:block;font-size:2.4rem;margin:.5rem 0}.customer-stat{display:flex;justify-content:space-between;align-items:start}.customer-stat .icon{width:42px;height:42px;border-radius:.9rem;background:rgba(108,53,178,.13);display:grid;place-items:center;color:#8b5cf6}.customer-stat strong{display:block;font-size:1.8rem}.customer-stat small{color:var(--muted)}.tier-track{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin-top:1rem}.tier-node{height:7px;border-radius:999px;background:var(--border)}.tier-node.active{background:linear-gradient(90deg,#f59e0b,#fde68a)}.customer-table-wrap{overflow:auto}.customer-table{width:100%;border-collapse:collapse;min-width:660px}.customer-table th,.customer-table td{text-align:left;padding:.85rem;border-bottom:1px solid var(--border-soft);font-size:.85rem}.customer-table th{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.status-pill{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.65rem;background:rgba(34,197,94,.12);color:#22c55e}.status-pill.warn{background:rgba(245,158,11,.12);color:#f59e0b}.software-license-card{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:1rem;margin-top:.7rem}.software-license-icon{width:70px;height:70px;border-radius:1rem;display:grid;place-items:center;background:linear-gradient(135deg,#6c35b2,#3c43dd);color:white;font-weight:700}.profile-grid{display:grid;grid-template-columns:180px 1fr;gap:2rem}.profile-photo{width:150px;height:150px;border-radius:2rem;background:linear-gradient(135deg,#6c35b2,#3c43dd);display:grid;place-items:center;color:white;font-size:2.5rem;font-weight:700}.profile-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.profile-form .full{grid-column:1/-1}.balance-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.balance-option{padding:1.2rem;border:1px solid var(--border);border-radius:1rem;text-align:center;cursor:pointer}.balance-option.active{border-color:#7c5cff;background:rgba(108,53,178,.1)}.support-list{display:grid;gap:.7rem}.support-ticket{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:1rem}.ticket-dot{width:10px;height:10px;border-radius:50%;background:#22c55e}.ticket-dot.wait{background:#f59e0b}.customer-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:1rem}.customer-modal.open{display:grid}.customer-modal-bg{position:absolute;inset:0;background:rgba(7,5,14,.72)}.customer-modal-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:1.5rem;border:1px solid var(--border);border-radius:1.5rem;background:var(--body);box-shadow:0 30px 90px rgba(0,0,0,.4)}
@media(max-width:1100px){.software-hero-grid,.product-detail-grid,.product-architecture{grid-template-columns:1fr}.product-orbit{min-height:500px}.software-card{grid-template-columns:1fr}.software-card:nth-child(even) .software-visual,.software-card:nth-child(even) .software-copy{order:initial}.software-visual::after,.software-card:nth-child(even) .software-visual::after{background:linear-gradient(180deg,transparent 58%,var(--body))}.checkout-shell{grid-template-columns:1fr}.checkout-summary{position:relative;top:auto}.customer-shell{grid-template-columns:240px minmax(0,1fr)}.customer-card{grid-column:span 6}.customer-card.wide{grid-column:1/-1}}
@media(max-width:760px){.software-hero,.product-detail-hero{min-height:auto;padding:8.5rem 0 4rem}.software-hero h1,.product-detail-hero h1{font-size:clamp(3.4rem,16vw,5.5rem)}.product-orbit{min-height:420px}.product-orbit-card{width:145px;padding:.75rem}.product-core{width:130px}.software-categories,.product-feature-section,.product-architecture{padding:5rem 0}.software-card{min-height:0;border-radius:1.4rem}.software-visual{min-height:330px;padding:1rem}.software-window{transform:none!important}.software-copy{padding:1.5rem}.software-copy h2{font-size:3rem}.product-detail-mock{min-height:390px;padding:1rem}.product-feature-grid{grid-template-columns:1fr}.product-kpis{grid-template-columns:1fr}.checkout-main{padding:1rem}.checkout-steps{grid-template-columns:repeat(2,1fr)}.plan-choice{grid-template-columns:1fr}.payment-card{grid-template-columns:1fr}.customer-shell{display:block}.customer-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,88vw);transform:translateX(-105%);transition:transform .3s ease;box-shadow:25px 0 70px rgba(0,0,0,.3)}.customer-shell.nav-open .customer-sidebar{transform:translateX(0)}.customer-menu-toggle{display:grid;place-items:center}.customer-topbar{padding:0 1rem}.customer-content{padding:1rem}.customer-page-head{align-items:flex-start;flex-direction:column}.customer-grid{grid-template-columns:1fr}.customer-card,.customer-card.wide,.customer-card.full{grid-column:1}.profile-grid{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr}.profile-form .full{grid-column:auto}.balance-options{grid-template-columns:repeat(2,1fr)}.software-license-card{grid-template-columns:54px 1fr}.software-license-icon{width:54px;height:54px}.software-license-card>.btn{grid-column:1/-1;width:100%}.support-ticket{grid-template-columns:auto 1fr}.support-ticket>.status-pill{grid-column:2}.customer-page-head .btn{width:100%}}
@media(max-width:420px){.product-orbit{min-height:360px}.product-orbit-card{width:122px;font-size:.75rem}.product-orbit-card:nth-child(2){left:3%}.product-orbit-card:nth-child(3){right:3%}.product-orbit-card:nth-child(4){left:5%}.product-orbit-card:nth-child(5){right:4%}.product-core{width:105px}.software-ui{grid-template-columns:48px 1fr;min-height:220px}.software-ui-grid i{height:45px}.balance-options{grid-template-columns:1fr 1fr}.checkout-actions{flex-direction:column-reverse}.checkout-actions .btn{width:100%}}

.logo-cap .logo-mark svg{display:none!important}
.logo-cap .logo-mark::before{content:"A";display:grid;place-items:center;width:100%;height:100%;font-size:1.15rem;font-weight:900;line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#8b5cf6}

.fullmenu-bg {
  background: color-mix(in srgb, var(--body) 40%, transparent);
  -webkit-backdrop-filter: blur(9px) saturate(.78);
  backdrop-filter: blur(9px) saturate(.78);
}
.fullmenu-panel {
  height: 88dvh;
  min-height: 88dvh;
  max-height: 88dvh;
}
.menu-curve-wrap {
  position: relative;
  height: clamp(76px, 6vw, 96px);
  margin-bottom: -1px;
  overflow: visible;
}
.menu-curve-wrap .menu-curve-svg {
  display: block;
  width: 100%;
  height: 100%;
  transform: none;
  overflow: visible;
}
.menu-curve-wrap .menu-curve-fill {
  fill: var(--menu-fill);
  stroke: none;
}
.menu-curve-wrap .menu-curve-line {
  fill: none !important;
  stroke: color-mix(in srgb, var(--ink) 13%, transparent);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
  opacity: .9;
}
html[data-theme="light"] .menu-curve-wrap .menu-curve-line {
  stroke: color-mix(in srgb, var(--ink) 16%, transparent);
}
.menu-float-btns {
  top: 0;
  bottom: auto;
  margin: 0;
  transform: translate(-50%, -30%);
  z-index: 4;
}
.menu-float-btns button {
  width: 58px;
  height: 58px;
  border-color: color-mix(in srgb, var(--ink) 15%, transparent);
  background: color-mix(in srgb, var(--body) 92%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 42px -28px rgba(0,0,0,.7);
}
.menu-body {
  margin-top: 0;
  padding: .7rem 1.5rem max(1.5rem, env(safe-area-inset-bottom));
}
.menu-content {
  width: min(780px, 100%);
}
.menu-items {
  height: clamp(25rem, 58dvh, 32rem);
  padding-top: .2rem;
}
.menu-items > [data-menu-level] {
  top: .9rem;
  width: min(640px, 100%);
  gap: .02rem;
}
.menu-item {
  padding: .16rem 3.25rem;
  font-size: clamp(2rem, 3.2vw, 3.5rem);
  font-weight: 430;
  line-height: 1.12;
  letter-spacing: -.045em;
  color: color-mix(in srgb, var(--ink) 48%, transparent);
}
.menu-item:hover,
.menu-item:focus-visible {
  color: color-mix(in srgb, var(--ink) 92%, transparent);
}
.menu-item svg {
  right: .6rem;
  width: 26px;
  height: 26px;
}
.menu-item:hover svg,
.menu-item:focus-visible svg {
  right: .15rem;
}
.menu-title {
  top: -1rem;
  font-size: .7rem;
}
.menu-footer {
  gap: .8rem;
  padding-top: .1rem;
}
.socials {
  gap: 1.4rem;
}

@media (max-width: 1023px) {
  .fullmenu-panel {
    height: 90dvh;
    min-height: 90dvh;
    max-height: 90dvh;
  }
  .menu-curve-wrap {
    height: clamp(66px, 9vw, 86px);
  }
  .menu-content { width: min(620px, 100%); }
  .menu-items { height: clamp(22rem, 55dvh, 29rem); }
  .menu-items > [data-menu-level] { width: min(520px, 100%); }
  .menu-item {
    padding-inline: 2.75rem;
    font-size: clamp(1.75rem, 5vw, 2.65rem);
  }
}

@media (max-width: 720px) {
  .fullmenu-panel {
    height: 92dvh;
    min-height: 92dvh;
    max-height: 92dvh;
  }
  .menu-curve-wrap { height: 62px; }
  .menu-float-btns { transform: translate(-50%, -28%); }
  .menu-float-btns button {
    width: 48px;
    height: 48px;
  }
  .menu-body {
    padding: .35rem .75rem max(1rem, env(safe-area-inset-bottom));
  }
  .menu-content { width: min(100%, 500px); }
  .menu-items {
    height: clamp(19rem, 52dvh, 25rem);
    overflow-y: auto;
    scrollbar-width: none;
  }
  .menu-items::-webkit-scrollbar { display: none; }
  .menu-items > [data-menu-level] {
    top: .65rem;
    width: min(390px, 100%);
  }
  .menu-item {
    padding: .22rem 2.25rem;
    font-size: clamp(1.35rem, 7vw, 2rem);
    line-height: 1.14;
  }
  .menu-item svg {
    width: 21px;
    height: 21px;
  }
  .menu-footer { gap: .65rem; }
  .socials { gap: 1.15rem; }
}

@media (max-width: 420px) {
  .fullmenu-panel {
    height: 93dvh;
    min-height: 93dvh;
    max-height: 93dvh;
  }
  .menu-curve-wrap { height: 56px; }
  .menu-items { height: clamp(18rem, 54dvh, 23rem); }
  .menu-item {
    padding-inline: 2rem;
    font-size: clamp(1.28rem, 7.2vw, 1.75rem);
  }
}

@media (max-height: 680px) and (orientation: landscape) {
  .fullmenu-panel {
    height: 94dvh;
    min-height: 94dvh;
    max-height: 94dvh;
  }
  .menu-curve-wrap { height: 46px; }
  .menu-float-btns button { width: 42px; height: 42px; }
  .menu-items { height: calc(94dvh - 120px); }
  .menu-items > [data-menu-level] { top: .35rem; }
  .menu-item {
    padding-block: .08rem;
    font-size: clamp(1.05rem, 4.4vh, 1.55rem);
  }
  .menu-footer { display: none; }
}

.fullmenu {
  display: flex;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition:
    opacity .24s ease .48s,
    visibility 0s linear .76s;
}
.fullmenu.open,
.fullmenu.closing {
  visibility: visible;
}
.fullmenu.open {
  pointer-events: auto;
  opacity: 1;
  transition:
    opacity .18s ease,
    visibility 0s linear 0s;
}
.fullmenu.closing {
  pointer-events: none;
  opacity: 1;
}
.fullmenu-bg {
  opacity: 0;
  transition: opacity .42s ease;
}
.fullmenu.open .fullmenu-bg { opacity: 1; }
.fullmenu.closing .fullmenu-bg { opacity: 0; }

.fullmenu-panel {
  transform: translate3d(0, 108%, 0);
  opacity: .98;
  transition:
    transform .78s cubic-bezier(.2,.82,.24,1),
    opacity .36s ease;
  will-change: transform, opacity;
}
.fullmenu.open .fullmenu-panel {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.fullmenu.closing .fullmenu-panel {
  transform: translate3d(0, 108%, 0);
  opacity: .98;
  transition-timing-function: cubic-bezier(.62,0,.82,.38), ease;
}

.menu-curve-wrap .menu-curve-svg {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scaleY(.76);
  transform-origin: 50% 100%;
  transition:
    transform .62s cubic-bezier(.2,.82,.24,1) .08s,
    opacity .28s ease .08s;
}
.fullmenu.open .menu-curve-wrap .menu-curve-svg {
  opacity: 1;
  transform: translate3d(0, 0, 0) scaleY(1);
}
.fullmenu.closing .menu-curve-wrap .menu-curve-svg {
  opacity: 0;
  transform: translate3d(0, 16px, 0) scaleY(.82);
  transition-delay: 0s;
}
.menu-curve-wrap .menu-curve-line {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset .68s ease .18s;
}
.fullmenu.open .menu-curve-wrap .menu-curve-line { stroke-dashoffset: 0; }
.fullmenu.closing .menu-curve-wrap .menu-curve-line {
  stroke-dashoffset: 1;
  transition-delay: 0s;
  transition-duration: .32s;
}

.menu-float-btns {
  top: clamp(22px, 2.1vw, 32px);
  bottom: auto;
  transform: translateX(-50%);
  margin: 0;
  opacity: 0;
  transition:
    opacity .28s ease .3s,
    transform .5s cubic-bezier(.2,.82,.24,1) .22s;
}
.fullmenu.open .menu-float-btns {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.fullmenu.closing .menu-float-btns {
  opacity: 0;
  transform: translateX(-50%) translateY(10px);
  transition-delay: 0s;
}

.menu-items > [data-menu-level] {
  transition: opacity .22s ease, transform .28s ease;
}
.menu-item {
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(.985);
  transition:
    color .3s ease,
    opacity .46s ease,
    transform .56s cubic-bezier(.2,.82,.24,1);
}
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(1) { transition-delay: .22s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(2) { transition-delay: .27s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(3) { transition-delay: .32s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(4) { transition-delay: .37s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(5) { transition-delay: .42s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(6) { transition-delay: .47s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(7) { transition-delay: .52s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(8) { transition-delay: .57s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(9) { transition-delay: .62s; }
.fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(10) { transition-delay: .67s; }
.fullmenu.closing .menu-item {
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(.99);
  transition-delay: 0s !important;
  transition-duration: .2s;
}

.menu-title,
.menu-footer {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .36s ease .34s, transform .46s ease .32s;
}
.fullmenu.open .menu-title,
.fullmenu.open .menu-footer {
  opacity: 1;
  transform: translateY(0);
}
.fullmenu.closing .menu-title,
.fullmenu.closing .menu-footer {
  opacity: 0;
  transform: translateY(8px);
  transition-delay: 0s;
  transition-duration: .2s;
}

@media (max-width: 720px) {
  .menu-float-btns {
    top: 17px;
  }
  .menu-curve-wrap {
    height: 68px;
  }
}

@media (max-width: 420px) {
  .menu-float-btns { top: 15px; }
  .menu-curve-wrap { height: 62px; }
}

@media (max-height: 680px) and (orientation: landscape) {
  .menu-float-btns { top: 9px; }
  .menu-curve-wrap { height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .fullmenu,
  .fullmenu-bg,
  .fullmenu-panel,
  .menu-curve-wrap .menu-curve-svg,
  .menu-curve-wrap .menu-curve-line,
  .menu-float-btns,
  .menu-item,
  .menu-title,
  .menu-footer {
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
  }
}

html.aketa-loading,
html.aketa-loading body { overflow: hidden !important; }
.aketa-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(81,69,155,.18), transparent 32%),
    radial-gradient(circle at 50% 48%, rgba(49,183,197,.09), transparent 50%),
    #090711;
  color: #fff;
  opacity: 1;
  visibility: visible;
  transition: opacity .62s ease, visibility .62s ease;
}
.aketa-loader::before {
  content: '';
  position: absolute;
  inset: -20%;
  background-image:
    linear-gradient(rgba(134,188,220,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(134,188,220,.035) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(circle, #000 0 35%, transparent 70%);
  mask-image: radial-gradient(circle, #000 0 35%, transparent 70%);
  animation: aketaLoaderGrid 8s linear infinite;
}
.aketa-loader.is-leaving {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.aketa-loader-stage {
  position: relative;
  display: grid;
  place-items: center;
  width: min(76vw, 390px);
  aspect-ratio: 1;
  transform: translateZ(0);
  transition: transform .68s cubic-bezier(.22,.78,.2,1), opacity .48s ease, filter .48s ease;
}
.aketa-loader.is-leaving .aketa-loader-stage {
  transform: scale(1.28) rotate(14deg);
  opacity: 0;
  filter: blur(7px) brightness(1.5);
}
.aketa-loader-aura,
.aketa-loader-ring,
.aketa-loader-hex,
.aketa-loader-node { position: absolute; }
.aketa-loader-aura {
  inset: 9%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(117,223,255,.16), rgba(70,94,255,.07) 38%, transparent 70%);
  filter: blur(7px);
  animation: aketaAura 2.4s ease-in-out infinite;
}
.aketa-loader-ring {
  inset: var(--ring-inset);
  border-radius: 50%;
  border: 1px solid rgba(158,226,255,.26);
  filter: drop-shadow(0 0 6px rgba(103,211,255,.48));
  animation: aketaRingSpin var(--ring-speed) linear infinite var(--ring-direction, normal);
}
.aketa-loader-ring::before,
.aketa-loader-ring::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: inherit;
}
.aketa-loader-ring::before {
  background: conic-gradient(from 0deg,
    transparent 0 7%, rgba(220,250,255,.95) 8% 9%, rgba(72,201,255,.8) 10% 17%, transparent 18% 35%,
    rgba(138,114,255,.75) 37% 47%, transparent 48% 66%, rgba(75,229,213,.76) 68% 79%, transparent 80% 94%,
    rgba(211,249,255,.82) 95% 97%, transparent 98%);
  -webkit-mask: radial-gradient(circle, transparent calc(50% - 2px), #000 calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 2px));
  mask: radial-gradient(circle, transparent calc(50% - 2px), #000 calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 2px));
}
.aketa-loader-ring::after {
  border: 1px dashed rgba(191,239,255,.34);
  transform: scale(.93);
}
.aketa-loader-ring.r1 { --ring-inset: 4%; --ring-speed: 9s; }
.aketa-loader-ring.r2 { --ring-inset: 12%; --ring-speed: 6.5s; --ring-direction: reverse; }
.aketa-loader-ring.r3 { --ring-inset: 20%; --ring-speed: 4.8s; }
.aketa-loader-hex {
  z-index: 3;
  width: 42%;
  aspect-ratio: 1.1547;
  display: grid;
  place-items: center;
  clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  background: linear-gradient(135deg, rgba(142,112,255,.95), rgba(76,211,213,.9), rgba(118,92,218,.95));
  filter: drop-shadow(0 0 8px rgba(213,249,255,.8)) drop-shadow(0 0 30px rgba(70,190,255,.48));
  animation: aketaHexFloat 2.6s ease-in-out infinite;
}
.aketa-loader-hex::before {
  content: '';
  position: absolute;
  inset: 3px;
  clip-path: inherit;
  background:
    radial-gradient(circle at 35% 28%, rgba(108,196,255,.2), transparent 36%),
    linear-gradient(145deg, #171329, #0d1422 72%);
}
.aketa-loader-logo {
  position: relative;
  z-index: 2;
  width: 50%;
  height: 50%;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(199,238,255,.38));
}
.aketa-loader-node {
  z-index: 4;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dffaff;
  box-shadow: 0 0 7px #fff, 0 0 20px #53c9ff;
  animation: aketaNodePulse 1.7s ease-in-out infinite var(--node-delay);
}
.aketa-loader-node.n1 { left: 12%; top: 45%; --node-delay: -.2s; }
.aketa-loader-node.n2 { right: 14%; top: 24%; --node-delay: -.8s; }
.aketa-loader-node.n3 { right: 20%; bottom: 16%; --node-delay: -1.25s; }
.aketa-loader-caption {
  position: absolute;
  left: 50%;
  top: calc(50% + min(25vw, 126px));
  z-index: 5;
  transform: translateX(-50%);
  display: grid;
  justify-items: center;
  gap: .22rem;
  white-space: nowrap;
}
.aketa-loader-caption strong { font-size: 1rem; letter-spacing: .28em; text-indent: .28em; }
.aketa-loader-caption small { color: rgba(218,232,246,.58); font-size: .58rem; letter-spacing: .24em; text-indent: .24em; text-transform: uppercase; }
.aketa-loader-progress {
  position: absolute;
  left: 50%;
  top: calc(50% + min(32vw, 162px));
  width: min(40vw, 160px);
  height: 2px;
  transform: translateX(-50%);
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
}
.aketa-loader-progress i {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, #79d9ff, #a98cff, transparent);
  animation: aketaProgress 1.15s ease-in-out infinite;
}
@keyframes aketaRingSpin { to { transform: rotate(360deg); } }
@keyframes aketaAura { 50% { transform: scale(1.06); opacity: .72; } }
@keyframes aketaHexFloat { 50% { transform: translateY(-7px) scale(1.025); } }
@keyframes aketaNodePulse { 50% { transform: scale(1.8); opacity: .34; } }
@keyframes aketaProgress { from { transform: translateX(-120%); } to { transform: translateX(340%); } }
@keyframes aketaLoaderGrid { to { transform: translate3d(46px,46px,0); } }
html[data-theme="light"] .aketa-loader {
  background:
    radial-gradient(circle at 50% 48%, rgba(113,88,203,.14), transparent 34%),
    radial-gradient(circle at 50% 48%, rgba(54,178,192,.09), transparent 52%),
    #f5f7fb;
  color: #1a1e31;
}
html[data-theme="light"] .aketa-loader-hex::before { background: linear-gradient(145deg, #ffffff, #e8edf6 74%); }
html[data-theme="light"] .aketa-loader-logo { filter: drop-shadow(0 4px 14px rgba(74,54,137,.18)); }
html[data-theme="light"] .aketa-loader-caption small { color: rgba(40,47,73,.55); }
html[data-theme="light"] .aketa-loader-progress { background: rgba(34,40,65,.1); }
@media (max-width: 600px) {
  .aketa-loader-stage { width: min(88vw, 340px); }
  .aketa-loader-caption { top: calc(50% + 120px); }
  .aketa-loader-progress { top: calc(50% + 154px); }
}
@media (prefers-reduced-motion: reduce) {
  .aketa-loader-ring,
  .aketa-loader-aura,
  .aketa-loader-hex,
  .aketa-loader-node,
  .aketa-loader-progress i,
  .aketa-loader::before { animation: none !important; }
  .aketa-loader { transition-duration: .18s; }
}

.fullmenu,
.fullmenu.preparing {
  display: flex;
}
.fullmenu.preparing {
  visibility: visible;
  pointer-events: none;
  opacity: 1;
}
.fullmenu.preparing .fullmenu-bg { opacity: 0; }
.fullmenu.preparing .fullmenu-panel {
  transform: translate3d(0, 108%, 0);
  opacity: .96;
}

@media (max-width: 720px) {
  .fullmenu-panel {
    transform: translate3d(0, calc(100% + 20px), 0);
    opacity: .94;
    -webkit-transform: translate3d(0, calc(100% + 20px), 0);
    transition:
      transform .68s cubic-bezier(.18,.82,.24,1),
      opacity .3s ease;
    -webkit-transition:
      -webkit-transform .68s cubic-bezier(.18,.82,.24,1),
      opacity .3s ease;
  }
  .fullmenu.open .fullmenu-panel {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    opacity: 1;
  }
  .fullmenu.closing .fullmenu-panel {
    transform: translate3d(0, calc(100% + 20px), 0);
    -webkit-transform: translate3d(0, calc(100% + 20px), 0);
    opacity: .94;
    transition-duration: .52s, .24s;
  }
  .fullmenu-bg {
    transition: opacity .36s ease;
  }
  .menu-curve-wrap .menu-curve-svg {
    transform: translate3d(0,16px,0) scaleY(.8);
    -webkit-transform: translate3d(0,16px,0) scaleY(.8);
  }
  .fullmenu.open .menu-curve-wrap .menu-curve-svg {
    transform: translate3d(0,0,0) scaleY(1);
    -webkit-transform: translate3d(0,0,0) scaleY(1);
  }
  .menu-item {
    transform: translate3d(0,14px,0) scale(.99);
    -webkit-transform: translate3d(0,14px,0) scale(.99);
    transition-duration: .38s, .46s, .46s;
  }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item {
    transform: translate3d(0,0,0) scale(1);
    -webkit-transform: translate3d(0,0,0) scale(1);
  }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(1) { transition-delay: .14s; }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(2) { transition-delay: .18s; }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(3) { transition-delay: .22s; }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(4) { transition-delay: .26s; }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(5) { transition-delay: .30s; }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(6) { transition-delay: .34s; }
  .fullmenu.open .menu-items > [data-menu-level]:not([hidden]) .menu-item:nth-of-type(7) { transition-delay: .38s; }
}

@media (prefers-reduced-motion: reduce) {
  .fullmenu,
  .fullmenu-bg,
  .fullmenu-panel,
  .menu-curve-wrap .menu-curve-svg,
  .menu-curve-wrap .menu-curve-line,
  .menu-float-btns,
  .menu-item,
  .menu-title,
  .menu-footer {
    transition-duration: .18s !important;
    transition-delay: 0s !important;
  }
  .fullmenu-panel,
  .fullmenu.preparing .fullmenu-panel,
  .fullmenu.closing .fullmenu-panel {
    transform: none !important;
    -webkit-transform: none !important;
  }
}

.aketa-loader { min-height: 100dvh; min-height: -webkit-fill-available; }
.aketa-loader-stage { max-height: 72dvh; }
@media (max-width: 768px) {
  .aketa-loader-stage { width: min(76vw, 310px); }
  .aketa-loader-caption { top: calc(50% + min(31vw, 112px)); }
  .aketa-loader-progress { top: calc(50% + min(40vw, 146px)); width: min(48vw, 150px); }
}
@media (max-width: 420px) {
  .aketa-loader-stage { width: min(78vw, 285px); }
  .aketa-loader-caption strong { font-size: .88rem; }
  .aketa-loader-caption small { font-size: .52rem; }
}
@media (max-height: 600px) and (orientation: landscape) {
  .aketa-loader-stage { width: min(58vh, 260px); }
  .aketa-loader-caption { top: calc(50% + min(30vh, 94px)); }
  .aketa-loader-progress { top: calc(50% + min(40vh, 122px)); width: min(28vw, 145px); }
}

html.aketa-loading main *,
html.aketa-loading footer * {
  animation-play-state: paused !important;
}

.aketa-loader,
.aketa-loader-stage {
  contain: layout paint style;
}
.aketa-loader::before,
.aketa-loader-stage,
.aketa-loader-ring,
.aketa-loader-hex,
.aketa-loader-aura,
.aketa-loader-node,
.aketa-loader-progress i {
  backface-visibility: hidden;
}
.aketa-loader::before,
.aketa-loader-ring,
.aketa-loader-hex,
.aketa-loader-progress i {
  will-change: transform;
}
.aketa-loader-aura,
.aketa-loader-node {
  will-change: transform, opacity;
}
.aketa-loader-stage { will-change: transform, opacity, filter; }

.fullmenu {
  z-index: 500 !important;
  isolation: isolate;
  contain: layout paint style;
}

.fullmenu-bg {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background:
    radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--purple) 7%, transparent), transparent 48%),
    color-mix(in srgb, var(--body) 72%, transparent) !important;
  will-change: opacity;
  backface-visibility: hidden;
}

.fullmenu-panel {
  contain: layout paint style;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 1 !important;
  will-change: transform;
  transition: transform .64s cubic-bezier(.2,.82,.24,1) !important;
}
.fullmenu.closing .fullmenu-panel {
  transition: transform .54s cubic-bezier(.62,0,.82,.38) !important;
}

.fullmenu.menu-prewarm {
  visibility: visible !important;
  display: flex !important;
  opacity: .001 !important;
  pointer-events: none !important;
}
.fullmenu.menu-prewarm .fullmenu-bg { opacity: 1 !important; }
.fullmenu.menu-prewarm .fullmenu-panel {
  transform: translate3d(0,108%,0) !important;
}
.fullmenu.menu-prewarm .menu-curve-svg,
.fullmenu.menu-prewarm .menu-float-btns,
.fullmenu.menu-prewarm .menu-title,
.fullmenu.menu-prewarm .menu-footer,
.fullmenu.menu-prewarm .menu-item {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.fullmenu.preparing .fullmenu-panel,
.fullmenu.open .fullmenu-panel,
.fullmenu.closing .fullmenu-panel {
  opacity: 1 !important;
}

.aketa-loader {
  transform: translateZ(0);
  will-change: opacity;
  transition: opacity .46s cubic-bezier(.22,.75,.24,1) !important;
}
.aketa-loader.is-leaving {
  visibility: visible !important;
}
.aketa-loader-stage {
  filter: none !important;
  will-change: transform, opacity !important;
  transition:
    transform .48s cubic-bezier(.22,.75,.24,1),
    opacity .34s ease !important;
}
.aketa-loader.is-leaving .aketa-loader-stage {
  transform: translate3d(0,0,0) scale(1.12) rotate(6deg) !important;
  opacity: 0 !important;
  filter: none !important;
}
.aketa-loader.is-leaving::before,
.aketa-loader.is-leaving .aketa-loader-ring,
.aketa-loader.is-leaving .aketa-loader-aura,
.aketa-loader.is-leaving .aketa-loader-hex,
.aketa-loader.is-leaving .aketa-loader-node,
.aketa-loader.is-leaving .aketa-loader-progress i {
  animation-play-state: paused !important;
}

html.aketa-loader-leaving main *,
html.aketa-loader-leaving footer * {
  animation-play-state: paused !important;
}

@media (max-width: 720px) {
  .fullmenu-panel {
    transition: transform .58s cubic-bezier(.18,.82,.24,1) !important;
  }
  .fullmenu.closing .fullmenu-panel {
    transition-duration: .48s !important;
  }
}

.v27-targeted-page{--v27-panel:color-mix(in srgb,var(--surface,#15101f) 92%,transparent);--v27-panel-2:color-mix(in srgb,var(--surface-2,#1b1428) 92%,transparent);--v27-line:color-mix(in srgb,var(--text,#fff) 13%,transparent);--v27-soft:color-mix(in srgb,var(--text,#fff) 6%,transparent);--v27-violet:#7c3aed;--v27-indigo:#4f46e5;--v27-cyan:#0891b2;--v27-green:#059669;--v27-amber:#d97706;--v27-red:#dc2626}
.v27-targeted-page *{box-sizing:border-box}
.v27-targeted-page :focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}
.v27-stack{display:grid;gap:1rem}.v27-grid{display:grid;gap:1rem}.v27-card{border:1px solid var(--v27-line);background:var(--v27-panel);border-radius:1.35rem;padding:1.25rem;box-shadow:0 18px 55px rgba(0,0,0,.12)}
.v27-card h2,.v27-card h3{margin:0}.v27-muted{color:var(--muted)}.v27-kicker{margin:0 0 .4rem;color:#9f7aea;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.v27-title{font-size:clamp(2.2rem,4.5vw,4.8rem);line-height:.93;letter-spacing:-.055em;margin:0}.v27-section-title{font-size:clamp(1.45rem,2.5vw,2.35rem);letter-spacing:-.035em}.v27-link{color:#a78bfa;font-weight:700}.v27-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .7rem;border-radius:999px;border:1px solid var(--v27-line);background:var(--v27-soft);font-size:.7rem;font-weight:800}.v27-badge.ok{color:#34d399;background:rgba(5,150,105,.1)}.v27-badge.warn{color:#fbbf24;background:rgba(217,119,6,.1)}.v27-badge.info{color:#67e8f9;background:rgba(8,145,178,.1)}
.v27-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.72rem 1rem;border-radius:.85rem;border:1px solid var(--v27-line);font-weight:800;transition:transform .2s ease,border-color .2s ease,background .2s ease}.v27-button:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.65)}.v27-button.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--v27-violet),var(--v27-indigo))}.v27-button.subtle{background:var(--v27-soft)}.v27-button.danger{color:#fecaca;background:rgba(220,38,38,.08)}
.v27-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.v27-head p{margin:.35rem 0 0}.v27-actions{display:flex;flex-wrap:wrap;gap:.6rem}

.v27-overview-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:1.5rem;align-items:center;padding:clamp(1.35rem,4vw,2.6rem);border-radius:1.65rem;color:#fff;background:linear-gradient(125deg,#211130 0%,#41207a 52%,#173c5b 100%)}.v27-overview-hero:after{content:"";position:absolute;right:-110px;bottom:-150px;width:360px;height:360px;border-radius:50%;border:80px solid rgba(255,255,255,.055)}.v27-overview-copy{position:relative;z-index:1}.v27-overview-copy p{max-width:760px;color:rgba(255,255,255,.72)}.v27-overview-copy .v27-title{max-width:750px}.v27-profile-summary{position:relative;z-index:1;padding:1.1rem;border:1px solid rgba(255,255,255,.15);border-radius:1.25rem;background:rgba(10,8,18,.28)}.v27-profile-row{display:flex;align-items:center;gap:.8rem}.v27-profile-row img{width:58px;height:58px;object-fit:cover;border-radius:1rem}.v27-profile-row small,.v27-profile-row strong{display:block}.v27-balance-large{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}.v27-balance-large small,.v27-balance-large strong{display:block}.v27-balance-large strong{font-size:2.2rem;letter-spacing:-.045em}.v27-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.v27-metric{min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.v27-metric-icon{width:42px;height:42px;border-radius:.85rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(8,145,178,.16));color:#c4b5fd}.v27-metric strong{font-size:1.85rem;letter-spacing:-.04em}.v27-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);margin-top:1rem}.v27-software-list{display:grid;gap:.65rem}.v27-software-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:.85rem;border:1px solid var(--v27-line);border-radius:1rem;background:var(--v27-soft)}.v27-product-symbol{width:52px;height:52px;border-radius:.9rem;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#6d28d9,#4f46e5)}.v27-product-symbol.people{background:linear-gradient(135deg,#059669,#0891b2)}.v27-product-symbol.pro{background:linear-gradient(135deg,#d97706,#7c3aed)}.v27-software-row small{display:block;color:var(--muted);margin-top:.15rem}.v27-side-stack{display:grid;gap:1rem}.v27-progress{height:8px;border-radius:999px;background:var(--v27-soft);overflow:hidden}.v27-progress>i{display:block;height:100%;width:78%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#a855f7)}.v27-timeline{display:grid;gap:.9rem}.v27-timeline-item{display:grid;grid-template-columns:10px 1fr;gap:.7rem}.v27-timeline-item>i{width:9px;height:9px;margin-top:.36rem;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.09)}.v27-timeline-item.warn>i{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.09)}.v27-timeline-item small{display:block;color:var(--muted);margin-top:.15rem}

.v27-license-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:1.5rem;align-items:center;overflow:hidden;padding:clamp(1.3rem,3vw,2.3rem);border-radius:1.6rem;color:#fff;background:linear-gradient(135deg,#29123c,#4c1d95 48%,#0e5266)}.v27-license-hero[data-accent="personel"]{background:linear-gradient(135deg,#092f2a,#065f46 48%,#0e7490)}.v27-license-hero[data-accent="pro"]{background:linear-gradient(135deg,#422006,#9a3412 48%,#6b21a8)}.v27-license-hero p{color:rgba(255,255,255,.72)}.v27-license-image{position:relative}.v27-license-image img{display:block;width:100%;border-radius:1rem;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.3)}.v27-license-image:before{content:"";position:absolute;inset:10% -5% -10% 12%;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;z-index:0}.v27-license-image img{position:relative;z-index:1}.v27-tabs{display:flex;gap:.45rem;overflow:auto;padding:.35rem;margin:1rem 0;border:1px solid var(--v27-line);border-radius:1rem;background:var(--v27-panel)}.v27-tabs button{flex:0 0 auto;padding:.7rem 1rem;border-radius:.75rem;color:var(--muted);font-weight:800}.v27-tabs button.active{color:#fff;background:linear-gradient(135deg,#6d28d9,#4f46e5)}.v27-tab-panel{display:none}.v27-tab-panel.active{display:block}.v27-license-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.v27-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-info{padding:1rem;border:1px solid var(--v27-line);border-radius:1rem;background:var(--v27-soft)}.v27-info dt{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.v27-info dd{margin:.35rem 0 0;font-weight:750;overflow-wrap:anywhere}.v27-code-row{display:flex;gap:.5rem;align-items:center}.v27-code-row code{font-size:.76rem;color:#a7f3d0;overflow-wrap:anywhere}.v27-health{display:grid;gap:.7rem}.v27-health li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem;border:1px solid var(--v27-line);border-radius:.85rem}.v27-health li span:first-child{display:flex;align-items:center;gap:.55rem}.v27-health i{width:9px;height:9px;border-radius:50%;background:#22c55e}.v27-usage-ring{width:150px;height:150px;margin:1rem auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#8b5cf6 0 68%,var(--v27-soft) 68% 100%)}.v27-usage-ring:before{content:"";position:absolute}.v27-usage-ring>div{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;align-content:center;background:var(--v27-panel)}.v27-usage-ring strong{font-size:2rem}.v27-usage-ring span{font-size:.68rem;color:var(--muted)}

.v27-invoice-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.v27-invoice-summary .v27-card strong{display:block;font-size:1.8rem;margin-top:.4rem}.v27-invoice-list{display:grid;gap:.75rem}.v27-invoice-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1.4fr) minmax(110px,.6fr) minmax(100px,.55fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--v27-line);border-radius:1rem;background:var(--v27-panel)}.v27-invoice-row:hover{border-color:rgba(139,92,246,.55);transform:translateY(-1px)}.v27-invoice-row small{display:block;color:var(--muted);margin-top:.15rem}.v27-invoice-actions{display:flex;gap:.45rem}.v27-icon-action{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--v27-line);border-radius:.75rem;background:var(--v27-soft)}.v27-modal{position:fixed;inset:0;z-index:3000;display:none;place-items:center;padding:1rem}.v27-modal.open{display:grid}.v27-modal-backdrop{position:absolute;inset:0;background:rgba(7,5,12,.78)}.v27-modal-panel{position:relative;z-index:1;width:min(760px,100%);max-height:min(88vh,880px);overflow:auto;border:1px solid var(--v27-line);border-radius:1.35rem;background:var(--bg);box-shadow:0 30px 100px rgba(0,0,0,.45)}.v27-modal-head{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;border-bottom:1px solid var(--v27-line)}.v27-modal-close{width:42px;height:42px;border:1px solid var(--v27-line);border-radius:.8rem}.v27-invoice-paper{margin:1rem;padding:clamp(1rem,3vw,2rem);border-radius:1rem;background:#fff;color:#17121f}.v27-invoice-brand{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #eee}.v27-invoice-brand b{font-size:1.5rem}.v27-invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0}.v27-invoice-table{width:100%;border-collapse:collapse}.v27-invoice-table th,.v27-invoice-table td{padding:.75rem;border-bottom:1px solid #e7e5e4;text-align:left}.v27-invoice-table th:last-child,.v27-invoice-table td:last-child{text-align:right}.v27-invoice-total{display:grid;gap:.4rem;width:min(310px,100%);margin:1rem 0 0 auto}.v27-invoice-total div{display:flex;justify-content:space-between}.v27-invoice-total .grand{padding-top:.65rem;border-top:2px solid #17121f;font-size:1.15rem;font-weight:900}

.v27-support-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:670px;border:1px solid var(--v27-line);border-radius:1.4rem;overflow:hidden;background:var(--v27-panel)}.v27-ticket-pane{border-right:1px solid var(--v27-line);background:var(--v27-soft)}.v27-ticket-tools{padding:1rem;border-bottom:1px solid var(--v27-line)}.v27-ticket-list{display:grid;max-height:595px;overflow:auto}.v27-ticket-item{display:grid;grid-template-columns:12px 1fr;gap:.7rem;padding:1rem;border-bottom:1px solid var(--v27-line);text-align:left}.v27-ticket-item:hover,.v27-ticket-item.active{background:rgba(124,58,237,.1)}.v27-ticket-item>i{width:10px;height:10px;margin-top:.35rem;border-radius:50%;background:#22c55e}.v27-ticket-item.wait>i{background:#f59e0b}.v27-ticket-item.closed>i{background:#64748b}.v27-ticket-item strong,.v27-ticket-item small{display:block}.v27-ticket-item small{color:var(--muted);margin-top:.25rem}.v27-ticket-meta{display:flex;justify-content:space-between;gap:.5rem;margin-top:.45rem;font-size:.65rem;color:var(--muted)}.v27-chat-pane{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.v27-chat-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--v27-line)}.v27-chat-head small{display:block;color:var(--muted);margin-top:.2rem}.v27-chat-messages{display:grid;align-content:start;gap:1rem;padding:1.2rem;overflow:auto;background:linear-gradient(180deg,var(--v27-soft),transparent)}.v27-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.7rem;max-width:78%}.v27-message.mine{grid-template-columns:minmax(0,1fr) 38px;margin-left:auto}.v27-message.mine .v27-message-avatar{order:2}.v27-message-avatar{width:38px;height:38px;border-radius:.8rem;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#6d28d9,#4f46e5)}.v27-message.mine .v27-message-avatar{background:linear-gradient(135deg,#059669,#0891b2)}.v27-message-bubble{padding:.9rem 1rem;border:1px solid var(--v27-line);border-radius:1rem 1rem 1rem .3rem;background:var(--bg)}.v27-message.mine .v27-message-bubble{border-radius:1rem 1rem .3rem 1rem;background:rgba(5,150,105,.09)}.v27-message-bubble p{margin:.35rem 0 0;line-height:1.65}.v27-message-bubble small{color:var(--muted)}.v27-reply{display:grid;grid-template-columns:1fr auto;gap:.7rem;padding:1rem;border-top:1px solid var(--v27-line)}.v27-reply textarea{min-height:54px;max-height:160px;resize:vertical}

.v27-wallet-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:1rem;margin-bottom:1rem}.v27-wallet-balance{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#2e1065,#5b21b6 55%,#0e7490)}.v27-wallet-balance:after{content:"₺";position:absolute;right:1rem;bottom:-2.2rem;font-size:10rem;font-weight:900;color:rgba(255,255,255,.055)}.v27-wallet-balance small,.v27-wallet-balance strong,.v27-wallet-balance span{display:block;position:relative;z-index:1}.v27-wallet-balance strong{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.06em}.v27-wallet-balance span{color:rgba(255,255,255,.68)}.v27-tier-card{display:flex;flex-direction:column;justify-content:space-between}.v27-tier-row{display:flex;justify-content:space-between;align-items:center}.v27-wallet-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.v27-amount-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:.9rem 0}.v27-amount{padding:1rem;border:1px solid var(--v27-line);border-radius:.9rem;font-size:1rem;font-weight:900;background:var(--v27-soft)}.v27-amount.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#6d28d9,#4f46e5)}.v27-payment-methods{grid-template-columns:1fr 1fr;margin:1rem 0}.v27-payment-option{display:block;position:relative;padding:1rem;border:1px solid var(--v27-line);border-radius:1rem;cursor:pointer}.v27-payment-option:has(input:checked){border-color:#8b5cf6;background:rgba(124,58,237,.08)}.v27-payment-option input{position:absolute;right:1rem;top:1rem;accent-color:#7c3aed}.v27-payment-option strong,.v27-payment-option small{display:block}.v27-payment-option small{color:var(--muted);margin-top:.2rem}.v27-order-summary{position:sticky;top:90px}.v27-summary-line{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--v27-line)}.v27-summary-line.total{font-size:1.2rem;font-weight:900}.v27-transactions{display:grid;gap:.65rem}.v27-transaction{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.8rem;border:1px solid var(--v27-line);border-radius:.9rem}.v27-transaction-icon{width:44px;height:44px;border-radius:.85rem;display:grid;place-items:center;background:rgba(5,150,105,.11);color:#34d399}.v27-transaction.out .v27-transaction-icon{background:rgba(220,38,38,.08);color:#f87171}.v27-transaction small{display:block;color:var(--muted);margin-top:.1rem}

.v27-software-page{--v27-public-bg:var(--bg)}.v27-software-hero{padding:clamp(10rem,16vw,14rem) 0 5rem;overflow:hidden}.v27-software-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:2rem;align-items:center}.v27-software-orbit{position:relative;min-height:420px}.v27-orbit-core{position:absolute;inset:50% auto auto 50%;width:210px;height:210px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;color:#fff;font-size:4rem;font-weight:900;background:linear-gradient(135deg,#6d28d9,#4f46e5);box-shadow:0 30px 90px rgba(79,70,229,.28)}.v27-orbit-ring{position:absolute;inset:50% auto auto 50%;width:370px;height:370px;transform:translate(-50%,-50%);border:1px solid var(--v27-line);border-radius:50%}.v27-orbit-chip{position:absolute;padding:.65rem .85rem;border:1px solid var(--v27-line);border-radius:.8rem;background:var(--bg);font-size:.72rem;font-weight:800}.v27-orbit-chip:nth-of-type(1){left:4%;top:16%}.v27-orbit-chip:nth-of-type(2){right:2%;top:25%}.v27-orbit-chip:nth-of-type(3){right:10%;bottom:11%}.v27-catalog{padding:2rem 0 7rem}.v27-catalog-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:.8rem;align-items:center;margin-bottom:1.2rem}.v27-search{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border:1px solid var(--v27-line);border-radius:1rem;background:var(--v27-panel)}.v27-search input{width:100%;background:transparent;border:0;color:inherit;outline:0}.v27-filters,.v27-view-buttons{display:flex;gap:.4rem;overflow:auto}.v27-filters button,.v27-view-buttons button{flex:0 0 auto;padding:.7rem .9rem;border:1px solid var(--v27-line);border-radius:.8rem;color:var(--muted);font-weight:800}.v27-filters button.active,.v27-view-buttons button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#6d28d9,#4f46e5)}.v27-catalog-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--muted)}.v27-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.v27-products.list{grid-template-columns:1fr}.v27-product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--v27-line);border-radius:1.35rem;background:var(--v27-panel);transition:transform .35s ease,border-color .35s ease}.v27-product-card:hover{transform:translateY(-7px);border-color:rgba(139,92,246,.55)}.v27-product-media{position:relative;aspect-ratio:16/10;overflow:hidden}.v27-product-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.v27-product-card:hover .v27-product-media img{transform:scale(1.045)}.v27-product-media .v27-badge{position:absolute;left:1rem;top:1rem;color:#fff;background:rgba(12,8,20,.78)}.v27-product-copy{display:flex;flex:1;flex-direction:column;padding:1.2rem}.v27-product-copy h2{font-size:2rem;letter-spacing:-.045em}.v27-product-copy p{color:var(--muted)}.v27-product-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1.1rem}.v27-product-tags span{padding:.35rem .55rem;border-radius:999px;background:var(--v27-soft);font-size:.65rem}.v27-product-actions{display:flex;gap:.55rem;margin-top:auto}.v27-product-actions .v27-button{flex:1}.v27-products.list .v27-product-card{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.v27-products.list .v27-product-media{aspect-ratio:auto;min-height:300px}

.v27-pro-hero{padding:clamp(10rem,16vw,14rem) 0 5rem}.v27-pro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);gap:2rem;align-items:center}.v27-pro-visual{position:relative}.v27-pro-visual img{display:block;width:100%;border-radius:1.3rem;border:1px solid var(--v27-line);box-shadow:0 32px 90px rgba(0,0,0,.25)}.v27-pro-visual:before,.v27-pro-visual:after{content:"";position:absolute;border:1px solid var(--v27-line);border-radius:1.3rem;z-index:-1}.v27-pro-visual:before{inset:6% -4% -6% 6%;transform:rotate(3deg)}.v27-pro-visual:after{inset:12% 5% -10% -5%;transform:rotate(-3deg)}.v27-product-statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.2rem}.v27-product-statbar div{padding:.8rem;border:1px solid var(--v27-line);border-radius:.85rem;background:var(--v27-soft)}.v27-product-statbar strong,.v27-product-statbar small{display:block}.v27-product-statbar small{color:var(--muted)}.v27-pro-section{padding:5rem 0}.v27-gallery{display:grid;grid-template-columns:1.7fr .65fr;gap:1rem}.v27-gallery-main{position:relative;min-height:560px;overflow:hidden;border-radius:1.4rem;border:1px solid var(--v27-line)}.v27-gallery-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.v27-gallery-thumbs{display:grid;gap:1rem}.v27-gallery-thumbs button{overflow:hidden;border:1px solid var(--v27-line);border-radius:1rem;opacity:.65}.v27-gallery-thumbs button.active{opacity:1;border-color:#8b5cf6}.v27-gallery-thumbs img{width:100%;height:100%;object-fit:cover}.v27-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v27-feature{min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.v27-feature-index{font-size:3rem;font-weight:900;color:rgba(139,92,246,.45)}.v27-tech-grid{grid-template-columns:1fr 1fr}.v27-tech-list{display:flex;flex-wrap:wrap;gap:.55rem}.v27-tech-list span{padding:.65rem .8rem;border:1px solid var(--v27-line);border-radius:.75rem;background:var(--v27-soft);font-weight:750}.v27-video-shell{position:relative;aspect-ratio:16/8;overflow:hidden;border:1px solid var(--v27-line);border-radius:1.5rem;background:#09070e}.v27-video-shell img{width:100%;height:100%;object-fit:cover;opacity:.58}.v27-video-shell button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);font-size:1.6rem}

.v27-targeted-page .v27-field{width:100%;padding:.82rem .9rem;border:1px solid var(--v27-line);border-radius:.85rem;background:var(--v27-soft);color:inherit}.v27-targeted-page select.v27-field{color:var(--text)}.v27-targeted-page select.v27-field option{background:#181220;color:#f8fafc}.v27-targeted-page label{font-weight:750}.v27-targeted-page .v27-form-group{display:grid;gap:.4rem}
@media(max-width:1100px){.v27-metrics{grid-template-columns:repeat(2,1fr)}.v27-dashboard,.v27-license-grid,.v27-wallet-layout{grid-template-columns:1fr}.v27-order-summary{position:relative;top:auto}.v27-software-hero-grid,.v27-pro-grid{grid-template-columns:1fr}.v27-software-orbit{min-height:330px}.v27-products{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-support-shell{grid-template-columns:310px minmax(0,1fr)}.v27-gallery-main{min-height:440px}}
@media(max-width:820px){.v27-overview-hero,.v27-license-hero,.v27-wallet-hero{grid-template-columns:1fr}.v27-invoice-summary{grid-template-columns:1fr 1fr}.v27-invoice-row{grid-template-columns:1fr auto}.v27-invoice-row>div:nth-child(2),.v27-invoice-row>div:nth-child(3),.v27-invoice-row>div:nth-child(4){grid-column:1}.v27-invoice-actions{grid-column:2;grid-row:1/4}.v27-support-shell{grid-template-columns:1fr;min-height:0}.v27-ticket-pane{border-right:0;border-bottom:1px solid var(--v27-line)}.v27-ticket-list{max-height:310px}.v27-chat-pane{min-height:620px}.v27-products,.v27-feature-grid{grid-template-columns:1fr}.v27-products.list .v27-product-card{grid-template-columns:1fr}.v27-products.list .v27-product-media{min-height:280px}.v27-catalog-toolbar{grid-template-columns:1fr}.v27-filters,.v27-view-buttons{width:100%}.v27-gallery{grid-template-columns:1fr}.v27-gallery-main{min-height:380px}.v27-gallery-thumbs{grid-template-columns:repeat(3,1fr)}.v27-gallery-thumbs button{aspect-ratio:16/10}.v27-tech-grid{grid-template-columns:1fr}.v27-product-statbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.v27-card{padding:1rem;border-radius:1.1rem}.v27-head{align-items:start;flex-direction:column}.v27-actions,.v27-product-actions{width:100%}.v27-actions .v27-button,.v27-product-actions .v27-button{flex:1}.v27-metrics{grid-template-columns:1fr 1fr}.v27-metric{min-height:118px}.v27-software-row{grid-template-columns:44px minmax(0,1fr) auto}.v27-software-row .v27-button{grid-column:1/-1}.v27-product-symbol{width:44px;height:44px}.v27-info-grid,.v27-invoice-summary,.v27-payment-methods{grid-template-columns:1fr}.v27-message{max-width:92%}.v27-reply{grid-template-columns:1fr}.v27-amount-grid{grid-template-columns:1fr 1fr}.v27-invoice-paper{margin:.55rem}.v27-invoice-meta{grid-template-columns:1fr}.v27-invoice-table{font-size:.78rem}.v27-software-hero{padding-top:8.5rem}.v27-software-orbit{min-height:270px}.v27-orbit-core{width:150px;height:150px;font-size:3rem}.v27-orbit-ring{width:260px;height:260px}.v27-orbit-chip{font-size:.6rem;padding:.5rem}.v27-pro-hero{padding-top:8.5rem}.v27-gallery-main{min-height:270px}.v27-video-shell{aspect-ratio:16/11}.v27-title{font-size:clamp(2.4rem,13vw,4rem)}}
@media(max-width:390px){.v27-metrics{grid-template-columns:1fr}.v27-amount-grid{grid-template-columns:1fr 1fr}.v27-invoice-row{display:block}.v27-invoice-row>div{margin-bottom:.65rem}.v27-invoice-actions{margin-top:.7rem}.v27-products{grid-template-columns:1fr}.v27-product-statbar{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.v27-targeted-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.heading-reveal {
  display: block;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}
.heading-reveal[data-reveal] {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity .72s cubic-bezier(.2,.75,.2,1), transform .72s cubic-bezier(.2,.75,.2,1);
}
.heading-reveal[data-reveal].in { opacity: 1; transform: none; }

select.field { color-scheme: dark; }
select.field option,
select.field optgroup { background: #17111f; color: #f7f3fb; }
html[data-theme="light"] select.field { color-scheme: light; }
html[data-theme="light"] select.field option,
html[data-theme="light"] select.field optgroup { background: #fff; color: #201628; }

.contact-tile {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform .32s var(--ease), border-color .32s ease, background .32s ease, box-shadow .32s ease;
}
.contact-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 18%, color-mix(in srgb, var(--purple) 17%, transparent) 48%, transparent 78%);
  transform: translateX(-115%);
  transition: transform .55s var(--ease);
}
.contact-tile .ico,
.contact-tile > svg { transition: transform .32s var(--ease), color .32s ease, background .32s ease; }
.contact-tile:hover,
.contact-tile:focus-visible {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--purple) 52%, var(--border));
  background: color-mix(in srgb, var(--purple) 9%, var(--surface));
  box-shadow: 0 18px 40px rgba(44,25,63,.15);
}
.contact-tile:hover::before,
.contact-tile:focus-visible::before { transform: translateX(115%); }
.contact-tile:hover .ico,
.contact-tile:focus-visible .ico { transform: rotate(-7deg) scale(1.07); }
.contact-tile:hover > svg,
.contact-tile:focus-visible > svg { transform: translate(2px,-2px) rotate(45deg); color: var(--purple); }

.footer-contact-card {
  overflow: hidden;
  isolation: isolate;
  position: relative;
  transition: transform .32s var(--ease), border-color .32s ease, background .32s ease, box-shadow .32s ease;
}
.footer-contact-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 12%, color-mix(in srgb, var(--purple) 15%, transparent), transparent 82%);
  transform: translateX(-120%);
  transition: transform .55s var(--ease);
}
.footer-contact-card:hover::before,
.footer-contact-card:focus-visible::before { transform: translateX(120%); }
.footer-contact-card:hover,
.footer-contact-card:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(44,25,63,.14); }
.footer-contact-card:hover .footer-contact-icon,
.footer-contact-card:focus-visible .footer-contact-icon { transform: rotate(-7deg) scale(1.06); }
.footer-contact-icon { transition: transform .32s var(--ease), color .25s ease, background .25s ease; }

html[data-theme="light"] .footer-contact-icon,
html[data-theme="light"] .contact-tile .ico {
  color: #542286;
  background: linear-gradient(135deg, rgba(108,53,178,.16), rgba(23,114,153,.10));
  border-color: rgba(84,34,134,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}
html[data-theme="light"] .footer-contact-icon svg,
html[data-theme="light"] .contact-tile .ico svg { stroke: currentColor; color: inherit; }
html[data-theme="light"] .footer-contact-icon svg[fill="currentColor"] { fill: currentColor; stroke: none; }
html[data-theme="light"] .footer-contact-arrow { color: #542286; }

.blog-hero-new,
.service-detail-hero,
.contact-hero,
.project-index-hero,
.project-detail-hero,
.reference-detail-hero,
.about-hero-new,
.v252-product-hero,
.v252-catalog-hero {
  min-height: min(800px, 84svh);
  padding-top: clamp(8.4rem, 9vw, 9.75rem);
  padding-bottom: clamp(4rem, 6vw, 5.5rem);
}
.quote-hero { padding-top: clamp(8.4rem, 9vw, 9.75rem); }
.page-hero { min-height: min(650px, 72svh); padding-top: clamp(8.4rem, 9vw, 9.75rem); padding-bottom: 4.5rem; }
.blog-hero-new { align-items: center; }
.service-detail-hero { align-items: center; }
.v252-product-hero,
.v252-catalog-hero { align-items: center; }

.project-index-copy { align-self: center; min-width: 0; }
.project-index-copy h1 {
  display: block;
  max-width: 11.5ch;
  margin: .6rem 0 1.4rem;
  font-size: clamp(3.8rem, 7.1vw, 8.1rem);
  line-height: .89;
  letter-spacing: -.072em;
  text-wrap: balance;
}
.project-index-lead { max-width: 48rem; }
.project-section-heading > div { min-width: 0; }
.project-section-heading h2 { display: block; max-width: 13ch; margin-top: .35rem; }
.project-featured-media {
  display: grid;
  place-items: center;
  padding: clamp(.75rem, 2vw, 1.6rem);
  background: radial-gradient(circle at 45% 42%, rgba(108,53,178,.13), transparent 62%), #0c0912;
}
.project-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  border-radius: clamp(14px,2vw,26px);
}
html[data-theme="light"] .project-featured-media { background: radial-gradient(circle at 45% 42%, rgba(108,53,178,.10), transparent 62%), #f5f1f8; }

.reference-archive-grid .ref-card[data-reveal] {
  opacity: 0;
  transform: translate3d(var(--v300-ref-x,0), 34px, 0) rotate(var(--v300-ref-r,0deg));
  transition: opacity .68s ease, transform .82s cubic-bezier(.2,.75,.2,1);
}
.reference-archive-grid .ref-card[data-reveal]:nth-child(odd) { --v300-ref-x: -95px; --v300-ref-r: -1.2deg; }
.reference-archive-grid .ref-card[data-reveal]:nth-child(even) { --v300-ref-x: 95px; --v300-ref-r: 1.2deg; }
.reference-archive-grid .ref-card[data-reveal].in,
.reference-archive-grid .ref-card.v300-page-enter { opacity: 1; transform: none; }
.v300-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: clamp(2rem,5vw,3.5rem);
}
.v300-pagination button {
  min-width: 42px;
  height: 42px;
  padding: 0 .8rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  background: var(--glass);
  transition: transform .25s ease, color .25s ease, border-color .25s ease, background .25s ease;
}
.v300-pagination button:hover:not(:disabled),
.v300-pagination button:focus-visible { transform: translateY(-2px); border-color: rgba(108,53,178,.48); color: var(--ink); }
.v300-pagination button.active { color: #fff; border-color: transparent; background: linear-gradient(135deg,#601799,#3c43dd); box-shadow: 0 10px 25px rgba(82,42,147,.28); }
.v300-pagination button:disabled { opacity: .35; cursor: not-allowed; }

.reference-detail-hero { min-height: auto; padding-bottom: 2.5rem; }
.reference-hero-visual { margin-top: 0; margin-bottom: clamp(3rem,6vw,5rem); }
.reference-story-grid { padding-inline: clamp(.75rem,2vw,1.75rem); }
.reference-showcase-band > .container { padding-inline: clamp(1rem,3vw,2.5rem); }
@media (min-width:821px) {
  .reference-story-section[data-reference-scene] { min-height: 138vh; }
  .reference-story-section[data-reference-scene] > .container { min-height: 88vh; padding-top: 5.5rem; padding-bottom: 2.5rem; }
  .reference-showcase-band[data-reference-showcase-scene] { min-height: 152vh; }
  .reference-showcase-band[data-reference-showcase-scene] > .container { min-height: 82vh; padding-top: 10vh; }
  .reference-showcase-band[data-reference-showcase-scene] .reference-showcase-image { top: 17vh; margin-top: -47vh; margin-bottom: 8vh; }
}

.project-story-nav { gap: .6rem; }
.project-story-nav a {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: .1rem .65rem;
  padding: .8rem .85rem;
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  color: var(--muted);
  background: var(--glass);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease;
}
.project-story-nav a:hover,
.project-story-nav a:focus-visible { transform: translateX(4px); border-color: rgba(108,53,178,.45); color: var(--ink); background: rgba(108,53,178,.08); }
.project-story-nav a span { grid-row: 1 / 3; font-family: ui-monospace,monospace; color: #a78bfa; font-size: .72rem; }
.project-story-nav a strong { font-size: .82rem; line-height: 1.2; }
.project-story-nav a small { font-size: .65rem; line-height: 1.35; color: var(--muted); }

.v300-project-gallery { display: grid; gap: 1rem; margin-top: 2rem; }
.v300-project-stage { position: relative; min-width: 0; }
.v300-project-main {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: clamp(22px,3vw,36px);
  background: #090712;
  box-shadow: 0 28px 78px rgba(0,0,0,.22);
  text-align: left;
}
.v300-project-main img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #0b0811; transition: transform .65s var(--ease), opacity .22s ease; }
.v300-project-main:hover img { transform: scale(1.012); }
.v300-project-main > span { position: absolute; left: 1rem; bottom: 1rem; padding: .55rem .85rem; border-radius: 999px; background: rgba(10,7,18,.86); color: #fff; font-size: .72rem; }
.v300-project-main > i { position: absolute; right: 1rem; top: 1rem; padding: .5rem .72rem; border-radius: 999px; background: rgba(255,255,255,.9); color: #17111e; font-style: normal; font-size: .68rem; }
.v300-slider-arrow { position: absolute; top: 50%; z-index: 3; width: 46px; height: 46px; transform: translateY(-50%); border-radius: 50%; background: rgba(10,7,18,.82); color: #fff; border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(8px); transition: transform .25s ease, background .25s ease; }
.v300-slider-arrow:hover { transform: translateY(-50%) scale(1.06); background: #fff; color: #17111e; }
.v300-slider-arrow.prev { left: .85rem; }
.v300-slider-arrow.next { right: .85rem; }
.v300-project-thumbs { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 1fr); gap: .75rem; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scroll-snap-type: x proximity; padding: .15rem .1rem .55rem; }
.v300-project-thumbs button { min-width: 0; overflow: hidden; border: 2px solid transparent; border-radius: 16px; opacity: .62; background: var(--surface); scroll-snap-align: start; transition: opacity .25s ease, border-color .25s ease, transform .25s ease; }
.v300-project-thumbs button:hover,
.v300-project-thumbs button.active { opacity: 1; border-color: #8b5cf6; transform: translateY(-2px); }
.v300-project-thumbs img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }

.v300-product-quick-cta { padding: 1.15rem 0; border-block: 1px solid var(--border-soft); background: color-mix(in srgb,var(--surface) 80%,transparent); }
.v300-product-quick-grid { display: flex; justify-content: space-between; align-items: center; gap: 1.25rem; }
.v300-product-quick-grid > div:first-child { display: grid; gap: .22rem; }
.v300-product-quick-grid span { color: var(--muted); font-size: .69rem; text-transform: uppercase; letter-spacing: .1em; }
.v300-product-quick-grid strong { font-size: clamp(1rem,2vw,1.25rem); }
.v300-product-quick-actions { display: flex; flex-wrap: wrap; gap: .65rem; }

.v252-product-gallery { grid-template-columns: minmax(0,1fr) minmax(150px,190px); align-items: start; }
.v300-media-viewer { position: relative; min-width: 0; }
.v300-media-main { position: relative; width: 100%; display: block; background: transparent; }
.v300-media-main img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #0b0811; }
.v300-media-main > span { position: absolute; right: 1rem; top: 1rem; padding: .48rem .7rem; border-radius: 999px; color: #19111f; background: rgba(255,255,255,.9); font-size: .66rem; }
.v300-media-viewer video { display: block; width: 100%; aspect-ratio: 16/9; background: #050307; object-fit: contain; }
.v300-media-viewer video[hidden], .v300-media-main[hidden] { display: none !important; }
.v300-media-thumbs { max-height: 520px; overflow-y: auto; overscroll-behavior: contain; padding-right: .25rem; scrollbar-width: thin; }
.v300-media-thumbs .v252-gallery-thumb { position: relative; min-height: 0; text-align: left; }
.v300-media-thumbs .v252-gallery-thumb span { display: block; padding: .48rem .55rem; color: var(--muted); font-size: .62rem; line-height: 1.3; }

.v252-story-section { padding: clamp(4rem,7vw,6.5rem) 0; }
.v252-story-intro { position: relative; top: auto; margin-bottom: clamp(2rem,4vw,3.5rem); }
.v252-story-step { min-height: auto; padding: clamp(2.5rem,5vw,4rem) 0; }
.v252-story-step[data-side="left"][data-v252-reveal] { transform: translate3d(-82px,28px,0); }
.v252-story-step[data-side="right"][data-v252-reveal] { transform: translate3d(82px,28px,0); }
.v252-story-step[data-v252-reveal].is-visible { transform: none; }
.v252-product-gallery-section,
.v252-feature-section,
.v252-video-section { padding: clamp(4rem,7vw,6.5rem) 0; }
.v252-architecture { margin-top: 0; }

.about-story-image > img[data-about-story-image] { transition: opacity .32s ease, transform .7s var(--ease); }
.about-story-image.is-changing > img[data-about-story-image] { opacity: .2; transform: scale(1.018); }

.v300-media-modal { position: fixed; inset: 0; z-index: 420; display: grid; place-items: center; padding: clamp(.75rem,2vw,1.5rem); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.v300-media-modal.open { opacity: 1; visibility: visible; }
.v300-media-modal-backdrop { position: absolute; inset: 0; background: rgba(5,3,9,.94); }
.v300-media-modal-content { position: relative; z-index: 1; max-width: min(1500px,96vw); max-height: 92svh; display: grid; place-items: center; }
.v300-media-modal img { max-width: 100%; max-height: 90svh; border-radius: clamp(14px,2vw,24px); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 30px 100px rgba(0,0,0,.45); }
.v300-media-modal-close { position: fixed; z-index: 2; top: 1rem; right: 1rem; width: 46px; height: 46px; border-radius: 50%; background: #fff; color: #17111e; font-size: 1.4rem; }

@media (max-width: 1180px) {
  .blog-hero-new,
  .service-detail-hero,
  .contact-hero,
  .project-index-hero,
  .project-detail-hero,
  .reference-detail-hero,
  .about-hero-new,
  .v252-product-hero,
  .v252-catalog-hero { min-height: auto; }
  .project-index-copy h1 { max-width: 13ch; }
}

@media (max-width: 900px) {
  .v300-product-quick-grid { align-items: flex-start; flex-direction: column; }
  .v300-product-quick-actions { width: 100%; }
  .v300-product-quick-actions .btn { flex: 1; justify-content: center; }
  .v252-product-gallery { grid-template-columns: 1fr; }
  .v300-media-thumbs { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px,38vw); overflow-x: auto; overflow-y: hidden; max-height: none; padding: .1rem 0 .6rem; scroll-snap-type: x proximity; }
  .v300-media-thumbs .v252-gallery-thumb { scroll-snap-align: start; }
  .project-story-nav { position: relative !important; top: auto !important; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .blog-hero-new,
  .service-detail-hero,
  .contact-hero,
  .project-index-hero,
  .project-detail-hero,
  .reference-detail-hero,
  .about-hero-new,
  .v252-product-hero,
  .v252-catalog-hero,
  .page-hero { padding-top: 7.6rem; padding-bottom: 3.5rem; min-height: auto; }
  .quote-hero { padding-top: 7.6rem; }
  .project-index-copy h1 { font-size: clamp(2.9rem,14.5vw,4.7rem); line-height: .93; max-width: 100%; }
  .reference-archive-grid .ref-card[data-reveal] { --v300-ref-x: 0px !important; --v300-ref-r: 0deg !important; transform: translateY(30px); }
  .project-story-nav { grid-template-columns: 1fr; }
  .v300-project-thumbs { grid-auto-columns: minmax(140px,54vw); }
  .v300-slider-arrow { width: 40px; height: 40px; }
  .v300-project-main > i { display: none; }
  .v300-product-quick-actions { display: grid; grid-template-columns: 1fr; }
  .v252-story-step[data-side][data-v252-reveal] { transform: translateY(28px); }
  .v300-media-thumbs { grid-auto-columns: minmax(135px,58vw); }
}

@media (max-width: 430px) {
  .v300-pagination { gap: .4rem; }
  .v300-pagination button { min-width: 38px; height: 38px; padding-inline: .65rem; }
  .project-featured-media { padding: .65rem; }
  .v300-project-main > span { left: .65rem; bottom: .65rem; }
}

@media (prefers-reduced-motion: reduce) {
  .heading-reveal[data-reveal],
  .reference-archive-grid .ref-card[data-reveal],
  .v252-story-step[data-side][data-v252-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  .contact-tile::before,
  .footer-contact-card::before { display: none; }
}

/* deterministic upward full-menu entrance */
.fullmenu.preparing .fullmenu-panel{transform:translate3d(0,108%,0)!important;transition:none!important}.fullmenu.open .fullmenu-panel{transform:translate3d(0,0,0)!important;transition:transform .64s cubic-bezier(.2,.82,.22,1)!important;will-change:transform}