: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; contain:layout paint style; backface-visibility:hidden;
}
.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;
  }
}

.home2-services, .home2-products{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.home2-services{
  padding: clamp(4.5rem, 8vw, 7rem) 0 clamp(4rem, 7vw, 6.5rem);
  background:
    radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--purple) 13%, transparent), transparent 30rem),
    linear-gradient(180deg, color-mix(in srgb, var(--body-light) 96%, transparent), var(--body));
}
.home2-services::before, .home2-products::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--ink) 5%, transparent) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}
.home2-section-head{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: clamp(2rem, 4vw, 3.25rem);
}
.home2-section-head-copy{
  max-width: 760px;
}
.home2-section-head h2{
  margin-top: .65rem;
  max-width: 18ch;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.08;
  font-weight: 520;
  letter-spacing: -.045em;
}
.home2-section-head p:not(.eyebrow){
  margin-top: 1rem;
  max-width: 58ch;
  color: var(--muted);
  line-height: 1.75;
}
.home2-all-link{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 44px;
  padding: .72rem 1rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--ink);
  background: color-mix(in srgb, var(--body-light) 82%, transparent);
  font-size: .86rem;
  font-weight: 650;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.home2-all-link:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--purple) 55%, var(--border));
  background: color-mix(in srgb, var(--purple) 9%, var(--body-light));
}
.home2-service-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.home2-service-group{
  --home2-accent: #7652d7;
  position: relative;
  min-height: 280px;
  padding: clamp(1.35rem, 2.4vw, 2rem);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--home2-accent) 22%, var(--border));
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--home2-accent) 19%, transparent), transparent 48%),
    linear-gradient(145deg, color-mix(in srgb, var(--home2-accent) 7%, var(--body-light)), var(--body-light));
  box-shadow: 0 24px 70px -58px color-mix(in srgb, var(--home2-accent) 85%, transparent);
  transition: transform .32s var(--ease), border-color .32s ease, box-shadow .32s ease;
}
.home2-service-group:hover{
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--home2-accent) 52%, var(--border));
  box-shadow: 0 34px 80px -55px color-mix(in srgb, var(--home2-accent) 80%, transparent);
}
.home2-service-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.55rem;
}
.home2-service-icon{
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  color: var(--home2-accent);
  background: color-mix(in srgb, var(--home2-accent) 13%, var(--body-light));
  border: 1px solid color-mix(in srgb, var(--home2-accent) 26%, var(--border));
}
.home2-service-number{
  color: color-mix(in srgb, var(--home2-accent) 72%, var(--muted));
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .72rem;
  letter-spacing: .12em;
}
.home2-service-group h3{
  margin-bottom: .4rem;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 570;
  letter-spacing: -.025em;
}
.home2-service-group > p{
  margin-bottom: 1.3rem;
  color: var(--muted);
  font-size: .88rem;
}
.home2-service-links{
  display: grid;
  border-top: 1px solid var(--border);
}
.home2-service-links a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 43px;
  border-bottom: 1px solid var(--border);
  color: color-mix(in srgb, var(--ink) 90%, var(--muted));
  font-size: .88rem;
  transition: color .22s ease, padding .22s ease;
}
.home2-service-links a::after{
  content: "↗";
  color: var(--home2-accent);
  opacity: .72;
}
.home2-service-links a:hover{
  padding-left: .35rem;
  color: var(--home2-accent);
}
.home2-products{
  padding: clamp(4.5rem, 8vw, 7rem) 0 clamp(5rem, 9vw, 8rem);
  background:
    radial-gradient(circle at 90% 12%, color-mix(in srgb, #1e9e8c 10%, transparent), transparent 30rem),
    var(--body);
}
.home2-product-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
}
.home2-product-card{
  --product-accent: #7652d7;
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 1.4rem;
  background: color-mix(in srgb, var(--body-light) 94%, transparent);
  box-shadow: 0 24px 65px -58px rgba(0,0,0,.65);
  transition: transform .3s var(--ease), border-color .3s ease, box-shadow .3s ease;
}
.home2-product-card:hover{
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--product-accent) 48%, var(--border));
  box-shadow: 0 34px 72px -54px color-mix(in srgb, var(--product-accent) 58%, transparent);
}
.home2-product-media{
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: color-mix(in srgb, var(--product-accent) 8%, var(--body-light));
}
.home2-product-media::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--body) 30%, transparent), transparent 52%);
  pointer-events: none;
}
.home2-product-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s var(--ease);
}
.home2-product-card:hover .home2-product-media img{
  transform: scale(1.035);
}
.home2-product-badge{
  position: absolute;
  z-index: 2;
  top: .9rem;
  left: .9rem;
  padding: .42rem .68rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: #fff;
  background: rgba(13, 10, 24, .62);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home2-product-copy{
  display: grid;
  align-content: space-between;
  gap: 1.25rem;
  padding: 1.3rem 1.35rem 1.4rem;
}
.home2-product-copy h3{
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -.025em;
}
.home2-product-copy p{
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.62;
}
.home2-product-foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: .77rem;
}
.home2-product-foot strong{
  color: var(--product-accent);
  font-weight: 700;
}
.h-scroll-section{ display: none !important; }
.stack-sticky{
  isolation: isolate;
  background: #0b0913;
}
.stack-backdrop{
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background: #0b0913;
}
.stack-backdrop-layer{
  position: absolute;
  inset: -8%;
  opacity: 0;
  transform: none;
  transition: opacity .38s ease;
  will-change: opacity;
}
.stack-backdrop-layer.is-active{
  opacity: 1;
  transform: none;
}
.stack-backdrop-layer::before, .stack-backdrop-layer::after{
  content: "";
  position: absolute;
  inset: 0;
}
.stack-backdrop-layer::after{
  opacity: .28;
  background-image:
    linear-gradient(rgba(255,255,255,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.065) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(circle at center, #000, transparent 76%);
  mask-image: radial-gradient(circle at center, #000, transparent 76%);
}
.stack-backdrop-layer:nth-child(1),.stack-backdrop-layer.stack-bg-variant-1{
  background:
    radial-gradient(circle at 22% 24%, rgba(112, 66, 226, .58), transparent 32%),
    radial-gradient(circle at 78% 68%, rgba(38, 116, 218, .33), transparent 34%),
    linear-gradient(135deg, #0b0913 12%, #161027 52%, #0b1326);
}
.stack-backdrop-layer:nth-child(1)::before,.stack-backdrop-layer.stack-bg-variant-1::before{
  background: conic-gradient(from 140deg at 70% 42%, transparent, rgba(145,92,255,.2), transparent 35%);
}
.stack-backdrop-layer:nth-child(2),.stack-backdrop-layer.stack-bg-variant-2{
  background:
    radial-gradient(circle at 72% 22%, rgba(31, 176, 163, .44), transparent 31%),
    radial-gradient(circle at 18% 76%, rgba(54, 98, 220, .38), transparent 34%),
    linear-gradient(135deg, #071114, #0b2024 52%, #0b1020);
}
.stack-backdrop-layer:nth-child(2)::before,.stack-backdrop-layer.stack-bg-variant-2::before{
  background:
    linear-gradient(115deg, transparent 35%, rgba(75,225,203,.13) 35.2%, transparent 35.5%),
    linear-gradient(25deg, transparent 61%, rgba(102,133,255,.13) 61.2%, transparent 61.5%);
}
.stack-backdrop-layer:nth-child(3),.stack-backdrop-layer.stack-bg-variant-3{
  background:
    radial-gradient(circle at 18% 24%, rgba(204, 93, 143, .36), transparent 30%),
    radial-gradient(circle at 78% 74%, rgba(223, 138, 58, .33), transparent 34%),
    linear-gradient(140deg, #150b13, #23131e 55%, #17100b);
}
.stack-backdrop-layer:nth-child(3)::before,.stack-backdrop-layer.stack-bg-variant-3::before{
  background-image: radial-gradient(rgba(255,210,169,.16) 1.2px, transparent 1.2px);
  background-size: 24px 24px;
  -webkit-mask-image: linear-gradient(110deg, transparent 15%, #000 48%, transparent 84%);
  mask-image: linear-gradient(110deg, transparent 15%, #000 48%, transparent 84%);
}
.stack-stage{
  z-index: 1;
}
.stack-card{
  background: rgba(13, 11, 22, .93);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 28px 82px rgba(0,0,0,.32);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.stack-card .bg{ display: none; }
.stack-card .content{ color: #fff; }
.stack-card .line{ color: rgba(255,255,255,.67); border-color: rgba(255,255,255,.13); }
.stack-card .visual{ border-color: rgba(255,255,255,.13); box-shadow: 0 30px 70px rgba(0,0,0,.28); }
.stack-progress-dots{
  position: absolute;
  z-index: 4;
  right: clamp(1.25rem, 3vw, 3rem);
  top: 50%;
  display: grid;
  gap: .6rem;
  transform: translateY(-50%);
}
.stack-progress-dots span{
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: rgba(255,255,255,.28);
  transition: height .3s ease, background .3s ease;
}
.stack-progress-dots span.is-active{
  height: 28px;
  background: rgba(255,255,255,.9);
}
@media (max-width: 980px){
.home2-service-grid, .home2-product-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home2-service-group:last-child{ grid-column: 1 / -1; min-height: 230px; }
}
@media (max-width: 720px){
.home2-section-head{ align-items: flex-start; flex-direction: column; }
.home2-all-link{ align-self: flex-start; }
.home2-section-head h2{ max-width: 22ch; font-size: clamp(1.9rem, 8vw, 2.55rem); }
.home2-service-grid, .home2-product-grid{ grid-template-columns: 1fr; }
.home2-service-group:last-child{ grid-column: auto; }
.home2-service-group{ min-height: auto; }
.stack-progress-dots{ right: .7rem; }
}
@media (max-width: 560px){
.home2-services, .home2-products{ padding-block: 4rem; }
.home2-service-group{ padding: 1.2rem; border-radius: 1.2rem; }
.home2-product-card{ border-radius: 1.15rem; }
.home2-product-copy{ padding: 1.1rem; }
.stack-card{ border-radius: 1.35rem; }
.stack-card .content{ padding: 1.35rem; }
}
@media (prefers-reduced-motion: reduce){
.stack-backdrop-layer, .home2-product-media img, .home2-product-card, .home2-service-group{ transition: none !important; }
}
.card-process{ left: 26px; bottom: 2px; }
.art-ecosystem{ min-height: 320px; }
.scroll-video-frame{ position: relative; overflow: hidden; }
.sv-scene-overlay{
  position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(90deg, rgba(7,7,14,.68) 8%, rgba(7,7,14,.2) 42%, rgba(7,7,14,.52) 100%);
  z-index:1;
}
.sv-caption-rich{
  position:absolute; left: clamp(1rem, 3vw, 2.2rem); bottom: clamp(1rem, 3vw, 2rem); z-index: 2;
  width: min(100%, 520px);
}
.sv-caption-card{
  display:none; padding: 1.15rem 1.25rem; border-radius: 24px; color:#fff;
  background: rgba(12,10,20,.68); border:1px solid rgba(255,255,255,.12); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 24px 70px -42px rgba(0,0,0,.62);
}
.sv-caption-card.is-active{ display:block; }
.sv-caption-kicker{
  display:inline-flex; padding:.4rem .7rem; margin-bottom:.9rem; border-radius:999px; background: rgba(255,255,255,.08); font-size:.68rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
}
.sv-caption-card h2{ margin:0 0 .7rem; font-size: clamp(1.45rem, 2.5vw, 2.1rem); line-height:1.15; }
.sv-caption-card p{ margin:0; color: rgba(255,255,255,.78); line-height:1.65; }
.sv-caption-dots{ display:flex; gap:.45rem; margin-top: .85rem; padding-left:.2rem; }
.sv-caption-dots span{ width:8px; height:8px; border-radius:999px; background: rgba(255,255,255,.35); transition: width .3s ease, background .3s ease; }
.sv-caption-dots span.is-active{ width: 24px; background: #fff; }
.stack-card-layout{ display:grid; grid-template-columns: 1.03fr .97fr; align-items:center; gap: clamp(1.4rem, 3vw, 2.8rem); }
.stack-copy{ display:grid; gap: 1rem; }
.stack-step{
  display:inline-flex; width:fit-content; padding:.46rem .78rem; border-radius:999px; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700;
  background: rgba(255,255,255,.08); color: rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.12);
}
.stack-copy h3{ margin:0; font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height:1.13; letter-spacing:-.04em; }
.stack-lead{ color: rgba(255,255,255,.78); line-height:1.78; font-size: .98rem; }
.stack-bullets{ display:grid; gap:.72rem; }
.stack-bullets .line{
  margin:0; padding: .85rem 1rem; border:1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.04); color: rgba(255,255,255,.74);
}
.stack-card .visual{ position: relative; overflow:hidden; border-radius: 24px; }
.stack-card .visual img{ display:block; width:100%; height:auto; aspect-ratio: 16 / 10; object-fit: cover; }
.stack-visual-note{
  position:absolute; left:1rem; bottom:1rem; display:inline-flex; align-items:center; min-height: 40px; padding:.55rem .8rem; border-radius:999px;
  background: rgba(8,8,14,.72); color:#fff; border:1px solid rgba(255,255,255,.14); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
}
.home-ref-shell{
  display:grid; grid-template-columns: 1.08fr .92fr; gap: 1.15rem; margin-top: 2.4rem;
}
.home-ref-feature, .home-ref-item{
  position:relative; overflow:hidden; border-radius: 28px; border:1px solid var(--border); text-decoration:none;
}
.home-ref-feature{
  padding: clamp(1.5rem, 3vw, 2.25rem); min-height: 420px; color:#fff;
  background:
    radial-gradient(circle at 16% 18%, rgba(118,82,215,.45), transparent 28%),
    radial-gradient(circle at 82% 76%, rgba(35,161,149,.32), transparent 26%),
    linear-gradient(145deg, #151125, #111826 58%, #111016);
  box-shadow: 0 26px 90px -60px rgba(0,0,0,.45);
}
.home-ref-feature::after{
  content:""; position:absolute; inset:auto -10% -15% auto; width: 320px; height: 320px; border-radius:50%; background: radial-gradient(circle, rgba(255,255,255,.12), transparent 70%); filter: blur(8px);
}
.home-ref-feature-top, .home-ref-feature-tags, .home-ref-feature-metrics, .home-reference-actions{ display:flex; flex-wrap:wrap; gap:.75rem; }
.home-ref-feature-top{ justify-content:space-between; align-items:center; margin-bottom: 1.3rem; }
.home-ref-pill, .home-ref-year, .home-ref-feature-tags span{
  display:inline-flex; min-height: 34px; align-items:center; padding: .4rem .7rem; border-radius:999px; border:1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08);
  font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
}
.home-ref-feature h3{ max-width: 18ch; margin:0 0 1rem; font-size: clamp(1.8rem, 3vw, 2.65rem); line-height:1.08; letter-spacing:-.045em; }
.home-ref-feature p{ max-width: 42rem; color: rgba(255,255,255,.8); line-height: 1.78; }
.home-ref-feature-metrics{ margin-top: 1.65rem; gap:.9rem; }
.home-ref-feature-metrics div{
  min-width: 120px; padding: 1rem 1.05rem; border-radius: 18px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
}
.home-ref-feature-metrics strong{ display:block; font-size: 1.35rem; }
.home-ref-feature-metrics span{ color: rgba(255,255,255,.72); font-size:.82rem; }
.home-ref-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.home-ref-item{
  display:grid; align-content:space-between; min-height: 202px; padding: 1.35rem; background: color-mix(in srgb, var(--body-light) 96%, transparent); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.home-ref-item:hover{ transform: translateY(-4px); border-color: color-mix(in srgb, var(--purple) 35%, var(--border)); box-shadow: 0 24px 70px -58px rgba(0,0,0,.35); }
.home-ref-item-cat{ display:inline-flex; width:fit-content; min-height: 30px; align-items:center; padding: .35rem .62rem; border-radius:999px; background: color-mix(in srgb, var(--purple) 10%, var(--body-light)); color: var(--purple); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.home-ref-item h3{ margin:.95rem 0 .55rem; font-size:1.3rem; letter-spacing:-.03em; }
.home-ref-item p{ color: var(--muted); line-height:1.65; font-size:.92rem; }
.home-ref-item-link{ margin-top:1rem; color: var(--ink); font-weight:700; }
.home-reference-actions{ justify-content:center; margin-top: 2rem; }
.home-news-section{ position: relative; }
.home-news-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom: 2.25rem; }
.home-news-head > p{ max-width: 40rem; }
.news-layout{ display:grid; grid-template-columns: 1.05fr .95fr; gap: 1.15rem; }
.news-feature-card, .news-mini-card{
  text-decoration:none; border:1px solid var(--border); border-radius: 28px; background: color-mix(in srgb, var(--body-light) 96%, transparent); overflow:hidden; box-shadow: 0 20px 60px -52px rgba(0,0,0,.25);
}
.news-feature-card{ display:grid; grid-template-columns: .92fr 1.08fr; min-height: 320px; }
.news-feature-media{
  position: relative;
  background:
    radial-gradient(circle at 20% 18%, rgba(118,82,215,.32), transparent 28%),
    radial-gradient(circle at 78% 72%, rgba(35,161,149,.25), transparent 28%),
    linear-gradient(145deg, #171225, #121825 58%, #141115);
}
.news-feature-media::before, .news-feature-media::after{
  content:""; position:absolute; border-radius: 26px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.08);
}
.news-feature-media::before{ width: 72%; height: 58%; left: 13%; top: 16%; }
.news-feature-media::after{ width: 46%; height: 20%; left: 20%; bottom: 16%; }
.news-badge{
  position:absolute; left:1rem; top:1rem; display:inline-flex; min-height: 34px; align-items:center; padding:.4rem .72rem; border-radius:999px; border:1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.1); color:#fff; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.news-feature-copy{ padding: 1.5rem; display:grid; align-content:center; }
.news-feature-copy h3{ margin:.9rem 0 .75rem; font-size: clamp(1.45rem, 2.5vw, 2rem); line-height:1.18; letter-spacing:-.03em; }
.news-feature-copy p{ color: var(--muted); line-height:1.76; }
.news-read-more{ margin-top:1rem; font-weight:700; }
.news-side-grid{ display:grid; gap: 1rem; }
.news-mini-card{ padding: 1.2rem 1.25rem; }
.news-mini-card h3{ margin:.8rem 0 .55rem; font-size: 1.12rem; line-height:1.35; letter-spacing:-.02em; }
.news-mini-card p{ color: var(--muted); line-height: 1.65; font-size:.92rem; }
@media (max-width: 980px){
.stack-card-layout, .home-ref-shell, .news-layout, .news-feature-card{ grid-template-columns: 1fr; }
.home-ref-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px){
.art-ecosystem{ width: 100%; margin: 0 auto; }
.sv-caption-rich{ width: calc(100% - 2rem); left: 1rem; }
.sv-caption-card{ padding: 1rem; border-radius: 20px; }
.sv-caption-card h2{ font-size: 1.3rem; }
.stack-copy h3{ font-size: 1.55rem; }
.home-ref-grid, .news-side-grid{ grid-template-columns: 1fr; }
.news-feature-card{ min-height: initial; }
.news-feature-media{ min-height: 220px; }
.home-news-head{ align-items:flex-start; flex-direction:column; }
}
@media (max-width: 560px){
.home-ref-feature, .news-feature-card, .news-mini-card, .home-ref-item{ border-radius: 22px; }
.home-ref-feature h3{ font-size: 1.55rem; }
}
.component-chip{width:82px;height:24px;border-radius:99px;background:linear-gradient(90deg,rgba(139,92,246,.7),rgba(45,212,191,.5));margin-bottom:1rem}
.component-row{display:flex;gap:.55rem}
.component-row b{flex:1;height:55px;border:1px solid var(--border);border-radius:15px}
.component-card{height:66px;border-radius:17px;background:color-mix(in srgb,var(--purple) 9%,transparent);margin:.65rem 0}
.component-lines{display:grid;gap:.38rem}
.component-lines i{height:7px;border-radius:99px;background:color-mix(in srgb,var(--ink) 12%,transparent)}
.component-lines i:nth-child(2){width:75%}
.component-lines i:nth-child(3){width:88%}
.line-connector-svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:url(#lineGradientA);stroke-width:1.5;opacity:.55;pointer-events:none}
.scroll-image-frame .sv-caption-stage{position:absolute!important;inset:0!important;width:auto!important;padding:0!important;opacity:1!important;transform:none!important;filter:none!important;pointer-events:none;z-index:4}
.sv-gradient-layer{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(6,6,12,.52),transparent 45%,rgba(6,6,12,.36)),linear-gradient(0deg,rgba(6,6,12,.48),transparent 50%)}
.sv-story{position:absolute;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:.9rem;width:min(500px,calc(100% - 2rem));padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(10,9,17,.68);color:#fff;box-shadow:0 24px 70px -42px rgba(0,0,0,.72);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease,visibility .35s}
.sv-story.is-active{opacity:1;visibility:visible;transform:none}
.sv-story[data-position="left-bottom"]{left:clamp(1rem,4vw,3rem);bottom:clamp(1rem,5vw,3rem)}
.sv-story[data-position="right-bottom"]{right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,5vw,3rem)}
.sv-story[data-position="left-center"]{left:clamp(1rem,4vw,3rem);top:50%;transform:translateY(calc(-50% + 16px))}
.sv-story.is-active[data-position="left-center"]{transform:translateY(-50%)}
.sv-story[data-position="right-center"]{right:clamp(1rem,4vw,3rem);top:50%;transform:translateY(calc(-50% + 16px))}
.sv-story.is-active[data-position="right-center"]{transform:translateY(-50%)}
.sv-story[data-position="center-bottom"]{left:50%;bottom:clamp(1rem,5vw,3rem);transform:translate(-50%,16px)}
.sv-story.is-active[data-position="center-bottom"]{transform:translate(-50%,0)}
.sv-story-number{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.1);font:700 .72rem/1 ui-monospace,monospace;letter-spacing:.08em}
.sv-story span{font-size:.65rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.sv-story h2{margin:.38rem 0 .45rem!important;font-size:clamp(1.25rem,2.3vw,1.9rem)!important;line-height:1.16}
.sv-story p{margin:0;color:rgba(255,255,255,.76);font-size:.9rem;line-height:1.62}
.sv-scene-progress{position:absolute;left:50%;bottom:14px;display:flex;gap:.42rem;transform:translateX(-50%)}
.sv-scene-progress span{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.32);transition:width .25s ease,background .25s ease}
.sv-scene-progress span.is-active{width:22px;background:#fff}
.stack-redesign .stack-stage{height:min(76vh,760px)}
.stack-redesign .stack-card{border-radius:34px;background:rgba(10,9,17,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 88px -52px rgba(0,0,0,.72);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}
.stack-story-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);height:100%;padding:clamp(1.5rem,4vw,3.4rem);color:#fff}
.stack-story-copy{max-width:500px}
.stack-story-step{display:inline-flex;padding:.44rem .72rem;margin-bottom:1.1rem;border:1px solid color-mix(in srgb,var(--stack-accent) 46%,rgba(255,255,255,.12));border-radius:99px;background:color-mix(in srgb,var(--stack-accent) 12%,transparent);color:color-mix(in srgb,var(--stack-accent) 78%,white);font-size:.68rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.stack-story-copy h3{margin:0 0 1rem;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.12;letter-spacing:-.04em}
.stack-story-copy p{color:rgba(255,255,255,.74);line-height:1.78}
.stack-story-copy ul{display:grid;gap:.62rem;margin:1.25rem 0 0;padding:0;list-style:none}
.stack-story-copy li{position:relative;padding:.72rem .85rem .72rem 2.15rem;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:.9rem}
.stack-story-copy li::before{content:"";position:absolute;left:.85rem;top:1.05rem;width:7px;height:7px;border-radius:50%;background:var(--stack-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--stack-accent) 14%,transparent)}
.stack-visual-system{position:relative;min-height:420px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));overflow:hidden}
.stack-wire-lines, .architecture-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:color-mix(in srgb,var(--stack-accent) 60%,rgba(255,255,255,.16));stroke-width:1.2}
.system-panel.main{position:absolute;left:50%;top:50%;width:58%;height:54%;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--stack-accent) 34%,rgba(255,255,255,.13));border-radius:25px;background:rgba(9,8,15,.5);box-shadow:0 30px 70px -42px rgba(0,0,0,.8)}
.system-toolbar{display:flex;gap:.35rem;padding:.8rem;border-bottom:1px solid rgba(255,255,255,.1)}
.system-toolbar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.26)}
.system-columns{display:grid;grid-template-columns:.7fr 1.3fr;gap:.65rem;padding:.9rem;height:calc(100% - 38px)}
.system-columns b{border:1px solid rgba(255,255,255,.09);border-radius:16px;background:color-mix(in srgb,var(--stack-accent) 8%,transparent)}
.system-columns b:nth-child(2){grid-row:span 2}
.system-chip{position:absolute;padding:.55rem .72rem;border:1px solid color-mix(in srgb,var(--stack-accent) 32%,rgba(255,255,255,.12));border-radius:13px;background:rgba(10,9,17,.72);color:rgba(255,255,255,.78);font:650 .63rem/1 ui-monospace,monospace;letter-spacing:.07em}
.system-chip.chip-a{left:8%;top:13%}
.system-chip.chip-b{right:7%;top:20%}
.system-chip.chip-c{right:11%;bottom:13%}
.architecture-core{position:absolute;left:50%;top:50%;width:138px;height:138px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:38px;border:1px solid color-mix(in srgb,var(--stack-accent) 44%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--stack-accent) 13%,rgba(9,8,15,.74));font:800 1.25rem/1.05 ui-monospace,monospace}
.architecture-core small{margin-top:.3rem;color:rgba(255,255,255,.6);font-size:.65rem;letter-spacing:.12em}
.architecture-node{position:absolute;width:92px;height:62px;display:grid;place-items:center;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(10,9,17,.7);font:700 .68rem/1 ui-monospace,monospace;letter-spacing:.08em}
.architecture-node.a{left:7%;top:11%}
.architecture-node.b{right:7%;top:11%}
.architecture-node.c{left:7%;bottom:11%}
.architecture-node.d{right:7%;bottom:11%}
.delivery{display:grid;align-content:center;padding:clamp(1.2rem,3vw,2.3rem)}
.delivery-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-bottom:2rem}
.delivery-track::before{content:"";position:absolute;left:8%;right:8%;top:20px;height:1px;background:rgba(255,255,255,.15)}
.delivery-track span{position:relative;z-index:1;display:grid;justify-items:center;gap:.55rem;color:rgba(255,255,255,.46);font-size:.72rem}
.delivery-track i{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0d0b14;font-style:normal}
.delivery-track .done i, .delivery-track .active i{border-color:color-mix(in srgb,var(--stack-accent) 55%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--stack-accent) 18%,#0d0b14);color:#fff}
.delivery-track .active b{color:#fff}
.delivery-panel{padding:1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(10,9,17,.52)}
.delivery-title{width:38%;height:12px;border-radius:99px;background:color-mix(in srgb,var(--stack-accent) 70%,transparent);margin-bottom:1rem}
.delivery-row{display:flex;align-items:center;gap:.9rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.08)}
.delivery-row b{width:46%;height:9px;border-radius:99px;background:rgba(255,255,255,.14)}
.delivery-row i{margin-left:auto;width:54px;height:20px;border-radius:99px;background:color-mix(in srgb,var(--stack-accent) 17%,transparent)}
.reference-brands-section{position:relative;overflow:hidden}
.reference-brands-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,5vw,5rem);align-items:end;margin-bottom:2.2rem}
.reference-brands-head h2{margin-top:.5rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.045em}
.reference-brands-head p{max-width:42rem;color:var(--muted);line-height:1.75}
.reference-brands-head .home2-all-link{margin-top:1.1rem}
.reference-logo-board{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border);border-radius:26px;overflow:hidden;background:color-mix(in srgb,var(--body-light) 92%,transparent)}
.reference-logo{min-height:145px;display:grid;place-content:center;justify-items:center;text-align:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .25s ease,transform .25s ease}
.reference-logo:hover{background:color-mix(in srgb,var(--purple) 7%,var(--body-light));transform:translateY(-2px)}
.reference-logo .logo-symbol{display:grid;place-items:center;width:42px;height:42px;margin-bottom:.65rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--ink) 12%,var(--border));background:color-mix(in srgb,var(--body) 65%,transparent);font-weight:800;color:var(--purple)}
.reference-logo strong{font-size:1.08rem;letter-spacing:-.02em}
.reference-logo small{margin-top:.12rem;color:var(--muted);font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}
.logo-pulse .logo-symbol, .logo-orbit .logo-symbol{color:#2f9b79}
.logo-vertex .logo-symbol, .logo-atlas .logo-symbol{color:#d36a45}
.logo-lumina .logo-symbol, .logo-mira .logo-symbol{color:#b23b91}
.reference-trust-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:1.4rem;color:var(--muted);font-size:.82rem}
.reference-trust-line span{display:flex;align-items:center;gap:.35rem}
.reference-trust-line strong{color:var(--ink);font-size:1rem}
.reference-trust-line i{width:4px;height:4px;border-radius:50%;background:var(--border)}
@media (max-width:980px){
.stack-story-layout{grid-template-columns:1fr}
.stack-visual-system{min-height:300px}
.reference-logo-board{grid-template-columns:repeat(3,1fr)}
.reference-brands-head{grid-template-columns:1fr}
}
@media (max-width:720px){
.sv-story{left:1rem!important;right:auto!important;top:auto!important;bottom:1rem!important;width:calc(100% - 2rem);transform:translateY(16px)!important}
.sv-story.is-active{transform:none!important}
.sv-story h2{font-size:1.18rem!important}
.sv-story p{font-size:.82rem}
.sv-scene-progress{display:none}
.stack-redesign .stack-stage{height:82vh}
.stack-story-layout{padding:1.2rem}
.stack-story-copy h3{font-size:1.55rem}
.stack-visual-system{min-height:255px}
.reference-logo-board{grid-template-columns:repeat(2,1fr)}
.reference-logo{min-height:118px}
}
@media (max-width:480px){
.reference-logo-board{grid-template-columns:1fr 1fr}
.reference-logo{min-height:105px}
.reference-logo .logo-symbol{width:36px;height:36px}
.stack-story-copy p{font-size:.87rem}
.stack-story-copy li{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
.sv-story, .reference-logo{transition:none!important}
}
.reference-orbit-section{ overflow:hidden; }
.reference-orbit-head{ display:grid; grid-template-columns:.9fr 1.1fr; align-items:end; gap:clamp(1.5rem,5vw,5rem); }
.reference-orbit-head h2{ margin-top:.55rem; font-size:clamp(2rem,4vw,3.2rem); line-height:1.08; letter-spacing:-.045em; }
.reference-orbit-head > p{ max-width:42rem; color:var(--muted); line-height:1.75; }
.reference-orbit-stage{ position:relative; height:clamp(500px,52vw,650px); margin-top:1.5rem; }
.reference-orbit-track{ position:absolute; left:50%; top:50%; border:1px solid color-mix(in srgb,var(--purple) 23%,var(--border)); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; }
.reference-orbit-track::after{ content:""; position:absolute; inset:-1px; border-radius:inherit; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--purple) 18%,transparent),transparent); opacity:.55; }
.reference-orbit-track.track-outer{ width:88%; height:56%; }
.reference-orbit-track.track-inner{ width:64%; height:34%; border-color:color-mix(in srgb,#2f9b79 20%,var(--border)); }
.reference-orbit-core{ position:absolute; left:50%; top:50%; z-index:20; display:grid; place-items:center; width:176px; height:176px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--purple) 18%,var(--body-light)),var(--body-light)); border:1px solid color-mix(in srgb,var(--purple) 28%,var(--border)); box-shadow:0 30px 80px -52px rgba(77,48,160,.65); }
.reference-core-mark{ display:grid; place-items:center; width:43px; height:43px; margin-bottom:.2rem; border-radius:14px; color:#fff; background:linear-gradient(135deg,#8b5cf6,#2dd4bf); font-weight:800; }
.reference-orbit-core strong{ font-size:1.18rem; letter-spacing:.08em; }
.reference-orbit-core small{ margin-top:-.2rem; color:var(--muted); font-size:.62rem; letter-spacing:.15em; text-transform:uppercase; }
.reference-orbit-link{ position:absolute; left:50%; top:calc(100% + 22px); display:inline-flex; align-items:center; gap:.55rem; padding:.42rem .1rem; transform:translateX(-50%); color:var(--ink); white-space:nowrap; font-size:.76rem; font-weight:700; border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,var(--border)); }
.reference-orbit-link::after{ content:""; position:absolute; left:0; right:100%; bottom:-1px; height:1px; background:var(--purple); transition:right .28s ease; }
.reference-orbit-link:hover::after{ right:0; }
.reference-orbit-link i{ display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:color-mix(in srgb,var(--purple) 10%,var(--body-light)); color:var(--purple); font-style:normal; transition:transform .25s ease; }
.reference-orbit-link:hover i{ transform:rotate(45deg); }
.reference-orbit-brand{ position:absolute; left:0; top:0; z-index:5; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:.55rem; align-items:center; min-width:120px; min-height:58px; padding:.65rem .78rem; border:1px solid var(--border); border-radius:18px; background:color-mix(in srgb,var(--body-light) 91%,transparent); box-shadow:0 18px 55px -45px rgba(0,0,0,.55); backdrop-filter:blur(11px); will-change:transform,opacity; transition:border-color .25s ease,box-shadow .25s ease; }
.reference-orbit-brand:hover{ border-color:color-mix(in srgb,var(--purple) 42%,var(--border)); box-shadow:0 24px 60px -40px rgba(76,49,160,.45); }
.reference-orbit-brand b{ grid-row:1/3; display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:var(--purple); background:color-mix(in srgb,var(--purple) 9%,var(--body-light)); font-size:.8rem; }
.reference-orbit-brand span{ align-self:end; font-size:.84rem; font-weight:750; letter-spacing:-.02em; }
.reference-orbit-brand small{ align-self:start; color:var(--muted); font-size:.56rem; letter-spacing:.1em; text-transform:uppercase; }
.reference-orbit-brand.compact{ min-width:106px; min-height:52px; padding:.55rem .65rem; border-radius:16px; }
.reference-orbit-brand.compact b{ width:30px; height:30px; }
.reference-orbit-brand.compact span{ font-size:.76rem; }
@media (max-width: 980px){
.reference-orbit-head{ grid-template-columns:1fr; align-items:start; }
.reference-orbit-brand{ min-width:105px; padding:.55rem .65rem; }
}
@media (max-width: 720px){
.reference-orbit-stage{ height:520px; margin-inline:-1rem; }
.reference-orbit-track.track-outer{ width:94%; height:56%; }
.reference-orbit-track.track-inner{ width:68%; height:33%; }
.reference-orbit-core{ width:140px; height:140px; }
.reference-core-mark{ width:36px; height:36px; }
.reference-orbit-brand{ min-width:82px; min-height:43px; padding:.42rem .5rem; border-radius:14px; column-gap:.35rem; }
.reference-orbit-brand b{ width:27px; height:27px; border-radius:9px; font-size:.65rem; }
.reference-orbit-brand span{ font-size:.68rem; }
.reference-orbit-brand small{ display:none; }
.reference-orbit-brand.compact{ min-width:72px; min-height:39px; padding:.35rem .42rem; }
.reference-orbit-brand.compact b{ width:24px; height:24px; }
.reference-orbit-brand.compact span{ font-size:.62rem; }
.reference-orbit-link{ top:calc(100% + 14px); }
}
@media (max-width: 480px){
.reference-orbit-stage{ height:470px; }
.reference-orbit-core{ width:120px; height:120px; }
.reference-orbit-core strong{ font-size:.92rem; }
.reference-orbit-core small{ font-size:.5rem; }
.reference-core-mark{ width:31px; height:31px; }
}
@media (prefers-reduced-motion:reduce){
.reference-orbit-brand{ animation:none!important; transition:none!important; }
}
.site-header{ z-index: 260; }
@media (max-width:760px){
.mobile-interactive-cell:hover, .mobile-interactive-cell:focus-visible{
    z-index:130 !important;
    transform:translateY(-9px) translateZ(95px) scale(1.105) !important;
  }
.mobile-bottom-cell:hover, .mobile-bottom-cell:focus-visible{
    transform:translateY(-17px) translateZ(95px) scale(1.105) !important;
  }
}
@media (max-width:760px){
.mobile-bottom-cell{
    overflow:visible !important;
  }
}
@media (min-width:640px){
.actions-cap .btn-glow{display:inline-flex!important}
}

html[data-theme="light"] .stack-redesign .stack-sticky {
  background: #eef2f8;
}
html[data-theme="light"] .stack-redesign .stack-backdrop {
  background: linear-gradient(180deg, #eef2f8, #f8f9fc);
}
html[data-theme="light"] .stack-redesign .stack-backdrop-layer:nth-child(1) {
  background:
    radial-gradient(circle at 18% 22%, rgba(126, 94, 211, .18), transparent 34%),
    radial-gradient(circle at 80% 72%, rgba(71, 145, 207, .14), transparent 34%),
    linear-gradient(145deg, #f7f3ff, #edf3fb 56%, #f8f9fc);
}
html[data-theme="light"] .stack-redesign .stack-backdrop-layer:nth-child(2) {
  background:
    radial-gradient(circle at 74% 20%, rgba(48, 178, 157, .17), transparent 32%),
    radial-gradient(circle at 14% 78%, rgba(82, 108, 213, .13), transparent 34%),
    linear-gradient(145deg, #effaf8, #eef4fb 58%, #f8f9fc);
}
html[data-theme="light"] .stack-redesign .stack-backdrop-layer:nth-child(3) {
  background:
    radial-gradient(circle at 18% 22%, rgba(211, 105, 147, .13), transparent 32%),
    radial-gradient(circle at 80% 74%, rgba(223, 148, 66, .16), transparent 34%),
    linear-gradient(145deg, #fff5f8, #faf4ed 58%, #f8f9fc);
}
html[data-theme="light"] .stack-redesign .stack-backdrop-layer::after {
  opacity: .42;
  background-image:
    linear-gradient(rgba(36, 42, 68, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36, 42, 68, .055) 1px, transparent 1px);
}
html[data-theme="light"] .stack-redesign .stack-card {
  background: rgba(255, 255, 255, .96);
  border-color: rgba(29, 35, 61, .1);
  box-shadow: 0 30px 76px -54px rgba(37, 42, 72, .38);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-theme="light"] .stack-redesign .stack-story-layout { color: #171a2c; }
html[data-theme="light"] .stack-redesign .stack-story-step {
  color: color-mix(in srgb, var(--stack-accent) 70%, #24283e);
  background: color-mix(in srgb, var(--stack-accent) 10%, rgba(255,255,255,.72));
  border-color: color-mix(in srgb, var(--stack-accent) 30%, rgba(37,42,72,.12));
}
html[data-theme="light"] .stack-redesign .stack-story-copy p { color: #5f6579; }
html[data-theme="light"] .stack-redesign .stack-story-copy li {
  color: #3f455a;
  border-color: rgba(37,42,72,.1);
  background: rgba(255,255,255,.24);
}
html[data-theme="light"] .stack-redesign .stack-visual-system {
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(241,244,250,.66));
  border-color: rgba(37,42,72,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-theme="light"] .stack-redesign .system-panel.main,
html[data-theme="light"] .stack-redesign .architecture-node,
html[data-theme="light"] .stack-redesign .delivery-panel {
  background: rgba(255,255,255,.76);
  border-color: rgba(37,42,72,.11);
  box-shadow: 0 22px 55px -42px rgba(37,42,72,.38);
}
html[data-theme="light"] .stack-redesign .system-toolbar { border-color: rgba(37,42,72,.09); }
html[data-theme="light"] .stack-redesign .system-toolbar i { background: rgba(37,42,72,.25); }
html[data-theme="light"] .stack-redesign .system-columns b {
  border-color: rgba(37,42,72,.09);
  background: color-mix(in srgb, var(--stack-accent) 7%, rgba(255,255,255,.72));
}
html[data-theme="light"] .stack-redesign .system-chip {
  background: rgba(255,255,255,.86);
  color: #50566b;
  border-color: color-mix(in srgb, var(--stack-accent) 24%, rgba(37,42,72,.1));
  box-shadow: 0 12px 30px -24px rgba(37,42,72,.45);
}
html[data-theme="light"] .stack-redesign .architecture-core {
  color: #24283e;
  background: color-mix(in srgb, var(--stack-accent) 10%, rgba(255,255,255,.86));
  border-color: color-mix(in srgb, var(--stack-accent) 30%, rgba(37,42,72,.1));
}
html[data-theme="light"] .stack-redesign .architecture-core small,
html[data-theme="light"] .stack-redesign .architecture-node { color: #52586d; }
html[data-theme="light"] .stack-redesign .delivery-track::before,
html[data-theme="light"] .stack-redesign .delivery-row { border-color: rgba(37,42,72,.1); }
html[data-theme="light"] .stack-redesign .delivery-track::before { background: rgba(37,42,72,.12); }
html[data-theme="light"] .stack-redesign .delivery-track span { color: #858b9e; }
html[data-theme="light"] .stack-redesign .delivery-track i {
  color: #555b70;
  background: #f7f8fb;
  border-color: rgba(37,42,72,.1);
}
html[data-theme="light"] .stack-redesign .delivery-row b { background: rgba(37,42,72,.13); }

.reference-orbit-core {
  width: 184px;
  height: 184px;
  padding: 1rem;
  align-content: center;
  gap: .2rem;
}
.reference-core-mark {
  width: 40px;
  height: 40px;
  margin: 0 0 .2rem;
}
.reference-orbit-core strong {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.15;
}
.reference-orbit-core small {
  margin: 0;
  line-height: 1.25;
}
.reference-orbit-link {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  min-height: 30px;
  margin-top: .45rem;
  padding: .32rem .52rem;
  border: 1px solid color-mix(in srgb, var(--purple) 22%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--purple) 7%, var(--body-light));
  font-size: .64rem;
  line-height: 1;
}
.reference-orbit-link::after { display: none; }
.reference-orbit-link i { width: 20px; height: 20px; font-size: .68rem; }
@media (max-width: 720px) {
  .reference-orbit-core { width: 142px; height: 142px; padding: .72rem; }
  .reference-core-mark { width: 32px; height: 32px; }
  .reference-orbit-core strong { font-size: .86rem; }
  .reference-orbit-core small { font-size: .48rem; }
  .reference-orbit-link { margin-top: .28rem; padding: .26rem .4rem; font-size: .53rem; }
  .reference-orbit-link i { width: 17px; height: 17px; }
}

.contact-tile {
  position: relative;
  overflow: hidden;
  transition: transform .32s var(--ease), border-color .32s ease, background .32s ease, box-shadow .32s ease;
}
.contact-tile::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0 34%, rgba(129,91,214,.11) 48%, transparent 62%);
  transform: translateX(-120%);
  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 {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--purple) 42%, var(--border));
  background: color-mix(in srgb, var(--purple) 8%, var(--glass));
  box-shadow: 0 18px 42px -30px rgba(74,46,145,.42);
}
.contact-tile:hover::before { transform: translateX(120%); }
.contact-tile:hover .ico { transform: rotate(-6deg) scale(1.06); }
.contact-tile:hover > svg { transform: translate(2px,-2px) rotate(45deg); color: var(--purple); }
html[data-theme="light"] .footer-contact-icon {
  color: #5b3da2;
  background: linear-gradient(135deg, rgba(108,53,178,.13), rgba(23,114,153,.08));
  border-color: rgba(91,61,162,.2);
}
html[data-theme="light"] .footer-contact-icon svg {
  color: inherit;
  stroke: currentColor;
}
html[data-theme="light"] .footer-contact-icon svg[fill="currentColor"] { fill: currentColor; stroke: none; }
html[data-theme="light"] .contact-tile .ico {
  color: #5b3da2;
  background: rgba(108,53,178,.1);
  border: 1px solid rgba(91,61,162,.13);
}
html[data-theme="light"] .contact-tile .ico svg { stroke: currentColor; }

.home2-services,
.home2-products,
.reference-orbit-section,
.map-section,
.home-news-section,
.final-cta,
.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 820px;
}

.hero-seo-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.honey-hero {
  --hero-scroll-fade: 0;
  position: relative;
  min-height: max(760px, 100svh) !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  background: #090711;
}

.honey-hero .hero-bg {
  position: absolute;
  inset: 0;
  z-index: -3;
  overflow: hidden;
}

.honey-hero .hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .42;
  filter: brightness(.55) saturate(.72) contrast(1.05);
  transform: scale(1.015);
}

.honey-hero .hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(84, 66, 150, .18), transparent 52%),
    linear-gradient(180deg, rgba(7, 5, 13, .30), rgba(7, 5, 13, .78));
}

.honey-hero .hero-orb {
  animation: none !important;
  opacity: .16 !important;
  filter: blur(72px) !important;
}

.honey-slider,
.honey-overview {
  position: absolute;
  inset: 0;
}

.honey-slider {
  --hex-w: min(11.1vw, 21.3vh, 300px);
  --hex-h: calc(var(--hex-w) * .8660254);
  z-index: 2;
  min-height: inherit;
  perspective: 1200px;
}

.honey-overview {
  opacity: 1;
  visibility: visible;
  transition: opacity .42s ease, visibility .42s ease, filter .42s ease;
}

html.aketa-loading .honey-overview {
  opacity: 0;
  visibility: hidden;
}

html.aketa-loading .honey-grid { content-visibility: hidden; }
html.aketa-loading.aketa-prewarm .honey-overview {
  opacity: .001;
  visibility: visible;
}
html.aketa-loading.aketa-prewarm .honey-grid { content-visibility: visible; }

.honey-grid {
  position: absolute;
  left: 50%;
  top: calc(50% + clamp(18px, 2.2vh, 34px));
  width: calc(var(--hex-w) * 8.5);
  height: calc(var(--hex-h) * 4.5);
  overflow: visible;
  transform: translate(-50%, -50%);
  contain: layout style;
}

.honey-cell {
  --hex-clip: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  position: absolute;
  left: calc(var(--col) * var(--hex-w) * .75);
  top: calc((var(--row) + var(--offset)) * var(--hex-h));
  z-index: 2;
  width: var(--hex-w);
  height: var(--hex-h);
  padding: 2px;
  border: 0;
  clip-path: var(--hex-clip);
  color: #fff;
  background: conic-gradient(
    from var(--ring-start, 0deg),
    var(--ring-a, #8b7ad8),
    var(--ring-b, #58a6b8),
    var(--ring-c, #c486a5),
    var(--ring-a, #8b7ad8)
  );
  cursor: pointer;
  text-decoration: none;
  transform-origin: center;
  transition: transform .34s cubic-bezier(.18, .82, .25, 1), filter .28s ease, opacity .28s ease;
  contain: layout style;
  -webkit-tap-highlight-color: transparent;
}

.honey-cell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  clip-path: inherit;
  pointer-events: none;
  opacity: 0;
  background: conic-gradient(
    from 0deg,
    transparent 0 10%,
    rgba(225, 249, 255, .98) 12% 14%,
    var(--ring-b, #58a6b8) 18% 31%,
    transparent 34% 54%,
    var(--ring-a, #8b7ad8) 58% 73%,
    transparent 77% 91%,
    rgba(224, 255, 252, .9) 94% 96%,
    transparent 98%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px;
}

.honey-cell-inner {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0b0913;
}

.honey-cell-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(125deg, transparent 22%, rgba(255,255,255,.11) 43%, transparent 60%);
  opacity: .24;
  transform: translateX(-55%);
  transition: transform .65s ease, opacity .35s ease;
}

.honey-cell-inner img {
  position: absolute;
  inset: -2%;
  width: 104%;
  height: 104%;
  object-fit: cover;
  transform: none;
  filter: brightness(.64) saturate(.78) contrast(1.04);
  transition: transform .52s cubic-bezier(.18, .8, .24, 1), filter .35s ease;
}

.honey-cell-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5, 4, 10, .02) 24%, rgba(5, 4, 10, .84) 100%),
    radial-gradient(circle at 50% 42%, transparent 24%, rgba(6, 4, 12, .18));
}

.honey-cell-copy {
  position: absolute;
  inset: auto 0 0;
  z-index: 3;
  display: flex;
  min-height: 48%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: .68rem;
  text-align: center;
  opacity: .56;
  transform: translateY(4px);
  transition: opacity .28s ease, transform .34s ease;
}

.honey-cell-copy small {
  font: 700 .56rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .14em;
  opacity: .72;
}

.honey-cell-copy strong {
  max-width: 12ch;
  margin-top: .35rem;
  font-size: clamp(.72rem, .82vw, .96rem);
  line-height: 1.16;
  text-shadow: 0 4px 18px rgba(0,0,0,.72);
}

.honey-cell-copy em {
  margin-top: .38rem;
  font-size: .52rem;
  font-style: normal;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .68;
}

.honey-cell:is(:hover, :focus-visible):not(.honey-static-cell):not(.honey-info-cell):not(.honey-decor-cell) {
  z-index: 100;
  outline: none;
  transform: translate3d(0, -14px, 130px) scale(1.13);
  filter: drop-shadow(0 28px 26px rgba(1, 2, 8, .62)) drop-shadow(0 0 15px color-mix(in srgb, var(--ring-b) 42%, transparent));
}

.honey-cell:is(:hover, :focus-visible):not(.honey-static-cell):not(.honey-info-cell):not(.honey-decor-cell)::after {
  opacity: 1;
  animation: honeyBorderSpin 2.65s linear infinite;
}

.honey-cell:is(:hover, :focus-visible):not(.honey-static-cell):not(.honey-info-cell):not(.honey-decor-cell) .honey-cell-inner img {
  transform: scale(1.13);
  filter: brightness(.88) saturate(.98) contrast(1.06);
}

.honey-cell:is(:hover, :focus-visible):not(.honey-static-cell):not(.honey-info-cell):not(.honey-decor-cell) .honey-cell-inner::after {
  opacity: .7;
  transform: translateX(55%);
}

.honey-cell:is(:hover, :focus-visible):not(.honey-static-cell):not(.honey-info-cell):not(.honey-decor-cell) .honey-cell-copy {
  opacity: 1;
  transform: none;
}

@keyframes honeyBorderSpin { to { transform: rotate(360deg); } }

.honey-static-cell,
.honey-decor-cell {
  pointer-events: none !important;
  cursor: default !important;
  transform: translate3d(0, 0, 0) !important;
}

.honey-static-cell::after,
.honey-decor-cell::after { display: none !important; }

.honey-static-cell .honey-cell-copy { opacity: .58; transform: none; }
.honey-static-cell .honey-cell-copy em { display: none; }
.honey-decor-cell { opacity: .84; }
.honey-decor-inner img { filter: brightness(.67) saturate(.66) contrast(1.05); }

.honey-info-cell { --info-accent: var(--ring-a); }

.honey-info-inner {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--info-accent) 14%, transparent), transparent 55%),
    linear-gradient(150deg, #171d2f, #0d1220 74%);
}

.honey-info-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 42%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(135, 190, 224, .2);
  border-radius: 30%;
  color: #83cce8;
  background: rgba(77, 125, 166, .08);
  box-shadow: inset 0 0 24px rgba(91, 170, 210, .06);
  transition: top .38s ease, transform .38s ease, opacity .28s ease;
}

.honey-info-icon svg {
  width: 48%;
  height: 48%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.honey-info-copy {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .28s ease, transform .36s ease;
}

.honey-info-copy strong { font-size: clamp(.7rem, .82vw, .98rem); }
.honey-info-copy span { max-width: 15ch; margin-top: .35rem; color: #a8dff3; font-size: clamp(.58rem, .68vw, .78rem); font-weight: 700; line-height: 1.24; overflow-wrap: anywhere; }
.honey-info-copy small { margin-top: .36rem; color: rgba(255,255,255,.48); font-size: .5rem; letter-spacing: .09em; text-transform: uppercase; }

.honey-info-cell:is(:hover, :focus-visible) {
  z-index: 105;
  outline: none;
  transform: translate3d(0, -13px, 90px) scale(1.1);
  filter: drop-shadow(0 25px 25px rgba(3, 7, 15, .55));
}

.honey-info-cell.info-edge-left:is(:hover, :focus-visible) { transform: translate3d(16px, -13px, 90px) scale(1.1); }
.honey-info-cell.info-edge-right:is(:hover, :focus-visible) { transform: translate3d(-16px, -13px, 90px) scale(1.1); }
.honey-info-cell.info-edge-top:is(:hover, :focus-visible) { transform: translate3d(0, 34px, 90px) scale(1.1); }
.honey-info-cell.info-edge-bottom:is(:hover, :focus-visible) { transform: translate3d(0, -17px, 90px) scale(1.1); }

.honey-info-cell:is(:hover, :focus-visible) .honey-info-icon { top: 28%; transform: translate(-50%, -50%) scale(.62); opacity: .68; }
.honey-info-cell:is(:hover, :focus-visible) .honey-info-copy { opacity: 1; transform: none; padding-top: 2.05rem; }

.honey-hover-shield.honey-energy-field {
  --hex-clip: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 84;
  width: 260px;
  aspect-ratio: 1;
  transform: translate3d(var(--shield-x, 0px), var(--shield-y, 0px), 0) translate(-50%, -50%) scale(.58) rotate(-8deg);
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 11px rgba(104,215,255,.65)) drop-shadow(0 0 34px rgba(64,141,255,.32));
  transition: opacity .32s ease, transform .65s cubic-bezier(.16,.84,.22,1);
  will-change: transform, opacity;
  contain: layout style;
}
.honey-hover-shield.honey-energy-field.is-active {
  opacity: 1;
  transform: translate3d(var(--shield-x, 0px), var(--shield-y, 0px), 0) translate(-50%, -50%) scale(1) rotate(0deg);
}
.honey-energy-field > i,
.honey-energy-field > b { position: absolute; display: block; pointer-events: none; }
.energy-aura {
  inset: 14%;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(193,245,255,.16),rgba(62,178,255,.08) 38%,transparent 70%);
  filter: blur(9px);
  animation: energyAuraPulse 2.6s ease-in-out infinite;
}
.energy-orbit {
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  will-change: transform;
}
.energy-orbit.orbit-1 {
  width: 96%; height: 96%;
  background: conic-gradient(from 14deg,
    transparent 0 4%,rgba(218,250,255,.95) 5% 6.5%,rgba(83,205,255,.88) 7% 13%,transparent 14% 25%,
    rgba(127,127,255,.78) 27% 34%,transparent 35% 49%,rgba(103,230,218,.86) 51% 58%,transparent 59% 73%,
    rgba(220,249,255,.9) 75% 77%,rgba(69,176,255,.74) 78% 86%,transparent 87% 100%);
  -webkit-mask: radial-gradient(circle,transparent 0 67%,#000 68% 70.2%,transparent 71.2%);
  mask: radial-gradient(circle,transparent 0 67%,#000 68% 70.2%,transparent 71.2%);
  filter: drop-shadow(0 0 4px rgba(205,246,255,.9)) drop-shadow(0 0 10px rgba(75,194,255,.8));
  animation: energyOrbitCW 5.1s linear infinite;
}
.energy-orbit.orbit-2 {
  width: 84%; height: 84%;
  background:
    repeating-conic-gradient(from 0deg,rgba(201,246,255,.9) 0 1.2deg,transparent 1.8deg 7deg),
    conic-gradient(from 80deg,transparent 0 18%,rgba(90,192,255,.7) 19% 30%,transparent 31% 58%,rgba(153,126,255,.68) 60% 72%,transparent 74%);
  -webkit-mask: radial-gradient(circle,transparent 0 65%,#000 66% 67.2%,transparent 68%);
  mask: radial-gradient(circle,transparent 0 65%,#000 66% 67.2%,transparent 68%);
  opacity: .88;
  filter: drop-shadow(0 0 5px rgba(97,204,255,.72));
  animation: energyOrbitCCW 8.2s linear infinite;
}
.energy-orbit.orbit-3 {
  width: 72%; height: 72%;
  background: conic-gradient(from 195deg,transparent 0 9%,rgba(232,252,255,.96) 10% 12%,rgba(92,208,255,.78) 13% 24%,transparent 25% 47%,rgba(126,105,255,.68) 49% 62%,transparent 63% 82%,rgba(82,229,211,.78) 84% 93%,transparent 94%);
  -webkit-mask: radial-gradient(circle,transparent 0 63%,#000 64% 66.5%,transparent 67.5%);
  mask: radial-gradient(circle,transparent 0 63%,#000 64% 66.5%,transparent 67.5%);
  filter: drop-shadow(0 0 5px rgba(126,220,255,.72));
  animation: energyOrbitCW 3.9s linear infinite;
}
.energy-orbit.orbit-4 {
  width: 107%; height: 73%;
  border: 1px solid rgba(153,222,255,.22);
  box-shadow: inset 0 0 12px rgba(73,185,255,.1),0 0 8px rgba(71,175,255,.18);
  transform: translate(-50%,-50%) rotate(22deg);
  animation: energyEllipseSpin 7.5s linear infinite;
}
.energy-sweep {
  inset: 1%;
  border-radius: 50%;
  background: conic-gradient(from 0deg,transparent 0 72%,rgba(225,252,255,.05) 75%,rgba(143,228,255,.88) 79%,rgba(81,184,255,.36) 82%,transparent 87% 100%);
  -webkit-mask: radial-gradient(circle,transparent 0 57%,#000 59% 64%,transparent 66%);
  mask: radial-gradient(circle,transparent 0 57%,#000 59% 64%,transparent 66%);
  filter: blur(.4px) drop-shadow(0 0 8px rgba(115,219,255,.95));
  animation: energySweepSpin 2.85s linear infinite;
}
.energy-hex-echo {
  left: 50%; top: 50%;
  width: 66%;
  aspect-ratio: 1.1547;
  transform: translate(-50%,-50%) scale(1.02);
  clip-path: var(--hex-clip);
  background: conic-gradient(from 22deg,rgba(217,250,255,.96),rgba(74,193,255,.58),rgba(130,112,255,.7),rgba(82,229,211,.64),rgba(217,250,255,.96));
  opacity: .7;
  filter: drop-shadow(0 0 8px rgba(100,210,255,.7));
  animation: energyHexPulse 2.2s ease-in-out infinite;
}
.energy-hex-echo::after {
  content: "";
  position: absolute;
  inset: 2px;
  clip-path: inherit;
  background: rgba(4,12,23,.78);
}
.energy-particle {
  left: var(--p-x);
  top: var(--p-y);
  width: var(--p-size);
  height: var(--p-size);
  margin-left: calc(var(--p-size) * -.5);
  margin-top: calc(var(--p-size) * -.5);
  border-radius: 50%;
  background: rgba(229,252,255,.98);
  box-shadow: 0 0 4px #fff,0 0 10px rgba(91,207,255,.95),0 0 18px rgba(93,132,255,.54);
  opacity: .2;
  animation: energyParticleTwinkle var(--p-duration) ease-in-out infinite var(--p-delay);
}
.energy-node {
  left: 50%; top: 50%;
  width: 7px; height: 7px;
  margin: -3.5px 0 0 -3.5px;
  border-radius: 50%;
  background: #ecfdff;
  box-shadow: 0 0 4px #fff,0 0 12px #6ed7ff,0 0 24px rgba(89,127,255,.8);
}
.energy-node.node-1 { animation: energyNodeOrbit1 4.2s linear infinite; }
.energy-node.node-2 { animation: energyNodeOrbit2 5.8s linear infinite; }
.energy-node.node-3 { animation: energyNodeOrbit3 7.1s linear infinite; }
.honey-energy-field,
.honey-energy-field * { animation-play-state: paused !important; }
.honey-energy-field.is-active,
.honey-energy-field.is-active * { animation-play-state: running !important; }
@keyframes energyAuraPulse { 0%,100%{opacity:.55;transform:scale(.92)} 50%{opacity:1;transform:scale(1.08)} }
@keyframes energyOrbitCW { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes energyOrbitCCW { to{transform:translate(-50%,-50%) rotate(-360deg)} }
@keyframes energyEllipseSpin { to{transform:translate(-50%,-50%) rotate(382deg)} }
@keyframes energySweepSpin { to{transform:rotate(360deg)} }
@keyframes energyHexPulse { 0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(1.01)} 50%{opacity:.82;transform:translate(-50%,-50%) scale(1.075)} }
@keyframes energyParticleTwinkle { 0%,100%{opacity:.12;transform:translate3d(0,0,0) scale(.55)} 45%{opacity:1;transform:translate3d(var(--p-dx),var(--p-dy),0) scale(1.2)} 72%{opacity:.4;transform:translate3d(calc(var(--p-dx) * .55),calc(var(--p-dy) * .55),0) scale(.8)} }
@keyframes energyNodeOrbit1 { from{transform:rotate(0) translateX(var(--node-r1,112px))} to{transform:rotate(360deg) translateX(var(--node-r1,112px))} }
@keyframes energyNodeOrbit2 { from{transform:rotate(120deg) translateX(var(--node-r2,92px))} to{transform:rotate(480deg) translateX(var(--node-r2,92px))} }
@keyframes energyNodeOrbit3 { from{transform:rotate(250deg) translateX(var(--node-r3,128px))} to{transform:rotate(610deg) translateX(var(--node-r3,128px))} }

.honey-cell.is-source { opacity: 0 !important; }
.honey-slider.is-cinema .honey-overview { opacity: .12; }

.honey-cinema-canvas {
  position: fixed;
  inset: 0;
  z-index: 9993;
  display: block;
  pointer-events: none;
  contain: strict;
  will-change: opacity;
}

.honey-detail-build-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  clip-path: inherit;
  pointer-events: none;
}
.honey-detail-build-layer .build-surface {
  position: absolute;
  inset: 0;
  transform: none;
  opacity: 0;
  background: url("../../images/slider/cinema-panel-dark.png") center / 100% 100% no-repeat;
  border: 0;
  box-shadow: none;
  will-change: transform;
  backface-visibility: hidden;
}
.honey-detail-build-layer.is-active .build-surface,
.honey-detail-build-layer.is-ready .build-surface { opacity: 1; }

html.aketa-prewarm .honey-detail {
  visibility: visible !important;
  opacity: .001 !important;
  transform: none !important;
  pointer-events: none !important;
}
html.aketa-prewarm .honey-detail-build-layer .build-surface { opacity: 1 !important; }
html.aketa-prewarm .honey-detail-frame > :not(.honey-detail-build-layer) { opacity: 1 !important; transform: none !important; }

.honey-detail {
  position: absolute;
  inset: 0;
  z-index: 130;
  display: grid;
  place-items: center;
  padding: clamp(5.5rem, 7vw, 7.5rem) clamp(1rem, 4vw, 4rem) 2.5rem;
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transform: translateY(14px) scale(.99);
  background:
    radial-gradient(circle at 75% 48%, rgba(51,163,210,.13), transparent 35%),
    linear-gradient(100deg, rgba(5,7,13,.98), rgba(8,10,18,.97));
  transition: opacity .3s ease, transform .42s cubic-bezier(.18,.8,.24,1);
  contain: layout paint style;
  will-change: opacity, transform;
}

.honey-slider.is-detail .honey-overview,
.honey-slider.is-detail-preparing .honey-overview { opacity: 0; visibility: hidden; pointer-events: none; }
.honey-slider.is-detail .honey-detail,
.honey-slider.is-detail-preparing .honey-detail { opacity: 1; visibility: visible; transform: none; }
.honey-slider.is-detail .honey-detail { pointer-events: auto; }
.honey-slider.is-detail-preparing .honey-detail { pointer-events: none; }

.honey-detail-frame {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem);
  width: min(1380px, 94vw);
  min-height: min(720px, 76vh);
  padding: clamp(2.5rem, 4.5vw, 5rem);
  overflow: hidden;
  clip-path: polygon(0 7%, 4% 0, 96% 0, 100% 7%, 100% 93%, 96% 100%, 4% 100%, 0 93%);
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  contain: layout paint style;
}
.honey-detail-frame > :not(.honey-detail-build-layer) {
  transition: opacity .24s ease, transform .32s cubic-bezier(.18,.8,.24,1);
}
.honey-slider.is-detail-preparing .honey-detail-frame > :not(.honey-detail-build-layer) {
  opacity: 0;
  transform: translate3d(0,10px,0);
}
.honey-slider.is-detail .honey-detail-frame > :not(.honey-detail-build-layer) {
  opacity: 1;
  transform: none;
}

.honey-frame-corner { position: absolute; width: 68px; height: 34px; pointer-events: none; }
.honey-frame-corner::before,
.honey-frame-corner::after { content: ""; position: absolute; background: rgba(104,218,255,.45); box-shadow: 0 0 9px rgba(104,218,255,.38); }
.honey-frame-corner::before { width: 100%; height: 1px; }
.honey-frame-corner::after { width: 1px; height: 100%; }
.honey-frame-corner.corner-a { left: 2.5%; top: 3%; }
.honey-frame-corner.corner-b { right: 2.5%; top: 3%; transform: scaleX(-1); }
.honey-frame-corner.corner-c { left: 2.5%; bottom: 3%; transform: scaleY(-1); }
.honey-frame-corner.corner-d { right: 2.5%; bottom: 3%; transform: scale(-1); }

.honey-frame-topline { position: absolute; left: 8%; right: 8%; top: 24px; display: flex; gap: 6px; }
.honey-frame-topline i { display: block; width: 18px; height: 2px; background: rgba(111,213,250,.28); }

.honey-close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 12;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  background: rgba(10,12,20,.72);
  cursor: pointer;
  transition: transform .28s ease, border-color .28s ease, background .28s ease;
}
.honey-close:hover { transform: rotate(90deg); border-color: rgba(105,217,255,.56); background: rgba(20,31,46,.78); }
.honey-close span { position: absolute; left: 12px; right: 12px; top: 22px; height: 1.5px; background: #fff; }
.honey-close span:first-child { transform: rotate(45deg); }
.honey-close span:last-child { transform: rotate(-45deg); }

.honey-detail-copy { position: relative; z-index: 4; max-width: 560px; color: #fff; }
.honey-detail-meta { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.1rem; }
.honey-detail-meta span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.07); font: 700 .7rem/1 ui-monospace, monospace; }
.honey-detail-meta small { color: rgba(255,255,255,.56); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.honey-detail-copy h2 { margin: 0 0 1rem; font-size: clamp(2.1rem, 4vw, 4.5rem); line-height: .98; letter-spacing: -.052em; }
.honey-detail-copy > p { color: rgba(255,255,255,.68); line-height: 1.75; }
.honey-detail-copy ul { display: grid; gap: .55rem; margin: 1.35rem 0 1.5rem; padding: 0; list-style: none; }
.honey-detail-copy li { position: relative; padding: .7rem .8rem .7rem 2rem; border-top: 1px solid rgba(255,255,255,.09); color: rgba(255,255,255,.76); font-size: .88rem; }
.honey-detail-copy li::before { content: ""; position: absolute; left: .75rem; top: 1rem; width: 7px; height: 7px; border-radius: 50%; background: #75d8f7; box-shadow: 0 0 0 5px rgba(117,216,247,.1); }
.honey-detail-link { display: inline-flex; align-items: center; gap: .7rem; min-height: 45px; padding: .72rem 1rem; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #fff; font-size: .82rem; font-weight: 700; transition: transform .25s ease, background .25s ease; }
.honey-detail-link:hover { transform: translateY(-2px); background: rgba(255,255,255,.07); }
.honey-detail-nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.09); }
.honey-detail-nav > button { border: 0; background: transparent; color: rgba(255,255,255,.58); font-size: .75rem; cursor: pointer; }
.honey-detail-nav > button:hover { color: #fff; }
.honey-detail-dots { display: flex; align-items: center; gap: .38rem; }
.honey-detail-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.24); cursor: pointer; transition: width .24s ease, background .24s ease; }
.honey-detail-dots button.is-active { width: 22px; background: #7cd9f5; }

.honey-detail-visual { position: relative; display: grid; min-height: 520px; place-items: center; isolation: isolate; }
.honey-detail-hex {
  --detail-clip: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  position: relative;
  z-index: 3;
  width: min(100%, 500px);
  aspect-ratio: 1.1547;
  clip-path: var(--detail-clip);
  overflow: hidden;
  background: conic-gradient(from 0deg, #62d9f7, #7770da, #d889b1, #68d6c6, #62d9f7);
  filter: drop-shadow(0 28px 34px rgba(0,0,0,.46)) drop-shadow(0 0 22px rgba(79,199,240,.28));
}
.honey-detail-hex::before { content: ""; position: absolute; inset: 4px; z-index: 0; clip-path: inherit; background: #0d0a15; }
.honey-detail-backdrop { position: absolute; inset: 5px; z-index: 1; width: calc(100% - 10px); height: calc(100% - 10px); object-fit: cover; clip-path: var(--detail-clip); transform: scale(1.08); filter: none; }
.honey-detail-image-frame { position: absolute; inset: 8%; z-index: 2; overflow: hidden; clip-path: var(--detail-clip); border: 1px solid rgba(255,255,255,.15); background: #100d18; }
.honey-detail-image-main { width: 100%; height: 100%; object-fit: cover; transform: scale(1.015); filter: brightness(.92) saturate(.98) contrast(1.04); }
.honey-detail-image-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,5,10,.02) 38%, rgba(6,5,10,.66)); }
.honey-detail-sheen { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 24%, rgba(255,255,255,.14) 44%, transparent 58%); transform: translateX(-130%); animation: honeySheen 5.4s ease-in-out infinite 1.2s paused; }
.honey-detail-image-label { position: absolute; left: 50%; bottom: 13%; z-index: 5; transform: translateX(-50%); padding: .5rem .76rem; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(8,6,14,.64); color: #fff; font-size: .66rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }

.honey-detail-energy {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
}
.honey-detail-energy.energy-a {
  width: 104%; height: 104%;
  background: url("../../images/slider/detail-ring-outer.png") center / contain no-repeat;
  filter: none;
  animation: energyOrbitCW 8.5s linear infinite paused;
  will-change: transform;
}
.honey-detail-energy.energy-a::before,
.honey-detail-energy.energy-a::after,
.honey-detail-energy.energy-b::before { display: none; }
.honey-detail-energy.energy-a::before {
  width: 83%; height: 83%;
  background: url("../../images/slider/detail-ring-mid.png") center / contain no-repeat;
  animation: energyOrbitCCW 12s linear infinite paused;
  will-change: transform;
}
.honey-detail-energy.energy-a::after {
  width: 72%; height: 72%;
  background: url("../../images/slider/detail-ring-inner.png") center / contain no-repeat;
  animation: energyOrbitCW 4.8s linear infinite paused;
  will-change: transform;
}
.honey-detail-energy.energy-b {
  width: 116%; height: 78%;
  background: url("../../images/slider/detail-ring-ellipse.png") center / contain no-repeat;
  border: 0;
  box-shadow: none;
  transform: translate(-50%,-50%) rotate(18deg);
  animation: energyEllipseSpin 13s linear infinite paused;
  will-change: transform;
}
.honey-detail-energy.energy-b::before {
  width: 88%; height: 122%;
  border: 1px dashed rgba(129,211,255,.18);
  animation: energyOrbitCCW 16s linear infinite paused;
}
.honey-slider.is-detail-energy-ready .honey-detail-energy,
.honey-slider.is-detail-energy-ready .honey-detail-energy::before,
.honey-slider.is-detail-energy-ready .honey-detail-energy::after,
.honey-slider.is-detail-energy-ready .honey-detail-sheen { animation-play-state: running !important; }
@keyframes honeySheen { 0%, 48% { transform: translateX(-130%); } 68%, 100% { transform: translateX(130%); } }

.honey-frame-status { position: absolute; left: 5%; right: 5%; bottom: 24px; display: flex; align-items: center; gap: .7rem; color: rgba(170,222,242,.45); font: 600 .56rem/1 ui-monospace, monospace; letter-spacing: .11em; }
.honey-frame-status span { width: 7px; height: 7px; border-radius: 50%; background: #58d9bd; box-shadow: 0 0 10px rgba(88,217,189,.65); }
.honey-frame-status i { margin-left: auto; color: rgba(88,217,189,.68); font-style: normal; }
.honey-detail-copy.is-switching { animation: honeyCopySwitch .5s cubic-bezier(.18,.8,.24,1); }
.honey-detail-hex.is-switching { animation: honeyHexSwitch .56s cubic-bezier(.18,.8,.24,1); }
@keyframes honeyCopySwitch { from { opacity: 0; transform: translateX(-22px); } to { opacity: 1; transform: none; } }
@keyframes honeyHexSwitch { from { opacity: .25; transform: scale(.9) rotate(-8deg); } to { opacity: 1; transform: none; } }

html[data-theme="light"] .honey-hero { background: #edf1f7; }
html[data-theme="light"] .honey-hero .hero-bg img { opacity: .25; filter: brightness(1.02) saturate(.55) contrast(.92); }
html[data-theme="light"] .honey-hero .hero-bg::after { background: radial-gradient(circle at 50% 42%, rgba(104,91,170,.13), transparent 56%), linear-gradient(180deg, rgba(244,247,252,.25), rgba(226,233,244,.84)); }
html[data-theme="light"] .honey-cell-inner { background: #edf2f8; }
html[data-theme="light"] .honey-cell-inner img { filter: brightness(.86) saturate(.68) contrast(.96); }
html[data-theme="light"] .honey-info-inner { background: radial-gradient(circle at 50% 30%, rgba(104,161,197,.16), transparent 54%), linear-gradient(150deg,#f8faff,#e1e8f3 74%); }
html[data-theme="light"] .honey-info-icon { color: #477c9a; background: rgba(87,143,178,.08); border-color: rgba(66,113,148,.2); }
html[data-theme="light"] .honey-info-copy { color: #182238; }
html[data-theme="light"] .honey-info-copy span { color: #2e6f8f; }
html[data-theme="light"] .honey-info-copy small { color: rgba(24,34,56,.55); }
html[data-theme="light"] .honey-detail { background: radial-gradient(circle at 72% 45%,rgba(98,145,184,.14),transparent 36%), linear-gradient(105deg,rgba(244,247,252,.98),rgba(232,238,247,.97)); }
html[data-theme="light"] .honey-detail-frame { background: transparent; border-color: transparent; box-shadow: none; }
html[data-theme="light"] .honey-detail-build-layer .build-surface { background-image: url("../../images/slider/cinema-panel-light.png"); border: 0; box-shadow: none; }
html[data-theme="light"] .honey-detail-copy { color: #172137; }
html[data-theme="light"] .honey-detail-copy > p,
html[data-theme="light"] .honey-detail-copy li { color: rgba(23,33,55,.7); }
html[data-theme="light"] .honey-detail-copy li { border-color: rgba(31,53,82,.12); }
html[data-theme="light"] .honey-detail-meta span,
html[data-theme="light"] .honey-detail-link { color: #172137; background: rgba(255,255,255,.55); border-color: rgba(41,71,105,.18); }
html[data-theme="light"] .honey-detail-meta small,
html[data-theme="light"] .honey-detail-nav > button { color: rgba(23,33,55,.58); }
html[data-theme="light"] .honey-close { background: rgba(255,255,255,.72); border-color: rgba(37,65,95,.18); }
html[data-theme="light"] .honey-close span { background: #172137; }
html[data-theme="light"] .honey-frame-status { color: rgba(31,66,91,.5); }

@media (min-width: 2000px) and (min-height: 1000px) {
  .honey-slider { --hex-w: min(11.15vw, 21.6vh, 310px); }
  .honey-detail-frame { width: min(1540px, 86vw); min-height: min(790px, 72vh); }
}

@media (min-width: 3000px) {
  .honey-slider { --hex-w: min(10.8vw, 21.2vh, 350px); }
}

@media (max-width: 1100px) and (min-width: 761px) {
  .honey-hero { min-height: max(720px, 100svh) !important; }
  .honey-slider { --hex-w: min(11.25vw, 19.5vh, 156px); }
  .honey-grid { top: calc(50% + 35px); }
  .honey-detail-frame { grid-template-columns: 1fr 1fr; gap: 1.5rem; padding: 3rem 2rem; }
  .honey-detail-visual { min-height: 390px; }
}

@media (max-width: 760px) {
  html.honey-mobile-detail-open,
  body.honey-mobile-detail-open { overflow: hidden !important; }

  .honey-hero {
    min-height: max(820px, 100svh) !important;
    overflow: hidden !important;
  }

  .honey-slider {
    --hex-w: min(30.5vw, 122px);
    --hex-h: calc(var(--hex-w) * .8660254);
  }

  .honey-grid {
    left: 50%;
    top: 112px;
    width: calc(var(--hex-w) * 2.5);
    height: calc(var(--hex-h) * 4.5 + 105px);
    transform: translateX(-50%);
  }

  .honey-cell { display: none; }
  .honey-cell[data-mobile-show] {
    display: block;
    left: calc(var(--mcol) * var(--hex-w) * .75);
    top: calc((var(--mrow) + var(--moffset)) * var(--hex-h));
    width: var(--hex-w);
    height: var(--hex-h);
  }

  .honey-cell-copy { min-height: 46%; padding: .4rem; opacity: .66; transform: none; }
  .honey-cell-copy strong { font-size: .61rem; line-height: 1.14; }
  .honey-cell-copy small,
  .honey-cell-copy em { display: none; }
  .honey-info-icon { width: 37%; }
  .honey-info-copy { display: none; }
  .honey-info-cell:is(:hover, :focus-visible, :active) { transform: translate3d(0,-3px,20px) scale(1.035); }
  .honey-hover-shield { display: none; }

  .honey-detail {
    position: fixed;
    inset: 0;
    z-index: 240;
    display: block;
    height: 100dvh;
    padding: 5.1rem .65rem 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translateY(18px) scale(.986);
  }

  .honey-detail-frame {
    width: 100%;
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 3.5rem .85rem 2.2rem;
    clip-path: none;
    border-radius: 24px;
    overflow: visible;
  }

  .honey-detail-visual { order: 1; width: 100%; min-height: 255px; }
  .honey-detail-copy { order: 2; width: 100%; max-width: none; }
  .honey-detail-hex { width: min(82vw, 320px); }
  .honey-detail-energy.energy-a { width: 94%; height: 94%; }
  .honey-detail-energy.energy-b { width: 104%; height: 70%; }
  .honey-detail-copy h2 { font-size: 1.72rem; }
  .honey-detail-copy > p { font-size: .86rem; line-height: 1.62; }
  .honey-detail-copy li { font-size: .76rem; }
  .honey-close { position: fixed; top: 4.65rem; right: .8rem; z-index: 270; width: 42px; height: 42px; }
  .honey-close span { left: 11px; right: 11px; top: 20px; }
  .honey-frame-status { display: none; }
  .honey-frame-corner { opacity: .5; }
}

@media (max-width: 420px) {
  .honey-hero { min-height: max(780px, 100svh) !important; }
  .honey-slider { --hex-w: min(30vw, 116px); }
  .honey-grid { top: 104px; }
  .honey-detail { padding-top: 4.85rem; }
  .honey-close { top: 4.3rem; }
}

@media (hover: none) {
  .honey-cell-copy { opacity: .68; transform: none; }
  .honey-cell-copy em { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .honey-cell,
  .honey-cell *,
  .honey-energy-field,
  .honey-energy-field *,
  .honey-detail,
  .honey-detail *,
  .honey-detail-build-layer,
  .honey-detail-build-layer * {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

.honey-cell:is(:hover, :focus-visible):not(.honey-static-cell):not(.honey-info-cell):not(.honey-decor-cell),
.honey-cell.is-source {
  will-change: transform, filter;
  backface-visibility: hidden;
}
html.aketa-loading .honey-cell,
html.aketa-loading .honey-cell * {
  animation-play-state: paused !important;
  transition: none !important;
}

@media (max-width: 760px) {
  .honey-detail-build-layer,
  .honey-detail-build-layer .build-surface { border-radius: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .honey-detail-build-layer.is-active .build-surface { opacity: 1 !important; }
  .honey-detail-build-layer.is-active .build-left { transform: scaleY(1) !important; }
  .honey-detail-build-layer.is-active .build-corner { opacity: 1 !important; }
}

html.honey-cinema-running .honey-grid *,
html.honey-cinema-running .hero-bg *,
html.honey-cinema-running .scroll-cue,
html.honey-cinema-running .scroll-cue * { animation-play-state: paused !important; }
html.honey-cinema-running .honey-cell.is-source { filter: none !important; }
.honey-detail-hex { will-change: transform, opacity; backface-visibility: hidden; }

.honey-cinema-canvas { opacity: 1; }
.honey-cinema-canvas.is-handing-off {
  opacity: 0;
  transition: opacity .24s cubic-bezier(.22,.7,.3,1);
}

.honey-detail[hidden] { display: 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; }
}


/* V3.2.3: Petek görünümü ve hover tasarımı değiştirilmeden scroll raster yükü azaltılır. */
.honey-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 200;
  pointer-events: none;
  opacity: var(--hero-scroll-fade);
  background: linear-gradient(180deg, transparent 0%, var(--body) 100%);
  transform: translateZ(0);
  will-change: opacity;
}

.honey-grid {
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
  will-change: transform;
}

[data-hero-content] {
  backface-visibility: hidden;
  will-change: transform, opacity;
}

/* Görünmeyen hover kalkanının ağır animasyonları scroll sırasında çalışmaz.
   Kalkan aktif olduğunda V3.2.1'deki animasyonların tamamı aynı şekilde devam eder. */
.honey-hover-shield:not(.is-active) > * {
  animation-play-state: paused !important;
}
.honey-hover-shield.is-active > * {
  animation-play-state: running;
}

/* V3.5 Rev-A: boş petek yalnız geometri/çizgi taşır; içerik, hover ve tıklama davranışı yoktur. */
.honey-cell[data-honey-empty] {
  pointer-events: none !important;
  cursor: default !important;
  opacity: .56;
  filter: none !important;
  background: rgba(147, 174, 205, .34);
  transform: translate3d(0, 0, 0) !important;
}
.honey-cell[data-honey-empty]::after { display: none !important; animation: none !important; }
.honey-cell[data-honey-empty] .honey-cell-inner {
  background: rgba(8, 12, 22, .34);
  filter: none !important;
}
.honey-cell[data-honey-empty] .honey-cell-inner::after,
.honey-cell[data-honey-empty] .honey-cell-shade { display: none !important; opacity: 0 !important; }
.honey-cell[data-honey-empty] .honey-cell-copy { display: none !important; opacity: 0 !important; }
.honey-cell[data-honey-empty] .honey-cell-inner img { display: none !important; }
.honey-cell[data-honey-empty]:is(:hover, :focus, :focus-visible) {
  transform: translate3d(0, 0, 0) !important;
  filter: none !important;
}

/* 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}

/* V7.5 professional slider module */

/* ==========================================================
   V7.8.1 · Manzara Slider
   ========================================================== */
.aketa-landscape-slider{position:relative;min-height:clamp(720px,100svh,980px);height:100svh;overflow:hidden;background:#07110f;color:#fff;isolation:isolate}
.aketa-landscape-slider__stage,.aketa-landscape-slide,.aketa-landscape-slide__media,.aketa-landscape-slide__veil{position:absolute;inset:0}
.aketa-landscape-slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease;z-index:1}.aketa-landscape-slide.is-active{opacity:1;visibility:visible;z-index:2}
.aketa-landscape-slide__media{background:#111a18;overflow:hidden}.aketa-landscape-slide__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04);transform:scale(1.055);transition:transform 8.4s cubic-bezier(.18,.7,.18,1)}.aketa-landscape-slide.is-active .aketa-landscape-slide__media img{transform:scale(1)}
.aketa-landscape-slide__veil{background:linear-gradient(90deg,rgba(4,10,9,.96) 0%,rgba(4,10,9,.72) 42%,rgba(4,10,9,.12) 70%,rgba(4,10,9,.36) 100%),linear-gradient(0deg,rgba(2,7,6,.86),transparent 58%);opacity:var(--landscape-overlay-opacity,.54);z-index:1;pointer-events:none}
.aketa-landscape-slide__copy{position:absolute;z-index:3;left:clamp(28px,5vw,82px);bottom:clamp(105px,16vh,170px);width:min(720px,50vw);opacity:0;transform:translateY(24px);transition:opacity .65s .18s ease,transform .65s .18s ease}.aketa-landscape-slide.is-active .aketa-landscape-slide__copy{opacity:1;transform:none}
.aketa-landscape-slide__tag{display:inline-flex;align-items:center;gap:14px;padding:6px 18px 6px 7px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.06);backdrop-filter:blur(16px);font-style:normal;margin-bottom:22px}.aketa-landscape-slide__tag b{display:inline-grid;place-items:center;min-width:58px;height:32px;padding:0 12px;border-radius:999px;background:#fff;color:#101514;font-size:12px}.aketa-landscape-slide__tag em{font-style:normal;font-size:13px;font-weight:700;color:#f7fbfa}
.aketa-landscape-slide__copy h1,.aketa-landscape-slide__copy h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-style:normal;font-weight:760;font-size:clamp(48px,5.15vw,84px);line-height:1.01;letter-spacing:-.047em;text-wrap:balance;color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.24)}
.aketa-landscape-slide__copy p{max-width:650px;margin:24px 0 0;font-size:clamp(16px,1.25vw,20px);line-height:1.55;color:rgba(255,255,255,.88);text-wrap:pretty}
.aketa-landscape-slide__cta{display:inline-flex;align-items:center;gap:18px;margin-top:28px;padding:14px 20px;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#fff;text-decoration:none;font-size:14px;font-weight:800;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);transition:.25s}.aketa-landscape-slide__cta:hover{background:#fff;color:#0c1512;transform:translateY(-2px)}
.aketa-landscape-slider__rail-shade{position:absolute;z-index:6;top:0;right:0;bottom:0;width:clamp(340px,27vw,430px);pointer-events:none;background:linear-gradient(90deg,rgba(4,9,13,0) 0%,rgba(4,9,13,.14) 8%,rgba(4,9,13,.38) 18%,rgba(4,9,13,.72) 34%,rgba(4,9,13,.90) 58%,rgba(4,9,13,.97) 100%);box-shadow:-58px 0 96px rgba(0,0,0,.18);backdrop-filter:blur(13px)}
.aketa-landscape-slider__rail{position:absolute;z-index:8;right:clamp(38px,4.2vw,74px);top:50%;transform:translateY(-50%);width:min(300px,21vw);display:grid;gap:18px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;pointer-events:auto}
.aketa-landscape-preview{display:grid;grid-template-columns:98px minmax(0,1fr);align-items:center;gap:18px;border:0;background:transparent;color:#fff;padding:0;text-align:left;cursor:pointer;opacity:.72;transform:none;transition:opacity .28s ease,transform .28s ease}.aketa-landscape-preview:hover,.aketa-landscape-preview.is-active{opacity:1;transform:translateX(-8px)}.aketa-landscape-preview__image{display:block;width:84px;height:84px;border-radius:50%;overflow:hidden;border:0;box-shadow:0 16px 36px rgba(0,0,0,.32);transition:.28s}.aketa-landscape-preview.is-active .aketa-landscape-preview__image{width:112px;height:112px;margin-left:-22px;border:0;outline:0;box-shadow:0 22px 52px rgba(0,0,0,.58)}.aketa-landscape-preview__image img{width:100%;height:100%;object-fit:cover}.aketa-landscape-preview__copy{min-width:0;text-shadow:0 3px 14px rgba(0,0,0,.72)}.aketa-landscape-preview__copy strong{display:block;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-style:normal;font-weight:760;font-size:15px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aketa-landscape-preview__copy small{display:block;margin-top:4px;font-size:12px;line-height:1.32;color:rgba(255,255,255,.70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aketa-landscape-slider__pager{position:absolute;z-index:9;right:24px;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:12px}.aketa-landscape-slider__pager>button{border:0;background:transparent;color:rgba(255,255,255,.8);font-size:18px;cursor:pointer}.aketa-landscape-slider__pager>div{display:grid;gap:10px}.aketa-landscape-slider__pager>div button{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.38);box-shadow:0 0 0 4px transparent;transition:.2s;cursor:pointer}.aketa-landscape-slider__pager>div button.is-active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}

/* ==========================================================
   V7.8.1 · MacOS Office Slider
   ========================================================== */
.aketa-macos-slider{position:relative;background:#090b0f;color:#fff;overflow:hidden;min-height:clamp(720px,100svh,980px);height:100svh;isolation:isolate}
.aketa-macos-slider__scene{position:absolute;inset:0;z-index:0;background:#0b0c10;transform:translateY(clamp(54px,6.2vh,76px));transform-origin:center center}.aketa-macos-slider__scene:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.08),rgba(5,7,10,.02) 46%,rgba(5,7,10,.76) 61%,rgba(5,7,10,.96) 100%),linear-gradient(0deg,rgba(3,5,8,.42),transparent 52%);pointer-events:none}.aketa-macos-slider__scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
/* Screen geometry is clipped to the angled inner display of the bundled 1672×941 office scene. */
.aketa-macos-slider__screen{position:absolute;z-index:3;left:11.36%;top:15.52%;width:39.24%;height:50.27%;overflow:hidden;background:#020610;clip-path:polygon(0% 0%,98.32% 7.82%,100% 94.08%,0.61% 100%);border-radius:5px 12px 10px 6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 10px 28px rgba(0,0,0,.18)}.aketa-macos-slider__screen[data-calibrated="true"]{clip-path:none;border-radius:0;transition:none;will-change:transform}.aketa-macos-slider__screen:before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(7,11,18,.82),inset 0 0 18px rgba(0,0,0,.14)}.aketa-macos-slider__screen:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 24%,transparent 76%,rgba(80,125,255,.02))}
.aketa-macos-screen-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .62s ease,visibility .62s ease;background:#020610}.aketa-macos-screen-slide.is-active{opacity:1;visibility:visible}.aketa-macos-screen-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;display:block;transform:none;transform-origin:0 0;filter:saturate(1.01) contrast(1.02)}
.aketa-macos-slider__content-panel{position:absolute;z-index:5;inset:0 0 0 58%;padding:clamp(110px,16vh,170px) clamp(36px,6vw,105px) 90px clamp(40px,5vw,88px);background:linear-gradient(90deg,rgba(8,10,14,.28),rgba(8,10,14,.91) 18%,rgba(8,10,14,.98));display:flex;align-items:center}
.aketa-macos-copy{position:absolute;left:clamp(40px,5vw,88px);right:clamp(36px,6vw,105px);top:50%;transform:translateY(calc(-50% + 18px));opacity:0;visibility:hidden;transition:opacity .45s ease,transform .55s ease}.aketa-macos-copy.is-active{opacity:1;visibility:visible;transform:translateY(-50%)}
.aketa-macos-copy small{display:block;margin-bottom:20px;font-size:11px;font-weight:900;letter-spacing:.17em;color:#a78bfa}.aketa-macos-copy h1,.aketa-macos-copy h2{margin:0;font-size:clamp(46px,4.4vw,78px);line-height:1.01;letter-spacing:-.052em;font-weight:760;color:#f8fafc;text-wrap:balance}.aketa-macos-copy h1 em,.aketa-macos-copy h2 em{font-style:normal;color:#8b5cf6}.aketa-macos-copy p{margin:24px 0 0;max-width:600px;color:#bec4d0;font-size:clamp(15px,1.15vw,19px);line-height:1.65}.aketa-macos-copy>a{display:inline-flex;align-items:center;gap:18px;margin-top:30px;padding:14px 18px 14px 20px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 13px 34px rgba(99,102,241,.25);color:#fff;text-decoration:none;font-size:14px;font-weight:850}.aketa-macos-copy>a span{font-size:18px}
.aketa-macos-slider__nav{position:absolute;left:clamp(40px,5vw,88px);right:clamp(36px,6vw,105px);bottom:clamp(34px,7vh,72px);display:grid;grid-template-columns:1fr auto;gap:18px 22px;align-items:end}.aketa-macos-slider__line{grid-column:1/-1;height:1px;background:rgba(255,255,255,.16);overflow:hidden}.aketa-macos-slider__line i{display:block;height:100%;width:0;background:#8b5cf6}.aketa-macos-slider.is-playing .aketa-macos-slider__line i{animation:aketaMacProgress 8s linear forwards}@keyframes aketaMacProgress{from{width:0}to{width:100%}}
.aketa-macos-slider__thumbs{display:flex;gap:10px;overflow:auto;scrollbar-width:none}.aketa-macos-slider__thumbs::-webkit-scrollbar{display:none}.aketa-macos-slider__thumbs button{position:relative;width:102px;height:64px;flex:0 0 102px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:0;background:#121722;overflow:hidden;opacity:.52;cursor:pointer;transition:.2s}.aketa-macos-slider__thumbs button.is-active{opacity:1;border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf6}.aketa-macos-slider__thumbs button span{position:absolute;z-index:2;left:5px;top:4px;font-size:9px;font-weight:900;color:#fff;text-shadow:0 2px 6px #000}.aketa-macos-slider__thumbs button img{width:100%;height:100%;object-fit:cover}.aketa-macos-slider__arrows{display:flex;gap:8px}.aketa-macos-slider__arrows button{width:46px;height:46px;border:1px solid rgba(255,255,255,.19);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:17px}.aketa-macos-slider__arrows button:hover{border-color:#8b5cf6;background:rgba(139,92,246,.13)}

@media(max-width:1080px){.aketa-landscape-slider__rail-shade{width:308px}.aketa-landscape-slider__rail{right:24px;width:236px}.aketa-landscape-preview{grid-template-columns:74px 1fr;gap:13px}.aketa-landscape-preview__image{width:66px;height:66px}.aketa-landscape-preview.is-active .aketa-landscape-preview__image{width:88px;height:88px;margin-left:-16px}.aketa-landscape-slide__copy{width:min(620px,58vw)}.aketa-macos-slider__content-panel{inset:0 0 0 55%;padding-right:34px}.aketa-macos-copy{right:34px}}
@media(max-width:820px){.aketa-landscape-slider{min-height:860px}.aketa-landscape-slider__rail-shade{top:0;right:0;bottom:0;left:auto;width:min(78vw,320px);height:auto;background:linear-gradient(90deg,rgba(3,8,12,0) 0%,rgba(3,8,12,.10) 8%,rgba(3,8,12,.42) 22%,rgba(3,8,12,.78) 46%,rgba(3,8,12,.93) 72%,rgba(3,8,12,.98) 100%);box-shadow:none;backdrop-filter:blur(10px)}.aketa-landscape-slide__veil{background:linear-gradient(0deg,rgba(3,8,7,.94) 0%,rgba(3,8,7,.62) 55%,rgba(3,8,7,.24) 100%)}.aketa-landscape-slide__copy{left:22px;right:22px;bottom:34px;width:auto;max-width:calc(100% - 44px)}.aketa-landscape-slide__copy h1,.aketa-landscape-slide__copy h2{font-size:clamp(40px,12vw,62px)}.aketa-landscape-slider__rail{right:14px;top:102px;bottom:138px;transform:none;width:min(62vw,242px);display:grid;gap:16px;overflow:auto;scrollbar-width:none;padding:0}.aketa-landscape-preview{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:0}.aketa-landscape-preview__image{width:62px;height:62px}.aketa-landscape-preview.is-active .aketa-landscape-preview__image{width:78px;height:78px;margin-left:-8px}.aketa-landscape-preview__copy strong{font-size:14px}.aketa-landscape-preview__copy small{font-size:11px}.aketa-landscape-slider__pager{right:18px}.aketa-macos-slider{height:auto;min-height:0;padding-bottom:0}.aketa-macos-slider__scene{position:relative;inset:auto;aspect-ratio:1672/941;transform:none}.aketa-macos-slider__scene:after{background:linear-gradient(0deg,rgba(8,10,14,.35),transparent 50%)}.aketa-macos-screen-slide img{inset:0;width:100%;height:100%}.aketa-macos-slider__content-panel{position:relative;inset:auto;min-height:540px;padding:64px 24px 120px;background:#090b0f;display:block}.aketa-macos-copy{top:64px;left:24px;right:24px;transform:translateY(14px)}.aketa-macos-copy.is-active{transform:none}.aketa-macos-copy h1,.aketa-macos-copy h2{font-size:clamp(38px,10vw,58px)}.aketa-macos-slider__nav{left:24px;right:24px;bottom:30px}.aketa-macos-slider__thumbs button{width:82px;height:52px;flex-basis:82px}}
@media(max-width:520px){.aketa-landscape-slide__tag{margin-bottom:16px}.aketa-landscape-slide__copy p{font-size:14px;line-height:1.5}.aketa-landscape-slide__cta{margin-top:22px}.aketa-macos-slider__content-panel{min-height:570px}.aketa-macos-slider__arrows{display:none}.aketa-macos-slider__nav{grid-template-columns:1fr}.aketa-macos-slider__thumbs{width:100%}}
@media(prefers-reduced-motion:reduce){.aketa-landscape-slide,.aketa-landscape-slide__media img,.aketa-landscape-slide__copy,.aketa-landscape-preview,.aketa-macos-screen-slide,.aketa-macos-copy,.aketa-macos-slider__line i{transition:none!important;animation:none!important}}



/* V7.8.14 · MacOS: canonical media URLs + compact compositor + scroll-safe crossfade. */
.aketa-macos-slider__screen[data-calibrated="true"]{left:0!important;top:0!important;clip-path:none!important;border-radius:0!important;background:#020610!important;box-shadow:none!important;overflow:hidden!important;isolation:isolate;contain:layout paint style;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat}
.aketa-macos-slider__screen[data-calibrated="true"]:before,.aketa-macos-slider__screen[data-calibrated="true"]:after{display:none!important}
.aketa-macos-screen-stage{position:absolute;inset:2px;overflow:hidden;background:#020610;isolation:isolate;contain:paint}
.aketa-macos-screen-layer{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;object-position:center;opacity:0;visibility:visible;pointer-events:none;transition:opacity .28s cubic-bezier(.22,.61,.36,1);backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:auto}
.aketa-macos-screen-layer.is-active{opacity:1}
.aketa-macos-slider.is-transitioning .aketa-macos-screen-layer{will-change:opacity}
.aketa-macos-slider.is-user-scrolling .aketa-macos-screen-layer{transition:none!important;will-change:auto!important}
.aketa-macos-slider.is-user-scrolling .aketa-macos-slider__line i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.aketa-macos-screen-layer{transition:none!important}}

/* V7.8.16 · Dynamic stack media + scroll performance */
.stack-stage{contain:layout paint style}.stack-visual-system.has-media{display:block;padding:0;background:#090811}.stack-visual-system.has-media .stack-visual-image{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center;display:block;transform:translateZ(0);backface-visibility:hidden}.stack-card:not(.is-stack-near){pointer-events:none}.stack-card.is-stack-near{pointer-events:auto}@media(max-width:980px){.stack-visual-system.has-media .stack-visual-image{min-height:300px}}@media(max-width:720px){.stack-visual-system.has-media .stack-visual-image{min-height:255px}}@media(prefers-reduced-motion:reduce){.stack-backdrop-layer{transition:none!important}}

/* V7.9.2 · Petek slider mobil yerleşimi: masaüstü performans transformu mobil koordinatları ezmez. */
@media (max-width:760px){
  .honey-grid{transform:translate3d(-50%,0,0)!important}
  .honey-cell[data-mobile-show]{visibility:visible!important;opacity:1}
  .honey-info-cell[data-mobile-show] .honey-info-icon{top:38%;width:34%;opacity:.88}
  .honey-info-cell[data-mobile-show] .honey-info-copy{display:block;position:absolute;left:10%;right:10%;bottom:18%;padding:0;opacity:1;transform:none;text-align:center}
  .honey-info-cell[data-mobile-show] .honey-info-copy strong{display:block;font-size:.58rem;line-height:1.1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .honey-info-cell[data-mobile-show] .honey-info-copy>span,.honey-info-cell[data-mobile-show] .honey-info-copy small{display:none}
}