:root {
  color-scheme: dark;
  --bg: #05070b;
  --bg-elevated: #090c12;
  --surface: rgba(255, 255, 255, 0.045);
  --surface-strong: rgba(255, 255, 255, 0.072);
  --surface-solid: #0d1118;
  --text: #f5f7fb;
  --muted: #a8b1c0;
  --muted-strong: #c8cfda;
  --accent: #a9c8ff;
  --accent-2: #8ce5d0;
  --accent-3: #b8a5ff;
  --glass: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
  --glass-line: rgba(255, 255, 255, 0.14);
  --glass-line-soft: rgba(255, 255, 255, 0.085);
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
  --shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.24);
  --radius-sm: 14px;
  --radius: 20px;
  --radius-lg: 28px;
  --container: min(1120px, calc(100% - 44px));
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 14% -10%, rgba(94, 135, 226, 0.18), transparent 29rem),
    radial-gradient(circle at 88% 2%, rgba(131, 95, 195, 0.11), transparent 28rem),
    radial-gradient(circle at 54% 72%, rgba(62, 158, 142, 0.055), transparent 30rem),
    linear-gradient(180deg, #06080c 0%, #070a0f 52%, #05070b 100%);
  font-family: var(--font);
  font-size: 15.5px;
  line-height: 1.64;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.035), transparent 42%),
    linear-gradient(120deg, rgba(255,255,255,.012), transparent 35%);
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, a, summary { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid rgba(169, 200, 255, 0.72);
  outline-offset: 4px;
  border-radius: 10px;
}

::selection { color: #fff; background: rgba(169, 200, 255, 0.25); }

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  padding: 10px 14px;
  color: #07101b;
  background: #c4d9ff;
  border-radius: 12px;
  font-weight: 800;
  transform: translateY(-160%);
  transition: transform 160ms ease;
}
.skip-link:focus { transform: translateY(0); }

.container { width: var(--container); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 12px 0 0;
  pointer-events: none;
}

.nav-shell {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0 12px 0 14px;
  border: 1px solid var(--glass-line);
  border-radius: 18px;
  background: rgba(12, 15, 22, 0.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 50px rgba(0,0,0,.2);
  backdrop-filter: blur(22px) saturate(155%);
  -webkit-backdrop-filter: blur(22px) saturate(155%);
  pointer-events: auto;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
  font-weight: 710;
  letter-spacing: -.025em;
}
.brand img { width: 32px; height: 32px; border-radius: 9px; box-shadow: 0 8px 26px rgba(93,142,236,.14); }
.brand-wordmark { display: flex; align-items: baseline; gap: 1px; font-size: .98rem; }
.brand-wordmark span:last-child { color: #b4bdcb; font-weight: 560; }
.brand-centered { justify-content: center; }

.nav-desktop { display: flex; align-items: center; gap: 5px; }
.nav-links { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.nav-links a, .lang-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: #c0c7d2;
  border-radius: 11px;
  font-size: .86rem;
  font-weight: 610;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}
.nav-links a:hover, .nav-links a[aria-current="page"], .lang-link:hover { color: #fff; background: rgba(255,255,255,.07); }
.lang-link { margin-left: 7px; border: 1px solid var(--glass-line-soft); background: rgba(255,255,255,.03); }

.nav-drawer { display: none; position: relative; }
.nav-drawer summary {
  width: 44px; height: 44px; display: grid; place-items: center; cursor: pointer;
  border: 1px solid var(--glass-line-soft); border-radius: 11px; background: rgba(255,255,255,.04); list-style: none;
}
.nav-drawer summary::-webkit-details-marker { display: none; }
.nav-drawer summary::before, .nav-drawer summary::after {
  content: ""; position: absolute; width: 16px; height: 1.5px; border-radius: 99px; background: var(--text); transition: transform 160ms ease;
}
.nav-drawer summary::before { transform: translateY(-4px); }
.nav-drawer summary::after { transform: translateY(4px); }
.nav-drawer[open] summary::before { transform: rotate(45deg); }
.nav-drawer[open] summary::after { transform: rotate(-45deg); }
.mobile-panel {
  position: absolute; top: 48px; right: 0; width: min(286px, calc(100vw - 38px)); padding: 9px;
  border: 1px solid var(--glass-line); border-radius: 17px; background: rgba(11,15,23,.92); box-shadow: var(--shadow);
  backdrop-filter: blur(22px) saturate(155%); -webkit-backdrop-filter: blur(22px) saturate(155%);
}
.mobile-panel a { min-height: 44px; display: flex; align-items: center; padding: 10px 11px; color: #c1c8d3; border-radius: 9px; font-size: .91rem; font-weight: 600; }
.mobile-panel a:hover, .mobile-panel a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.07); }
.mobile-panel .mobile-language { margin-top: 7px; padding-top: 9px; border-top: 1px solid var(--glass-line-soft); color: #b1ceff; }

.hero { position: relative; overflow: hidden; overflow: clip; padding: 92px 0 86px; }
.hero::before {
  content: ""; position: absolute; width: 560px; height: 560px; left: 58%; top: -220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(99,139,232,.14), rgba(125,94,186,.055) 45%, transparent 70%); filter: blur(8px); pointer-events: none;
}
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr); align-items: center; gap: 72px; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 9px; margin: 0 0 19px; color: #d0d6df;
  font-size: .76rem; font-weight: 740; letter-spacing: .12em; text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 0 14px rgba(140,229,208,.32); }
.hero h1 { margin: 0; max-width: 760px; font-size: clamp(2rem, 3.2vw, 3.15rem); line-height: 1.06; letter-spacing: -.047em; font-weight: 680; }
.hero h1 .gradient-text, .page-hero h1 .gradient-text { color: transparent; background: linear-gradient(110deg, #fff 4%, #c9dcff 50%, #b8a9ff 78%, #9de0d2 106%); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 650px; margin: 24px 0 0; color: #bdc5d2; font-size: clamp(1rem, 1.45vw, 1.1rem); line-height: 1.68; }
.hero-actions, .button-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 29px; }

.button {
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 16px;
  border: 1px solid transparent; border-radius: 12px; font-size: .89rem; font-weight: 650;
  transition: transform 170ms ease, box-shadow 170ms ease, background 170ms ease, border-color 170ms ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { color: #08101b; background: linear-gradient(135deg, #dbe8ff, #abd0fb 52%, #a4e1d3); box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 11px 30px rgba(112,161,239,.15); }
.button-primary:hover { box-shadow: 0 14px 38px rgba(112,161,239,.2); }
.button-secondary { color: #f4f6fb; border-color: var(--glass-line); background: rgba(255,255,255,.045); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.button-secondary:hover { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.07); }
.arrow { font-size: 1.05em; transition: transform 170ms ease; }
.button:hover .arrow, .text-link:hover .arrow { transform: translateX(3px); }

.hero-visual { position: relative; min-height: 390px; display: grid; place-items: center; }
.hero-visual::before {
  content: ""; position: absolute; width: 330px; height: 330px; border-radius: 50%;
  background: radial-gradient(circle, rgba(105,151,250,.22), rgba(147,117,217,.1) 52%, transparent 72%); filter: blur(56px); opacity: .72;
}
.showcase-panel {
  position: relative; z-index: 2; width: min(360px, 94%); overflow: hidden; border: 1px solid var(--glass-line); border-radius: 28px;
  background: rgba(13,17,25,.68); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 30px 76px rgba(0,0,0,.36);
  backdrop-filter: blur(26px) saturate(165%); -webkit-backdrop-filter: blur(26px) saturate(165%);
}
.showcase-panel::before { content: ""; position: absolute; inset: -50% 20% 70% -30%; background: radial-gradient(circle, rgba(193,216,255,.22), transparent 65%); pointer-events: none; }
.showcase-toolbar { height: 42px; display: flex; align-items: center; gap: 6px; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.075); }
.window-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.18); }
.showcase-content { position: relative; padding: 26px 25px 24px; }
.showcase-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }
.showcase-brand img { width: 46px; height: 46px; border-radius: 13px; }
.showcase-brand strong { display: block; font-size: .94rem; letter-spacing: -.018em; }
.showcase-brand span { display: block; margin-top: 2px; color: #98a3b4; font-size: .78rem; }
.product-pill { display: inline-flex; min-height: 27px; align-items: center; padding: 0 9px; border: 1px solid rgba(169,200,255,.16); border-radius: 999px; color: #b9d2ff; background: rgba(169,200,255,.065); font-size: .76rem; font-weight: 650; }
.showcase-product h2 { margin: 11px 0 0; font-size: 1.72rem; letter-spacing: -.04em; line-height: 1.05; }
.showcase-product p { margin: 8px 0 0; color: #b7c0ce; font-size: .9rem; }
.showcase-meta { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin-top: 23px; }
.showcase-meta div { padding: 11px 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 13px; background: rgba(255,255,255,.03); }
.showcase-meta span { display: block; color: #8f99aa; font-size: .74rem; }
.showcase-meta strong { display: block; margin-top: 3px; font-size: .84rem; font-weight: 620; }

.section { padding: 80px 0; }
.section-tight { padding: 62px 0; }
.section-border { border-top: 1px solid rgba(255,255,255,.07); }
.section-heading { display: grid; grid-template-columns: minmax(0,.8fr) minmax(300px,.56fr); align-items: end; gap: 40px; margin-bottom: 34px; }
.section-heading h2, .content-block h2, .cta-panel h2 { margin: 0; font-size: clamp(1.45rem, 2vw, 1.95rem); line-height: 1.1; letter-spacing: -.038em; font-weight: 650; }
.section-heading p, .section-copy, .content-block p, .cta-panel p { margin: 0; color: var(--muted); font-size: .96rem; }
.kicker { margin: 0 0 10px; color: #a9c8ff; font-size: .76rem; font-weight: 760; letter-spacing: .115em; text-transform: uppercase; }

.portfolio-frame {
  position: relative; min-height: 300px; display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,.55fr); overflow: hidden;
  border: 1px solid var(--glass-line-soft); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025)); box-shadow: var(--shadow-soft);
}
.portfolio-frame::before { content: ""; position: absolute; width: 330px; height: 330px; right: 7%; top: -170px; border-radius: 50%; background: radial-gradient(circle, rgba(138,184,255,.13), transparent 68%); pointer-events: none; }
.portfolio-copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: clamp(28px,5vw,50px); }
.portfolio-copy h3 { max-width: 650px; margin: 0; font-size: clamp(1.25rem,1.8vw,1.7rem); line-height: 1.1; letter-spacing: -.036em; font-weight: 640; }
.portfolio-copy p { max-width: 640px; margin: 16px 0 0; color: #b8c0cd; }
.text-link { display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-top: 22px; color: #a9c8ff; font-weight: 650; }
.portfolio-visual { position: relative; min-height: 240px; border-left: 1px solid rgba(255,255,255,.075); background: radial-gradient(circle at 50% 50%, rgba(132,165,255,.15), transparent 42%); }
.portfolio-visual::before { content: ""; position: absolute; width: 128px; height: 128px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 30px; background: url('/assets/apps/auri/auri-icon.png') center/100% 100% no-repeat; box-shadow: 0 24px 60px rgba(0,0,0,.32); }

.card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.card-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.card {
  position: relative; min-height: 218px; padding: 24px; overflow: hidden; border: 1px solid var(--glass-line-soft); border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255,255,255,.046), rgba(255,255,255,.024)); box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -85px; top: -95px; border-radius: 50%; background: radial-gradient(circle, rgba(141,185,255,.09), transparent 68%); pointer-events: none; }
.card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.17); background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 17px 38px rgba(0,0,0,.18); }
.card-icon { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 26px; color: #a9c8ff; border: 1px solid var(--glass-line-soft); border-radius: 13px; background: rgba(149,190,255,.05); }
.card-icon img { width: 27px; height: 27px; }
.card h3 { margin: 0; font-size: 1.08rem; letter-spacing: -.022em; font-weight: 630; }
.card p { margin: 10px 0 0; color: var(--muted); font-size: .9rem; }
.principle-card { min-height: 198px; }
.principle-index { display: block; margin-bottom: 31px; color: #929cac; font-size: .76rem; font-weight: 760; letter-spacing: .11em; }

.split-panel { display: grid; grid-template-columns: .72fr 1fr; gap: 70px; align-items: start; padding: clamp(30px,4vw,46px); border: 1px solid var(--glass-line-soft); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(255,255,255,.042), rgba(255,255,255,.022)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045); }
.split-panel .section-copy { max-width: 650px; }
.split-panel .section-copy p + p { margin-top: 14px; }
.split-heading { margin: 0; font-size: clamp(1.45rem,2.1vw,1.92rem); line-height: 1.1; letter-spacing: -.038em; font-weight: 650; }
.signature { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; color: #c7ced8; font-size: .82rem; font-weight: 650; }
.signature::before { content: ""; width: 28px; height: 1px; background: linear-gradient(90deg,var(--accent),var(--accent-2)); }

.cta-panel { position: relative; overflow: hidden; padding: clamp(30px,5vw,52px); border: 1px solid var(--glass-line-soft); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.025)); box-shadow: var(--shadow-soft); }
.cta-panel::after { content: ""; position: absolute; width: 330px; height: 330px; right: -100px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(140,229,208,.11), transparent 68%); pointer-events: none; }
.cta-panel h2 { max-width: 690px; }
.cta-panel p { max-width: 650px; margin-top: 16px; }

.site-footer { padding: 44px 0 34px; border-top: 1px solid rgba(255,255,255,.07); }
.footer-grid { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; }
.footer-brand p { max-width: 470px; margin: 14px 0 0; color: #9da7b6; font-size: .86rem; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px 18px; }
.footer-links a { min-height: 44px; display: inline-flex; align-items: center; color: #a5aebb; font-size: .84rem; font-weight: 580; }
.footer-links a:hover { color: #f6f8fc; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 30px; padding-top: 21px; color: #9aa4b5; border-top: 1px solid rgba(255,255,255,.055); font-size: .76rem; }

.page-hero { position: relative; overflow: hidden; overflow: clip; padding: 78px 0 52px; border-bottom: 1px solid rgba(255,255,255,.065); }
.page-hero::before { content: ""; position: absolute; width: 410px; height: 250px; right: 7%; top: -65px; border-radius: 50%; background: radial-gradient(circle, rgba(135,167,255,.09), transparent 70%); pointer-events: none; }
.page-hero h1 { max-width: 850px; margin: 0; font-size: clamp(1.95rem, 3vw, 2.75rem); line-height: 1.07; letter-spacing: -.043em; font-weight: 660; }
.page-lead { max-width: 720px; margin: 20px 0 0; color: #bbc3cf; font-size: clamp(.98rem,1.5vw,1.08rem); }
.content-wrap { width: min(800px, calc(100% - 44px)); margin-inline: auto; }
.content-block { padding: 58px 0; }
.content-block + .content-block { border-top: 1px solid rgba(255,255,255,.07); }
.content-block h2 { margin-bottom: 18px; font-size: clamp(1.34rem,1.75vw,1.68rem); }
.content-block h3 { margin: 26px 0 8px; font-size: 1.03rem; }
.content-block p + p, .content-block ul + p, .content-block p + ul { margin-top: 14px; }
.content-block ul { margin: 16px 0 0; padding-left: 1.15rem; color: #bbc3cf; }
.content-block li + li { margin-top: 7px; }
.content-block p, .content-block li { overflow-wrap: anywhere; }
.info-note { padding: 20px; border: 1px solid var(--glass-line-soft); border-radius: 17px; color: #bcc5d2; background: rgba(255,255,255,.035); }

.route-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.route-card { padding: 21px; border: 1px solid var(--glass-line-soft); border-radius: 17px; background: rgba(255,255,255,.035); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.route-card h3 { margin: 0 0 7px; font-size: .98rem; font-weight: 630; }
.route-card p { margin: 0; color: var(--muted); font-size: .87rem; }
.status-empty { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; padding: 24px; border: 1px solid var(--glass-line-soft); border-radius: 18px; background: rgba(255,255,255,.035); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.status-dot { width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: var(--accent-2); box-shadow: 0 0 14px rgba(140,229,208,.22); }
.status-empty h2, .status-empty h3 { margin: 0; font-size: 1rem; letter-spacing: -.015em; }
.status-empty p { margin: 6px 0 0; color: var(--muted); font-size: .88rem; }

.product-hero-card { display: grid; grid-template-columns: auto 1fr; gap: 22px; align-items: center; margin-top: 28px; padding: 24px; border: 1px solid var(--glass-line-soft); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.026)); }
.product-hero-card img { width: 72px; height: 72px; border-radius: 20px; }
.product-hero-card h2 { margin: 0; font-size: 1.35rem; }
.product-hero-card p { margin: 7px 0 0; }
.product-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.product-facts span { display: inline-flex; min-height: 29px; align-items: center; padding: 0 10px; border: 1px solid var(--glass-line-soft); border-radius: 999px; color: #c6ceda; background: rgba(255,255,255,.03); font-size: .78rem; font-weight: 620; }

.language-entry, .error-page { min-height: 100vh; display: grid; place-items: center; padding: 40px 20px; text-align: center; }
.language-card, .error-page > div { width: min(620px, 100%); padding: clamp(28px,6vw,50px); border: 1px solid var(--glass-line); border-radius: 28px; background: rgba(12,16,24,.76); box-shadow: var(--shadow); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
.language-card .brand { justify-content: center; margin-bottom: 30px; }
.language-card h1 { margin: 0; font-size: clamp(1.55rem,3.5vw,2.05rem); letter-spacing: -.04em; line-height: 1.08; font-weight: 650; }
.language-card p { max-width: 460px; margin: 17px auto 0; color: var(--muted); }
.language-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.error-code { margin: 0; color: #a9c8ff; font-size: .76rem; font-weight: 760; letter-spacing: .13em; text-transform: uppercase; }
.error-page h1 { margin: 11px 0 0; font-size: clamp(1.85rem,5vw,2.7rem); line-height: 1.06; letter-spacing: -.048em; font-weight: 650; }
.error-page p { max-width: 530px; margin: 18px auto 0; color: var(--muted); }

@media (max-width: 980px) {
  .nav-desktop { display: none; }
  .nav-drawer { display: block; }
  .hero { padding-top: 72px; }
  .hero-grid, .split-panel { grid-template-columns: 1fr; gap: 46px; }
  .hero-visual { min-height: 350px; }
  .section-heading { grid-template-columns: 1fr; align-items: start; gap: 16px; }
  .portfolio-frame { grid-template-columns: 1fr; }
  .portfolio-visual { min-height: 200px; border-top: 1px solid rgba(255,255,255,.075); border-left: 0; }
  .card-grid.four { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  :root { --container: min(100% - 28px, 1120px); }
  body { font-size: 15px; }
  .site-header { padding-top: 8px; }
  .nav-shell { min-height: 54px; border-radius: 16px; }
  .hero { padding: 55px 0 62px; }
  .hero h1 { font-size: clamp(1.9rem, 7.4vw, 2.5rem); letter-spacing: -.048em; }
  .hero-lead { margin-top: 20px; }
  .hero-actions, .button-row { align-items: stretch; flex-direction: column; }
  .button { width: 100%; }
  .hero-visual { min-height: 325px; }
  .showcase-panel { width: min(340px, 96%); }
  .showcase-meta { grid-template-columns: 1fr; }
  .section { padding: 62px 0; }
  .section-tight { padding: 50px 0; }
  .section-heading { margin-bottom: 26px; }
  .card-grid, .card-grid.four, .route-grid { grid-template-columns: 1fr; }
  .card { min-height: 194px; }
  .split-panel { gap: 25px; padding: 24px; }
  .footer-grid, .footer-bottom { grid-template-columns: 1fr; flex-direction: column; align-items: flex-start; }
  .footer-links { justify-content: flex-start; }
  .page-hero { padding: 60px 0 43px; }
  .product-hero-card { grid-template-columns: 1fr; }
}

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

/* Auri product */
.app-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 64px; align-items: center; }
.app-icon-panel { justify-self: end; width: 250px; min-height: 290px; display: grid; place-items: center; align-content: center; gap: 16px; border: 1px solid var(--glass-line); border-radius: 32px; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 28px 68px rgba(0,0,0,.27); backdrop-filter: blur(22px) saturate(150%); -webkit-backdrop-filter: blur(22px) saturate(150%); }
.app-icon-large { width: 178px; height: 178px; border-radius: 40px; filter: drop-shadow(0 22px 36px rgba(0,0,0,.34)); }
.app-icon-panel span { color: #b8c4d3; font-size: .82rem; font-weight: 650; letter-spacing: .02em; }
.download-note { margin: 15px 0 0; color: #8f9aaa; font-size: .8rem; font-weight: 590; }
.feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 25px; }
.download-integrity { display: grid; gap: 8px; margin-top: 24px; padding: 18px 20px; border: 1px solid var(--glass-line-soft); border-radius: 16px; background: rgba(255,255,255,.025); }
.download-integrity strong { font-size: .8rem; color: #cbd5e4; }
.download-integrity code { display: block; overflow-wrap: anywhere; color: #9fb5d1; font: 600 .75rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.steps-list { display: grid; gap: 12px; margin: 22px 0 0; padding-left: 22px; color: var(--muted); }
.steps-list li { padding-left: 5px; }
.link-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.link-card { min-height: 104px; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 20px; border: 1px solid var(--glass-line-soft); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.022)); transition: transform 170ms ease, border-color 170ms ease, background 170ms ease; }
.link-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.17); background: rgba(255,255,255,.055); }
.link-card span { color: #8f9aaa; font-size: .76rem; }
.link-card strong { color: #e8eef7; font-size: .93rem; font-weight: 620; overflow-wrap: anywhere; }
.inline-link { display: inline; margin-top: 0; }
@media (max-width: 820px) { .app-hero-grid { grid-template-columns: 1fr; gap: 34px; } .app-icon-panel { justify-self: start; width: min(250px,100%); min-height: 250px; } .app-icon-large { width: 150px; height: 150px; } .feature-grid, .link-grid { grid-template-columns: 1fr; } }