:root {
  /* Color ramps */
  /* TODO: Replace placeholder primary palette with final brand colors. */
  --color-primary-50: #f2f7ff;
  --color-primary-100: #ddeaff;
  --color-primary-200: #bad5ff;
  --color-primary-300: #8fbaff;
  --color-primary-400: #5b9aff;
  --color-primary-500: #0075ff;
  --color-primary-600: #005ed4;
  --color-primary-700: #0048a4;
  --color-primary-800: #003175;
  --color-primary-900: #001d47;
  /* TODO: Replace placeholder secondary palette with final brand colors. */
  --color-secondary-50: #fdf2ff;
  --color-secondary-100: #f8dbff;
  --color-secondary-200: #f0b8ff;
  --color-secondary-300: #e08dff;
  --color-secondary-400: #c65aff;
  --color-secondary-500: #a12eff;
  --color-secondary-600: #7f20d1;
  --color-secondary-700: #6017a3;
  --color-secondary-800: #421173;
  --color-secondary-900: #280a47;
  --color-neutral-50: #f9fafb;
  --color-neutral-100: #f3f4f6;
  --color-neutral-200: #e5e7eb;
  --color-neutral-300: #d1d5db;
  --color-neutral-400: #9ca3af;
  --color-neutral-500: #6b7280;
  --color-neutral-600: #4b5563;
  --color-neutral-700: #374151;
  --color-neutral-800: #1f2937;
  --color-neutral-900: #111827;
  --color-surface-default: var(--color-neutral-50);
  --color-surface-raised: #ffffff;
  --color-surface-inverse: #0b1120;
  --color-surface-muted: rgba(255, 255, 255, 0.72);
  --color-text-primary: var(--color-neutral-900);
  --color-text-secondary: var(--color-neutral-600);
  --color-text-inverse: #ffffff;
  --color-border-subtle: var(--color-neutral-200);
  --color-border-strong: var(--color-neutral-800);
  --color-surface-glass: rgba(249, 250, 251, 0.7);
  --color-overlay-hero: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.65) 100%);
  --color-overlay-solutions: linear-gradient(145deg, rgba(15, 23, 42, 0.65), rgba(37, 99, 235, 0.45));
  --color-overlay-showcase: linear-gradient(160deg, rgba(15, 23, 42, 0.08), rgba(124, 58, 237, 0.18));
  --color-chip-bg: rgba(0, 117, 255, 0.12);
  --color-chip-border: rgba(0, 117, 255, 0.35);
  --color-chip-text: var(--color-primary-700);

  /* Spacing scale (8pt-based) */
  --space-0: 0;
  --space-1: 0.5rem;
  --space-1-5: calc(var(--space-1) * 1.5);
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-7: 3.5rem;
  --space-8: 4rem;

  /* Typography tokens (Goldman hierarchy) */
  --font-family-base: 'Inter', sans-serif;
  --font-family-heading: 'Inter', sans-serif;
  --font-size-body: 1rem;
  --font-size-body-lg: 1.125rem;
  --font-size-body-sm: 0.875rem;
  --font-heading-xl: clamp(2.5rem, 6vw, 4rem);
  --font-heading-lg: clamp(2rem, 5vw, 3rem);
  --font-heading-md: clamp(1.5rem, 3.5vw, 2.25rem);
  --font-heading-sm: 1.5rem;
  --line-height-tight: 1.2;
  --line-height-body: 1.6;

  /* Layout tokens */
  --container-sm: 40rem;
  --container-md: 52.5rem;
  --container-lg: 75rem;
  --size-navbar-height: var(--space-8);
  --size-media-min: 18.75rem;
  --size-card-lg-height: 12.5rem;
  --size-input-min: 12.5rem;

  /* Elevation */
  --elevation-0: none;
  --elevation-1: 0 6px 14px rgba(15, 23, 42, 0.06);
  --elevation-2: 0 12px 28px rgba(15, 23, 42, 0.1);
  --elevation-3: 0 20px 45px rgba(15, 23, 42, 0.16);

  --border-card-soft: rgba(148, 163, 184, 0.22);
  --border-card-strong: rgba(148, 163, 184, 0.38);

  /* Border radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-full: 9999px;
}

*{
  box-sizing:border-box;
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
html{scroll-behavior:smooth;font-family:var(--font-family-base);background:var(--color-surface-default);color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);}
body{margin:0;font-family:var(--font-family-base);color:var(--color-text-primary);background:linear-gradient(180deg,#f9fafc 0%,#eef2ff 35%,#f8fafc 100%);overflow-x:hidden;}

.navbar{position:sticky;top:0;width:100%;background:var(--color-surface-glass);backdrop-filter:saturate(180%) blur(12px);transition:background-color .2s cubic-bezier(0.4,0,0.2,1);z-index:999;border-bottom:1px solid transparent;}
.navbar.scrolled{background:var(--color-surface-default);}
.nav-container{width:100%;padding:var(--space-1) var(--space-2);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:var(--space-2);row-gap:var(--space-1);align-items:center;}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-body-lg);grid-column:1;grid-row:1;line-height:1;padding:calc(var(--space-1)/2) 0;margin-left:var(--space-2);}
.brand:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:4px;border-radius:var(--radius-sm);}
.brand-wordmark{display:inline-flex;align-items:center;white-space:nowrap;font-weight:800;letter-spacing:0.08em;color:var(--color-neutral-700);padding-inline:0;font-family:var(--font-family-base);text-transform:uppercase;font-size:1.15em;transform:scaleY(1.15);text-shadow:0 2px 4px rgba(15,23,42,0.12),0 0 1px rgba(15,23,42,0.1);filter:drop-shadow(0 1px 2px rgba(15,23,42,0.08));}
.nav-links{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding-top:var(--space-1);}
.nav-links a{text-decoration:none;color:var(--color-text-primary);font-weight:600;padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-sm);transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--color-primary-600);background-color:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-200);}
.nav-links a:focus-visible{outline:none;}
.nav-links a.active{color:var(--color-primary-600);}
.nav-utility{grid-column:3;grid-row:1;justify-self:end;margin-right:var(--space-2);}
.utility-link{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-full);text-decoration:none;font-weight:600;font-size:var(--font-size-body-sm);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;}
.utility-link::after{content:"→";font-size:0.875em;}
.utility-link:hover,.utility-link:focus-visible{color:var(--color-primary-600);background-color:var(--color-primary-50);border-color:var(--color-primary-200);box-shadow:0 0 0 2px rgba(0,117,255,0.15);}
.utility-link:focus-visible{outline:none;}

@media(min-width:992px){
  .nav-container{grid-template-rows:auto;align-items:center;padding:var(--space-2) var(--space-2);}
  .brand{padding:0;}
  .nav-links{grid-column:2;grid-row:1;justify-content:flex-start;}
  .nav-links a{padding:var(--space-1) var(--space-2);}
}

@media(max-width:599px){
  .nav-utility{grid-column:1/-1;grid-row:1;justify-self:stretch;}
  .utility-link{width:100%;justify-content:center;}
}

.hero{position:relative;height:100vh;overflow:hidden;}
.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-overlay-hero);}
.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-inverse);padding:0 var(--space-2);}
.headline{font-size:var(--font-heading-xl);margin:0;font-weight:700;font-family:var(--font-family-heading);line-height:var(--line-height-tight);}
.sub-head{max-width:40ch;font-size:var(--font-heading-md);margin:var(--space-3) 0;color:var(--color-text-inverse);line-height:var(--line-height-body);}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;align-items:center;margin-top:var(--space-1);}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1-5) var(--space-3);background:var(--color-primary-500);color:var(--color-text-inverse);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;box-shadow:var(--elevation-1);border:1px solid transparent;}
.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:var(--elevation-2);}
.btn:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px;}
.btn-outline{background:transparent;color:var(--color-text-inverse);border-color:rgba(255,255,255,0.6);box-shadow:none;}
.btn-outline:hover,.btn-outline:focus-visible{background:rgba(255,255,255,0.12);color:var(--color-text-inverse);border-color:rgba(255,255,255,0.8);}
.scroll-indicator{position:absolute;bottom:var(--space-3);left:50%;transform:translateX(-50%);color:var(--color-text-inverse);animation:pulse 2s infinite;}
@keyframes pulse{0%{opacity:.6;transform:translateX(-50%) translateY(0);}50%{opacity:1;transform:translateX(-50%) translateY(var(--space-1));}100%{opacity:.6;transform:translateX(-50%) translateY(0);}}
@media (prefers-reduced-motion:reduce){.scroll-indicator{animation:none;}}
@media (prefers-reduced-motion:reduce){
  .navbar,.card,.card-inner,.reveal{transition:none;}
}

main{background:linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(241,245,249,0.96) 60%,rgba(226,232,240,0.98) 100%);overflow:visible;}
section{padding:var(--space-8) 0;}
.hero{padding:0;}
.section-inner{width:min(100%,var(--container-lg));margin:0 auto;padding:0 var(--space-2);}
main section{position:relative;isolation:isolate;z-index:0;}
main section>*{position:relative;z-index:1;}
main section + section{margin-top:calc(var(--space-4)*-1);padding-top:calc(var(--space-8) + var(--space-4));}
main section::before,main section::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100%;max-width:90rem;height:4.5rem;pointer-events:none;filter:blur(32px);opacity:0.75;z-index:0;mix-blend-mode:normal;}
main section::before{top:-3rem;background:linear-gradient(to bottom,rgba(248,250,252,0.9),rgba(248,250,252,0));}
main section::after{bottom:-3rem;background:linear-gradient(to top,rgba(248,250,252,0.88),rgba(248,250,252,0));}
main > section:last-of-type{padding-bottom:0;margin-bottom:0;}
main > section:last-of-type::after{display:none;}
.features{display:grid;gap:var(--space-4);}
@media(min-width:600px){.features{grid-template-columns:repeat(2,1fr);}}
@media(min-width:992px){.features{grid-template-columns:repeat(3,1fr);}}
.feature-card{position:relative;padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(155deg,rgba(248,250,252,0.96),rgba(226,232,240,0.92));border:1px solid var(--border-card-soft);box-shadow:var(--elevation-1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;backdrop-filter:blur(4px);}
.feature-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(99,102,241,0.28),transparent 55%),radial-gradient(circle at 80% 25%,rgba(14,165,233,0.24),transparent 60%),linear-gradient(180deg,rgba(255,255,255,0.65),rgba(255,255,255,0.3));pointer-events:none;mix-blend-mode:screen;}
.feature-card::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(80 80) scale(80)'%3E%3Cstop stop-color='%23dbeafe' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%23dbeafe' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='160' height='160' fill='url(%23a)'/%3E%3C/svg%3E");background-size:120% 120%;opacity:0.4;pointer-events:none;mix-blend-mode:overlay;}
.feature-card:hover,.feature-card:focus-within{transform:translateY(-4px);box-shadow:var(--elevation-2);border-color:var(--border-card-strong);}
.feature-card h3{margin:0;font-size:var(--font-heading-sm);font-family:var(--font-family-heading);}
.feature-card p{margin:0;color:var(--color-text-secondary);}
.feature-card ul{margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid;gap:0.5rem;font-size:var(--font-size-body-sm);color:var(--color-text-primary);}
.feature-card li{position:relative;padding-left:1.1rem;}
.feature-card li::before{content:"";position:absolute;left:0.1rem;top:0.45rem;width:0.5rem;height:0.5rem;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,0.7),rgba(59,130,246,0.4));box-shadow:0 0 0 2px rgba(99,102,241,0.18);}

.solutions{display:flex;flex-direction:column;gap:var(--space-5);align-items:stretch;background:transparent;padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);box-shadow:none;border:none;}
.solutions-header{display:flex;flex-direction:column;gap:var(--space-2);max-width:48rem;}
.solutions-header h2{margin:0;font-size:var(--font-heading-lg);font-family:var(--font-family-heading);font-weight:700;background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;}
.solutions-header p{margin:0;color:var(--color-text-secondary);}
.solutions-layout{display:grid;gap:var(--space-4);align-items:start;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));grid-auto-rows:auto;}
@media(min-width:900px){.solutions-layout{grid-template-columns:1.1fr 0.9fr;align-items:center;justify-items:start;}}
.solutions-copy{display:flex;flex-direction:column;gap:var(--space-2);max-width:32rem;}
.solutions-subhead{margin:0;color:var(--color-text-secondary);font-weight:600;}
.solutions-benefits{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-1-5);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));}
.solutions-benefits li{display:flex;align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-1-5);background:var(--color-primary-50);border-radius:var(--radius-md);border:1px solid var(--color-primary-100);font-weight:600;color:var(--color-primary-700);}
.solutions-benefits li::before{content:"✔";font-size:0.875em;color:var(--color-primary-500);margin-top:0.2rem;}
.solutions-media{position:relative;min-height:clamp(18rem,45vw,24rem);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--elevation-2);background:linear-gradient(155deg,rgba(255,255,255,0.95),rgba(236,244,255,0.88));border:1px solid var(--border-card-soft);display:flex;align-items:center;justify-content:center;padding:var(--space-2);}
.solutions-media::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5),inset 0 12px 24px rgba(255,255,255,0.28);}
.solutions-media img{position:relative;z-index:1;display:block;width:min(100%,32rem);height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:calc(var(--radius-lg) - 0.5rem);border:1px solid var(--border-card-soft);box-shadow:var(--elevation-1);background:rgba(255,255,255,0.92);}
.solutions-industries{display:flex;flex-direction:column;gap:var(--space-2);}
.solutions-industries h3{margin:0;font-size:var(--font-heading-sm);}
.industry-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));}
.industry-card{position:relative;overflow:hidden;padding:var(--space-2);background:var(--color-surface-muted);border:1px solid var(--border-card-soft);border-radius:var(--radius-md);box-shadow:var(--elevation-1);display:flex;flex-direction:column;gap:var(--space-1);transition:transform .35s ease,background-color .35s ease,box-shadow .35s ease,border-color .35s ease;}
.industry-card::before{content:"";position:absolute;inset:-45% 35% 65% -35%;background:radial-gradient(circle at top,rgba(99,102,241,0.25),transparent 65%),linear-gradient(120deg,rgba(59,130,246,0.35),rgba(14,165,233,0));opacity:0;transform:translate3d(0,10%,0);transition:opacity .5s ease,transform .6s ease;pointer-events:none;mix-blend-mode:screen;}
.industry-card:hover,.industry-card:focus-within{transform:translateY(-6px);background:rgba(255,255,255,0.88);border-color:var(--border-card-strong);box-shadow:var(--elevation-2);}
.industry-card:hover::before,.industry-card:focus-within::before{opacity:1;transform:translate3d(0,0,0);}
.industry-card h4{margin:0;font-size:1.125rem;}
.industry-card p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);}
.industry-card-header{display:flex;align-items:center;gap:var(--space-1);}
.industry-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:linear-gradient(140deg,rgba(0,117,255,0.18),rgba(99,102,241,0.35));color:var(--color-primary-700);box-shadow:0 8px 16px rgba(59,130,246,0.15);font-size:1.1rem;transition:transform .35s ease,color .35s ease,background .35s ease;animation:industryIconPulse 7s ease-in-out infinite;}
.industry-card:hover .industry-icon,.industry-card:focus-within .industry-icon{color:var(--color-primary-600);background:linear-gradient(140deg,rgba(99,102,241,0.4),rgba(14,165,233,0.45));}
.industry-card:hover .industry-icon i,.industry-card:focus-within .industry-icon i{transform:scale(1.05);}
.industry-icon i{transition:transform .35s ease;}

@keyframes industryIconPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}

@media (prefers-reduced-motion:reduce){
  .industry-card,.industry-card::before,.industry-icon,.industry-icon i{transition:none;animation:none;}
  .industry-card:hover,.industry-card:focus-within{transform:none;}
}
@media(max-width:600px){.solutions{padding:var(--space-5) var(--space-2);}}

.why-zelvyn{position:relative;padding:var(--space-6) var(--space-2) var(--space-7);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);border:1px solid var(--border-card-soft);overflow:visible;}
.why-zelvyn::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(0,117,255,0.18),transparent 60%);opacity:0.7;pointer-events:none;}
.why-zelvyn-intro{position:relative;text-align:center;max-width:42rem;display:flex;flex-direction:column;gap:var(--space-2);}
.why-intro-title{margin:0;font-size:var(--font-heading-lg);font-family:var(--font-family-heading);font-weight:700;background:linear-gradient(135deg,var(--color-primary-600),var(--color-secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;opacity:0;transform:translateY(24px);transition:opacity 480ms ease,transform 480ms ease;}
.why-intro-copy{margin:0;color:var(--color-text-secondary);opacity:0;transform:translateY(28px) scale(0.96);transform-origin:top center;transition:opacity 480ms ease 120ms,transform 520ms ease 120ms;}
.why-intro-title.is-visible{opacity:1;transform:translateY(0);}
.why-intro-copy.is-visible{opacity:1;transform:translateY(0) scale(1);}
.why-timeline{--why-axis-offset:clamp(3rem,7vw,5rem);position:relative;width:100%;max-width:70rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-2);align-items:stretch;}
.why-timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(15,23,42,0.2),rgba(99,102,241,0.45));}
.why-item{position:relative;padding:var(--space-5) var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-md);border:1px solid var(--border-card-soft);box-shadow:var(--elevation-1);display:flex;flex-direction:column;gap:var(--space-1-5);backdrop-filter:blur(8px);opacity:0;transform:translateY(32px);transition:opacity 520ms ease,transform 520ms ease;will-change:opacity,transform;width:clamp(24rem,calc(50% - var(--why-axis-offset)),38rem);}
.why-item.is-visible{opacity:1;transform:translateY(0);}
.why-item::after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:2px;background:linear-gradient(90deg,rgba(15,23,42,0.18),rgba(99,102,241,0.42));z-index:0;}
.why-item[data-align="left"],.why-item:not([data-align]):nth-child(odd){align-self:flex-start;margin-right:auto;padding-right:calc(var(--space-6));}
.why-item[data-align="left"]::after,.why-item:not([data-align]):nth-child(odd)::after{right:calc(-1*var(--why-axis-offset));left:auto;width:calc(var(--why-axis-offset) - 0.5rem);}
.why-item[data-align="right"],.why-item:not([data-align]):nth-child(even){align-self:flex-end;margin-left:auto;padding-left:calc(var(--space-6));}
.why-item[data-align="right"]::after,.why-item:not([data-align]):nth-child(even)::after{left:calc(-1*var(--why-axis-offset));right:auto;width:calc(var(--why-axis-offset) - 0.5rem);}
.why-item h3{margin:0;font-size:var(--font-heading-sm);font-family:var(--font-family-heading);}
.why-item p{margin:0;color:var(--color-text-secondary);}
.why-item ul{margin:0;padding:0;display:grid;gap:0.5rem;font-size:var(--font-size-body-sm);color:var(--color-text-primary);list-style:none;}
.why-item li{display:flex;align-items:flex-start;gap:0.55rem;line-height:1.55;}
.why-item li::before{content:"";flex:0 0 auto;width:0.55rem;height:0.55rem;margin-top:0.4rem;border-radius:50%;background:linear-gradient(145deg,var(--color-primary-500),var(--color-secondary-400));box-shadow:0 4px 8px rgba(14,165,233,0.25);}
.why-item h3{line-height:1.2;}
@media(max-width:768px){
  .why-timeline{--why-axis-offset:2.25rem;align-items:flex-start;padding:var(--space-2) var(--space-1) var(--space-2) calc(var(--space-6));}
  .why-timeline::before{left:1.15rem;transform:none;}
  .why-item{width:100%;align-self:stretch;margin:0;text-align:left;padding:var(--space-3);}
  .why-item[data-align="left"],.why-item[data-align="right"],.why-item:not([data-align]){margin:0;padding-left:calc(var(--space-4));padding-right:var(--space-3);}
  .why-item::before{left:-1.75rem;right:auto;}
  .why-item::after{left:-0.65rem;right:auto;transform:none;width:1.15rem;}
}

@media (prefers-reduced-motion:reduce){
  .why-intro-title,.why-intro-copy,.why-item{opacity:1;transform:none;transition:none;}
  .why-intro-copy{transform:none;}
}

.showcase{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:stretch;}
.showcase .case-note{grid-column:1/-1;margin:0 auto var(--space-1);max-width:40rem;text-align:center;color:var(--color-text-secondary);font-weight:500;letter-spacing:0.01em;}
.showcase .case-card{position:relative;padding:var(--space-4);background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);border:1px solid var(--border-card-soft);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2);isolation:isolate;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease;}
.showcase .case-card:hover,.showcase .case-card:focus-within{transform:translateY(-3px);box-shadow:var(--elevation-2);border-color:var(--border-card-strong);}
.showcase .case-card::after{content:"";position:absolute;inset:0;background:var(--color-overlay-showcase);z-index:0;}
.showcase .case-card > *{position:relative;z-index:1;}
.showcase .case-card h3{margin:0;font-size:var(--font-heading-sm);font-family:var(--font-family-heading);}
.showcase .case-card p{margin:0;color:var(--color-text-secondary);}
.showcase .case-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:auto;}
.showcase .kpi-chip{padding:0.4rem 0.75rem;background:var(--color-chip-bg);border:1px solid var(--color-chip-border);border-radius:var(--radius-full);font-size:0.8125rem;font-weight:600;color:var(--color-chip-text);letter-spacing:0.01em;}

.roadmap{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6) var(--space-2);margin:0;background:linear-gradient(180deg,rgba(248,250,252,0.95),rgba(226,232,240,0.85));border-radius:0;border:none;border-top:1px solid var(--border-card-soft);border-bottom:1px solid var(--border-card-soft);box-shadow:none;overflow:visible;width:100%;}
.roadmap::before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:6rem;height:0.4rem;border-radius:var(--radius-full);background:linear-gradient(90deg,rgba(37,99,235,0.9),rgba(129,140,248,0.65));box-shadow:0 12px 24px rgba(37,99,235,0.35);}
.roadmap::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(129,140,248,0.22),transparent 60%);pointer-events:none;mix-blend-mode:screen;}
.roadmap-header{display:flex;flex-direction:column;gap:var(--space-2);max-width:48rem;}
.roadmap-header h2{margin:0;font-size:var(--font-heading-lg);font-family:var(--font-family-heading);font-weight:700;background:linear-gradient(135deg,#2563eb,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;}
.roadmap-header p{margin:0;color:var(--color-text-secondary);}
.roadmap-track{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));}
.mile{background:var(--color-surface-raised);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--elevation-1);border:1px solid var(--border-card-soft);display:flex;flex-direction:column;gap:var(--space-1);}
.mile h3{margin:0;font-size:var(--font-heading-sm);}
.mile p{margin:0;color:var(--color-text-secondary);}
@media(min-width:992px){
  .roadmap-track{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1);scroll-snap-type:x mandatory;}
  .roadmap-track::-webkit-scrollbar{height:0.5rem;}
  .roadmap-track::-webkit-scrollbar-thumb{background:rgba(15,23,42,0.2);border-radius:var(--radius-full);}
  .roadmap-track .mile{flex:0 0 16rem;scroll-snap-align:center;}
}
@media(max-width:768px){
  .roadmap{padding:var(--space-5) var(--space-3);}
}

.footer{position:relative;background:var(--color-surface-inverse);color:rgba(255,255,255,0.75);padding:var(--space-6) var(--space-2);border-top:1px solid rgba(148,163,184,0.2);overflow:hidden;}
.footer::before{content:"";position:absolute;top:-3rem;left:50%;transform:translateX(-50%);width:120%;height:6rem;background:linear-gradient(to bottom,rgba(15,23,42,0),rgba(15,23,42,0.65));filter:blur(28px);opacity:0.75;pointer-events:none;}
.footer-inner{position:relative;z-index:1;max-width:var(--container-lg);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center;width:100%;}
.footer-details{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:var(--container-md);align-items:center;}
.footer-tagline{margin:0;color:rgba(255,255,255,0.65);font-weight:600;letter-spacing:0.01em;}
.footer-meta{margin:0;color:rgba(255,255,255,0.45);font-size:var(--font-size-body-sm);}
.social{display:flex;gap:var(--space-1);}
.social a{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6);text-decoration:none;transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease;}
.social a:hover,.social a:focus-visible{background:rgba(255,255,255,0.16);color:rgba(255,255,255,0.9);transform:translateY(-2px);box-shadow:0 10px 20px rgba(15,23,42,0.35);}
.social a:focus-visible{outline:2px solid rgba(255,255,255,0.6);outline-offset:2px;}
.footer-subscribe{display:flex;flex-direction:column;gap:var(--space-2);max-width:32rem;width:100%;align-items:center;}
.footer-subscribe h2{margin:0;font-size:var(--font-heading-sm);color:rgba(255,255,255,0.9);}
.footer-subcopy{margin:0;color:rgba(255,255,255,0.6);font-size:var(--font-size-body-sm);}
.footer-subscribe form{display:flex;flex-wrap:wrap;gap:var(--space-1-5);width:100%;justify-content:center;}
.footer-subscribe input{flex:1 1 14rem;min-width:var(--size-input-min);padding:var(--space-1-5);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.9);}
.footer-subscribe input::placeholder{color:rgba(255,255,255,0.5);}
.footer-subscribe input:focus{outline:2px solid rgba(255,255,255,0.55);outline-offset:2px;border-color:rgba(255,255,255,0.55);background:rgba(255,255,255,0.16);}
.footer-subscribe button{flex:0 0 auto;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);border:none;background:var(--color-primary-500);color:var(--color-text-inverse);font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;}
.footer-subscribe button:hover,.footer-subscribe button:focus-visible{background:var(--color-primary-400);transform:translateY(-1px);box-shadow:0 12px 20px rgba(0,117,255,0.25);}
.footer-subscribe button:focus-visible{outline:2px solid rgba(255,255,255,0.7);outline-offset:2px;}
@media(min-width:768px){
  .footer-inner{gap:var(--space-5);}
}

.reveal{opacity:0;transform:translateY(var(--space-5));transition:opacity .6s cubic-bezier(0.4,0,0.2,1),transform .6s cubic-bezier(0.4,0,0.2,1);}
.reveal.visible{opacity:1;transform:none;}