:root {
      --ink: #151515;
      --soft: #3e3d39;
      --muted: #716f69;
      --paper: #f2efe8;
      --paper-2: #e9e5dc;
      --white: #fbfaf7;
      --apple: #9bd85d;
      --apple-soft: rgba(155, 216, 93, .2);
      --apple-ink: #263b15;
      --line: rgba(21, 21, 21, .16);
      --line-dark: rgba(255, 255, 255, .18);
      --wrap: min(1200px, calc(100vw - 48px));
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--white);
      font-family: "DM Sans", system-ui, sans-serif;
      font-size: 17px;
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    img { display: block; max-width: 100%; }
    h1, h2, h3, p { margin-top: 0; }
    .wrap { width: var(--wrap); margin-inline: auto; }
    .section { padding: 128px 0; }

    .scroll-progress {
      position: fixed;
      z-index: 100;
      inset: 0 auto auto 0;
      width: 100%;
      height: 3px;
      background: var(--apple);
      transform: scaleX(0);
      transform-origin: left center;
      will-change: transform;
    }

    .nav {
      position: fixed;
      z-index: 50;
      inset: 12px 0 auto;
      background: transparent;
    }
    .nav-inner {
      width: var(--wrap);
      height: 64px;
      margin: auto;
      padding: 0 20px;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 24px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(251, 250, 247, .9);
      box-shadow: 0 8px 30px rgba(21,21,21,.05);
      backdrop-filter: blur(16px);
      transition: background .25s ease, box-shadow .25s ease;
    }
    .nav.scrolled .nav-inner { background: rgba(251,250,247,.97); box-shadow: 0 12px 38px rgba(21,21,21,.09); }
    .brand {
      display: inline-flex;
      align-items: center;
      width: 142px;
    }
    .brand img { width: 100%; height: auto; }
    .footer-brand img { filter: invert(1); }
    .nav-links { display: flex; align-items: center; gap: 30px; font-size: 14px; }
    .nav-links a, .login { transition: opacity .2s ease; }
    .nav-links a:hover, .login:hover { opacity: .55; }
    .nav-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
    .login { padding: 10px 8px; font-size: 14px; }
    .language-toggle {
      min-height: 40px;
      min-width: 44px;
      padding: 0 13px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: transparent;
      color: var(--muted);
      font: 600 11px/1 "DM Sans", sans-serif;
      letter-spacing: .06em;
      cursor: pointer;
    }
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 48px;
      padding: 0 20px;
      border: 1px solid var(--ink);
      border-radius: 999px;
      background: var(--ink);
      color: var(--white);
      font-size: 14px;
      font-weight: 600;
      transition: transform .2s ease, background .2s ease, color .2s ease;
    }
    .button:hover { transform: translateY(-2px); background: var(--soft); }
    .button.light { background: var(--white); color: var(--ink); border-color: var(--white); }
    .button.light:hover { background: var(--paper); }
    .text-link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 4px;
      border-bottom: 1px solid var(--ink);
      font-size: 14px;
      font-weight: 600;
    }
    .text-link span { transition: transform .2s ease; }
    .text-link:hover span { transform: translateY(3px); }
    .arrow { font-size: 17px; line-height: 1; }

    .hero {
      position: relative;
      min-height: 780px;
      padding: 190px 0 120px;
      display: flex;
      align-items: center;
      background: var(--white);
      overflow: hidden;
      text-align: center;
    }
    .hero-layout {
      position: relative;
      z-index: 2;
      display: block;
      max-width: 1040px;
    }
    .hero-copy { margin: auto; }
    .hero-audience { display: table; max-width: 100%; margin: 0 auto 2rem; padding: .5rem 1.25rem; border-radius: 999px; background: var(--apple); color: var(--apple-ink); font-size: clamp(1rem, .93rem + .25vw, 1.125rem); font-weight: 700; line-height: 1.5; text-wrap: balance; }
    .eyebrow, .kicker {
      display: flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 24px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .eyebrow::before, .kicker::before {
      content: "";
      width: 28px;
      height: 1px;
      background: currentColor;
    }
    .kicker::before { height: 4px; border-radius: 999px; background: var(--apple); }
    h1 {
      max-width: min(100%, 22ch);
      margin: 0 auto 3.5rem;
      font: 600 clamp(2.25rem, 1.25rem + 5vw, 5.75rem)/1.3 "Manrope", sans-serif;
      letter-spacing: normal;
      word-spacing: .025em;
      text-wrap: balance;
      overflow-wrap: anywhere;
    }
    .hero h1 { margin-bottom: 1.75rem; }
    .hero-lead {
      max-width: 45rem;
      margin: 0 auto 3rem;
      color: var(--soft);
      font-size: clamp(1.125rem, 1rem + .3vw, 1.25rem);
      line-height: 1.75;
      text-wrap: pretty;
    }
    .hero-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 22px; }

    h2 {
      max-width: 900px;
      margin-bottom: 26px;
      font: 500 clamp(2.8rem, 5vw, 5.2rem)/1.02 "Manrope", sans-serif;
      letter-spacing: -.06em;
      text-wrap: balance;
    }
    h3 {
      margin-bottom: 18px;
      font: 500 clamp(2rem, 3.2vw, 3.45rem)/1.06 "Manrope", sans-serif;
      letter-spacing: -.05em;
      text-wrap: balance;
    }
    .section-lead {
      max-width: 700px;
      margin-bottom: 0;
      color: var(--muted);
      font-size: 19px;
      line-height: 1.6;
    }
    .product-intro { background: var(--white); padding-bottom: 100px; }
    .product-heading {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 90px;
      align-items: end;
    }
    .product-heading h2 { margin-bottom: 0; }

    .contexts { background: var(--white); padding-bottom: 140px; }
    .context {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      min-height: 570px;
      border-top: 1px solid var(--line);
    }
    .context:last-child { border-bottom: 1px solid var(--line); }
    .context:nth-child(even) .context-copy { order: 2; border-left: 1px solid var(--line); border-right: 0; }
    .context:nth-child(even) .context-visual { order: 1; }
    .context-copy {
      padding: 76px 60px 76px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-right: 1px solid var(--line);
    }
    .context:nth-child(even) .context-copy { padding: 76px 0 76px 60px; }
    .number { margin-bottom: 46px; color: var(--muted); font-size: 12px; letter-spacing: .14em; }
    .context-copy p { max-width: 480px; color: var(--muted); font-size: 18px; }
    .outcome {
      max-width: 480px;
      margin-top: 28px;
      padding-top: 19px;
      border-top: 1px solid var(--line);
      color: var(--ink) !important;
      font-size: 14px !important;
      font-weight: 600;
    }
    .outcome-toggle { display: none; }
    .context-visual {
      min-width: 0;
      padding: 60px 8%;
      display: grid;
      place-items: center;
      overflow: hidden;
    }

    .wire {
      width: min(100%, 470px);
      color: var(--ink);
    }
    .wire-label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 15px;
      color: var(--muted);
      font-size: 10px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .wire-label::after { content: ""; width: 42px; height: 1px; background: var(--line); }
    .phone {
      width: min(280px, 80%);
      margin: auto;
      padding: 16px;
      border: 1px solid var(--ink);
      border-radius: 30px;
      background: var(--white);
      box-shadow: 26px 28px 0 var(--paper-2);
    }
    .phone-top { width: 44px; height: 4px; margin: 0 auto 36px; border-radius: 4px; background: var(--ink); }
    .phone small { display: block; color: var(--muted); text-align: center; }
    .phone h4 { max-width: 190px; margin: 9px auto 36px; font: 500 21px/1.2 "Manrope", sans-serif; text-align: center; letter-spacing: -.03em; }
    .orb {
      width: 76px;
      height: 76px;
      margin: auto;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--ink);
      transition: background .35s ease;
    }
    .orb-bars { display: flex; align-items: center; gap: 3px; }
    .orb-bars i { width: 2px; height: 11px; border-radius: 4px; background: var(--white); }
    .orb-bars i:nth-child(2), .orb-bars i:nth-child(4) { height: 23px; }
    .orb-bars i:nth-child(3) { height: 34px; }
    .customer-flow { min-height: 178px; margin-top: 25px; }
    .spoken-request, .question, .answer {
      margin: 8px 4px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 12px;
      color: var(--soft);
      font-size: 10px;
      line-height: 1.4;
      opacity: 0;
      transform: translateY(7px);
    }
    .spoken-request, .answer { width: 86%; margin-left: auto; background: var(--paper); }
    .question { width: 90%; }
    .complete-note {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 11px 4px 0;
      color: var(--apple-ink);
      font-size: 10px;
      font-weight: 600;
      opacity: 0;
      transform: translateY(7px);
    }
    .complete-note i, .task-check {
      width: 20px;
      height: 20px;
      display: grid;
      place-items: center;
      flex: 0 0 20px;
      border-radius: 50%;
      background: var(--apple);
      color: var(--apple-ink);
      font-style: normal;
      font-size: 11px;
    }
    .phone-foot { height: 4px; width: 85px; margin: 18px auto 4px; border-radius: 4px; background: var(--line); }

    .context.visible .orb-bars i { animation: voice-bars .7s ease-in-out infinite; }
    .context.visible .orb-bars i:nth-child(2) { animation-delay: -.25s; }
    .context.visible .orb-bars i:nth-child(3) { animation-delay: -.5s; }
    .context.visible .orb-bars i:nth-child(4) { animation-delay: -.15s; }
    .context.visible .orb-bars i:nth-child(5) { animation-delay: -.4s; }
    .context.visible .orb { animation: customer-orb 9s ease-in-out infinite; }
    .context.visible .spoken-request { animation: customer-one 9s ease infinite; }
    .context.visible .question { animation: customer-two 9s ease infinite; }
    .context.visible .answer { animation: customer-three 9s ease infinite; }
    .context.visible .complete-note { animation: customer-four 9s ease infinite; }
    @keyframes voice-bars { 0%,100% { transform: scaleY(.45); } 50% { transform: scaleY(1.08); } }
    @keyframes customer-orb { 0%,67%,100% { background: var(--ink); } 73%,92% { background: var(--apple); } }
    @keyframes customer-one { 0%,9%,100% { opacity:0; transform:translateY(7px); } 15%,92% { opacity:1; transform:none; } }
    @keyframes customer-two { 0%,28%,100% { opacity:0; transform:translateY(7px); } 35%,92% { opacity:1; transform:none; } }
    @keyframes customer-three { 0%,47%,100% { opacity:0; transform:translateY(7px); } 54%,92% { opacity:1; transform:none; } }
    @keyframes customer-four { 0%,67%,100% { opacity:0; transform:translateY(7px); } 74%,92% { opacity:1; transform:none; } }

    .recorder {
      padding: 28px;
      border: 1px solid var(--ink);
      border-radius: 24px;
      background: var(--white);
      box-shadow: -16px 16px 0 var(--paper-2);
    }
    .recorder-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; font-size: 13px; font-weight: 600; }
    .live { position: relative; min-width: 82px; display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; }
    .live::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--ink); }
    .live span { position: absolute; left: 14px; white-space: nowrap; }
    .state-done { opacity: 0; color: var(--apple-ink); }
    .record-wave { height: 76px; display: flex; align-items: center; justify-content: center; gap: 5px; border-block: 1px solid var(--line); }
    .record-wave i { width: 2px; height: 15px; background: var(--ink); transform-origin: center; }
    .record-wave i:nth-child(3n) { height: 42px; }
    .record-wave i:nth-child(4n) { height: 26px; }
    .record-wave i:nth-child(7n) { height: 58px; }
    .record-time { margin: 13px 0 28px; color: var(--muted); font-size: 11px; text-align: center; }
    .generated { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .mini-task { display: grid; grid-template-columns: 20px 1fr; gap: 9px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); font-size: 11px; opacity: 0; transform: translateY(10px); }
    .mini-task b { display: block; margin-bottom: 4px; font-size: 12px; }
    .task-copy span { color: var(--muted); }
    .context.visible .record-wave i { animation: recorder-wave .72s ease-in-out infinite; }
    .context.visible .record-wave i:nth-child(2n) { animation-delay: -.2s; }
    .context.visible .record-wave i:nth-child(3n) { animation-delay: -.45s; }
    .context.visible .record-wave { animation: recorder-finish 8.5s ease infinite; }
    .context.visible .live::before { animation: listening-dot 8.5s ease infinite; }
    .context.visible .state-listening { animation: listening-copy 8.5s ease infinite; }
    .context.visible .state-done { animation: processed-copy 8.5s ease infinite; }
    .context.visible .mini-task:first-child { animation: task-one 8.5s ease infinite; }
    .context.visible .mini-task:last-child { animation: task-two 8.5s ease infinite; }
    @keyframes recorder-wave { 0%,100% { transform:scaleY(.4); } 50% { transform:scaleY(1); } }
    @keyframes recorder-finish { 0%,50%,100% { opacity:1; } 58%,88% { opacity:.22; } }
    @keyframes listening-dot { 0%,50%,100% { background:var(--ink); } 58%,88% { background:var(--apple); } }
    @keyframes listening-copy { 0%,50%,100% { opacity:1; } 58%,88% { opacity:0; } }
    @keyframes processed-copy { 0%,50%,100% { opacity:0; } 58%,88% { opacity:1; } }
    @keyframes task-one { 0%,55%,100% { opacity:0; transform:translateY(10px); } 63%,88% { opacity:1; transform:none; } }
    @keyframes task-two { 0%,64%,100% { opacity:0; transform:translateY(10px); } 72%,88% { opacity:1; transform:none; } }

    .report {
      position: relative;
      width: min(100%, 400px);
      min-height: 380px;
      margin: auto;
      padding: 32px;
      border: 1px solid var(--ink);
      border-radius: 24px;
      background: var(--white);
    }
    .report::before {
      content: "";
      position: absolute;
      z-index: 0;
      inset: 14px -15px -15px 14px;
      border: 1px solid var(--line);
      border-radius: 24px;
      background: var(--paper-2);
    }
    .report > * { position: relative; z-index: 1; }
    .report-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; padding-bottom: 16px; border-bottom: 1px solid var(--ink); font-size: 14px; font-weight: 600; }
    .report-title span { padding: 4px 7px; border-radius: 999px; color: var(--muted); font-size: 10px; font-weight: 500; }
    .report-row { margin-bottom: 24px; }
    .report-row small { display: block; margin-bottom: 8px; color: var(--muted); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
    .rule { position: relative; height: 2px; margin-top: 8px; overflow: hidden; background: var(--line); }
    .rule::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 0; background: var(--ink); }
    .rule.short { width: 68%; }
    .report-voice { display: flex; align-items: center; gap: 13px; margin-top: 35px; padding: 13px 15px; border-radius: 12px; background: var(--ink); color: var(--white); font-size: 11px; }
    .report-voice .tiny-wave { display: flex; align-items: center; gap: 2px; }
    .tiny-wave i { width: 2px; height: 7px; background: var(--white); }
    .tiny-wave i:nth-child(even) { height: 15px; }
    .context.visible .report-row.one .rule::after { animation: report-line-one 9s ease infinite; }
    .context.visible .report-row.two .rule::after { animation: report-line-two 9s ease infinite; }
    .context.visible .report-row.three .rule::after { animation: report-line-three 9s ease infinite; }
    .context.visible .report-status { animation: report-complete 9s ease infinite; }
    .context.visible .tiny-wave i { animation: tiny-voice .65s ease-in-out infinite; }
    .context.visible .tiny-wave i:nth-child(even) { animation-delay: -.3s; }
    @keyframes report-line-one { 0%,15%,100% { width:0; } 28%,90% { width:100%; } }
    @keyframes report-line-two { 0%,31%,100% { width:0; } 45%,90% { width:100%; } }
    @keyframes report-line-three { 0%,48%,100% { width:0; } 61%,90% { width:100%; } }
    @keyframes report-complete { 0%,63%,100% { color:var(--muted); background:transparent; } 70%,90% { color:var(--apple-ink); background:var(--apple); } }
    @keyframes tiny-voice { 0%,100% { transform:scaleY(.45); } 50% { transform:scaleY(1); } }

    .dashboard-wire { width: min(100%, 560px); }
    .office-dashboard {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr);
      min-height: 372px;
      overflow: hidden;
      border: 1px solid var(--ink);
      border-radius: 24px;
      background: var(--white);
      box-shadow: 16px 16px 0 var(--paper-2);
    }
    .dash-sidebar { padding: 14px 10px; background: var(--ink); }
    .dash-symbol {
      width: 27px;
      height: 27px;
      margin-bottom: 34px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.8);
      border-radius: 8px;
      color: var(--white);
      font-size: 10px;
      font-weight: 600;
    }
    .dash-nav { display: grid; gap: 17px; justify-content: center; }
    .dash-nav i { width: 12px; height: 12px; border: 1px solid rgba(255,255,255,.38); border-radius: 2px; }
    .dash-nav i.active { background: var(--white); border-color: var(--white); }
    .dash-main { min-width: 0; padding: 20px; }
    .dash-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
    .dash-top b { font: 500 16px/1.2 "Manrope", sans-serif; letter-spacing: -.02em; }
    .dash-top span { color: var(--muted); font-size: 10px; }
    .dash-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 22px; }
    .dash-metric { padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
    .dash-metric span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
    .dash-metric b { font: 500 19px/1 "Manrope", sans-serif; }
    .dash-table-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 15px; padding: 0 0 9px 32px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
    .dash-table { border-top: 1px solid var(--ink); }
    .queue-row {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 22px minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      padding: 13px 0;
      border-bottom: 1px solid var(--line);
      background: var(--white);
      font-size: 10px;
    }
    .queue-icon { position: relative; width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; font-size: 8px; }
    .queue-icon i { position: absolute; inset: -1px; display: grid; place-items: center; border-radius: 50%; background: var(--apple); color: var(--apple-ink); font-style: normal; opacity: 0; }
    .queue-row b { display: block; margin-bottom: 2px; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
    .queue-row span { color: var(--muted); }
    .status { min-width: 58px; padding: 4px 6px; border: 1px solid var(--line); font-size: 8px; text-align: center; text-transform: uppercase; letter-spacing: .06em; }
    .context.visible .queue-row:nth-child(1) { animation: queue-one 9s ease infinite; }
    .context.visible .queue-row:nth-child(2) { animation: queue-two 9s ease infinite; }
    .context.visible .queue-row:nth-child(3) { animation: queue-three 9s ease infinite; }
    .context.visible .queue-row:nth-child(1) .queue-icon i,
    .context.visible .queue-row:nth-child(1) .status { animation: queue-done-one 9s ease infinite; }
    .context.visible .queue-row:nth-child(2) .queue-icon i,
    .context.visible .queue-row:nth-child(2) .status { animation: queue-done-two 9s ease infinite; }
    .context.visible .queue-row:nth-child(3) .queue-icon i,
    .context.visible .queue-row:nth-child(3) .status { animation: queue-done-three 9s ease infinite; }
    @keyframes queue-one { 0%,7%,100% { opacity:.25; transform:translateX(-10px); } 14%,90% { opacity:1; transform:none; } }
    @keyframes queue-two { 0%,23%,100% { opacity:.25; transform:translateX(-10px); } 31%,90% { opacity:1; transform:none; } }
    @keyframes queue-three { 0%,40%,100% { opacity:.25; transform:translateX(-10px); } 48%,90% { opacity:1; transform:none; } }
    @keyframes queue-done-one { 0%,16%,100% { opacity:0; background:transparent; } 23%,90% { opacity:1; background:var(--apple); border-color:var(--apple); color:var(--apple-ink); } }
    @keyframes queue-done-two { 0%,34%,100% { opacity:0; background:transparent; } 41%,90% { opacity:1; background:var(--apple); border-color:var(--apple); color:var(--apple-ink); } }
    @keyframes queue-done-three { 0%,52%,100% { opacity:0; background:transparent; } 59%,90% { opacity:1; background:var(--apple); border-color:var(--apple); color:var(--apple-ink); } }

    .image-intelligence { padding: 78px 0 108px; background: var(--white); }
    .image-layout {
      display: grid;
      grid-template-columns: 1fr minmax(320px, 420px);
      gap: 74px;
      align-items: center;
      padding: 56px 0;
      border-block: 1px solid var(--line);
    }
    .image-copy h2 { max-width: 660px; margin-bottom: 22px; font-size: clamp(2.35rem, 4vw, 4.1rem); }
    .image-copy > p { max-width: 590px; margin: 0; color: var(--muted); font-size: 17px; }
    .photo-workflow { width: min(100%, 420px); justify-self: end; }
    .photo-shell { overflow: hidden; border: 1px solid var(--ink); border-radius: 20px; background: var(--white); }
    .photo-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 13px 16px; border-bottom: 1px solid var(--line); font-size: 12px; }
    .photo-head b { font-weight: 600; }
    .photo-head span { color: var(--muted); font-size: 11px; }
    .photo-body { display: grid; grid-template-columns: 1fr 1fr; min-height: 260px; }
    .photo-capture { padding: 14px; border-right: 1px solid var(--line); }
    .photo-frame { position: relative; height: 112px; overflow: hidden; border-radius: 12px; background: var(--paper-2); }
    .appliance-outline { position: absolute; inset: 16px 29px 12px; border: 1px solid rgba(21,21,21,.38); border-radius: 8px 8px 14px 14px; }
    .appliance-outline::before { content: ""; position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; border: 1px solid rgba(21,21,21,.28); border-radius: 50%; }
    .nameplate { position: absolute; right: 10px; bottom: 12px; width: 54px; padding: 5px; border: 1px solid rgba(21,21,21,.55); border-radius: 4px; background: rgba(251,250,247,.9); }
    .nameplate i { display: block; height: 1px; margin: 3px 0; background: rgba(21,21,21,.42); }
    .nameplate i:nth-child(2) { width: 72%; }
    .nameplate i:nth-child(3) { width: 48%; }
    .scan-line { position: absolute; inset: 10px 8px auto; height: 1px; background: var(--apple); opacity: 0; }
    .photo-checklist { margin-top: 9px; }
    .photo-check { display: grid; grid-template-columns: 16px 1fr; gap: 7px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 10px; }
    .photo-check i { width: 15px; height: 15px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: transparent; font-style: normal; font-size: 9px; }
    .photo-check span:last-child { display: none; }
    .photo-insight { padding: 16px; display: flex; flex-direction: column; }
    .insight-label { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
    .photo-insight h4 { margin: 7px 0 15px; font: 500 17px/1.15 "Manrope", sans-serif; letter-spacing: -.03em; }
    .insight-fields { margin-bottom: auto; border-top: 1px solid var(--ink); }
    .insight-row { display: grid; grid-template-columns: .8fr 1fr; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 10px; }
    .insight-row span { color: var(--muted); }
    .insight-row b { opacity: 0; transform: translateY(5px); font-weight: 600; }
    .insight-link { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--apple-ink); font-size: 10px; font-weight: 600; opacity: 0; }
    .insight-link i { width: 16px; height: 16px; display: grid; place-items: center; border-radius: 50%; background: var(--apple); font-style: normal; font-size: 9px; }
    .image-layout.visible .scan-line { animation: image-scan 8s ease-in-out infinite; }
    .image-layout.visible .photo-check:nth-child(1) i { animation: photo-check-one 8s ease infinite; }
    .image-layout.visible .photo-check:nth-child(2) i { animation: photo-check-two 8s ease infinite; }
    .image-layout.visible .insight-row:nth-child(1) b { animation: insight-one 8s ease infinite; }
    .image-layout.visible .insight-row:nth-child(2) b { animation: insight-two 8s ease infinite; }
    .image-layout.visible .insight-row:nth-child(3) b { animation: insight-three 8s ease infinite; }
    .image-layout.visible .insight-link { animation: insight-link 8s ease infinite; }
    @keyframes image-scan { 0%,9%,100% { top:10px; opacity:0; } 16% { opacity:1; } 46% { top:101px; opacity:1; } 52%,88% { top:101px; opacity:0; } }
    @keyframes photo-check-one { 0%,13%,100% { color:transparent; background:transparent; border-color:var(--line); } 20%,88% { color:var(--apple-ink); background:var(--apple); border-color:var(--apple); } }
    @keyframes photo-check-two { 0%,42%,100% { color:transparent; background:transparent; border-color:var(--line); } 50%,88% { color:var(--apple-ink); background:var(--apple); border-color:var(--apple); } }
    @keyframes insight-one { 0%,50%,100% { opacity:0; transform:translateY(5px); } 58%,88% { opacity:1; transform:none; } }
    @keyframes insight-two { 0%,57%,100% { opacity:0; transform:translateY(5px); } 65%,88% { opacity:1; transform:none; } }
    @keyframes insight-three { 0%,64%,100% { opacity:0; transform:translateY(5px); } 72%,88% { opacity:1; transform:none; } }
    @keyframes insight-link { 0%,72%,100% { opacity:0; } 79%,88% { opacity:1; } }

    .principle {
      padding: 130px 0;
      background: var(--ink);
      color: var(--white);
    }
    .principle-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 72px;
      align-items: start;
    }
    .principle-intro { max-width: 890px; }
    .principle .kicker { color: rgba(255,255,255,.5); }
    .principle h2 { max-width: 890px; margin-bottom: 28px; font-size: clamp(2.7rem, 4.6vw, 4.8rem); line-height: 1.08; overflow-wrap: anywhere; }
    .principle-copy { max-width: 760px; margin: 0; color: rgba(255,255,255,.6); font-size: 17px; }
    .brain-panel { container-type: inline-size; width: 100%; max-width: 900px; min-width: 0; margin-inline: auto; }
    .brain-visual { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 144px minmax(0, 1fr); gap: clamp(18px, 4vw, 48px); align-items: center; min-width: 0; padding-block: 24px; }
    .brain-connections { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; pointer-events: none; opacity: 0; }
    .brain-connections.is-connected { opacity: 1; }
    .brain-path { fill: none; stroke: rgba(255,255,255,.2); stroke-width: 1.2; }
    .brain-path-flow { fill: none; stroke: var(--apple); stroke-width: 1; stroke-opacity: .38; stroke-dasharray: 1 16; stroke-linecap: round; }
    .brain-particle { fill: var(--apple); }
    .brain-particle-soft { fill: rgba(255,255,255,.86); }
    .brain-sources { display: grid; gap: 22px; min-width: 0; }
    .brain-source {
      min-width: 0;
      min-height: 58px;
      padding: 14px 16px;
      display: flex;
      align-items: center;
      gap: 10px;
      border: 1px solid var(--line-dark);
      border-radius: 18px;
      background: #1d1d1d;
      color: rgba(255,255,255,.78);
      font-size: 14px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }
    .brain-source::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }
    .brain-source:nth-child(1) { --source-delay: 0s; }
    .brain-source:nth-child(2) { --source-delay: 2.04s; }
    .brain-source:nth-child(3) { --source-delay: 4.08s; }
    .brain-source:nth-child(4) { --source-delay: 6.12s; }
    .brain-hub { display: grid; justify-items: center; gap: 16px; min-width: 0; }
    .brain-core {
      position: relative;
      width: 128px;
      height: 128px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.62);
      border-radius: 50%;
      background: #1d1d1d;
      text-align: center;
    }
    .brain-core::before { content: ""; position: absolute; inset: -9px; border: 1px solid var(--apple); border-radius: 50%; opacity: 0; pointer-events: none; }
    .brain-icon { width: 64px; height: 54px; fill: none; stroke: var(--white); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
    .brain-label { max-width: 100%; margin: 0; color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.4; text-align: center; overflow-wrap: anywhere; }
    .brain-knowledge {
      width: 100%;
      min-width: 0;
      padding: 24px 20px;
      border: 1px solid transparent;
      border-radius: 22px;
      background: var(--white);
      color: var(--ink);
      overflow-wrap: anywhere;
    }
    .brain-knowledge small { display: block; margin-bottom: 10px; color: var(--muted); font-size: 12px; line-height: 1.4; }
    .brain-knowledge b { display: block; margin-bottom: 12px; font: 500 22px/1.2 "Manrope", sans-serif; letter-spacing: -.025em; }
    .brain-knowledge p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
    .principle-grid.visible .brain-source { animation: source-gather 12s ease-in-out var(--source-delay) infinite; }
    .principle-grid.visible .brain-source::before { animation: source-mark 12s ease-in-out var(--source-delay) infinite; }
    .principle-grid.visible .brain-path-flow { animation: information-flow 3s linear infinite; }
    .principle-grid.visible .brain-core { animation: brain-breathe 3.4s ease-in-out infinite; }
    .principle-grid.visible .brain-core::before { animation: brain-halo 3.4s ease-out infinite; }
    .principle-grid.visible .brain-icon { animation: brain-icon-pulse 3.4s ease-in-out infinite; }
    .principle-grid.visible .brain-knowledge { animation: knowledge-build 12s ease-in-out infinite; }
    @keyframes source-gather { 0%,1%,18%,100% { border-color:var(--line-dark); background:#1d1d1d; color:rgba(255,255,255,.78); } 3%,14% { border-color:var(--apple); background:#263121; color:var(--white); } }
    @keyframes source-mark { 0%,1%,18%,100% { border-color:rgba(255,255,255,.5); background:transparent; } 3%,14% { border-color:var(--apple); background:var(--apple); } }
    @keyframes information-flow { to { stroke-dashoffset: -17; } }
    @keyframes brain-breathe { 0%,100% { transform:scale(.985); border-color:rgba(255,255,255,.55); } 48% { transform:scale(1.045); border-color:var(--apple); } }
    @keyframes brain-halo { 0%,15%,100% { transform:scale(.94); opacity:0; } 48% { opacity:.43; } 80% { transform:scale(1.12); opacity:0; } }
    @keyframes brain-icon-pulse { 0%,100% { transform:scale(.96); stroke:var(--white); } 48% { transform:scale(1.06); stroke:#d7f4b9; } }
    @keyframes knowledge-build { 0%,84%,100% { border-color:transparent; } 89%,97% { border-color:var(--apple); } }
    @media (max-width: 1120px) {
      .principle-grid { gap: 56px; }
    }
    @container (max-width: 38rem) {
      .brain-visual { grid-template-columns: minmax(0, 1fr); row-gap: 56px; padding: 0; }
      .brain-sources { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
      .brain-source { min-height: 72px; padding: 12px; border-radius: 16px; }
      .brain-hub { width: 180px; justify-self: center; }
      .brain-label { max-width: 160px; }
      .brain-knowledge { max-width: 340px; justify-self: center; text-align: center; }
    }

    .integrations { padding: 100px 0; background: var(--white); }
    .integration-head { display: grid; grid-template-columns: 1fr .76fr; gap: 90px; align-items: end; padding: 54px 0; }
    .integration-head h2 { max-width: 760px; margin: 0; }
    .integration-head p { max-width: 510px; margin: 0; color: var(--muted); font-size: 18px; }

    .team { background: var(--paper); }
    .team-head { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 60px; }
    .team-head h2 { margin: 0; }
    .team-head p { max-width: 410px; margin: 0 0 8px; color: var(--muted); }
    .team-grid { display: grid; grid-template-columns: 250px 250px minmax(320px, 1fr); gap: 34px; align-items: stretch; }
    .person { width: 250px; border-top: 1px solid var(--ink); padding-top: 18px; }
    .person-image { width: 220px; aspect-ratio: 4/5; margin-bottom: 22px; overflow: hidden; border-radius: 20px; background: var(--paper-2); }
    .person-image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter .35s ease, transform .5s ease; }
    .person:hover img { filter: grayscale(.35); transform: scale(1.015); }
    .person-top { display: flex; justify-content: space-between; gap: 20px; }
    .person h3 { margin: 0 0 5px; font-size: 22px; letter-spacing: -.035em; }
    .person p { margin: 0; color: var(--muted); font-size: 14px; }
    .linkedin { font-size: 12px; padding-top: 5px; border-bottom: 1px solid var(--ink); align-self: flex-start; }
    .talk-card {
      padding: 34px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: 28px;
      background: var(--ink);
      color: var(--white);
    }
    .talk-card small { color: rgba(255,255,255,.48); letter-spacing: .12em; text-transform: uppercase; }
    .talk-card h3 { margin: 40px 0 22px; font-size: 30px; }
    .talk-card p { color: rgba(255,255,255,.65); font-size: 15px; }
    .talk-card .button { margin-top: 36px; align-self: flex-start; }

    .faq { background: var(--white); }
    .faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px; align-items: start; }
    .faq-intro h2 { margin-bottom: 22px; }
    .faq-intro p { max-width: 430px; color: var(--muted); font-size: 18px; }
    .faq-list { border-top: 1px solid var(--ink); }
    .faq-item { border-bottom: 1px solid var(--line); }
    .faq-item summary {
      position: relative;
      padding: 24px 50px 24px 0;
      cursor: pointer;
      list-style: none;
      font: 500 18px/1.35 "Manrope", sans-serif;
      letter-spacing: -.02em;
    }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after {
      content: "+";
      position: absolute;
      top: 20px;
      right: 0;
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 50%;
      font: 400 18px/1 "DM Sans", sans-serif;
      transition: transform .25s ease, background .25s ease;
    }
    .faq-item[open] summary::after { content: "−"; background: var(--apple); transform: rotate(180deg); }
    .faq-item p { max-width: 650px; margin: -4px 50px 24px 0; color: var(--muted); font-size: 16px; }
    .faq-item[open] p { animation: faq-open .3s ease both; }
    @keyframes faq-open { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }

    .final-cta { padding: 140px 0; background: var(--paper-2); text-align: center; }
    .final-cta h2 { max-width: 1000px; margin: 0 auto 40px; }
    .cal-inline { width: 100%; height: 720px; overflow: auto; scroll-margin-top: 92px; }

    footer { padding: 82px 0 28px; border-radius: 36px 36px 0 0; background: var(--ink); color: var(--white); }
    .footer-main { display: grid; grid-template-columns: 1.4fr repeat(3, .7fr); gap: 56px; padding-bottom: 66px; }
    .footer-brand-block .brand { width: 158px; margin-bottom: 24px; }
    .footer-brand-block p { max-width: 330px; margin-bottom: 28px; color: rgba(255,255,255,.58); font-size: 15px; }
    .footer-col h4 { margin: 0 0 20px; color: rgba(255,255,255,.42); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
    .footer-col a { display: block; width: max-content; margin: 12px 0; color: rgba(255,255,255,.78); font-size: 14px; transition: color .2s ease; }
    .footer-col a:hover { color: var(--white); }
    .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-top: 24px; border-top: 1px solid var(--line-dark); color: rgba(255,255,255,.42); font-size: 12px; }
    .footer-legal { display: flex; gap: 22px; }
    .footer-legal a:hover { color: var(--white); }

    .reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    @media (max-width: 980px) {
      :root { --wrap: min(100% - 36px, 760px); }
      .nav-inner { grid-template-columns: 1fr auto; }
      .nav-links, .login { display: none; }
      .hero { min-height: auto; padding-top: 150px; }
      .product-heading, .image-layout, .principle-grid, .integration-head, .faq-layout { grid-template-columns: 1fr; gap: 30px; }
      .context, .context:nth-child(even) { grid-template-columns: 1fr; min-height: auto; }
      .context-copy, .context:nth-child(even) .context-copy { order: 1; padding: 70px 0 45px; border: 0; }
      .context-visual, .context:nth-child(even) .context-visual { order: 2; padding: 30px 0 80px; }
      .context:last-child { border-bottom: 1px solid var(--line); }
      .image-layout { gap: 44px; }
      .photo-workflow { justify-self: start; }
      .principle-grid { gap: 70px; }
      .faq-layout { gap: 60px; }
      .team-grid { grid-template-columns: 250px 250px; }
      .talk-card { grid-column: 1 / -1; min-height: 350px; }
      .footer-main { grid-template-columns: 1fr 1fr; }
      .footer-brand-block { grid-column: 1 / -1; }
    }

    @media (max-width: 660px) {
      :root { --wrap: calc(100vw - 30px); }
      body { font-size: 16px; }
      .section { padding: 92px 0; }
      .nav-inner { height: 68px; }
      .nav-inner { padding-inline: 12px; gap: 8px; }
      .brand { width: 110px; }
      .nav-actions { gap: 8px; }
      .language-toggle { min-height: 42px; padding-inline: 9px; }
      .nav-actions .button { min-height: 42px; padding: 0 15px; font-size: 12px; }
      .hero { padding: 126px 0 90px; }
      .product-intro { padding-bottom: 62px; }
      .contexts { padding-bottom: 0; }
      .context-copy, .context:nth-child(even) .context-copy { padding-top: 58px; }
      .context-copy > p:not(.outcome) { margin-bottom: 0; }
      .contexts.mobile-outcomes-ready .context:not(.show-outcome) .outcome { display: none; }
      .outcome-toggle { display: inline-flex; align-items: center; align-self: flex-start; min-height: 44px; margin-top: 0; padding: 0; border: 0; background: transparent; color: var(--ink); font: 600 15px/1.4 "DM Sans", sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
      .outcome-toggle:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
      .wire-label { display: none; }
      .context:last-child { border-bottom: 0; }
      .number { margin-bottom: 34px; }
      .generated { grid-template-columns: 1fr; }
      .office-dashboard { grid-template-columns: 38px minmax(0, 1fr); min-height: 350px; box-shadow: 12px 12px 0 var(--paper-2); }
      .dash-sidebar { padding: 12px 6px; }
      .dash-symbol { width: 25px; height: 25px; }
      .dash-main { padding: 15px 12px; }
      .dash-metric { padding: 9px 7px; }
      .dash-metric span { font-size: 8px; }
      .queue-row { grid-template-columns: 20px minmax(0, 1fr) auto; gap: 8px; }
      .status { min-width: 48px; padding-inline: 4px; font-size: 7px; }
      .image-intelligence { padding: 0 0 72px; }
      .image-layout { padding: 58px 0 38px; }
      .photo-workflow { width: 100%; }
      .integration-head { padding: 38px 0; }
      .team-head { display: block; }
      .team-head p { margin-top: 25px; }
      .team-grid { grid-template-columns: 1fr; }
      .person { width: 250px; max-width: 100%; }
      .talk-card { grid-column: auto; min-height: 360px; }
      .faq-item summary { padding-right: 44px; font-size: 17px; }
      .faq-item p { margin-right: 0; }
      .footer-main { grid-template-columns: 1fr; gap: 34px; }
      .footer-brand-block { grid-column: auto; }
      .footer-bottom { align-items: flex-start; flex-direction: column; }
      .footer-legal { flex-wrap: wrap; }
      .cal-inline { height: 760px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation: none !important; transition: none !important; }
      .reveal { opacity: 1; transform: none; }
      .spoken-request, .question, .answer, .complete-note, .mini-task, .insight-row b, .insight-link { opacity: 1; transform: none; }
      .orb, .live::before, .report-status, .queue-icon i, .status { background: var(--apple); color: var(--apple-ink); border-color: var(--apple); }
      .state-listening { opacity: 0; }
      .state-done, .queue-icon i { opacity: 1; }
      .rule::after { width: 100%; }
      .photo-check:nth-child(-n+2) i { color: var(--apple-ink); background: var(--apple); border-color: var(--apple); }
      .brain-particle { display: none; }
      .brain-source, .brain-source::before, .brain-core, .brain-knowledge { animation: none !important; }
    }