@layer reset, base, layout, components, motion, responsive;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { width: 100%; max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 84px; overscroll-behavior-x: none; }
  body, h1, h2, h3, h4, p, figure, ol, ul { margin: 0; }
  img, video { display: block; max-width: 100%; height: auto; }
  button, input, select { font: inherit; }
  button, a { -webkit-tap-highlight-color: transparent; }
  a { color: inherit; text-decoration: none; }
  [hidden] { display: none !important; }
}

@layer base {
  :root {
    --blue: #2e6bff;
    --blue-strong: #2a62eb;
    --blue-text: #2a62eb;
    --error-text: #b4232f;
    --graphite: #1c232e;
    --graphite-2: #131923;
    --paper: #f4f6f8;
    --white: #fff;
    --ink: #151c27;
    --muted: #5f6a7d;
    --line: rgba(21, 28, 39, .13);
    --line-strong: rgba(21, 28, 39, .22);
    --surface: #fff;
    --surface-2: #eef1f5;
    --shadow: 0 30px 80px rgba(17, 26, 43, .14);
    --shell: min(1400px, calc(100% - 64px));
    --display: "Bricolage Grotesque", Manrope, system-ui, sans-serif;
    --headline: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --body: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color-scheme: light;
  }

  html[data-theme="dark"] {
    --blue-text: #7da3ff;
    --error-text: #ff8a8a;
    --paper: #151b24;
    --ink: #f6f8fb;
    --muted: #a8b1c0;
    --line: rgba(255, 255, 255, .12);
    --line-strong: rgba(255, 255, 255, .21);
    --surface: #1c2430;
    --surface-2: #232d3b;
    --shadow: 0 32px 90px rgba(0, 0, 0, .35);
    color-scheme: dark;
  }

  body {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-x: none;
    touch-action: pan-y pinch-zoom;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--body);
    font-size: 16px;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

  body.menu-open { overflow: hidden; }
  ::selection { background: rgba(46, 107, 255, .24); }
  :focus-visible { outline: 3px solid rgba(46, 107, 255, .7); outline-offset: 3px; }
  .shell { width: var(--shell); min-width: 0; margin-inline: auto; }
  .skip-link { position: fixed; left: 16px; top: 10px; z-index: 1000; display: inline-flex; align-items: center; min-height: 44px; transform: translateY(-160%); padding: 10px 14px; border-radius: 10px; background: var(--blue-strong); color: #fff; font-size: 13px; font-weight: 800; }
  .skip-link:focus { transform: none; }

  h1, h2 { font-family: var(--headline); font-weight: 700; letter-spacing: -.045em; text-wrap: balance; }
  h3, h4 { font-weight: 750; letter-spacing: -.025em; text-wrap: balance; }
  em { color: var(--blue); font-style: normal; }
  p { text-wrap: pretty; }
}

@layer layout {
  .site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    height: 78px;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--paper) 88%, transparent);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .site-header::after { content: ""; position: absolute; left: 0; bottom: -1px; width: calc(var(--scroll-progress, 0) * 100%); height: 2px; background: var(--blue); transform-origin: left; }

  .nav-shell { display: grid; grid-template-columns: 210px 1fr auto; align-items: center; height: 100%; gap: 30px; }
  .brand { display: block; width: 162px; height: 54px; }
  .brand img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
  .brand-image--dark { display: none; }
  html[data-theme="dark"] .brand-image--light { display: none; }
  html[data-theme="dark"] .brand-image--dark { display: block; }
  .desktop-nav { display: flex; justify-content: center; align-items: center; gap: clamp(22px, 2.4vw, 44px); }
  .desktop-nav a, .login-link { position: relative; display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: 13px; font-weight: 750; }
  .desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 2px; background: var(--blue); transition: right 180ms ease; }
  .desktop-nav a:hover { color: var(--ink); }
  .desktop-nav a:hover::after { right: 0; }
  .nav-actions { display: flex; align-items: center; gap: 14px; }
  .theme-toggle, .menu-toggle { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--ink); cursor: pointer; }
  .theme-toggle span { position: relative; width: 15px; height: 15px; border: 2px solid currentColor; border-radius: 50%; }
  .theme-toggle span::before, .theme-toggle span::after { content: ""; position: absolute; inset: -7px 5px; border-block: 2px solid currentColor; }
  .theme-toggle span::after { transform: rotate(90deg); }
  html[data-theme="dark"] .theme-toggle span { border-radius: 50% 0 50% 50%; transform: rotate(-25deg); background: currentColor; }
  html[data-theme="dark"] .theme-toggle span::before, html[data-theme="dark"] .theme-toggle span::after { display: none; }
  .menu-toggle { position: relative; display: none; }
  .menu-toggle span { position: absolute; left: 50%; top: 50%; width: 18px; height: 2px; margin-left: -9px; border-radius: 2px; background: currentColor; transition: transform 180ms ease; }
  .menu-toggle span:first-child { transform: translateY(-3.5px); }
  .menu-toggle span:last-child { transform: translateY(3.5px); }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: rotate(-45deg); }
  .mobile-nav { display: none; }

  .button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 24px; border: 1px solid transparent; border-radius: 15px; font-size: 13px; font-weight: 800; line-height: 1.1; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; }
  .button:hover { transform: translateY(-2px); }
  .button--nav { min-height: 46px; padding-inline: 20px; background: var(--ink); color: var(--paper); }
  .mobile-label { display: none; }
  .button--primary { background: var(--blue-strong); color: #fff; box-shadow: 0 12px 30px rgba(46, 107, 255, .24); }
  .button--light { background: #fff; color: #151c27; box-shadow: 0 16px 36px rgba(0, 0, 0, .16); }
  .text-link, .module-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; }
  .text-link { min-height: 44px; color: rgba(255, 255, 255, .78); }
  .text-link:hover, .module-link:hover { color: var(--blue-text); }

  .hero {
    position: relative;
    isolation: isolate;
    min-height: 900px;
    padding: 166px 0 56px;
    overflow: hidden;
    background:
      radial-gradient(circle at 78% 30%, rgba(46, 107, 255, .34), transparent 31%),
      radial-gradient(circle at 15% 86%, rgba(56, 110, 255, .14), transparent 30%),
      #111823;
    color: #fff;
  }
  .hero::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .21; background-image: linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom, #000, transparent 92%); }
  .hero::after { content: ""; position: absolute; left: 56%; top: 8%; z-index: -1; width: 610px; aspect-ratio: 1; border: 1px solid rgba(85, 143, 255, .22); border-radius: 50%; box-shadow: 0 0 0 94px rgba(46,107,255,.035), 0 0 0 190px rgba(46,107,255,.024); }
  .hero-noise { position: absolute; inset: 0; z-index: -1; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
  .hero-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr); align-items: center; gap: 72px; }
  .hero-copy { position: relative; z-index: 2; max-width: 690px; }
  .eyebrow, .section-kicker { display: flex; align-items: center; gap: 12px; color: #72a0ff; font-size: 11px; font-weight: 800; letter-spacing: .13em; line-height: 1.3; }
  .eyebrow i { width: 30px; height: 2px; background: #72a0ff; }
  .hero h1 { max-width: 790px; margin-top: 30px; font-size: clamp(68px, 5.4vw, 86px); line-height: .94; }
  .hero h1 em { color: #5d8bff; }
  .hero-copy > p { max-width: 630px; margin-top: 30px; color: #aeb9c9; font-size: 18px; font-weight: 500; line-height: 1.65; }
  .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 38px; }
  .hero-cta-note { display: block; margin-top: 13px; color: #8f9aac; font-size: 11px; font-weight: 650; line-height: 1.45; }
  .hero-proof { display: flex; align-items: center; gap: 13px; margin-top: 23px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); color: #aeb9c9; font-size: 12px; line-height: 1.5; }
  .hero-proof > span { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #4bd895; box-shadow: 0 0 0 6px rgba(75,216,149,.11); }
  .hero-proof strong { color: #f3f6fb; }

  .hero-stage { position: relative; min-height: 590px; perspective: 1200px; }
  .stage-a { position: absolute; right: -38px; top: -76px; width: 510px; height: 510px; opacity: .07; background: url("brand/avero-a-symbol-blue.png") center/contain no-repeat; filter: saturate(1.4) brightness(1.5); }
  .stage-scope { position: absolute; left: 0; right: 6%; top: 0; z-index: 6; display: flex; align-items: center; gap: 7px; }
  .stage-scope span { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px; border: 1px solid color-mix(in srgb,var(--scope) 38%,rgba(255,255,255,.08)); border-radius: 999px; background: color-mix(in srgb,var(--scope) 9%,rgba(11,18,29,.86)); color: #dbe4f1; font-size: 10px; font-weight: 850; letter-spacing: .04em; backdrop-filter: blur(10px); }
  .stage-scope span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--scope); box-shadow: 0 0 0 4px color-mix(in srgb,var(--scope) 13%,transparent); }
  .dashboard-frame { position: absolute; left: 0; right: 6%; top: 46px; z-index: 2; overflow: hidden; border: 1px solid rgba(155,180,224,.24); border-radius: 22px; background: #111925; box-shadow: 0 54px 90px rgba(0,0,0,.42); transform: rotateY(-4deg) rotateX(1.5deg); transform-origin: center right; }
  .dashboard-frame header { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; height: 44px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.09); color: #f0f4fb; font-size: 10px; }
  .dashboard-frame header span { display: flex; gap: 4px; }
  .dashboard-frame header i { width: 6px; height: 6px; border-radius: 50%; background: #3b7eff; }
  .dashboard-frame header i:nth-child(2), .dashboard-frame header i:nth-child(3) { background: #4d596c; }
  .dashboard-frame header small { color: #8894a8; font-size: 10px; font-weight: 800; letter-spacing: .07em; }
  .dashboard-frame img { width: 100%; aspect-ratio: 1.6; object-fit: cover; }
  .terminal-frame { position: absolute; right: 4px; bottom: 18px; z-index: 4; width: 158px; padding: 10px; border: 1px solid rgba(128,161,220,.3); border-radius: 22px; background: #07111f; box-shadow: 0 28px 58px rgba(0,0,0,.45); transform: rotate(3deg); }
  .terminal-frame > span { display: flex; align-items: center; gap: 5px; padding: 3px 5px 10px; color: #7fa6ff; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .terminal-brand img { width: 61px; height: auto; border-radius: 0; }
  .terminal-brand b { color: #ff7a52; font-size: 10px; letter-spacing: .04em; }
  .terminal-frame > img { width: 100%; border-radius: 18px; }
  .event-stack { position: absolute; left: -18px; bottom: 18px; z-index: 5; width: min(330px, 52%); height: 104px; }
  .event-card { position: absolute; inset: 0; display: grid; align-content: center; gap: 3px; padding: 18px 22px 18px 27px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 17px; background: rgba(15,24,37,.94); box-shadow: 0 22px 45px rgba(0,0,0,.32); opacity: 0; transform: translateY(12px); }
  .event-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--event, #ff7a52); }
  .event-card span { color: var(--event, #ff7a52); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .event-card strong { color: #f7f9fc; font-size: 15px; }
  .event-card small { color: #9aa6b8; font-size: 10px; }
  .event-card--sale { --event: #ff7a52; }
  .event-card--team { --event: #fa85ae; }
  .event-card--parking { --event: #7dd3fc; }
  .event-card--live { --event: #58a9ff; }
  .stage-note { position: absolute; right: 8%; bottom: -34px; color: #8e9bb0; font-size: 11px; line-height: 1.4; text-align: right; }
  .signal-bar { position: relative; z-index: 4; display: grid; grid-template-columns: 3fr 2fr; margin-top: 64px; border-block: 1px solid rgba(255,255,255,.14); }
  .signal-cluster { display: grid; grid-template-columns: minmax(135px,.72fr) minmax(0,1.28fr); min-width: 0; }
  .signal-cluster + .signal-cluster { border-left: 1px solid rgba(255,255,255,.14); }
  .signal-source { display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 5px 10px; min-width: 0; padding: 18px 20px; color: #fff; }
  .signal-source span { grid-column: 1; color: #f5f7fb; font-family: var(--display); font-size: 12px; font-weight: 650; }
  .signal-source b { grid-column: 1; color: #9facc0; font-size: 11px; line-height: 1.35; letter-spacing: .065em; }
  .signal-source i { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #6e9bff; font-size: 14px; font-style: normal; }
  .signal-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; }
  .signal-cluster--event .signal-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .signal-metrics p { display: grid; align-content: center; min-width: 0; padding: 18px 15px; border-left: 1px solid rgba(255,255,255,.1); }
  .signal-metrics strong { display: block; color: #fff; font-family: var(--display); font-size: 25px; line-height: 1; }
  .signal-metrics span { display: block; margin-top: 7px; color: #b7c1cf; font-size: 11px; font-weight: 700; line-height: 1.35; }

  .platform-section, .modules-section, .proof-section, .faq-section, .contact-section { padding: 130px 0; }
  .platform-section { padding-block: 110px; }
  .modules-section { padding-bottom: 88px; }
  .proof-section { padding-top: 96px; }
  .platform-section .section-heading { margin-bottom: 48px; }
  .section-heading { max-width: 960px; margin-bottom: 60px; }
  .section-heading--split { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr); gap: 80px; max-width: none; align-items: end; }
  .section-kicker { color: var(--blue-text); }
  .section-heading h2, .proof-heading h2, .implementation-copy h2, .faq-heading h2, .contact-copy h2 { margin-top: 20px; font-size: clamp(48px, 4.5vw, 68px); line-height: 1.02; }
  .section-heading > p, .section-heading--split > p, .proof-heading > p, .implementation-copy > p, .faq-heading > p, .contact-copy > p { max-width: 640px; color: var(--muted); font-size: 16px; line-height: 1.7; }
  .section-heading:not(.section-heading--split) > p { margin-top: 22px; }

  .system-map { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 250px minmax(0,1fr); align-items: center; gap: 44px; min-height: 500px; padding: 38px; border: 1px solid var(--line); border-radius: 32px; background: var(--surface); box-shadow: var(--shadow); }
  .system-map::before, .system-map::after { content: ""; position: absolute; top: 50%; width: 17%; height: 1px; background: linear-gradient(90deg, var(--line), var(--blue)); }
  .system-map::before { left: 29%; }
  .system-map::after { right: 29%; transform: rotate(180deg); }
  .map-source, .map-result { position: relative; z-index: 2; display: grid; gap: 10px; }
  .map-source > span, .map-result > span { margin-bottom: 12px; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .map-source article { display: flex; align-items: center; gap: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-2); }
  .map-source article div { min-width: 0; }
  .map-source strong, .map-result strong { display: block; font-size: 12px; }
  .map-source small, .map-result small { display: block; color: var(--muted); font-size: 10px; }
  .dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: var(--dot); box-shadow: 0 0 0 5px color-mix(in srgb, var(--dot) 15%, transparent); }
  .dot--sale { --dot: #ff7a52; } .dot--people { --dot: #fa85ae; } .dot--field { --dot: #7dd3fc; } .dot--event { --dot: #58a9ff; }
  .map-result article { padding: 16px 18px; border-left: 3px solid var(--blue); background: linear-gradient(90deg, rgba(46,107,255,.08), transparent); }
  .map-result b { display: block; color: var(--blue-text); font-size: 10px; letter-spacing: .09em; }
  .map-core { position: relative; z-index: 3; display: grid; place-items: center; align-content: center; height: 250px; border: 1px solid rgba(46,107,255,.32); border-radius: 50%; background: radial-gradient(circle, rgba(46,107,255,.12), transparent 70%); text-align: center; }
  .map-core img { width: 70px; margin-bottom: 8px; filter: drop-shadow(0 12px 22px rgba(46,107,255,.3)); }
  .map-core > span { color: var(--blue-text); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .map-core > strong { margin-top: 5px; font-family: var(--display); font-size: 24px; line-height: 1.05; }
  .map-core > small { max-width: 165px; margin-top: 10px; color: var(--muted); font-size: 10px; }
  .core-rings, .core-rings i { position: absolute; inset: 0; border: 1px solid rgba(46,107,255,.18); border-radius: 50%; }
  .core-rings i:nth-child(1) { inset: 22px; }
  .core-rings i:nth-child(2) { inset: 48px; }
  .core-rings i:nth-child(3) { inset: 76px; }
  .login-proof { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(220px,.82fr); align-items: center; gap: 30px; margin-top: 24px; padding: 27px 36px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(135deg, rgba(46,107,255,.09), transparent 48%), var(--surface); }
  .login-proof__copy > span { color: var(--blue-text); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .login-proof__copy h3 { max-width: 660px; margin-top: 13px; font-family: var(--headline); font-size: clamp(32px,3vw,43px); font-weight: 700; line-height: 1.02; letter-spacing: -.04em; }
  .login-proof__copy > p { max-width: 660px; margin-top: 15px; color: var(--muted); font-size: 14px; }
  .login-device { position: relative; justify-self: center; width: 190px; padding: 8px; border: 1px solid rgba(120,149,202,.35); border-radius: 29px; background: #0a1320; box-shadow: 0 26px 50px rgba(10,20,36,.3); transform: rotate(2deg); }
  .login-device img { width: 100%; border-radius: 22px; }
  .login-device figcaption { position: absolute; left: -105px; bottom: 42px; width: 190px; padding: 13px 15px; border: 1px solid rgba(46,107,255,.34); border-radius: 13px; background: color-mix(in srgb, var(--surface) 94%, transparent); box-shadow: 0 18px 38px rgba(10,20,36,.18); }
  .login-device figcaption span { display: block; color: var(--blue-text); font-size: 10px; font-weight: 900; letter-spacing: .09em; }
  .login-device figcaption strong { display: block; margin-top: 3px; color: var(--ink); font-size: 10px; }

  .modules-section { background: var(--surface-2); }
  .product-taxonomy { overflow: hidden; margin-bottom: 18px; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: #0d141e; color: #f7f9fc; box-shadow: 0 20px 54px rgba(15,23,36,.16); }
  .taxonomy-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 24px; padding: 13px 20px; border-bottom: 1px solid rgba(255,255,255,.09); }
  .taxonomy-summary p { display: flex; align-items: center; gap: 8px; min-width: 0; color: #8491a3; font-size: 10px; line-height: 1.35; }
  .taxonomy-summary p::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: #7197ff; box-shadow: 0 0 0 4px rgba(113,151,255,.1); }
  .taxonomy-summary strong { color: #f7f9fc; font-family: var(--display); font-size: 12px; font-weight: 650; }
  .taxonomy-summary span { color: #8491a3; }
  .taxonomy-tools { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 20px; background: #111923; }
  .taxonomy-tools > span { color: #8eacfb; font-size: 10px; font-weight: 900; letter-spacing: .085em; white-space: nowrap; }
  .taxonomy-tools p { color: #9aa7b8; font-size: 11px; }
  .taxonomy-tools p b { display: inline-flex; align-items: center; gap: 5px; color: #f4f7fb; }
  .taxonomy-tools p b img { width: 43px; height: auto; }

  .module-explorer { min-width: 0; scroll-margin-top: 94px; }
  .module-tabs { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; overflow: visible; padding: 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: #0d141e; scrollbar-width: none; }
  .module-tabs::-webkit-scrollbar { display: none; }
  .module-tabs button { position: relative; display: flex; min-width: 0; min-height: 84px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; padding: 12px 13px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: #111a26; color: #fff; text-align: left; cursor: pointer; transition: background 180ms ease, border-color 180ms ease, transform 180ms ease; }
  .module-tabs button::before { content: ""; position: absolute; inset: auto 10px 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--accent); opacity: .2; transform: scaleX(.38); transition: 180ms ease; }
  .module-tabs button[aria-selected="true"] { border-color: color-mix(in srgb, var(--accent) 42%, transparent); background: color-mix(in srgb, var(--accent) 10%, #111a26); }
  .module-tabs button[aria-selected="true"]::before { opacity: 1; transform: scaleX(1); }
  .module-tabs button:hover { border-color: rgba(255,255,255,.18); background: #162130; }
  .module-tab__lockup { display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; line-height: 1; }
  .module-tab__lockup img { flex: 0 0 auto; width: 58px; height: auto; }
  .module-tab__lockup strong { overflow: hidden; color: var(--accent); font-family: var(--display); font-size: 13px; font-weight: 650; line-height: 1.05; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
  .module-tabs small { display: -webkit-box; overflow: hidden; color: #a9b4c3; font-size: 11px; line-height: 1.35; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .module-tabs button.module-tab--group-start { margin-left: 0; }
  .module-tabs button.module-tab--group-start::after { display: none; }
  .module-stage { min-width: 0; overflow: hidden; margin-top: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: #101823; box-shadow: 0 30px 80px rgba(15,23,36,.23); }
  .module-panel { display: grid; grid-template-columns: minmax(340px,.8fr) minmax(0,1.2fr); min-height: 620px; color: #f7f9fc; }
  .module-copy { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; padding: 48px 42px; background: linear-gradient(130deg, rgb(var(--accent-rgb) / .17), transparent 48%); }
  .module-copy > span { color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .11em; }
  .product-proof { display: inline-flex; align-items: center; gap: 7px; width: fit-content; max-width: 100%; min-height: 30px; margin-top: 11px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.055); color: #d8e0ea; font-size: 11px; font-weight: 800; line-height: 1.35; letter-spacing: .035em; }
  .product-proof i { width: 6px; height: 6px; border-radius: 50%; background: #8390a2; }
  .product-proof--screen i { background: #69d6a2; box-shadow: 0 0 0 4px rgba(105,214,162,.1); }
  .product-proof--live i { background: #58a9ff; box-shadow: 0 0 0 4px rgba(88,169,255,.1); }
  .product-proof--visual i { background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent); }
  .module-copy h3 { max-width: 560px; margin-top: 18px; font-family: var(--headline); font-size: clamp(34px, 3.1vw, 48px); font-weight: 700; line-height: 1; letter-spacing: -.04em; }
  .module-copy > p { max-width: 560px; margin-top: 18px; color: #a9b5c5; font-size: 14px; line-height: 1.62; }
  .product-lockups { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
  .product-lockups b { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; border-radius: 0; color: var(--lockup, var(--accent)); font-family: var(--display); font-size: 14px; font-weight: 650; line-height: 1; letter-spacing: -.02em; }
  .product-lockups img { width: 64px; height: auto; }
  .product-lockups--extensions { gap: 11px 16px; }
  .product-lockups--extensions img { width: 52px; }
  .product-lockups--extensions b { font-size: 12px; }
  .surface-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
  .surface-tags span { display: inline-flex; align-items: center; gap: 5px; color: #98a5b7; font-size: 10px; }
  .surface-tags img { width: 38px; height: auto; opacity: .76; }
  .kasa-config-copy { display: grid; gap: 5px; margin-top: 17px; padding: 13px 14px; border: 1px solid rgba(255,122,82,.24); border-radius: 14px; background: linear-gradient(135deg,rgba(255,122,82,.1),rgba(255,255,255,.025)); }
  .kasa-config-copy > span { color: #ff9c7e; font-size: 9px; font-weight: 900; letter-spacing: .09em; }
  .kasa-config-copy > strong { color: #f7f9fc; font-family: var(--display); font-size: 15px; font-weight: 650; line-height: 1.2; }
  .kasa-config-copy > small { color: #aeb9c7; font-size: 10.5px; line-height: 1.5; }
  .module-flow { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 28px; padding: 0; list-style: none; background: rgba(255,255,255,.09); }
  .module-flow li { display: flex; gap: 10px; min-width: 0; padding: 14px 12px; background: #131c28; }
  .module-flow li > span { min-width: 0; }
  .module-flow i { color: var(--accent); font-size: 10px; font-style: normal; font-weight: 900; }
  .module-flow strong { display: block; overflow-wrap: break-word; font-size: 11.5px; }
  .module-flow small { display: block; margin-top: 4px; overflow-wrap: break-word; color: #9eabba; font-size: 11px; line-height: 1.45; }
  .module-link { display: inline-flex; align-items: center; width: fit-content; min-height: 44px; margin-top: 28px; color: var(--accent); }
  .module-link--contact { display: inline-flex; align-items: center; width: fit-content; min-height: 44px; padding: 10px 14px; border: 1px solid color-mix(in srgb, var(--accent) 42%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--accent) 11%, transparent); color: color-mix(in srgb, var(--accent) 88%, #fff); font-size: 11px; }
  .module-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px; }
  .module-actions .module-link { margin-top: 28px; }
  .visual-canvas { position: relative; min-width: 0; min-height: 620px; overflow: hidden; background: radial-gradient(circle at 50% 45%, rgb(var(--accent-rgb) / .18), transparent 57%), #0b121d; }
  .visual-canvas::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(150deg, #000, transparent 70%); }
  .commerce-dashboard { position: absolute; left: 7%; top: 13%; width: 88%; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; box-shadow: 0 34px 70px rgba(0,0,0,.42); transform: rotate(-2deg); }
  .commerce-phone { position: absolute; right: 4%; bottom: 3%; z-index: 3; width: 25%; padding: 7px; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: #08111e; box-shadow: 0 25px 50px rgba(0,0,0,.45); transform: rotate(3deg); }
  .commerce-phone img { width: 100%; border-radius: 22px; }
  .data-pulse { position: absolute; left: 4%; bottom: 9%; z-index: 4; width: 230px; padding: 16px 18px 16px 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(14,22,34,.95); box-shadow: 0 20px 40px rgba(0,0,0,.35); }
  .data-pulse > i { position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: 2px; background: var(--accent); }
  .data-pulse span, .data-pulse small { display: block; color: #93a0b2; font-size: 10px; font-weight: 900; letter-spacing: .08em; }
  .data-pulse b { display: block; margin: 3px 0; font-size: 18px; }
  .live-film { position: absolute; inset: 6% 18% 6% 6%; overflow: hidden; border-radius: 26px; background: #05080d; box-shadow: 0 35px 75px rgba(0,0,0,.45); }
  .live-film video { width: 100%; height: 100%; object-fit: cover; }
  .live-film::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(5,8,13,.72), transparent 54%); }
  [data-preview-video-toggle] { position: absolute; z-index: 3; display: flex; align-items: center; gap: 11px; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; }
  .live-film [data-preview-video-toggle] { left: 24px; top: 24px; bottom: auto; z-index: 5; padding: 6px 11px 6px 6px; border-radius: 999px; background: rgba(5,8,13,.72); backdrop-filter: blur(10px); }
  [data-preview-video-toggle] span { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: rgba(0,0,0,.35); }
  [data-preview-video-toggle] b { font-size: 10px; letter-spacing: .09em; }
  .live-phone { position: absolute; right: 3%; bottom: 4%; z-index: 4; width: 25%; max-height: 76%; object-fit: contain; filter: drop-shadow(0 24px 45px rgba(0,0,0,.55)); transform: rotate(3deg); }
  .live-result { position: absolute; left: 10%; right: 32%; bottom: 11%; z-index: 4; padding: 18px 20px; border: 1px solid rgba(88,169,255,.4); border-radius: 15px; background: rgba(10,18,29,.92); pointer-events: none; }
  .live-result span, .live-result small { display: block; color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .09em; }
  .live-result strong { display: block; margin-block: 3px; font-size: 20px; }
  .live-result small { color: #8491a4; }
  .live-process-strip { position: absolute; left: 34%; right: 4%; top: 3%; z-index: 6; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; padding: 5px; border: 1px solid rgba(88,169,255,.24); border-radius: 12px; background: rgba(7,14,24,.82); backdrop-filter: blur(12px); }
  .live-process-strip span { display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 26px; border-radius: 8px; background: rgba(88,169,255,.07); color: #b9c4d2; font-size: 10px; font-weight: 850; letter-spacing: .025em; }
  .live-process-strip i { color: #58a9ff; font-size: 8px; font-style: normal; }
  .parking-visual { background: #0c1521; }
  .parking-visual::before { z-index: 2; opacity: 1; background: linear-gradient(to bottom,rgba(5,12,22,.5),transparent 28%),linear-gradient(90deg,rgba(5,12,22,.18),transparent 48%); mask-image: none; pointer-events: none; }
  .parking-entry-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: saturate(1.04) contrast(1.03) brightness(.96); }
  .parking-visual--film { background: radial-gradient(circle at 50% 50%,rgba(125,211,252,.12),transparent 62%),#07101c; }
  .parking-visual--film::before { display: none; }
  .parking-entry-film { z-index: 1; object-fit: contain; object-position: center; background: transparent; filter: none; }
  .parking-film-play { left: auto; right: 20px; top: auto; bottom: 64px; z-index: 6; padding: 7px 13px 7px 7px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(5,11,20,.82); box-shadow: 0 18px 44px rgba(0,0,0,.34); backdrop-filter: blur(12px); transform: none; transition: opacity 180ms ease, background 180ms ease, border-color 180ms ease; }
  .parking-film-play:hover, .parking-film-play:focus-visible { border-color: rgba(125,211,252,.65); background: rgba(5,11,20,.96); }
  .parking-visual--film.is-playing .parking-film-play,
  .parking-entry-film[controls] + .parking-film-play { opacity: 0; pointer-events: none; }
  .parking-operation-rail { position: absolute; left: 4%; right: 4%; top: 4%; z-index: 5; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding: 5px; border: 1px solid rgba(125,211,252,.3); border-radius: 15px; background: rgba(7,15,25,.86); box-shadow: 0 16px 36px rgba(0,0,0,.26); backdrop-filter: blur(14px); }
  .parking-operation-rail > span { position: relative; display: grid; grid-template-columns: 23px 1fr; grid-template-rows: auto auto; gap: 2px 7px; min-width: 0; padding: 10px 11px; border-radius: 10px; background: rgba(125,211,252,.055); }
  .parking-operation-rail i { grid-row: 1 / 3; align-self: center; color: #7dd3fc; font-size: 9px; font-style: normal; font-weight: 900; }
  .parking-operation-rail b { overflow: hidden; color: #eef5fb; font-size: 9px; letter-spacing: .065em; text-overflow: ellipsis; white-space: nowrap; }
  .parking-operation-rail small { overflow: hidden; color: #9eabba; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .parking-print-kit { position: absolute; left: 4%; bottom: 4%; z-index: 5; display: grid; gap: 4px; width: min(230px,36%); padding: 14px 15px; border: 1px solid rgba(125,211,252,.32); border-radius: 14px; background: rgba(7,16,27,.87); box-shadow: 0 18px 38px rgba(0,0,0,.32); backdrop-filter: blur(14px); }
  .parking-print-kit > span { display: flex; align-items: center; gap: 6px; color: #7dd3fc; }
  .parking-print-kit img { width: 58px; height: auto; }
  .parking-print-kit > span b { font-family: var(--display); font-size: 10px; }
  .parking-print-kit > strong { font-family: var(--display); font-size: 14px; line-height: 1.1; }
  .parking-print-kit > small { color: #9eabba; font-size: 9px; }
  .people-visual > img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.48) saturate(.75); }
  .people-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(8,14,24,.72), transparent 55%, rgba(8,14,24,.4)); }
  .team-only-visual { background: radial-gradient(circle at 14% 8%, rgba(250,133,174,.25), transparent 34%), radial-gradient(circle at 86% 92%, rgba(46,107,255,.2), transparent 34%), linear-gradient(145deg,#191421,#09111c); }
  .team-only-visual::after { z-index: 1; background: linear-gradient(145deg,rgba(250,133,174,.06),transparent 42%,rgba(46,107,255,.06)); pointer-events: none; }
  .team-planner { position: absolute; inset: 5% 3.5%; z-index: 3; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: #0f1722; box-shadow: 0 36px 80px rgba(0,0,0,.48), 0 0 0 1px rgba(250,133,174,.08); color: #f6f8fb; }
  .team-planner::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg,#fa85ae,#bd7cff 52%,#2e6bff); }
  .team-planner__header { display: grid; grid-template-columns: minmax(135px,1fr) auto minmax(150px,1fr); align-items: center; gap: 16px; min-height: 69px; padding: 12px 16px 10px; border-bottom: 1px solid rgba(255,255,255,.09); background: linear-gradient(180deg,rgba(250,133,174,.075),transparent); }
  .team-planner__brand span { display: flex; align-items: center; gap: 7px; }
  .team-planner__brand img { width: 56px; height: auto; }
  .team-planner__brand b { color: #fa85ae; font-size: 11px; }
  .team-planner__brand small { display: block; margin-top: 4px; color: #76869a; font-size: 8px; font-weight: 850; letter-spacing: .075em; }
  .team-planner__week { display: flex; align-items: center; justify-content: center; gap: 11px; min-width: 160px; }
  .team-planner__week > i { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; color: #92a0b2; font-size: 17px; font-style: normal; line-height: 1; }
  .team-planner__week span { text-align: center; }
  .team-planner__week small, .team-planner__week strong { display: block; }
  .team-planner__week small { color: #78879a; font-size: 7px; font-weight: 900; letter-spacing: .11em; }
  .team-planner__week strong { margin-top: 2px; font-family: var(--display); font-size: 14px; font-weight: 650; line-height: 1; }
  .team-planner__actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
  .team-planner__actions > span { padding: 6px 8px; border: 1px solid rgba(250,133,174,.28); border-radius: 999px; background: rgba(250,133,174,.08); color: #ffacc9; font-size: 7px; font-weight: 900; letter-spacing: .08em; }
  .team-planner__actions > b { display: inline-flex; align-items: center; justify-content: center; min-height: 29px; padding: 0 11px; border-radius: 9px; background: #2e6bff; box-shadow: 0 8px 20px rgba(46,107,255,.25); color: #fff; font-size: 8px; font-weight: 850; white-space: nowrap; }
  .team-planner__metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; padding: 1px 0; background: rgba(255,255,255,.08); }
  .team-planner__metrics > span { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; padding: 9px 13px; background: #121c28; }
  .team-planner__metrics small { overflow: hidden; color: #7f8da0; font-size: 7px; font-weight: 850; letter-spacing: .08em; text-overflow: ellipsis; white-space: nowrap; }
  .team-planner__metrics strong { color: #f7f9fc; font-size: 11px; white-space: nowrap; }
  .team-planner__metrics > span:nth-child(3) strong { color: #ffb1cc; }
  .team-schedule { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; padding: 0 12px; background: #0d151f; }
  .team-schedule__days, .team-schedule__row { display: grid; grid-template-columns: minmax(105px,1.24fr) repeat(7,minmax(0,1fr)); min-width: 0; }
  .team-schedule__days { flex: 0 0 35px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.08); }
  .team-schedule__days > span { padding-left: 8px; color: #65758a; font-size: 7px; font-weight: 900; letter-spacing: .09em; }
  .team-schedule__days > b { display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0; color: #8492a5; font-size: 7px; letter-spacing: .05em; }
  .team-schedule__days > b:first-of-type { color: #ffacc9; }
  .team-schedule__days small { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 6px; background: rgba(255,255,255,.055); color: #d6deea; font-size: 8px; }
  .team-schedule__days > b:first-of-type small { background: #fa85ae; color: #25111b; }
  .team-schedule__row { flex: 1 1 0; min-height: 54px; border-bottom: 1px solid rgba(255,255,255,.065); }
  .team-schedule__row:last-child { border-bottom: 0; }
  .team-person { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px 8px; border-right: 1px solid rgba(255,255,255,.07); }
  .team-person > i { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(250,133,174,.22); border-radius: 9px; background: linear-gradient(145deg,#283444,#18222f); color: #fff; font-size: 8px; font-style: normal; font-weight: 850; }
  .team-person span { min-width: 0; }
  .team-person b, .team-person small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .team-person b { font-size: 9px; line-height: 1.15; }
  .team-person small { margin-top: 3px; color: #77869a; font-size: 7px; line-height: 1.1; }
  .team-cell { display: grid; min-width: 0; place-items: center; padding: 4px 3px; border-right: 1px solid rgba(255,255,255,.045); }
  .team-cell:last-child { border-right: 0; }
  .team-cell--off > small { color: #556477; font-size: 6.5px; font-weight: 800; letter-spacing: .05em; }
  .team-shift { display: grid; align-content: center; width: 100%; min-height: 36px; padding: 5px 5px 5px 8px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--shift) 32%,transparent); border-left: 3px solid var(--shift); border-radius: 8px; background: color-mix(in srgb,var(--shift) 14%,#111c27); color: color-mix(in srgb,var(--shift) 68%,#fff); font-size: 7.5px; line-height: 1.05; white-space: nowrap; }
  .team-shift small { display: block; margin-top: 3px; overflow: hidden; color: #8f9caf; font-size: 6px; font-weight: 650; text-overflow: ellipsis; }
  .team-shift--green { --shift:#61c58a; }.team-shift--pink { --shift:#fa85ae; }.team-shift--blue { --shift:#66a3ff; }.team-shift--violet { --shift:#aa88ff; }
  .team-cell--gap { position: relative; align-content: center; gap: 1px; border: 1px dashed rgba(255,184,92,.55); border-radius: 8px; background: rgba(255,171,64,.065); }
  .team-cell--gap > i { position: absolute; right: 4px; top: 4px; width: 5px; height: 5px; border-radius: 50%; background: #ffb25c; box-shadow: 0 0 0 4px rgba(255,178,92,.08); }
  .team-cell--gap b { color: #ffc078; font-size: 6px; line-height: 1.1; text-align: center; }
  .team-cell--gap small { color: #98764f; font-size: 6px; }
  .team-planner__footer { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: center; gap: 11px; min-height: 58px; padding: 9px 14px; border-top: 1px solid rgba(255,255,255,.09); background: #111a25; }
  .team-planner__alert, .team-planner__sync { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .team-planner__alert > i, .team-planner__sync > i { display: grid; flex: 0 0 auto; place-items: center; width: 24px; height: 24px; border-radius: 8px; font-size: 9px; font-style: normal; font-weight: 900; }
  .team-planner__alert > i { background: rgba(255,178,92,.11); color: #ffb25c; }.team-planner__sync > i { background: rgba(255,112,112,.11); color: #ff7777; }
  .team-planner__alert span, .team-planner__sync span { min-width: 0; }
  .team-planner__alert b, .team-planner__alert small, .team-planner__sync b, .team-planner__sync small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .team-planner__alert b, .team-planner__sync b { color: #dfe5ee; font-size: 8px; line-height: 1.2; }
  .team-planner__alert small, .team-planner__sync small { margin-top: 2px; color: #718095; font-size: 6.5px; }
  .team-planner__publish { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 31px; padding: 0 12px; border: 1px solid rgba(250,133,174,.35); border-radius: 9px; background: rgba(250,133,174,.11); color: #ffacc9; font-size: 7.5px; white-space: nowrap; }
  .team-planner__publish i { font-style: normal; }
  .beauty-visual > img, .hair-visual > img, .go-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .visual-evidence-note { position: absolute; left: 4%; top: 4%; z-index: 6; padding: 7px 9px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(8,14,24,.72); color: #d8e0ec; font-size: 10px; font-weight: 850; letter-spacing: .08em; backdrop-filter: blur(10px); }
  .beauty-visual > img { object-position: 58% center; filter: saturate(.9) brightness(.77); }
  .beauty-visual::before, .hair-visual::before, .go-visual::before { z-index: 2; opacity: 1; background: linear-gradient(90deg,rgba(8,14,24,.68),transparent 62%),linear-gradient(to top,rgba(8,14,24,.55),transparent 52%); mask-image: none; pointer-events: none; }
  .hair-visual > img { object-position: center 38%; filter: saturate(.9) brightness(.72); }
  .hair-recipe { position: absolute; right: 4%; bottom: 5%; z-index: 4; width: min(340px,70%); padding: 19px; border: 1px solid rgba(130,92,231,.45); border-radius: 18px; background: rgba(17,15,31,.93); box-shadow: 0 24px 52px rgba(0,0,0,.42); backdrop-filter: blur(14px); }
  .hair-recipe > span, .hair-recipe > small { display: block; color: #b8a5ff; font-size: 10px; font-weight: 850; letter-spacing: .07em; }
  .hair-recipe > strong { display: block; margin-top: 5px; font-family: var(--display); font-size: 21px; }
  .hair-recipe > div { display: flex; gap: 6px; margin: 14px 0 10px; }
  .hair-recipe > div b { flex: 1; padding: 9px 7px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; color: #e4def2; font-size: 10px; text-align: center; }
  .hair-recipe > small { color: #8995a6; letter-spacing: 0; }
  .appointment-card { position: absolute; left: 4%; bottom: 5%; z-index: 5; width: 250px; padding: 18px; border: 1px solid rgba(250,133,174,.4); border-radius: 16px; background: rgba(14,20,31,.94); box-shadow: 0 20px 40px rgba(0,0,0,.38); }
  .appointment-card > span, .appointment-card > small { display: block; color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .08em; }
  .appointment-card strong { display: block; margin: 4px 0; font-size: 13px; }
  .appointment-card > small { color: #8190a3; }
  .appointment-card div { display: flex; align-items: center; gap: 7px; margin-top: 13px; color: #7ee0a8; font-size: 10px; }
  .appointment-card div i { width: 7px; height: 7px; border-radius: 50%; background: #7ee0a8; }
  .control-visual > img, .extensions-dashboard { position: absolute; left: 7%; top: 8%; width: 87%; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; box-shadow: 0 32px 66px rgba(0,0,0,.42); }
  .owner-widget { position: absolute; right: 5%; bottom: 5%; z-index: 3; width: 280px; padding: 24px; border: 1px solid rgba(46,107,255,.38); border-radius: 25px; background: rgba(15,25,39,.96); box-shadow: 0 25px 50px rgba(0,0,0,.42); }
  .owner-widget span, .owner-widget small { display: block; color: #96a4b6; font-size: 10px; font-weight: 900; letter-spacing: .085em; }
  .owner-widget strong { display: block; margin-block: 5px; font-family: var(--display); font-size: 29px; }
  .owner-widget small { color: #60d49a; }
  .owner-widget div { display: flex; align-items: end; gap: 5px; height: 60px; margin-top: 20px; }
  .owner-widget div i { flex: 1; min-height: 8px; border-radius: 4px 4px 1px 1px; background: linear-gradient(#4b8bff,#1f5fe9); }
  .operations-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% center; filter: saturate(.9) contrast(1.06) brightness(.78); }
  .operations-visual::before { z-index: 2; opacity: 1; background: linear-gradient(90deg, rgba(7,14,23,.7), transparent 58%), linear-gradient(to top, rgba(7,14,23,.5), transparent 56%); mask-image: none; pointer-events: none; }
  .build-progress, .go-field { position: absolute; z-index: 4; border: 1px solid rgba(255,255,255,.18); background: rgba(10,18,29,.9); box-shadow: 0 24px 52px rgba(0,0,0,.42); backdrop-filter: blur(14px); }
  .build-progress { left: 5%; bottom: 6%; width: min(345px,66%); padding: 20px; border-radius: 18px; }
  .build-progress > span, .build-progress > small, .go-field > span, .go-field > small { display: block; color: #a0adbc; font-size: 10px; font-weight: 850; letter-spacing: .07em; }
  .build-progress > span { color: #ffd166; }
  .build-progress > strong, .go-field > strong { display: block; margin-top: 5px; font-family: var(--display); font-size: 20px; }
  .build-progress > i { display: block; height: 5px; margin: 15px 0 10px; overflow: hidden; border-radius: 9px; background: rgba(255,255,255,.12); }
  .build-progress > i b { display: block; width: 68%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ffd166,#ff9f66); }
  .go-field { right: 4%; top: 5%; width: min(285px,53%); padding: 17px 19px; border-radius: 16px; }
  .go-field > span { color: #ffa169; }
  .go-field > strong { font-size: 16px; }
  .go-field > small { margin-top: 7px; line-height: 1.5; }
  .go-visual > img { object-position: 56% center; filter: saturate(.96) contrast(1.02) brightness(.88); }
  .go-visual::before { background: linear-gradient(90deg,rgba(6,15,20,.68),transparent 52%),linear-gradient(to top,rgba(6,15,20,.42),transparent 52%); }
  .go-visual .go-field { left: 4%; right: auto; top: 5%; width: min(350px,72%); border-color: rgba(32,168,132,.44); }
  .go-visual .go-field > span { color: #56d2ad; }
  .go-visual .visual-evidence-note { left: auto; right: 4%; top: 4%; bottom: auto; }
  .go-receipt-pin { position: absolute; left: 4%; bottom: 6%; z-index: 5; display: grid; grid-template-columns: 12px 1fr; gap: 2px 9px; width: min(210px,37%); padding: 13px 14px; border: 1px solid rgba(86,210,173,.42); border-radius: 14px; background: rgba(8,21,24,.9); box-shadow: 0 18px 40px rgba(0,0,0,.32); backdrop-filter: blur(14px); }
  .go-receipt-pin > i { grid-row: 1 / 4; align-self: center; width: 9px; height: 9px; border: 2px solid #dffbf1; border-radius: 50%; background: #20a884; box-shadow: 0 0 0 7px rgba(32,168,132,.15); }
  .go-receipt-pin > span { color: #78dec1; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
  .go-receipt-pin > strong { font-family: var(--display); font-size: 18px; line-height: 1; }
  .go-receipt-pin > small { color: #aab7c4; font-size: 9px; }
  .go-route { position: absolute; right: 5%; bottom: 7%; z-index: 4; width: 34%; height: 34%; border: 1px solid rgba(86,210,173,.35); border-radius: 20px; background: rgba(9,20,27,.82); backdrop-filter: blur(12px); }
  .go-route::before, .go-route::after { content: ""; position: absolute; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: #20a884; box-shadow: 0 0 0 6px rgba(32,168,132,.16); }
  .go-route::before { left: 18%; bottom: 18%; }.go-route::after { right: 18%; top: 19%; }
  .go-route i { position: absolute; left: 23%; right: 23%; top: 52%; border-top: 2px dashed #56d2ad; transform: rotate(-30deg); }
  .go-route b { position: absolute; color: #a6b4c3; font-size: 10px; letter-spacing: .07em; }
  .go-route b:nth-of-type(1) { left: 10%; bottom: 8%; }.go-route b:nth-of-type(2) { right: 8%; top: 8%; }
  .go-route em { position: absolute; left: 45%; top: 48%; width: 8px; height: 8px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(32,168,132,.18); }

  .ar-visual video { width: 100%; height: 100%; object-fit: contain; object-position: center; background: #08111d; filter: saturate(1.22) contrast(1.05); }
  .ar-visual::before { z-index: 2; opacity: .13; background: radial-gradient(ellipse 22% 30% at 82% 27%, rgba(255,112,202,.35), transparent 72%), radial-gradient(ellipse 30% 48% at 77% 58%, rgba(46,107,255,.38), transparent 74%), radial-gradient(ellipse 24% 30% at 80% 82%, rgba(121,83,255,.3), transparent 74%); mix-blend-mode: screen; mask-image: none; pointer-events: none; }
  .ar-visual::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to top, rgba(8,14,24,.65), transparent 55%); pointer-events: none; }
  .ar-holo-spectrum { position: absolute; inset: 0; z-index: 2; opacity: .055; background: linear-gradient(180deg,rgba(255,206,92,.7),rgba(255,77,184,.55) 42%,rgba(64,156,255,.48) 72%,rgba(113,78,255,.62)); mix-blend-mode: color; mask-image: radial-gradient(ellipse 24% 54% at 84% 51%,#000 16%,rgba(0,0,0,.92) 48%,transparent 76%); pointer-events: none; }
  .ar-play { left: 2%; top: 52%; bottom: auto; width: 44px; height: 44px; justify-content: center; gap: 0; opacity: .74; }
  .ar-play span { width: 36px; height: 36px; border-color: rgba(255,255,255,.28); background: rgba(5,11,20,.46); color: rgba(255,255,255,.82); backdrop-filter: blur(8px); transition: opacity 160ms ease, transform 160ms ease, border-color 160ms ease, background 160ms ease; }
  .ar-play b { display: none; }
  .ar-play:hover, .ar-play:focus-visible { opacity: 1; }
  .ar-play:hover span, .ar-play:focus-visible span { transform: scale(1.04); border-color: rgba(255,255,255,.52); background: rgba(5,11,20,.72); }
  .ar-avatar-spec { position: absolute; left: 5%; top: 6%; z-index: 4; width: min(260px,42%); padding: 13px 15px; border: 1px solid rgba(176,155,255,.42); border-radius: 14px; background: rgba(8,16,28,.88); box-shadow: 0 18px 40px rgba(0,0,0,.3); backdrop-filter: blur(12px); }
  .ar-avatar-spec > span { display: block; color: #c5b7ff; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
  .ar-avatar-spec > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
  .ar-avatar-spec b { padding: 5px 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.055); color: #dce3ee; font-size: 7px; letter-spacing: .035em; }
  .ar-scan { position: absolute; right: 6%; top: 9%; z-index: 4; padding: 14px 17px; border: 1px solid rgba(166,140,250,.43); border-radius: 13px; background: rgba(10,18,29,.9); }
  .ar-scan i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--accent); }
  .ar-scan span { color: var(--accent); font-size: 10px; font-weight: 900; letter-spacing: .08em; }
  .ar-scan strong { display: block; margin-top: 4px; font-size: 12px; }
  .ar-story-caption { position: absolute; right: 5%; bottom: 6%; z-index: 4; width: min(285px,52%); padding: 15px 17px; border: 1px solid rgba(99,175,255,.45); border-radius: 14px; background: rgba(8,16,28,.91); box-shadow: 0 20px 44px rgba(0,0,0,.35); opacity: 0; transform: translateY(10px); backdrop-filter: blur(12px); }
  .ar-story-caption > span { display: block; color: #8fc5ff; font-size: 10px; font-weight: 900; letter-spacing: .085em; }
  .ar-story-caption > strong { display: block; margin-top: 4px; color: #f7f9fc; font-size: 12px; }
  .ar-story-caption > i { display: flex; align-items: center; gap: 3px; height: 15px; margin-top: 10px; }
  .ar-story-caption > i b { width: 3px; height: 5px; border-radius: 3px; background: linear-gradient(#ff83c8,#5f9dff); }
  .ar-browser-proof { position: absolute; left: 5%; bottom: 17%; z-index: 4; display: grid; grid-template-columns: 11px 1fr; gap: 2px 8px; width: min(245px,42%); padding: 11px 13px; border: 1px solid rgba(176,155,255,.34); border-radius: 12px; background: rgba(8,16,28,.84); box-shadow: 0 16px 34px rgba(0,0,0,.26); backdrop-filter: blur(12px); }
  .ar-browser-proof i { grid-row: 1 / 3; align-self: center; width: 8px; height: 8px; border-radius: 50%; background: #8fdba9; box-shadow: 0 0 0 6px rgba(143,219,169,.1); }
  .ar-browser-proof span { color: #c5b7ff; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
  .ar-browser-proof strong { color: #f4f7fb; font-size: 10px; }

  .extensions-visual { background: radial-gradient(circle at 82% 74%, rgba(255,140,105,.16), transparent 32%), radial-gradient(circle at 18% 16%, rgba(108,157,255,.2), transparent 42%), #0a121d; }
  .extension-console { position: absolute; inset: 4%; z-index: 3; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); gap: 9px; }
  .extension-mini { min-width: 0; overflow: hidden; padding: 13px 14px; border: 1px solid color-mix(in srgb,var(--mini,#6c9dff) 34%,rgba(255,255,255,.08)); border-radius: 15px; background: linear-gradient(145deg,color-mix(in srgb,var(--mini,#6c9dff) 11%,rgba(16,24,35,.96)),rgba(12,19,29,.96)); box-shadow: 0 18px 36px rgba(0,0,0,.2); }
  .extension-mini header { display: flex; align-items: center; gap: 7px; min-width: 0; }
  .extension-mini header svg { flex: 0 0 auto; width: 25px; height: 25px; padding: 5px; border-radius: 8px; background: color-mix(in srgb,var(--mini,#6c9dff) 17%,transparent); fill: none; stroke: var(--mini,#6c9dff); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .extension-mini header b { color: #f4f7fb; font-size: 10px; }
  .extension-mini header span { margin-left: auto; color: var(--mini,#6c9dff); font-size: 10px; font-weight: 900; letter-spacing: .06em; white-space: nowrap; }
  .extension-mini > strong { display: block; margin-top: 10px; font-family: var(--display); font-size: 17px; line-height: 1.08; }
  .extension-mini > small { display: block; margin-top: 4px; color: #9aa7b8; font-size: 10px; line-height: 1.35; }
  .extension-mini--widget { --mini:#6c9dff; }.extension-mini--serwis { --mini:#a68cfa; }.extension-mini--books { --mini:#3db88c; }.extension-mini--eats { --mini:#ff8c69; }.extension-mini--fleet { --mini:#76a2ff; }.extension-mini--planner { --mini:#ac97ff; }
  .mini-bars { display: flex; align-items: end; gap: 4px; height: 30px; margin-top: 9px; }
  .mini-bars i { flex: 1; min-height: 5px; border-radius: 3px 3px 1px 1px; background: linear-gradient(#6c9dff,#2e6bff); }
  .mini-bars i:nth-child(1) { height: 35%; }.mini-bars i:nth-child(2) { height: 52%; }.mini-bars i:nth-child(3) { height: 72%; }.mini-bars i:nth-child(4) { height: 94%; }.mini-bars i:nth-child(5) { height: 67%; }.mini-bars i:nth-child(6) { height: 83%; }
  .mini-chat { display: grid; gap: 6px; margin-top: 11px; }
  .mini-chat span, .mini-chat b { width: fit-content; max-width: 92%; padding: 7px 9px; border-radius: 9px; font-size: 10px; line-height: 1.25; }
  .mini-chat span { background: #202b3a; color: #aab4c2; }.mini-chat b { justify-self: end; background: rgba(166,140,250,.16); color: #c9bbff; }
  .mini-progress { margin-top: 11px; }.mini-progress i { display: block; width: 84%; height: 4px; border-radius: 5px; background: linear-gradient(90deg,#3db88c 0 76%,rgba(255,255,255,.1) 76%); }.mini-progress span { display: block; margin-top: 6px; color: #9eabba; font-size: 10px; }
  .extension-mini--eats > strong { max-width: 230px; font-size: 14px; }
  .extension-mini--eats .eats-map { height: 46px; margin-top: 8px; border-radius: 9px; }
  .extension-mini--eats .eats-map b { padding: 4px 5px; font-size: 10px; }
  .extension-mini--eats .eats-map b::before { width: 6px; height: 6px; border-width: 1px; }
  .extension-mini--eats .eats-map__customer { right: 4%; top: 10%; }.extension-mini--eats .eats-map__runner { left: 4%; bottom: 8%; }
  .extension-mini--eats > a { display: inline-block; margin-top: 5px; color: #ff9f82; font-size: 10px; font-weight: 800; }
  .mini-fleet-map { position: relative; height: 61px; margin-top: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: linear-gradient(135deg,#162438,#0f1926); }
  .mini-fleet-map::before { content:""; position:absolute; left:12%; right:10%; top:53%; border-top:2px dashed rgba(118,162,255,.65); transform:rotate(-8deg); }
  .mini-fleet-map i { position: absolute; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: #76a2ff; box-shadow: 0 0 0 4px rgba(118,162,255,.13); }
  .mini-fleet-map i:nth-child(1) { left: 13%; bottom: 16%; }.mini-fleet-map i:nth-child(2) { left: 47%; top: 33%; }.mini-fleet-map i:nth-child(3) { right: 12%; top: 16%; }
  .mini-fleet-map b { position: absolute; right: 7%; bottom: 8%; color: #a9c0ff; font-size: 10px; letter-spacing: .06em; }
  .extension-mini--planner ol { display: grid; gap: 5px; margin: 10px 0 0; padding: 0; list-style: none; }
  .extension-mini--planner li { display: grid; grid-template-columns: 35px 1fr; gap: 6px; align-items: center; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.07); }
  .extension-mini--planner time { color: #b8a7ff; font-size: 10px; font-weight: 800; }.extension-mini--planner li b { overflow: hidden; color: #c4ccd6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  .extensions-dashboard { opacity: .56; filter: saturate(.7) brightness(.72); transform: rotate(-1.5deg); }
  .extensions-visual .owner-widget { left: 4%; right: auto; top: 5%; bottom: auto; width: 250px; padding: 19px; }
  .extensions-visual .owner-widget strong { font-size: 24px; }
  .extensions-visual .owner-widget div { height: 42px; margin-top: 14px; }

  .widget-demo-stage { position: absolute; inset: 0; z-index: 3; overflow: hidden; }
  .widget-demo-stage::before { content: ""; position: absolute; right: 0; top: 5%; width: 58%; height: 82%; border: 1px solid rgba(108,157,255,.14); border-radius: 50%; background: radial-gradient(circle,rgba(108,157,255,.22),transparent 67%); filter: blur(12px); }
  .widget-config-card { position: absolute; left: 6%; top: 45%; width: min(285px,40%); padding: 24px; border: 1px solid rgba(108,157,255,.28); border-radius: 22px; background: linear-gradient(145deg,rgba(20,31,47,.97),rgba(9,15,25,.98)); box-shadow: 0 24px 54px rgba(0,0,0,.32); transform: translateY(-50%); }
  .widget-config-card > span { color: #78a8ff; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .widget-config-card > strong { display: block; max-width: 240px; margin-top: 10px; font-family: var(--display); font-size: 25px; font-weight: 600; line-height: 1.08; }
  .widget-config-card > p { display: flex; align-items: center; gap: 8px; margin-top: 14px; color: #9eabba; font-size: 10px; font-weight: 750; }
  .widget-config-card > p i { width: 7px; height: 7px; border-radius: 50%; background: #52d28e; box-shadow: 0 0 0 5px rgba(82,210,142,.1); }
  .widget-config-list { display: grid; gap: 0; margin-top: 17px; }
  .widget-config-list > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; }
  .widget-config-list dt { color: #8f9caf; }.widget-config-list dd { margin: 0; color: #f3f6fa; font-weight: 800; text-align: right; }
  .widget-setting-rail { position: absolute; left: 5%; right: 5%; bottom: 4%; z-index: 7; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding: 5px; border: 1px solid rgba(108,157,255,.23); border-radius: 13px; background: rgba(8,15,25,.88); backdrop-filter: blur(14px); }
  .widget-setting-rail b { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 34px; padding: 7px 9px; border-radius: 9px; background: rgba(108,157,255,.07); color: #c8d2df; font-size: 9px; text-align: center; }
  .widget-setting-rail span { color: #78a8ff; font-size: 8px; }

  .widget-device { position: absolute; right: 5%; top: 45%; width: min(320px,42%); margin: 0; transform: translateY(-50%); }
  .widget-device__crop { position: relative; width: 100%; overflow: hidden; border-radius: 59px 59px 28px 28px; aspect-ratio: 320 / 395; -webkit-mask-image: linear-gradient(#000 0%,#000 88%,transparent 100%); mask-image: linear-gradient(#000 0%,#000 88%,transparent 100%); }
  .widget-phone { position: relative; width: 100%; margin: 0; padding: 9px; border: 1px solid rgba(255,255,255,.25); border-radius: 62px; background: linear-gradient(135deg,#e1e5eb 0%,#4b5664 6%,#080b10 14%,#05070a 84%,#8c96a5 96%,#e0e3e8 100%); box-shadow: 0 34px 68px rgba(0,0,0,.52), inset 0 0 0 2px rgba(255,255,255,.08); }
  .widget-phone::before { content: ""; position: absolute; inset: 4px; z-index: 0; border: 2px solid #05070a; border-radius: 57px; pointer-events: none; }
  .widget-phone__side { position: absolute; z-index: -1; width: 4px; border-radius: 3px 0 0 3px; background: linear-gradient(#8d97a5,#242a32); box-shadow: -1px 0 rgba(255,255,255,.34); }
  .widget-phone__side--top { left: -4px; top: 19%; height: 7%; }
  .widget-phone__side--middle { left: -4px; top: 28%; height: 11%; }
  .widget-phone__side--power { right: -4px; top: 25%; width: 4px; height: 14%; border-radius: 0 3px 3px 0; }
  .widget-phone__screen { position: relative; z-index: 1; width: 100%; overflow: hidden; border-radius: 52px; aspect-ratio: 603 / 1311; background: #07101d; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); }
  .widget-phone__home { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .widget-screen-cleaner { position: absolute; left: 2.4%; right: 2.4%; top: 6.4%; height: 25%; z-index: 2; border-radius: 33px; background: linear-gradient(180deg,rgba(5,12,25,.98) 0%,rgba(8,19,35,.96) 76%,rgba(8,20,36,0) 100%); backdrop-filter: blur(16px); }
  .widget-device figcaption { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; margin-top: 9px; color: #a4afbd; font-size: 10px; font-weight: 900; letter-spacing: .045em; line-height: 1.4; text-align: center; }
  .widget-device figcaption i { flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: #52d28e; box-shadow: 0 0 0 5px rgba(82,210,142,.09); }

  .avero-ios-widget { position: absolute; left: 5.1%; right: 5.1%; top: 8.3%; height: 19.4%; z-index: 4; padding: 13px 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 27px; background: radial-gradient(circle at 88% 15%,rgba(46,107,255,.38),transparent 44%), linear-gradient(145deg,#182333,#0a1019 76%); color: #fff; box-shadow: 0 15px 32px rgba(0,0,0,.42); font-variant-numeric: tabular-nums; transform-origin: center; }
  .avero-ios-widget::before { content: ""; position: absolute; inset: -30% auto -30% -45%; width: 38%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); transform: skewX(-16deg); }
  .avero-ios-widget header { position: relative; z-index: 2; display: grid; grid-template-columns: 76px minmax(0,1fr) 8px; gap: 9px; align-items: center; }
  .avero-widget-brand { display: flex !important; align-items: center; gap: 4px; min-width: 0; overflow: visible !important; }
  .avero-widget-brand img { width: 50px; height: auto; }
  .avero-widget-brand b { color: #ff8a66; font-family: var(--display); font-size: 8px; }
  .avero-ios-widget header div { min-width: 0; }
  .avero-ios-widget header strong, .avero-ios-widget header div > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .avero-ios-widget header strong { font-size: 10.5px; line-height: 1.05; }
  .avero-ios-widget header div > span { margin-top: 2px; color: #b6c1cf; font-size: 10px; }
  .avero-ios-widget header > i { width: 6px; height: 6px; border-radius: 50%; background: #52d28e; box-shadow: 0 0 0 4px rgba(82,210,142,.1); }
  .avero-ios-widget > small { position: relative; z-index: 2; display: block; margin-top: 8px; color: #a9b5c4; font-size: 10px; font-weight: 850; letter-spacing: .075em; }
  .avero-widget-value { position: relative; z-index: 2; height: 33px; margin-top: 1px; font-family: var(--display); font-size: 28px; font-weight: 650; line-height: 33px; letter-spacing: -.04em; }
  .avero-widget-value b { position: absolute; inset: 0; font: inherit; white-space: nowrap; }
  .avero-widget-value b:last-child { opacity: 0; color: #fff; }
  .avero-ios-widget footer { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; color: #acb7c5; font-size: 10px; font-style: normal; }
  .avero-ios-widget footer > span { display: flex; align-items: center; gap: 4px; }
  .avero-ios-widget footer i { width: 4px; height: 4px; border-radius: 50%; background: #52d28e; }
  .avero-ios-widget footer > b { color: #8eb4ff; font-size: 10px; }
  .eats-route { position: absolute; right: 4%; bottom: 5%; z-index: 5; width: min(360px,70%); padding: 20px; border: 1px solid rgba(255,140,105,.38); border-radius: 19px; background: rgba(15,22,32,.94); box-shadow: 0 28px 60px rgba(0,0,0,.44); backdrop-filter: blur(14px); }
  .eats-route > span, .eats-route > small, .eats-route > a { display: block; font-size: 10px; font-weight: 850; letter-spacing: .07em; }
  .eats-route > span { color: #ff8c69; }
  .eats-route > strong { display: block; margin-top: 5px; font-family: var(--display); font-size: 22px; }
  .eats-route > small { margin-top: 12px; color: #a4afbe; line-height: 1.5; letter-spacing: 0; }
  .eats-route > a { margin-top: 8px; color: #ff9f82; }
  .eats-map { position: relative; height: 118px; margin-top: 15px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: radial-gradient(circle at 20% 30%,rgba(108,157,255,.18),transparent 22%), linear-gradient(135deg,#182434,#101927); }
  .eats-map::before, .eats-map::after { content: ""; position: absolute; width: 120%; height: 1px; background: rgba(255,255,255,.08); transform-origin: left; }
  .eats-map::before { left: -5%; top: 29%; transform: rotate(13deg); }
  .eats-map::after { left: 8%; bottom: 18%; transform: rotate(-11deg); }
  .eats-map__path { position: absolute; left: 23%; right: 25%; top: 54%; height: 2px; border-top: 2px dashed rgba(255,140,105,.72); transform: rotate(-9deg); }
  .eats-map__path::after { content: ""; position: absolute; left: 0; top: -5px; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: #ff8c69; box-shadow: 0 0 0 5px rgba(255,140,105,.13); }
  .eats-map b { position: absolute; z-index: 2; padding: 6px 8px; border-radius: 8px; font-size: 10px; letter-spacing: .05em; }
  .eats-map b::before { content: ""; position: absolute; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,255,255,.09); }
  .eats-map__customer { right: 6%; top: 16%; background: #ff8c69; color: #161d28; }
  .eats-map__customer::before { left: -17px; bottom: -16px; background: #ff8c69; }
  .eats-map__runner { left: 6%; bottom: 14%; background: #2e6bff; color: #fff; }
  .eats-map__runner::before { right: -17px; top: -16px; background: #2e6bff; }

  .product-film-section { padding: 88px 0; background: var(--surface); }
  .film-layout { display: grid; grid-template-columns: minmax(300px,.58fr) minmax(0,1.42fr); gap: 58px; align-items: center; }
  .film-copy h2 { margin-top: 20px; font-family: var(--headline); font-size: clamp(48px,4.4vw,68px); font-weight: 700; line-height: 1; letter-spacing: -.045em; }
  .film-copy > p { margin-top: 24px; color: var(--muted); font-size: 15px; }
  .film-copy ul { display: grid; gap: 12px; margin-top: 30px; padding: 0; list-style: none; }
  .film-copy li { display: flex; align-items: center; gap: 13px; padding-bottom: 12px; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 750; }
  .film-copy li span { color: var(--blue); font-size: 10px; font-weight: 900; }
  .film-note { display: flex; align-items: center; gap: 10px; margin-top: 28px; color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .07em; }
  .film-note i { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #52d28e; box-shadow: 0 0 0 6px rgba(82,210,142,.11); }
  .product-film { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: #0d151f; box-shadow: var(--shadow); }
  .product-film video { width: 100%; aspect-ratio: 16/9; object-fit: cover; background: #07101d; }
  .product-film .film-control { left: auto; right: 14px; top: auto; bottom: 8px; z-index: 5; padding: 4px 9px 4px 4px; border-radius: 999px; background: rgba(5,8,13,.82); transform: none; backdrop-filter: blur(10px); }
  .product-film .film-control span { width: 38px; height: 38px; }
  .product-film figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 88px 17px 22px; color: #f4f7fb; }
  .product-film figcaption span { color: #8eb1ff; font-size: 10px; font-weight: 900; letter-spacing: .085em; }
  .product-film figcaption strong { font-size: 11px; }
  .product-film--module { min-height: 620px; border: 0; border-radius: 0; box-shadow: none; }
  .product-film--module::before { display: none; }
  .product-film--module video { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; }
  .product-film--module figcaption { position: absolute; inset: auto 0 0; z-index: 4; background: linear-gradient(to top,rgba(5,10,17,.96),rgba(5,10,17,.74)); }

  .kasa-config-visual { display: flex; flex-direction: column; min-height: 620px; background: radial-gradient(circle at 48% 44%,rgba(255,122,82,.12),transparent 50%),#09111b; }
  .kasa-config-visual::before { z-index: 0; opacity: .18; pointer-events: none; }
  .kasa-config-head { position: relative; z-index: 7; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 58px; padding: 15px 22px 12px; border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(7,14,23,.9); }
  .kasa-config-head span { color: #ff9a7a; font-size: 9px; font-weight: 900; letter-spacing: .085em; }
  .kasa-config-head strong { color: #f5f7fb; font-size: 11px; }
  .kasa-photo-stage { position: relative; z-index: 2; flex: 1 1 auto; width: 100%; aspect-ratio: 1672 / 941; margin: auto 0; overflow: hidden; }
  .kasa-photo { position: absolute; inset: -2%; width: 104%; height: 104%; object-fit: cover; filter: saturate(.72) brightness(.44) blur(1px); }
  .kasa-photo-stage::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(circle at 34% 45%,rgba(46,107,255,.14),transparent 38%),linear-gradient(90deg,rgba(4,10,17,.76),rgba(4,10,17,.38)); }
  .kasa-photo-stage::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(to top,rgba(6,12,20,.46),transparent 24%); }

  .kasa-screen { position: absolute; z-index: 4; overflow: hidden; background: #101923; color: #f8fafc; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12),0 24px 56px rgba(0,0,0,.48),0 0 28px rgba(46,107,255,.16); }
  .kasa-screen--large { left: 4%; top: 8%; width: 72%; height: 80%; border: 8px solid #151b24; border-radius: 24px; transform: perspective(1100px) rotateY(-1.2deg); transform-origin: center; }
  .kasa-screen--large::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 43%,transparent 57%); transform: translateX(-120%); animation: kasaScreenSweep 7s ease-in-out infinite 2.4s; }
  .kasa-screen-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 18%; padding: 0 3.4%; border-bottom: 1px solid rgba(255,255,255,.1); background: #17212d; }
  .kasa-screen-head > span { display: flex; align-items: center; gap: 4px; }
  .kasa-screen-head img { width: clamp(38px,6vw,78px); height: auto; }
  .kasa-screen-head b { color: #ff7a52; font-size: clamp(4px,.55vw,7px); letter-spacing: .08em; text-transform: uppercase; }
  .kasa-screen-head small { color: #8f9cad; font-size: clamp(4px,.5vw,6px); font-weight: 800; letter-spacing: .06em; }
  .kasa-large-body { display: grid; grid-template-columns: minmax(0,1fr) 31%; gap: 1.5%; height: 82%; padding: 1.8%; }
  .kasa-tile-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 3.4%; }
  .kasa-tile { position: relative; display: grid; grid-template-columns: 43% 1fr; align-items: center; gap: 4%; min-width: 0; overflow: hidden; padding: 4%; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; background: linear-gradient(145deg,#2a3542,#202a36); animation: kasaTileSignal 6s cubic-bezier(.2,.75,.25,1) infinite var(--tile-delay); }
  .kasa-tile::before { content: ""; position: absolute; width: 12%; height: 2px; align-self: start; border-radius: 2px; background: #2e6bff; }
  .kasa-tile img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 2px 3px rgba(0,0,0,.3)); }
  .kasa-tile b { overflow: hidden; color: #fff; font-size: clamp(4px,.64vw,8px); line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
  .kasa-cart { display: flex; flex-direction: column; min-width: 0; padding: 6%; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; background: #263240; }
  .kasa-cart > span { color: #aeb9c6; font-size: clamp(4px,.48vw,6px); font-weight: 900; letter-spacing: .08em; }
  .kasa-cart p { display: grid; grid-template-columns: auto 1fr auto; gap: 3px; margin-top: 6%; color: #e5eaf0; font-size: clamp(4px,.46vw,6px); white-space: nowrap; }
  .kasa-cart p b { color: #ff7a52; }.kasa-cart p strong { color: #fff; }
  .kasa-cart > div { display: flex; align-items: end; justify-content: space-between; gap: 4px; margin-top: auto; padding-top: 6%; border-top: 1px solid rgba(255,255,255,.12); }
  .kasa-cart > div small { color: #9da9b8; font-size: clamp(3px,.4vw,5px); font-weight: 800; }
  .kasa-cart > div b { font-size: clamp(7px,.9vw,12px); white-space: nowrap; }
  .kasa-cart button { min-height: 0; margin-top: 5%; padding: 5% 2%; border: 0; border-radius: 4px; background: #2e6bff; color: #fff; font-size: clamp(4px,.48vw,6px); font-weight: 900; pointer-events: none; }

  .kasa-screen--mini { right: 2%; top: 16%; width: 27%; height: 65%; padding: 0; border: 6px solid #151b24; border-radius: 18px; background: #0b111a; transform: perspective(1100px) rotateY(-1deg); transform-origin: center; }
  .kasa-screen-real { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 8%; }

  .kasa-device-label { position: absolute; z-index: 8; display: grid; gap: 2px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(7,15,25,.85); color: #aeb8c6; font-size: 8px; line-height: 1.2; box-shadow: 0 12px 28px rgba(0,0,0,.25); backdrop-filter: blur(10px); }
  .kasa-device-label b { color: #ff9474; font-size: 8px; letter-spacing: .07em; }
  .kasa-device-label--large { left: 5%; bottom: 3%; }.kasa-device-label--mini { right: 4%; bottom: 3%; }
  .kasa-config-features { position: relative; z-index: 7; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); min-height: 44px; border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); background: #0e1722; }
  .kasa-config-features span { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; border-right: 1px solid rgba(255,255,255,.08); color: #c8d0db; font-size: 8px; font-weight: 800; text-align: center; }
  .kasa-config-features span:last-child { border-right: 0; }.kasa-config-features i { color: #ff8f6d; font-size: 7px; font-style: normal; }
  .kasa-config-visual figcaption { position: relative; z-index: 7; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 53px; padding: 14px 22px; background: #08111b; }
  .kasa-config-visual figcaption span { color: #ff9a7a; font-size: 9px; font-weight: 900; letter-spacing: .075em; }
  .kasa-config-visual figcaption strong { color: #f5f7fb; font-size: 10px; text-align: right; }

  @keyframes kasaTileSignal { 0%,10%,100% { border-color: rgba(255,255,255,.13); transform: translateY(0); } 4% { border-color: rgba(255,122,82,.7); transform: translateY(-1px); } }
  @keyframes kasaScreenSweep { 0%,55% { transform: translateX(-120%); } 72%,100% { transform: translateX(130%); } }

  .proof-section { background: #101721; color: #f6f8fb; }
  .proof-section .section-kicker { color: #7da3ff; }
  .proof-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.55fr); align-items: end; gap: 80px; margin-bottom: 58px; }
  .proof-heading .section-kicker, .proof-heading h2 { grid-column: 1; }
  .proof-heading h2 { margin-top: 16px; }
  .proof-heading > p { grid-column: 2; grid-row: 1 / 3; color: #9ca8b9; }
  .case-grid { display: grid; gap: 24px; }
  .case-card { border: 1px solid rgba(255,255,255,.12); border-radius: 30px; background: #17202c; }
  .case-card--kukucorn { padding: 48px; background: radial-gradient(circle at 88% 0, rgba(240,179,41,.14), transparent 32%), #17202c; }
  .case-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.11); }
  .case-top span { color: #8cafef; font-size: 10px; font-weight: 900; letter-spacing: .09em; }
  .case-top b { color: #f0b329; font-size: 10px; letter-spacing: .085em; }
  .case-card h3 { max-width: 900px; margin-top: 34px; color: #f7f9fc; font-family: var(--headline); font-size: clamp(40px,4vw,62px); font-weight: 700; line-height: 1; letter-spacing: -.04em; }
  .case-card--kukucorn > p { max-width: 790px; margin-top: 18px; color: #9ca8b9; font-size: 15px; }
  .case-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; margin-top: 38px; border-block: 1px solid rgba(255,255,255,.12); }
  .case-metrics div { min-width: 0; padding: 26px 18px; border-right: 1px solid rgba(255,255,255,.11); }
  .case-metrics div:last-child { border-right: 0; }
  .case-metrics strong { display: block; font-family: var(--display); font-size: 30px; line-height: 1; }
  .case-metrics span { display: block; margin-top: 7px; color: #aeb8c6; font-size: 11px; line-height: 1.35; }
  .case-card--kukucorn footer { display: flex; align-items: center; gap: 16px; margin-top: 28px; }
  .case-card--kukucorn footer > span { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: #f0b329; box-shadow: 0 0 0 7px rgba(240,179,41,.1); }
  .case-card--kukucorn footer p { max-width: 780px; color: #dce2eb; font-size: 12px; font-weight: 650; }
  .case-card--live { display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; }
  .live-collage { display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: 1fr 1fr; min-height: 570px; gap: 4px; background: #0d141d; }
  .live-collage img { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; filter: saturate(.8) contrast(1.08); }
  .live-collage img:first-child { grid-row: 1 / 3; }
  .case-live-copy { display: flex; flex-direction: column; justify-content: center; padding: 48px; }
  .case-live-copy .case-top b { color: #58a9ff; }
  .case-live-copy h3 { margin-top: 30px; font-size: clamp(37px,3.3vw,52px); }
  .case-live-copy > p { margin-top: 18px; color: #9ca8b9; font-size: 13px; }
  .live-facts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 26px; }
  .live-facts span { padding: 8px 11px; border: 1px solid rgba(88,169,255,.28); border-radius: 999px; color: #bdc7d5; font-size: 11px; }
  .live-facts strong { color: #fff; }
  .case-live-copy .module-link { color: #58a9ff; }

  .implementation-section { position: relative; isolation: isolate; overflow: hidden; padding: 120px 0; background: radial-gradient(circle at 12% 22%, rgba(118,160,255,.34), transparent 31%), linear-gradient(135deg,#1958ef 0%,#174bcc 56%,#12399f 100%); color: #fff; }
  .implementation-section::before { content: ""; position: absolute; right: -150px; bottom: -390px; z-index: -1; width: 760px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 90px rgba(255,255,255,.025), 0 0 0 180px rgba(255,255,255,.018); }
  .implementation-section > .shell { position: relative; z-index: 1; }
  .implementation-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(440px,1.15fr); gap: 110px; align-items: center; }
  .implementation-copy .section-kicker { color: #fff; }
  .implementation-copy h2 em { color: #fff; }
  .implementation-copy > p { margin-top: 24px; color: #fff; }
  .implementation-copy .button { margin-top: 34px; }
  .implementation-path { min-width: 0; }
  .implementation-steps { padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.22); }
  .implementation-steps li { display: grid; grid-template-columns: 58px 1fr; gap: 24px; padding: 28px 0; border-bottom: 1px solid rgba(255,255,255,.22); }
  .implementation-steps li > span { font-family: var(--display); font-size: 24px; opacity: .62; }
  .implementation-steps strong { font-size: 16px; }
  .implementation-steps p { margin-top: 5px; color: #fff; font-size: 12px; line-height: 1.55; }
  .implementation-assurance { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
  .implementation-assurance span { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 12px; background: rgba(7,25,76,.24); color: #fff; font-size: 11.5px; line-height: 1.42; }
  .implementation-assurance i { flex: 0 0 auto; color: #fff; font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: .08em; }

  .faq-layout, .contact-layout { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(0,1.25fr); gap: 110px; }
  .faq-heading > p, .contact-copy > p { margin-top: 24px; }
  .faq-list { border-top: 1px solid var(--line); }
  .faq-list details { border-bottom: 1px solid var(--line); }
  .faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 0; cursor: pointer; list-style: none; font-size: 15px; font-weight: 750; }
  .faq-list summary b { min-width: 0; font: inherit; overflow-wrap: anywhere; }
  .faq-list summary::-webkit-details-marker { display: none; }
  .faq-list summary span { flex: 0 0 30px; display: grid; place-items: center; width: 30px; height: 30px; overflow: hidden; color: var(--blue-text); font-size: 22px; font-weight: 450; line-height: 1; transition: transform 180ms ease; }
  .faq-list details[open] summary span { transform: rotate(45deg); }
  .faq-list details p { max-width: 720px; padding: 0 48px 25px 0; color: var(--muted); font-size: 13px; }

  .contact-section { background: var(--surface-2); }
  .contact-mail { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 20px; margin-top: 38px; padding: 20px 0; border-block: 1px solid var(--line); }
  .contact-mail span { color: var(--blue-text); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .contact-mail strong { grid-row: 2; font-size: 18px; }
  .contact-mail i { grid-column: 2; grid-row: 1 / 3; color: var(--blue-text); font-style: normal; }
  .contact-promise { display: flex; gap: 13px; margin-top: 26px; }
  .contact-promise > i { flex: 0 0 auto; width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 6px rgba(46,107,255,.1); }
  .contact-promise p { color: var(--muted); font-size: 12px; }
  .contact-promise strong { color: var(--ink); }
  .form-card { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: var(--surface); box-shadow: var(--shadow); }
  .form-card__top { display: flex; justify-content: space-between; gap: 20px; padding: 25px 28px; border-bottom: 1px solid var(--line); }
  .form-card__top span, .form-card__top small { display: block; color: var(--blue-text); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .form-card__top strong { display: block; margin-top: 4px; font-size: 15px; }
  .form-card__top p { max-width: 560px; margin-top: 7px; color: var(--muted); font-size: 11px; line-height: 1.5; }
  #formPrez { padding: 28px; }
  .honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
  .form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 17px; }
  .field { display: grid; gap: 7px; }
  .field--wide { grid-column: 1 / -1; }
  .field span { color: var(--muted); font-size: 11px; font-weight: 800; }
  .field span b { color: var(--blue-text); }
  .field input, .field select { width: 100%; height: 50px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); color: var(--ink); font-size: 13px; outline: none; transition: border 160ms ease, box-shadow 160ms ease; }
  .field input:focus, .field select:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(46,107,255,.1); }
  .field [aria-invalid="true"] { border-color: #d84242; }
  .form-error { min-height: 22px; padding-top: 7px; color: var(--error-text); font-size: 11px; }
  .form-action { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 10px; }
  .form-action p { max-width: 340px; color: var(--muted); font-size: 11px; line-height: 1.5; }
  .form-action a { color: var(--blue-text); text-decoration: underline; }
  .form-action .button { flex: 0 0 auto; }
  .preview-form-note { margin-top: 13px; color: var(--muted); font-size: 10px; }
  .form-success { display: grid; place-items: center; min-height: 430px; padding: 50px; text-align: center; }
  .form-success > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: rgba(55,190,115,.12); color: #37be73; font-size: 22px; }
  .form-success b { margin-top: 18px; font-size: 18px; }.form-success p, .form-success small { color: var(--muted); font-size: 11px; }

  .site-footer { padding: 62px 0 26px; border-top: 1px solid var(--line); background: var(--paper); }
  .footer-main { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; padding-bottom: 50px; }
  .brand--footer { width: 180px; }
  .footer-brand p { margin-top: 14px; color: var(--muted); font-size: 12px; }
  .footer-nav { display: grid; grid-template-columns: repeat(2,1fr); gap: 32px; }
  .footer-nav__column { display: grid; grid-template-columns: repeat(2,1fr); align-content: start; gap: 32px; }
  .footer-nav__group { display: grid; align-content: start; gap: 9px; }
  .footer-nav span { margin-bottom: 7px; color: var(--blue-text); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
  .footer-nav a { display: flex; align-items: center; min-height: 42px; color: var(--muted); font-size: 12px; font-weight: 650; }
  .form-action p a { display: inline-flex; align-items: center; min-height: 44px; }
  .footer-nav a:hover { color: var(--ink); }
  .footer-legal { display: flex; justify-content: space-between; gap: 24px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; line-height: 1.5; }
}

@layer motion {
  .motion-ready [data-reveal] { opacity: 1; transform: translateY(10px); transition: transform 440ms cubic-bezier(.2,.72,.22,1); }
  .motion-ready .hero-copy[data-reveal], .motion-ready .hero-stage[data-reveal] { transition-duration: 780ms; }
  .motion-ready [data-reveal].is-revealed { opacity: 1; transform: none; }
  .event-card { animation: event-cycle 16s cubic-bezier(.2,.72,.22,1) infinite; }
  .event-card:nth-child(2) { animation-delay: 4s; }
  .event-card:nth-child(3) { animation-delay: 8s; }
  .event-card:nth-child(4) { animation-delay: 12s; }
  .hero-stage.is-paused .event-card, .map-core.is-paused .core-rings i { animation-play-state: paused !important; }
  [data-preview-video-toggle][aria-busy="true"] span { animation: loading-pulse 900ms ease-in-out infinite alternate; }
  .core-rings i { animation: core-pulse 4.6s ease-in-out infinite; }
  .core-rings i:nth-child(2) { animation-delay: .4s; }.core-rings i:nth-child(3) { animation-delay: .8s; }
  .data-pulse > i { animation: data-confirm 2.8s ease-in-out infinite; transform-origin: center top; }
  .parking-operation-rail > span { animation: parking-step 9s ease-in-out infinite; }
  .parking-operation-rail > span:nth-child(2) { animation-delay: 3s; }.parking-operation-rail > span:nth-child(3) { animation-delay: 6s; }
  .team-cell--gap > i { animation: team-gap-pulse 2.4s ease-in-out infinite; }
  .module-panel.is-entering .team-planner { animation: team-planner-in 480ms cubic-bezier(.2,.72,.22,1) both; }
  .module-panel.is-entering .team-shift { animation: team-shift-in 520ms var(--shift-delay,0s) cubic-bezier(.2,.72,.22,1) both; }
  .extension-mini--eats .eats-map__path::after { display: none; }
  .extension-mini--eats .eats-map__runner { animation: runner-route 4.2s cubic-bezier(.45,.05,.2,1) infinite; }
  .module-panel.is-entering .build-progress > i b { animation: progress-in 650ms cubic-bezier(.2,.72,.22,1) both; transform-origin: left; }
  .module-panel.is-entering .owner-widget div i { animation: bar-in 520ms cubic-bezier(.2,.72,.22,1) both; transform-origin: center bottom; }
  .module-panel.is-entering .owner-widget div i:nth-child(2) { animation-delay: 45ms; }.module-panel.is-entering .owner-widget div i:nth-child(3) { animation-delay: 90ms; }.module-panel.is-entering .owner-widget div i:nth-child(4) { animation-delay: 135ms; }.module-panel.is-entering .owner-widget div i:nth-child(5) { animation-delay: 180ms; }.module-panel.is-entering .owner-widget div i:nth-child(6) { animation-delay: 225ms; }
  .go-route em { animation: go-sale-location 4.4s cubic-bezier(.45,.05,.2,1) infinite; }
  .module-panel.is-entering { animation: panel-in 300ms cubic-bezier(.2,.72,.22,1) both; }
  .module-panel.is-entering .widget-phone { animation: widget-phone-in 520ms cubic-bezier(.2,.72,.22,1) both; }
  .module-panel.is-entering .avero-ios-widget { animation: widget-card-in 620ms 90ms cubic-bezier(.2,.72,.22,1) both; }
  .module-panel.is-entering .avero-ios-widget::before { animation: widget-sheen-once 1100ms 500ms ease-out both; }
  .avero-widget-value b:first-child { animation: widget-value-before 9s ease-in-out infinite; }
  .avero-widget-value b:last-child { animation: widget-value-after 9s ease-in-out infinite; }
  .avero-ios-widget header > i, .avero-ios-widget footer i { animation: widget-live-dot 2.8s ease-in-out infinite; }
  .ar-visual.is-playing .ar-play b { display: none; }
  .ar-visual.is-playing video { animation: ar-camera-life 4.95s ease-in-out infinite; transform-origin: 78% 50%; }
  .ar-visual.is-playing .ar-holo-spectrum { animation: ar-avatar-life 2.4s ease-in-out infinite; }
  .ar-visual.is-playing .ar-scan { animation: ar-scan-story 4.95s ease both; }
  .ar-visual.is-playing .ar-story-caption { animation: ar-guide-story 4.95s ease both; }
  .ar-visual.is-playing .ar-story-caption > i b { animation: ar-voice-wave .8s ease-in-out infinite alternate; transform-origin: center; }
  .ar-visual.is-playing .ar-story-caption > i b:nth-child(2) { animation-delay: .12s; }.ar-visual.is-playing .ar-story-caption > i b:nth-child(3) { animation-delay: .24s; }.ar-visual.is-playing .ar-story-caption > i b:nth-child(4) { animation-delay: .36s; }.ar-visual.is-playing .ar-story-caption > i b:nth-child(5) { animation-delay: .48s; }
  @keyframes event-cycle { 0%,20%{opacity:1;transform:none} 25%,96%{opacity:0;transform:translateY(12px)} 100%{opacity:1;transform:none} }
  @keyframes loading-pulse { from{opacity:.45;transform:scale(.92)} to{opacity:1;transform:scale(1)} }
  @keyframes core-pulse { 0%,100%{opacity:.35;transform:scale(.96)} 50%{opacity:.9;transform:scale(1.02)} }
  @keyframes data-confirm { 0%,100%{opacity:.55;transform:scaleY(.35)} 35%,65%{opacity:1;transform:scaleY(1)} }
  @keyframes parking-step { 0%,23%,100%{background:rgba(125,211,252,.055);box-shadow:none} 7%,17%{background:rgba(125,211,252,.15);box-shadow:inset 0 0 0 1px rgba(125,211,252,.2)} }
  @keyframes team-gap-pulse { 0%,100%{opacity:.65;box-shadow:0 0 0 4px rgba(255,178,92,.08)} 50%{opacity:1;box-shadow:0 0 0 8px rgba(255,178,92,0)} }
  @keyframes team-planner-in { from{opacity:.35;transform:translateY(10px) scale(.985)} to{opacity:1;transform:none} }
  @keyframes team-shift-in { from{opacity:0;transform:translateX(-7px)} to{opacity:1;transform:none} }
  @keyframes route-progress { 0%{left:0;opacity:0} 12%{opacity:1} 78%{opacity:1} 92%,100%{left:100%;opacity:0} }
  @keyframes runner-route { 0%,12%,100%{transform:translate(0,0)} 68%,88%{transform:translate(145%,-13px)} }
  @keyframes go-sale-location { 0%,12%{opacity:0;transform:translate(-380%,360%) scale(.8)} 22%{opacity:1} 76%{opacity:1;transform:translate(340%,-330%) scale(1)} 88%,100%{opacity:0;transform:translate(340%,-330%) scale(.8)} }
  @keyframes progress-in { from{transform:scaleX(.12)} to{transform:scaleX(1)} }
  @keyframes bar-in { from{opacity:.2;transform:scaleY(.15)} to{opacity:1;transform:scaleY(1)} }
  @keyframes panel-in { from{opacity:.45;transform:translateY(8px)} to{opacity:1;transform:none} }
  @keyframes widget-phone-in { from{opacity:.35;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
  @keyframes widget-card-in { from{opacity:.2;transform:translateY(10px) scale(.985)} to{opacity:1;transform:none} }
  @keyframes widget-sheen-once { 0%{transform:translateX(0) skewX(-16deg);opacity:0} 25%{opacity:1} 100%{transform:translateX(430%) skewX(-16deg);opacity:0} }
  @keyframes widget-value-before { 0%,45%{opacity:1;transform:none} 50%,100%{opacity:0;transform:translateY(-4px)} }
  @keyframes widget-value-after { 0%,45%{opacity:0;transform:translateY(4px)} 51%,100%{opacity:1;transform:none} }
  @keyframes widget-live-dot { 0%,100%{box-shadow:0 0 0 0 rgba(82,210,142,.25)} 50%{box-shadow:0 0 0 5px rgba(82,210,142,0)} }
  @keyframes ar-scan-story { 0%,22%{opacity:1;transform:none} 31%,100%{opacity:0;transform:translateY(-7px)} }
  @keyframes ar-guide-story { 0%,20%{opacity:0;transform:translateY(10px)} 34%,92%{opacity:1;transform:none} 100%{opacity:0;transform:translateY(5px)} }
  @keyframes ar-voice-wave { from{transform:scaleY(.45)} to{transform:scaleY(1.9)} }
  @keyframes ar-camera-life { 0%,100%{transform:scale(1)} 48%,70%{transform:scale(1.018)} }
  @keyframes ar-avatar-life { 0%,100%{opacity:.04;transform:translateX(0)} 50%{opacity:.085;transform:translateX(3px)} }
}

@layer responsive {
  @media (max-width: 1180px) {
    :root { --shell: min(100% - 48px, 1160px); }
    .desktop-nav { gap: 20px; }
    .login-link { display: none; }
    .hero-layout { grid-template-columns: minmax(0,.9fr) minmax(470px,1.1fr); gap: 36px; }
    .hero h1 { font-size: clamp(58px,6.1vw,76px); }
    .hero-stage { min-height: 520px; }
    .system-map { gap: 35px; grid-template-columns: minmax(0,1fr) 240px minmax(0,1fr); padding: 34px; }
    .map-core { height: 240px; }
    .login-proof { gap: 34px; padding: 34px; }
    .module-copy { padding: 46px 36px; }
    .module-panel { grid-template-columns: minmax(330px,.8fr) minmax(0,1.2fr); }
    .module-flow { grid-template-columns: repeat(3,1fr); }
  }

  @media (max-width: 940px) {
    :root { --shell: min(100% - 40px, 900px); }
    .nav-shell { grid-template-columns: 1fr auto; }
    .desktop-nav, .button--nav { display: none; }
    .menu-toggle { display: grid; }
    .mobile-nav { position: fixed; inset: 78px 0 auto; z-index: 99; display: grid; gap: 2px; padding: 20px; border-bottom: 1px solid var(--line); background: var(--paper); box-shadow: 0 28px 50px rgba(0,0,0,.18); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: 180ms ease; }
    .mobile-nav.is-open { opacity: 1; visibility: visible; transform: none; }
    .mobile-nav > a:not(.button) { padding: 14px 6px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 750; }
    .mobile-nav .button { margin-top: 10px; }
    .hero { min-height: auto; padding-top: 138px; }
    .hero-layout { grid-template-columns: 1fr; }
    .hero-copy { max-width: 760px; }
    .hero-stage { width: min(100%,760px); min-height: 560px; margin-inline: auto; }
    .signal-bar { grid-template-columns: 1fr; margin-top: 30px; }
    .signal-cluster { grid-template-columns: 180px minmax(0,1fr); }
    .signal-cluster + .signal-cluster { border-top: 1px solid rgba(255,255,255,.14); border-left: 0; }
    .section-heading--split, .proof-heading { grid-template-columns: 1fr; gap: 28px; }
    .proof-heading > p { grid-column: 1; grid-row: auto; }
    .system-map { grid-template-columns: 1fr 210px 1fr; gap: 20px; padding: 28px; }
    .map-core { height: 210px; }
    .system-map::before, .system-map::after { display: none; }
    .login-proof { grid-template-columns: minmax(0,1fr) 220px; }
    .taxonomy-summary { gap: 8px 18px; }
    .taxonomy-tools { align-items: flex-start; flex-direction: column; gap: 6px; }
    .module-tabs button { min-height: 84px; }
    .module-panel { grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); }
    .module-copy { padding: 42px 31px; }
    .module-flow { grid-template-columns: repeat(3,1fr); }
    .module-flow li { gap: 6px; padding-inline: 9px; }
    .module-flow strong { font-size: 10.5px; }
    .surface-tags span, .product-lockups b, .module-flow i, .module-flow small,
    .live-result span, .live-result small,
    .appointment-card > span, .appointment-card > small, .appointment-card div,
    .hair-recipe > span, .hair-recipe > small, .hair-recipe > div b,
    .build-progress > span, .build-progress > small,
    .go-field > span, .go-field > small, .go-route b { font-size: 10px; line-height: 1.3; }
    .module-flow small { font-size: 11px; line-height: 1.45; }
    .module-tabs button.module-tab--group-start { margin-left: 0; }
    .module-tabs button.module-tab--group-start::after { display: none; }
    .visual-canvas { min-height: 590px; }
    .widget-demo-stage::before { left: 18%; right: auto; width: 64%; }
    .widget-config-card { display: none; }
    .widget-device { right: 50%; top: 43%; width: min(320px,74%); transform: translate(50%,-50%); }
    .film-layout, .implementation-layout, .faq-layout, .contact-layout { grid-template-columns: 1fr; gap: 55px; }
    .film-copy { max-width: 720px; }
    .case-card--live { grid-template-columns: 1fr; }
    .live-collage { height: 460px; min-height: 0; }
    .footer-main { grid-template-columns: 1fr; gap: 45px; }
    .footer-nav { grid-template-columns: repeat(2,1fr); }
    .footer-nav__column { grid-template-columns: 1fr; gap: 28px; }
  }

  @media (max-width: 700px) {
    :root { --shell: calc(100% - 30px); }
    html { scroll-padding-top: 72px; }
    .site-header { height: 68px; }
    .nav-shell { gap: 10px; }
    .brand { width: 124px; height: 44px; }
    .nav-actions { gap: 8px; }
    .theme-toggle, .menu-toggle { width: 44px; height: 44px; border-radius: 13px; }
    .button--nav { display: inline-flex; min-height: 44px; padding-inline: 10px; border-radius: 13px; font-size: 11px; }
    .button--nav .desktop-label { display: none; }
    .button--nav .mobile-label { display: inline; }
    .mobile-nav { inset-block-start: 68px; }
    .hero { padding: 111px 0 34px; }
    .hero::before { background-size: 46px 46px; }
    .hero::after { left: 42%; top: 24%; width: 360px; }
    .hero-layout { gap: 28px; }
    .eyebrow { font-size: 10px; }
    .hero h1 { margin-top: 20px; font-size: clamp(42px,11vw,50px); line-height: .97; letter-spacing: -.038em; }
    .hero-copy > p { margin-top: 20px; font-size: 14px; line-height: 1.55; }
    .hero-actions { display: grid; gap: 10px; margin-top: 25px; }
    .hero-actions .button, .hero-actions .text-link { width: 100%; min-height: 50px; justify-content: center; border-radius: 14px; }
    .hero-actions .text-link { border: 1px solid rgba(255,255,255,.18); }
    .hero-cta-note { margin-top: 11px; font-size: 11px; text-align: center; }
    .hero-proof { margin-top: 22px; padding-top: 18px; }
    .hero-stage { min-height: 370px; margin-top: 3px; }
    .stage-scope { right: 0; gap: 4px; }
    .stage-scope span { min-height: 24px; gap: 5px; padding-inline: 6px; font-size: 10px; }
    .stage-scope span::before { width: 5px; height: 5px; box-shadow: none; }
    .dashboard-frame { left: 0; right: 5%; top: 31px; border-radius: 15px; transform: none; }
    .dashboard-frame header { grid-template-columns: 44px 1fr auto; height: 31px; padding-inline: 10px; font-size: 10px; }
    .dashboard-frame header small { display: none; }
    .terminal-frame { right: 0; bottom: 0; width: 110px; padding: 7px; border-radius: 16px; }
    .terminal-frame > span { font-size: 10px; padding-bottom: 6px; }
    .terminal-brand img { width: 48px; }.terminal-brand b { font-size: 9px; }
    .terminal-frame > img { border-radius: 12px; }
    .event-stack { left: -3px; bottom: 0; width: 58%; height: 73px; }
    .event-card { padding: 12px 13px 12px 18px; border-radius: 13px; }
    .event-card span { font-size: 10px; }.event-card strong { font-size: 11px; }.event-card small { font-size: 10px; }
    .stage-note { display: none; }
    .signal-bar { grid-template-columns: 1fr; margin-top: 21px; }
    .signal-cluster { grid-template-columns: minmax(0,1fr); }
    .signal-source { min-height: 76px; padding: 14px 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
    .signal-source span { font-size: 10px; line-height: 1.1; }
    .signal-source b { font-size: 11px; line-height: 1.25; letter-spacing: .035em; }
    .signal-source i { font-size: 11px; }
    .signal-metrics p { min-width: 0; padding: 15px 8px 17px; overflow: hidden; text-align: center; }
    .signal-metrics strong { font-size: 22px; white-space: nowrap; }
    .signal-metrics span { margin-top: 6px; font-size: 10.5px; line-height: 1.28; overflow-wrap: anywhere; }
    .platform-section, .modules-section, .proof-section, .faq-section, .contact-section { padding: 82px 0; }
    .platform-section { padding-block: 70px; }
    .modules-section { padding-top: 64px; padding-bottom: 58px; }
    .proof-section { padding-top: 68px; }
    .platform-section .section-heading { margin-bottom: 28px; }
    .section-heading { margin-bottom: 36px; }
    .section-heading--split { gap: 23px; }
    .section-kicker { font-size: 10px; }
    .section-heading h2, .proof-heading h2, .implementation-copy h2, .faq-heading h2, .contact-copy h2 { margin-top: 15px; font-size: 42px; line-height: 1.03; }
    .section-heading > p, .section-heading--split > p, .proof-heading > p, .implementation-copy > p, .faq-heading > p, .contact-copy > p { font-size: 14px; line-height: 1.62; }
    .system-map { grid-template-columns: 1fr; gap: 15px; min-height: 0; padding: 17px; border-radius: 23px; }
    .map-source { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
    .map-source > span { grid-column: 1 / -1; margin-bottom: 2px; }
    .map-source article { gap: 10px; min-width: 0; padding: 10px; }
    .map-source strong { font-size: 10px; line-height: 1.25; }
    .map-source small { margin-top: 2px; font-size: 10px; line-height: 1.3; }
    .map-core { width: 166px; height: 166px; margin: 1px auto; }
    .map-core img { width: 48px; margin-bottom: 5px; }
    .map-core > strong { font-size: 19px; }
    .map-core > small { margin-top: 7px; }
    .core-rings i:nth-child(1) { inset: 17px; }.core-rings i:nth-child(2) { inset: 34px; }.core-rings i:nth-child(3) { inset: 54px; }
    .map-result { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
    .map-result > span { grid-column: 1 / -1; margin-bottom: 2px; }
    .map-result article { min-width: 0; padding: 10px 8px; border-top: 3px solid var(--blue); border-left: 0; background: linear-gradient(180deg,rgba(46,107,255,.08),transparent); }
    .map-result b { font-size: 10px; }
    .map-result strong { margin-top: 3px; font-size: 10px; line-height: 1.25; }
    .map-result small { margin-top: 3px; font-size: 10px; line-height: 1.25; }
    .login-proof { grid-template-columns: minmax(0,1fr) 106px; gap: 14px; margin-top: 16px; padding: 19px; border-radius: 20px; }
    .login-proof__copy h3 { margin-top: 9px; font-size: 27px; }
    .login-proof__copy > p { margin-top: 10px; font-size: 11.5px; line-height: 1.5; }
    .login-device { justify-self: end; width: 102px; margin-right: 0; border-radius: 18px; transform: none; }
    .login-device img { border-radius: 13px; }
    .login-device figcaption { display: none; }
    .product-taxonomy { margin: -4px -15px 22px; border-radius: 22px; }
    .taxonomy-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 11px 12px; }
    .taxonomy-summary p { display: grid; align-content: center; justify-content: flex-start; min-height: 42px; padding: 0 8px; border-left: 1px solid rgba(255,255,255,.1); }
    .taxonomy-summary p:first-child { border-left: 0; }
    .taxonomy-summary strong { font-size: 11px; line-height: 1.3; }
    .taxonomy-summary p > span { display: none; }
    .taxonomy-tools { padding: 12px 15px 14px; }
    .taxonomy-tools > span { display: none; }
    .taxonomy-tools p { line-height: 1.6; }
    .module-tabs { grid-auto-flow: row; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-columns: auto; gap: 6px; overflow: visible; padding: 6px; border-radius: 18px; scroll-snap-type: none; }
    .module-tabs button { min-height: 86px; padding: 11px 12px; }
    .module-tab__lockup img { width: 54px; }
    .module-tab__lockup strong { font-size: 12px; }
    .module-tabs small { font-size: 11px; line-height: 1.35; }
    .module-stage { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .module-panel { grid-template-columns: 1fr; gap: 8px; min-height: 0; }
    .module-copy { min-height: 0; padding: 28px 20px 23px; border: 1px solid rgba(255,255,255,.1); border-radius: 21px; background: linear-gradient(130deg, rgb(var(--accent-rgb) / .18), #111923 58%), #111923; }
    .module-copy h3 { margin-top: 14px; font-size: 31px; line-height: 1.03; }
    .product-proof { min-height: 30px; margin-top: 9px; font-size: 10.5px; letter-spacing: .025em; }
    .module-copy > p { margin-top: 14px; font-size: 13.5px; line-height: 1.58; }
    .kasa-config-copy { margin-top: 14px; padding: 12px; }
    .kasa-config-copy > strong { font-size: 14px; }
    .kasa-config-copy > small { font-size: 10.5px; line-height: 1.45; }
    .product-lockups { margin-top: 17px; }
    .surface-tags { margin-top: 8px; }
    .module-flow { grid-template-columns: 1fr; gap: 1px; margin-top: 20px; }
    .module-flow li { display: grid; grid-template-columns: 26px 1fr; align-items: center; gap: 9px; padding: 10px 12px; }
    .module-flow strong { overflow-wrap: normal; word-break: normal; font-size: 11px; }
    .module-flow small { font-size: 11px; line-height: 1.45; }
    .module-link { margin-top: 22px; }
    .module-actions { gap: 0 18px; }
    .module-actions .module-link { margin-top: 22px; }
    .visual-canvas { order: -1; width: 100%; height: 250px; min-height: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 21px; aspect-ratio: auto; }
    .parking-film-play { right: 10px; bottom: 36px; padding: 4px; }
    .product-film--module { height: 250px; min-height: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 21px; }
    #module-commerce .product-film--module { height: 320px; }
    .kasa-config-visual { height: 360px; min-height: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 21px; }
    .kasa-config-head { min-height: 43px; padding: 10px 12px 8px; }
    .kasa-config-head span { font-size: 8px; letter-spacing: .05em; }.kasa-config-head strong { font-size: 9px; white-space: nowrap; }
    .kasa-photo-stage { flex: 0 0 auto; aspect-ratio: 1672 / 941; }
    .kasa-screen--large { left: 2%; top: 7%; width: 75%; height: 83%; border-width: 5px; border-radius: 14px; transform: none; }
    .kasa-screen--mini { right: 1%; top: 15%; width: 29%; height: 68%; border-width: 4px; border-radius: 11px; transform: none; }
    .kasa-device-label { padding: 5px 6px; font-size: 0; border-radius: 7px; }
    .kasa-device-label b { font-size: 7px; }
    .kasa-device-label--large { left: 3%; bottom: 2%; }.kasa-device-label--mini { right: 2%; bottom: 2%; }
    .kasa-config-features { min-height: 38px; }
    .kasa-config-features span { flex-direction: column; gap: 1px; padding: 4px 2px; font-size: 7px; line-height: 1.15; }.kasa-config-features i { font-size: 6px; }
    .kasa-config-visual figcaption { flex: 1 1 auto; min-height: 0; padding: 9px 12px; }
    .kasa-config-visual figcaption span { font-size: 7px; letter-spacing: .045em; }.kasa-config-visual figcaption strong { max-width: 48%; font-size: 8px; }
    .parking-visual { height: 285px; }
    .ar-visual { height: 275px; }
    .extensions-visual { height: 430px; }
    .commerce-dashboard { left: 4%; top: 9%; width: 93%; }
    .commerce-phone { right: 3%; width: 27%; }
    .data-pulse { left: 3%; bottom: 7%; width: 53%; padding: 12px 14px 12px 17px; }
    .data-pulse b { font-size: 14px; }
    .live-film { inset: 4% 16% 4% 4%; border-radius: 18px; }
    .live-phone { right: 2%; width: 27%; }
    .live-result { left: 6%; right: 28%; bottom: 8%; padding: 12px; }
    .live-process-strip { left: 31%; right: 3%; top: 3%; gap: 3px; padding: 4px; pointer-events: none; }
    .live-process-strip span { flex-direction: column; gap: 0; min-height: 28px; font-size: 10px; line-height: 1.05; }
    .live-result span, .live-result small,
    .appointment-card > span, .appointment-card > small, .appointment-card div,
    .hair-recipe > span, .hair-recipe > small, .hair-recipe > div b,
    .build-progress > span, .build-progress > small,
    .go-field > span, .go-field > small, .go-route b { font-size: 10px; line-height: 1.25; }
    .live-film [data-preview-video-toggle] { left: 12px; top: 12px; bottom: auto; }
    [data-preview-video-toggle] b { display: none; }
    [data-preview-video-toggle] span { width: 44px; height: 44px; }
    .parking-entry-photo { object-position: 58% center; }
    .parking-operation-rail { left: 3%; right: 3%; top: 3%; gap: 3px; padding: 4px; border-radius: 11px; }
    .parking-operation-rail > span { display: block; min-height: 44px; padding: 7px 6px; text-align: center; }
    .parking-operation-rail i { display: none; }
    .parking-operation-rail b, .parking-operation-rail small { display: block; overflow: visible; font-size: 7px; line-height: 1.25; text-overflow: clip; white-space: normal; }
    .parking-operation-rail small { margin-top: 3px; }
    .parking-print-kit { left: 3%; bottom: 3%; width: 45%; padding: 9px 10px; border-radius: 10px; }
    .parking-print-kit img { width: 44px; }.parking-print-kit > span b { font-size: 8px; }.parking-print-kit > strong { font-size: 10px; }.parking-print-kit > small { font-size: 7px; }
    #module-team .team-only-visual { height: 360px; }
    .team-planner { inset: 8px; border-radius: 17px; }
    .team-planner__header { grid-template-columns: auto minmax(74px,1fr) auto; gap: 6px; min-height: 50px; padding: 8px 9px 7px; }
    .team-planner__brand span { gap: 5px; }.team-planner__brand img { width: 43px; }.team-planner__brand b { font-size: 8px; }.team-planner__brand small { display: none; }
    .team-planner__week { min-width: 0; gap: 0; }.team-planner__week > i { display: none; }.team-planner__week small { font-size: 6px; }.team-planner__week strong { font-size: 10px; }
    .team-planner__actions { gap: 0; }.team-planner__actions > span { display: none; }.team-planner__actions > b { min-height: 26px; padding-inline: 7px; font-size: 6.5px; }
    .team-planner__metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .team-planner__metrics > span { padding: 6px 7px; }.team-planner__metrics > span:nth-child(4) { display: none; }.team-planner__metrics small { font-size: 6px; }.team-planner__metrics strong { font-size: 8px; }
    .team-schedule { padding-inline: 6px; }
    .team-schedule__days, .team-schedule__row { grid-template-columns: 88px repeat(3,minmax(0,1fr)); }
    .team-schedule__days { flex-basis: 27px; }.team-schedule__days > span { padding-left: 5px; font-size: 6px; }.team-schedule__days > b { font-size: 6px; }.team-schedule__days small { width: 14px; height: 14px; font-size: 7px; }
    .team-schedule__days > :nth-child(n+5), .team-schedule__row > .team-cell:nth-child(n+5), .team-schedule__row:nth-child(n+5) { display: none; }
    .team-schedule__row { min-height: 48px; }
    .team-person { gap: 5px; padding: 4px 5px; }.team-person > i { width: 23px; height: 23px; border-radius: 7px; font-size: 7px; }.team-person b { font-size: 7.5px; }.team-person small { font-size: 6px; }
    .team-cell { padding: 3px 2px; }.team-shift { min-height: 31px; padding: 4px 3px 4px 6px; border-radius: 6px; font-size: 6.5px; }.team-shift small { font-size: 5.5px; }
    .team-cell--off > small, .team-cell--gap b, .team-cell--gap small { font-size: 5.5px; }
    .team-planner__footer { grid-template-columns: minmax(0,1fr) auto; gap: 6px; min-height: 47px; padding: 6px 8px; }.team-planner__sync { display: none; }
    .team-planner__alert { gap: 6px; }.team-planner__alert > i { width: 21px; height: 21px; }.team-planner__alert b { font-size: 7px; }.team-planner__alert small { font-size: 6px; }
    .team-planner__publish { min-height: 27px; padding-inline: 8px; font-size: 6.5px; }
    .appointment-card { left: 3%; bottom: 3%; width: 205px; padding: 13px; }
    .beauty-visual > img { object-position: 62% center; }
    .hair-recipe { right: 3%; bottom: 3%; width: 68%; padding: 12px; border-radius: 13px; }
    .hair-recipe > strong { font-size: 16px; }
    .hair-recipe > div { margin: 9px 0 7px; }
    .hair-recipe > div b { padding: 6px 4px; }
    .operations-photo { object-position: 62% center; }
    .build-progress { left: 3%; bottom: 4%; width: 62%; padding: 12px; border-radius: 13px; }
    .build-progress > strong { font-size: 15px; }
    .build-progress > i { margin: 9px 0 7px; }
    .go-field { right: 3%; top: 4%; width: 47%; padding: 11px 12px; border-radius: 12px; }
    .go-field > strong { font-size: 12px; }
    .go-field > small { font-size: 10px; }
    .go-visual > img { object-position: 60% center; }
    .go-visual .go-field { left: 3%; width: 68%; }
    .go-visual .visual-evidence-note { display: none; }
    .go-receipt-pin { left: 3%; bottom: 4%; width: 46%; padding: 9px 10px; border-radius: 11px; }
    .go-receipt-pin > strong { font-size: 14px; }.go-receipt-pin > span, .go-receipt-pin > small { font-size: 7px; }
    .go-route { right: 3%; bottom: 4%; width: 39%; height: 43%; border-radius: 13px; }
    .ar-visual video { object-position: center; }
    .ar-play { left: 2%; top: 44%; bottom: auto; gap: 0; }
    .ar-avatar-spec { left: 4%; top: 4%; width: 132px; padding: 8px 9px; border-radius: 10px; }
    .ar-avatar-spec > span { font-size: 7px; }.ar-avatar-spec > div { gap: 3px; margin-top: 5px; }.ar-avatar-spec b { padding: 3px 5px; font-size: 5.5px; }
    .ar-play b { display: none; }
    .ar-visual.is-playing .ar-play b { display: none; }
    .ar-scan { left: auto; right: 4%; top: 4%; max-width: 132px; padding: 8px 10px; border-radius: 10px; }
    .ar-scan span { font-size: 10px; }.ar-scan strong { margin-top: 2px; font-size: 10.5px; }
    .ar-story-caption { right: 4%; bottom: 4%; width: 52%; padding: 9px 10px; border-radius: 10px; }
    .ar-story-caption > span { font-size: 10px; }.ar-story-caption > strong { font-size: 10.5px; }
    .ar-story-caption > i { height: 10px; margin-top: 6px; }
    .ar-browser-proof { left: 4%; bottom: 20%; width: 45%; padding: 7px 8px; border-radius: 9px; }
    .ar-browser-proof span { font-size: 6px; }.ar-browser-proof strong { font-size: 8px; }
    .owner-widget { width: 215px; padding: 17px; }
    .owner-widget strong { font-size: 23px; }
    .owner-widget div { height: 45px; margin-top: 13px; }
    .extensions-visual .owner-widget { left: 3%; top: 4%; width: 150px; padding: 11px; border-radius: 13px; }
    .extensions-visual .owner-widget strong { font-size: 16px; }
    .extensions-visual .owner-widget div { height: 25px; margin-top: 8px; }
    .eats-route { right: 3%; bottom: 4%; width: 72%; padding: 12px; border-radius: 14px; }
    .eats-route > strong { font-size: 16px; }
    .eats-map { height: 65px; margin-top: 9px; }
    .eats-route > small { margin-top: 8px; }
    .eats-route > a { margin-top: 6px; font-size: 10px; }
    .extension-console { inset: 3%; gap: 7px; }
    .extension-mini { padding: 10px; border-radius: 12px; }
    .extension-mini header svg { width: 23px; height: 23px; }
    .extension-mini header b { font-size: 10.5px; }
    .extension-mini header span { font-size: 10px; }
    .extension-mini > strong { margin-top: 7px; font-size: 15px; }
    .extension-mini > small, .mini-progress span, .mini-chat span, .mini-chat b, .extension-mini--eats > a, .extension-mini--planner li b { font-size: 10px; }
    .extension-mini--eats .eats-map b { font-size: 10px; }
    .extension-mini--eats .eats-map { height: 48px; }
    .widget-demo-stage::before { left: 18%; top: 7%; width: 64%; height: 78%; }
    .widget-config-card { display: none; }
    .widget-device { right: 50%; top: 42%; width: min(276px,calc(100% - 34px)); transform: translate(50%,-50%); }
    .widget-device__crop { border-radius: 53px 53px 24px 24px; aspect-ratio: 276 / 310; }
    .widget-phone { padding: 7px; border-radius: 54px; }
    .widget-phone::before { border-radius: 50px; }
    .widget-phone__screen { border-radius: 46px; }
    .widget-phone__side--top { top: 19%; height: 7%; }.widget-phone__side--middle { top: 28%; height: 11%; }.widget-phone__side--power { top: 25%; height: 14%; }
    .widget-screen-cleaner { border-radius: 24px; }
    .widget-device figcaption { margin-top: 7px; font-size: 8px; letter-spacing: .025em; white-space: nowrap; }
    .avero-ios-widget { height: 22%; padding: 10px 11px; border-radius: 22px; }
    .avero-ios-widget header { grid-template-columns: 68px minmax(0,1fr) 7px; gap: 7px; }
    .avero-widget-brand img { width: 44px; }.avero-widget-brand b { font-size: 7px; }
    .avero-ios-widget header strong { font-size: 9px; }.avero-ios-widget header div > span { font-size: 8px; }
    .avero-ios-widget > small { margin-top: 7px; font-size: 8px; }
    .avero-widget-value { height: 27px; font-size: 23px; line-height: 27px; }
    .avero-ios-widget footer, .avero-ios-widget footer > b { margin-top: 2px; font-size: 8px; }
    .widget-setting-rail { left: 3%; right: 3%; bottom: 3%; gap: 3px; padding: 4px; }
    .widget-setting-rail b { min-height: 36px; padding: 6px 5px; font-size: 7px; line-height: 1.25; }
    .widget-setting-rail span { font-size: 6px; }
    #module-extensions .product-lockups--extensions, #module-extensions .module-flow { display: none; }
    .section-kicker, .product-lockups b, .module-flow i, .product-film figcaption span { font-size: 10px; }
    .module-panel.is-entering .avero-ios-widget::before { animation: none; }
    .product-film { border-radius: 18px; }
    .product-film .film-control { top: auto; right: 10px; bottom: 9px; }
    .product-film figcaption { align-items: flex-start; flex-direction: column; gap: 4px; padding: 13px 64px 13px 15px; }
    .proof-heading { gap: 20px; margin-bottom: 34px; }
    .case-card { border-radius: 22px; }
    .case-card--kukucorn { padding: 25px 20px; }
    .case-card h3 { margin-top: 24px; font-size: 38px; }
    .case-card--kukucorn > p { font-size: 13px; }
    .case-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .case-metrics div { min-width: 0; padding: 18px 8px; overflow: hidden; text-align: center; }
    .case-metrics div:last-child { border-right: 0; }
    .case-metrics strong { font-size: 20px; letter-spacing: -.02em; white-space: nowrap; }
    .case-metrics span { font-size: 10px; overflow-wrap: anywhere; }
    .live-collage { height: 320px; min-height: 0; }
    .case-live-copy { padding: 27px 20px 32px; }
    .case-live-copy h3 { font-size: 36px; }
    .implementation-section { padding: 82px 0; }
    .implementation-layout { gap: 45px; }
    .implementation-steps li { grid-template-columns: 45px 1fr; gap: 16px; }
    .implementation-assurance { grid-template-columns: 1fr; }
    .faq-layout, .contact-layout { gap: 40px; }
    .faq-list, .faq-list details, .faq-list summary { min-width: 0; max-width: 100%; }
    .faq-list summary { overflow: hidden; }
    .faq-list summary span { flex: 0 0 auto; }
    .form-card { border-radius: 20px; }
    .form-card__top, #formPrez { padding: 22px 18px; }
    .form-card__top > small { display: none; }
    .form-grid { grid-template-columns: 1fr; }
    .field--wide { grid-column: auto; }
    .form-action { align-items: stretch; flex-direction: column; }
    .form-action .button { width: 100%; }
    .footer-main { padding-bottom: 35px; }
    .footer-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; min-width: 0; }
    .footer-nav__column { min-width: 0; gap: 20px; }
    .footer-nav__group { min-width: 0; }
    .footer-nav span, .footer-nav a { min-width: 0; overflow-wrap: anywhere; }
    .footer-legal { align-items: flex-start; flex-direction: column; }
    .site-footer { padding-bottom: 35px; }
  }

  @media (min-width: 701px) and (max-width: 940px) {
    .module-tabs { grid-auto-flow: row; grid-template-columns: repeat(5,minmax(0,1fr)); grid-auto-columns: auto; overflow: visible; scroll-snap-type: none; }
    .module-tabs button { min-height: 92px; }
    .module-tab__lockup { align-items: flex-start; flex-direction: column; gap: 5px; }
    .module-tab__lockup img { width: 55px; }
    .module-tab__lockup strong { font-size: 12px; }
    .module-panel, #module-extensions { grid-template-columns: 1fr; min-height: 0; }
    .module-copy, #module-extensions .module-copy { min-height: 0; padding: 38px 34px; }
    .visual-canvas, #module-extensions .extensions-visual { order: -1; height: 420px; min-height: 0; }
    #module-team .team-only-visual { height: 500px; }
    #module-commerce .product-film--module, #module-ar .ar-visual { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
    #module-extensions .module-copy h3 { font-size: 32px; }
    #module-extensions .module-copy > p { font-size: 13px; }
    #module-extensions .product-lockups--extensions, #module-extensions .module-flow { display: none; }
    #module-extensions .extensions-visual { height: 560px; }
    #module-extensions .widget-config-card { display: none; }
    #module-extensions .widget-device { left: auto; right: 50%; top: 43%; width: min(300px,64%); transform: translate(50%,-50%); }
    #module-extensions .widget-device figcaption { font-size: 10px; }
    #module-extensions .avero-ios-widget header div > span,
    #module-extensions .avero-ios-widget > small,
    #module-extensions .avero-ios-widget footer,
    #module-extensions .avero-ios-widget footer > b { font-size: 10px; }
  }

  @media (min-width: 941px) and (max-width: 1060px) {
    .module-panel, #module-extensions { grid-template-columns: 1fr; min-height: 0; }
    .module-copy, #module-extensions .module-copy { min-height: 0; padding: 42px 40px; }
    .visual-canvas, #module-extensions .extensions-visual { order: -1; height: 520px; min-height: 0; }
    #module-team .team-only-visual { height: 540px; }
    #module-commerce .product-film--module, #module-ar .ar-visual { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
    #module-extensions .extensions-visual { height: 600px; }
    #module-extensions .widget-device { right: 8%; width: 320px; }
    #module-extensions .widget-config-card { left: 7%; width: 260px; }
  }

  @media (min-width: 941px) and (max-width: 1320px) {
    .module-tabs { grid-auto-flow: row; grid-template-columns: repeat(5,minmax(0,1fr)); grid-auto-columns: auto; overflow: visible; scroll-snap-type: none; }
    .module-tabs button.module-tab--group-start { margin-left: 0; }
    .module-tabs button.module-tab--group-start::after { display: none; }
  }

  @media (max-width: 390px) {
    .brand { width: 112px; }
    .nav-actions { gap: 6px; }
    .hero-stage { min-height: 340px; }
    .section-heading h2, .proof-heading h2, .implementation-copy h2, .faq-heading h2, .contact-copy h2, .film-copy h2 { font-size: 38px; }
    .module-copy h3 { font-size: 29px; }
    .case-card h3, .case-live-copy h3 { font-size: 34px; }
    .visual-canvas { height: 235px; min-height: 0; }
    #module-team .team-only-visual { height: 350px; }
    .parking-visual { height: 285px; }
    .ar-visual { height: 275px; }
    .extensions-visual { height: 520px; }
    .product-film--module { height: 235px; min-height: 0; }
    #module-commerce .product-film--module { height: 310px; }
    .kasa-config-visual { height: 350px; }
    .widget-device { width: min(270px,calc(100% - 30px)); }
    .widget-device__crop { aspect-ratio: 270 / 302; }
  }

  @media (hover:hover) and (pointer:fine) {
    .dashboard-frame, .terminal-frame, .event-stack { transition: transform 180ms ease-out; }
    .module-tabs button:hover { transform: translateY(-1px); }
    .case-card { transition: transform 220ms ease, border-color 220ms ease; }
    .case-card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.22); }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
    .motion-ready [data-reveal] { opacity: 1; transform: none; }
    .event-card { opacity: 0; transform: none; }
    .event-card:first-child { opacity: 1; }
    .widget-phone, .avero-ios-widget, .avero-ios-widget::before, .avero-widget-value b, .avero-ios-widget header > i, .avero-ios-widget footer i { animation: none !important; }
    .avero-ios-widget { opacity: 1; transform: none; }
    .avero-ios-widget::before, .avero-widget-value b:first-child { opacity: 0; }
    .avero-widget-value b:last-child { opacity: 1; transform: none; }
    .ar-story-caption { opacity: 1; transform: none; }
    .ar-play b { display: none !important; }
  }
}