:root {
  color-scheme: dark;
  --as-bg: #090d14;
  --as-bg-2: #0e1420;
  --as-surface: rgba(18, 25, 38, 0.78);
  --as-surface-strong: rgba(20, 29, 45, 0.94);
  --as-line: rgba(185, 204, 232, 0.16);
  --as-text: #f4f1ea;
  --as-muted: #a9b2c4;
  --as-soft: #d8e4ff;
  --as-accent: #a8c4ff;
  --as-accent-2: #87f3d3;
  --as-gold: #d8bd82;
  --as-danger: #ff9f9f;
  --as-shadow: 0 24px 80px rgba(0,0,0,.38);
  --as-radius: 28px;
  --as-radius-sm: 16px;
  --as-container: min(1180px, calc(100% - 40px));
  --as-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="light"] {
  color-scheme: light;
  --as-bg: #f4f0e8;
  --as-bg-2: #ffffff;
  --as-surface: rgba(255,255,255,0.78);
  --as-surface-strong: rgba(255,255,255,0.96);
  --as-line: rgba(24, 34, 54, 0.14);
  --as-text: #111827;
  --as-muted: #566174;
  --as-soft: #263143;
  --as-accent: #5e7ee6;
  --as-accent-2: #0f9c83;
  --as-gold: #9a7442;
  --as-shadow: 0 24px 80px rgba(31, 41, 55, .16);
}

*,
*::before,
*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; width: 100%; max-width: 100%; overflow-x: hidden; }
body {
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-family: var(--as-font);
  background:
    radial-gradient(circle at 18% 8%, rgba(116,153,255,.18), transparent 32rem),
    radial-gradient(circle at 84% 12%, rgba(135,243,211,.11), transparent 26rem),
    linear-gradient(135deg, var(--as-bg), var(--as-bg-2));
  color: var(--as-text);
  min-width: 0;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(158, 180, 223, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(158, 180, 223, .05) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 82%);
  z-index: -1;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--as-accent); }
img, svg { max-width: 100%; height: auto; }
body, .as-main, .as-site-header, .as-site-footer, .as-section, .as-hero, .as-app-section, .as-container, .as-hero-grid, .as-split, .as-two-col, .as-app-layout, .as-app-main, .as-preview-card, .as-page-card, .as-feature-card, .as-strip-card, .as-investor-card, .as-app-card, .as-stat, .as-app-panel, .as-cookie-banner { max-width: 100%; }
.as-hero-copy, .as-hero-preview, .as-app-main, .as-app-layout > *, .as-header-inner > *, .as-footer-grid > *, .as-inline-control > *, .as-actions > *, .as-feature-card, .as-stat, .as-app-card { min-width: 0; }
button, input { font: inherit; }
.screen-reader-text { position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden; }
.screen-reader-text:focus { left:20px;top:20px;width:auto;height:auto;padding:12px 16px;background:var(--as-surface-strong);z-index:9999;border:1px solid var(--as-line);border-radius:12px; }
.as-container { width: var(--as-container); max-width: 100%; margin: 0 auto; }
.as-narrow { max-width: 860px; }
.as-center { text-align: center; }
.as-center-actions { justify-content: center; }
.as-section { padding: 96px 0; }
.as-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(22px);
  background: rgba(8, 12, 19, .74);
  border-bottom: 1px solid var(--as-line);
}
html[data-theme="light"] .as-site-header { background: rgba(244,240,232,.8); }
.as-header-inner { display:flex; align-items:center; justify-content:space-between; min-height:76px; gap:22px; }
.as-brand { display:inline-flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.03em; }
.as-brand-mark { display:inline-grid; place-items:center; width:42px; height:42px; border:1px solid var(--as-line); border-radius:14px; background:var(--as-surface); box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); }
.as-brand-mark sup { font-size:.55em; }
.as-brand-text { font-size: 1rem; }
.as-primary-nav { flex:1; display:flex; justify-content:center; }
.as-menu, .as-footer-menu { display:flex; gap:24px; align-items:center; list-style:none; padding:0; margin:0; }
.as-menu a { color: var(--as-muted); font-weight:700; font-size:.94rem; }
.as-menu a:hover, .as-menu .current-menu-item a { color: var(--as-text); }
.as-header-actions { display:flex; align-items:center; gap:10px; }
.as-lang-switcher { display:inline-flex; padding:4px; border:1px solid var(--as-line); border-radius:999px; background:var(--as-surface); }
.as-lang-switcher a { padding:8px 10px; border-radius:999px; color:var(--as-muted); font-weight:800; font-size:.78rem; }
.as-lang-switcher a.is-active { background:var(--as-text); color:var(--as-bg); }
.as-icon-button { width:42px; height:42px; border-radius:50%; border:1px solid var(--as-line); background:var(--as-surface); color:var(--as-text); cursor:pointer; }

html[data-theme-mode="auto"] [data-set-theme="auto"].is-active::after {
  content: "";
  display: inline-block;
  width: .46em;
  height: .46em;
  margin-left: .38em;
  border-radius: 999px;
  background: currentColor;
  opacity: .55;
}
.as-hero { padding-top: 110px; }
.as-hero-grid, .as-split { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:70px; align-items:center; }
.as-kicker { color:var(--as-accent); font-size:.78rem; text-transform:uppercase; letter-spacing:.18em; font-weight:900; margin:0 0 20px; }
h1, h2, h3 { margin:0; letter-spacing:-.06em; line-height:.95; }
h1 { font-size: clamp(3.3rem, 8vw, 7rem); max-width: 860px; }
h2 { font-size: clamp(2.2rem, 4.2vw, 4.6rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.8rem); }
p { color: var(--as-muted); line-height: 1.62; }
.as-lead { font-size: clamp(1.1rem, 2vw, 1.35rem); max-width: 660px; color: var(--as-muted); }
.as-hero-form { margin-top: 36px; }
.as-hero-form label, .as-app-controls label { display:block; color: var(--as-muted); font-weight:800; margin:0 0 10px; }
.as-inline-control { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
input[type="date"], input[type="email"], input[type="text"], input[type="url"], input[type="number"] {
  border:1px solid var(--as-line); background:var(--as-surface); color:var(--as-text); border-radius:18px; padding:14px 16px; min-height:50px; outline:none;
}
input:focus, button:focus-visible, a:focus-visible { outline: 3px solid rgba(168,196,255,.55); outline-offset: 3px; }
.as-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding: 0 20px; border-radius:999px; font-weight:900; border:1px solid var(--as-line); cursor:pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.as-button:hover { transform: translateY(-1px); }
.as-button-primary { color:#08101b; background:linear-gradient(135deg, var(--as-accent), #d6e3ff); border-color:rgba(168,196,255,.55); }
.as-button-muted { color:var(--as-text); background:var(--as-surface); }
.as-link-button { appearance:none; border:0; background:transparent; color:var(--as-muted); padding:8px; cursor:pointer; text-decoration:underline; }
.as-mini-links { display:flex; gap:18px; margin-top:22px; color:var(--as-muted); font-weight:800; }
.as-preview-card, .as-page-card, .as-feature-card, .as-strip-card, .as-investor-card, .as-app-card, .as-stat, .as-app-panel {
  background:var(--as-surface);
  border:1px solid var(--as-line);
  border-radius:var(--as-radius);
  box-shadow:var(--as-shadow);
  backdrop-filter: blur(22px);
}
.as-preview-card { min-height: 430px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; }
.as-preview-head, .as-preview-foot { display:flex; justify-content:space-between; gap:18px; color:var(--as-muted); font-weight:900; }
.as-life-grid-preview { display:grid; grid-template-columns:repeat(26, 1fr); gap:6px; margin:28px 0; }
.as-life-grid-preview span { aspect-ratio:1; border-radius:4px; background:rgba(168,196,255,.22); border:1px solid var(--as-line); }
.as-life-grid-preview span.is-lived { background:var(--as-accent); }
.as-two-col { display:grid; grid-template-columns:1fr .8fr; gap:48px; align-items:end; }
.as-pill-row { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.as-pill-row span, .as-badge { padding:10px 12px; border:1px solid var(--as-line); border-radius:999px; background:var(--as-surface); color:var(--as-muted); font-weight:800; font-size:.86rem; }
.as-feature-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.as-use-cases { margin-top: 44px; }
.as-feature-card { padding:28px; min-height:230px; }
.as-feature-card span { color:var(--as-gold); font-weight:900; }
.as-feature-card h3, .as-feature-card h2 { margin-top:18px; }
.as-strip-card { padding:34px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.as-faq-list { display:grid; gap:14px; margin-top:28px; }
details { background:var(--as-surface); border:1px solid var(--as-line); border-radius:20px; padding:20px 24px; }
summary { cursor:pointer; font-weight:900; }
.as-site-footer { border-top:1px solid var(--as-line); padding:54px 0 26px; background:rgba(8,12,19,.42); }
.as-footer-grid { display:grid; grid-template-columns:1.2fr 1fr .8fr; gap:32px; }
.as-footer-brand p { max-width:420px; }
.as-footer-menu { flex-direction:column; align-items:flex-start; gap:12px; }
.as-footer-links { display:flex; flex-direction:column; gap:12px; color:var(--as-muted); font-weight:800; }
.as-footer-bottom { border-top:1px solid var(--as-line); margin-top:32px; padding-top:22px; display:flex; justify-content:space-between; gap:16px; color:var(--as-muted); font-size:.9rem; }
.as-page-section { padding-top: 90px; }
.as-page-card { padding: clamp(26px, 5vw, 58px); }
.as-content { color:var(--as-muted); }
.as-legal-content h2 { margin-top:34px; font-size:2rem; }
.as-legal-content li { color:var(--as-muted); margin:.6em 0; line-height:1.6; }
.as-clean-list { margin:0; padding-left:18px; }
.as-clean-list li { margin:10px 0; color:var(--as-muted); line-height:1.55; }
.as-cookie-banner { position:fixed; left:20px; right:20px; bottom:20px; z-index:90; display:flex; justify-content:space-between; gap:24px; align-items:center; max-width:1080px; margin:0 auto; padding:18px; border:1px solid var(--as-line); border-radius:24px; background:var(--as-surface-strong); box-shadow:var(--as-shadow); }
.as-cookie-banner[hidden] { display:none; }
.as-cookie-banner p { margin:6px 0 0; }
.as-cookie-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.as-404 { min-height:62vh; display:grid; place-items:center; }
.as-investors-hero { padding-top:100px; }

@media (max-width: 1024px) {
  .as-hero-grid, .as-split, .as-two-col { grid-template-columns:1fr; gap:42px; }
  .as-primary-nav { display:none; }
  .as-feature-grid, .as-footer-grid { grid-template-columns:1fr; }
  .as-pill-row { justify-content:flex-start; }
}
@media (max-width: 768px) {
  :root { --as-container: min(100% - 28px, 1180px); }
  .as-section { padding: 66px 0; }
  .as-hero { padding-top:72px; }
  .as-header-inner { min-height:66px; gap:12px; }
  .as-brand-text { display:none; }
  h1 { font-size: clamp(3rem, 16vw, 5rem); }
  .as-preview-card { min-height:360px; padding:20px; }
  .as-life-grid-preview { grid-template-columns:repeat(20, 1fr); gap:5px; }
  .as-strip-card, .as-footer-bottom, .as-cookie-banner { flex-direction:column; align-items:flex-start; }
  .as-cookie-banner { left:12px; right:12px; bottom:12px; }
}
@media (max-width: 480px) {
  :root { --as-container: calc(100% - 32px); --as-radius: 22px; }
  .as-main,
  .as-hero,
  .as-section,
  .as-app-section,
  .as-page-section,
  .as-404 {
    width: 100%;
    min-height: auto;
    overflow-x: hidden;
  }
  .as-hero {
    padding-top: 54px;
    padding-bottom: calc(56px + env(safe-area-inset-bottom));
  }
  .as-section {
    padding-top: 56px;
    padding-bottom: calc(56px + env(safe-area-inset-bottom));
  }
  .as-page-section,
  .as-investors-hero {
    padding-top: 62px;
  }
  .as-container,
  .as-hero-grid,
  .as-split,
  .as-two-col,
  .as-app-layout,
  .as-footer-grid,
  .as-footer-bottom {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .as-header-inner {
    min-height: 64px;
  }
  .as-brand-mark,
  .as-icon-button {
    flex: 0 0 auto;
  }
  .as-header-actions {
    min-width: 0;
    gap: 8px;
  }
  .as-lang-switcher {
    max-width: 100%;
    flex: 0 1 auto;
  }
  .as-lang-switcher a {
    padding: 7px 8px;
    font-size: .74rem;
    white-space: nowrap;
  }
  h1,
  .as-app-panel h1 {
    font-size: clamp(2.55rem, 11.5vw, 3.8rem);
    line-height: .96;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  h2 { font-size: clamp(2rem, 9vw, 3rem); }
  .as-lead,
  .as-hero p,
  .as-app-panel p,
  .as-page-card p,
  .as-feature-card p {
    font-size: clamp(1rem, 4.4vw, 1.18rem);
    line-height: 1.45;
  }
  .as-kicker {
    font-size: .72rem;
    letter-spacing: .14em;
  }
  .as-hero-form,
  .as-app-controls,
  .as-inline-control,
  .as-actions,
  .as-stack-actions,
  .as-cookie-actions {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .as-inline-control,
  .as-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
  }
  .as-inline-control > *,
  .as-actions > *,
  .as-stack-actions > *,
  .as-cookie-actions > *,
  input,
  select,
  textarea,
  .as-hero button,
  .as-app-section button,
  .as-cookie-banner button,
  .as-button,
  .button,
  .btn,
  .cta,
  .date-field,
  .date-button,
  .input-wrap,
  .range-wrap,
  .as-segmented,
  .segmented,
  .tabs {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  input[type="date"],
  input[type="email"],
  input[type="text"],
  input[type="url"],
  input[type="number"] {
    min-height: 54px;
    padding: 13px 14px;
    border-radius: 16px;
    -webkit-appearance: none;
    appearance: none;
  }
  .as-button,
  .btn,
  .button,
  .cta {
    min-height: 54px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 999px;
    white-space: normal;
    text-align: center;
  }
  .as-mini-links {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  }
  .as-preview-card,
  .as-page-card,
  .as-feature-card,
  .as-strip-card,
  .as-investor-card,
  .as-app-card,
  .as-stat,
  .as-app-panel,
  .as-cookie-banner,
  .glass-card,
  .form-card,
  .calculator-card,
  .hero-card {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .as-preview-card {
    min-height: 320px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .as-life-grid-preview {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    gap: 4px;
  }
  .as-preview-head,
  .as-preview-foot {
    gap: 10px;
    font-size: .82rem;
    flex-wrap: wrap;
  }
  .as-feature-grid,
  .as-stat-grid,
  .as-app-bottom-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .as-strip-card,
  .as-footer-bottom,
  .as-cookie-banner {
    flex-direction: column;
    align-items: stretch;
  }
  .as-cookie-banner {
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: auto;
    max-width: calc(100% - 24px);
  }
  .as-site-footer {
    padding-bottom: calc(30px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 375px) {
  :root { --as-container: calc(100% - 28px); }
  h1,
  .as-app-panel h1 {
    font-size: clamp(2.35rem, 11.2vw, 3.15rem);
  }
  .as-preview-card,
  .as-page-card,
  .as-feature-card,
  .as-strip-card,
  .as-investor-card,
  .as-app-card,
  .as-stat,
  .as-app-panel,
  .as-cookie-banner {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 390px) {
  :root { --as-container: calc(100% - 24px); }
  .as-inline-control, .as-actions { align-items:stretch; width:100%; }
  .as-inline-control > *, .as-actions > * { width:100%; }
  .as-icon-button { width:38px; height:38px; }
  .as-preview-head, .as-preview-foot { font-size:.82rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition: none !important; }
}