:root {
      --bg: #07090a;
      --bg-soft: #0d1011;
      --text: #f3f0eb;
      --muted: rgba(243, 240, 235, .66);
      --dim: rgba(243, 240, 235, .42);
      --gold: #9a6a3c;
      --gold-light: #be9158;
      --line: rgba(154, 106, 60, .38);
      --line-soft: rgba(255, 255, 255, .12);
      --panel: rgba(255, 255, 255, .035);
      --max: 1280px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--bg); }
    body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--text); background: var(--bg); font-family: Montserrat, Arial, sans-serif; letter-spacing: 0; }
    a { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .ai-page { position: relative; overflow: hidden; min-height: 100vh; background: radial-gradient(circle at 76% 13%, rgba(154,106,60,.13), transparent 28%), linear-gradient(120deg,#060708 0%,#101315 48%,#060708 100%); }
    .ai-page::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .34; background-image: linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px); background-size: 128px 128px; mask-image: linear-gradient(to bottom,#000,transparent 72%); }
    .wrap { width: min(calc(100% - 48px),var(--max)); margin: 0 auto; }
    .nav { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line-soft); background: rgba(7,9,10,.82); backdrop-filter: blur(18px); }
    .nav-inner { display: grid; grid-template-columns: 200px 1fr auto; align-items: center; gap: 34px; min-height: 96px; }
    .brand { display: inline-flex; flex-direction: column; gap: 9px; text-decoration: none; }
    .brand img { display: block; width: 118px; height: auto; }
    .brand small { color: var(--gold-light); font-size: 10px; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; }
    .menu { display: flex; justify-content: flex-end; gap: clamp(18px,3vw,44px); margin: 0; padding: 0; list-style: none; }
    .menu a { color: var(--text); text-decoration: none; font-size: 12px; font-weight: 500; text-transform: uppercase; transition: color .2s ease; }
    .menu a:hover { color: var(--gold-light); }
    .nav-cta { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid var(--gold); color: var(--text); text-decoration: none; font-size: 12px; font-weight: 500; text-transform: uppercase; }
    .hero { position: relative; min-height: calc(100svh - 96px); display: flex; align-items: center; padding: clamp(72px,8vw,112px) 0 58px; }
    .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.96fr) minmax(430px,1.04fr); gap: clamp(48px,7vw,96px); align-items: center; }
    .kicker, .label { display: flex; align-items: center; gap: 16px; margin: 0 0 20px; color: var(--gold-light); font-size: 14px; font-weight: 500; text-transform: uppercase; }
    .kicker::before, .label::before { content: ""; width: 52px; height: 1px; background: var(--gold); }
    h1 { max-width: 770px; margin: 0 0 28px; font-size: clamp(54px,7.4vw,108px); line-height: .96; font-weight: 300; }
    h1 span, h2 span { color: var(--gold-light); }
    .lead { max-width: 720px; margin: 0; color: var(--muted); font-size: clamp(18px,1.5vw,23px); line-height: 1.65; }
    .lead strong { color: var(--text); font-weight: 500; }
    .actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
    .btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 0 24px; border: 1px solid var(--gold-light); background: var(--gold-light); color: #080a0b; text-decoration: none; font-size: 13px; font-weight: 600; text-transform: uppercase; transition: transform .2s ease,background .2s ease,color .2s ease; }
    .btn:hover { transform: translateY(-2px); background: transparent; color: var(--text); }
    .btn.secondary { background: transparent; color: var(--text); border-color: var(--line-soft); }
    .btn.secondary:hover { border-color: var(--gold-light); color: var(--gold-light); }
    .meaning-map { position: relative; min-height: 540px; display: grid; place-items: center; }
    .meaning-map::before, .meaning-map::after { content: ""; position: absolute; width: min(78%,420px); aspect-ratio: 1; border: 1px solid var(--line); border-radius: 50%; }
    .meaning-map::after { width: min(48%,260px); opacity: .7; }
    .map-axis { position: absolute; inset: 10% 14%; }
    .map-axis::before, .map-axis::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,var(--gold-light),transparent); transform-origin: center; }
    .map-axis::after { transform: rotate(90deg); }
    .map-core { position: relative; z-index: 2; width: 146px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--gold-light); border-radius: 50%; background: rgba(7,9,10,.94); color: var(--text); font-size: 16px; font-weight: 500; text-align: center; }
    .map-node { position: absolute; z-index: 3; min-width: 124px; padding: 13px 16px; border: 1px solid var(--line); background: rgba(7,9,10,.88); color: var(--text); font-size: 14px; text-align: center; }
    .map-node small { display: block; margin-top: 5px; color: var(--dim); font-size: 12px; }
    .map-node.language { left: 2%; top: 18%; }
    .map-node.image { right: 2%; top: 18%; }
    .map-node.behaviour { left: 2%; bottom: 18%; }
    .map-node.decisions { right: 2%; bottom: 18%; }
    .map-caption { position: absolute; bottom: 0; margin: 0; color: var(--dim); font-size: 13px; text-align: center; }
    .hero-portrait { position: relative; width: min(100%,620px); margin: 0 auto; }
    .hero-portrait::before { content: ""; position: absolute; inset: 9%; border-radius: 50%; background: rgba(190,145,88,.12); filter: blur(46px); }
    .hero-portrait img { position: relative; z-index: 1; display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
    .section { position: relative; z-index: 2; padding: clamp(78px,9vw,132px) 0; border-top: 1px solid var(--line-soft); }
    .section.compact { padding-top: clamp(58px,7vw,92px); padding-bottom: clamp(58px,7vw,92px); }
    .section-head { display: grid; grid-template-columns: minmax(240px,.44fr) minmax(0,1fr); gap: 46px; align-items: start; margin-bottom: 52px; }
    h2 { max-width: 930px; margin: 0; font-size: clamp(38px,5.2vw,76px); line-height: 1.06; font-weight: 300; }
    .intro-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(38px,7vw,96px); align-items: start; }
    .quote { margin: 0; padding-left: 26px; border-left: 1px solid var(--gold); color: var(--text); font-size: clamp(23px,2.5vw,36px); line-height: 1.45; font-weight: 300; }
    .copy { color: var(--muted); font-size: 17px; line-height: 1.75; }
    .copy p { margin: 0 0 22px; }
    .copy p:last-child { margin-bottom: 0; }
    .copy strong { color: var(--text); font-weight: 500; }
    .capabilities { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); }
    .capability { display: grid; grid-template-columns: 70px 1fr; gap: 22px; padding: 34px 28px 38px 0; border-bottom: 1px solid var(--line-soft); }
    .capability:nth-child(odd) { border-right: 1px solid var(--line-soft); padding-right: 38px; }
    .capability:nth-child(even) { padding-left: 38px; }
    .capability-num { color: var(--gold-light); font-size: 15px; font-weight: 500; }
    .capability h3 { margin: 0 0 12px; font-size: 22px; font-weight: 500; }
    .capability p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
    .path { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .path-step { position: relative; min-height: 210px; padding: 30px 24px; border-right: 1px solid var(--line-soft); }
    .path-step:last-child { border-right: 0; }
    .path-step strong { display: block; margin-bottom: 44px; color: var(--gold-light); font-size: 13px; font-weight: 500; }
    .path-step h3 { margin: 0 0 12px; font-size: 20px; font-weight: 500; }
    .path-step p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
    .examples { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
    .example { min-height: 100%; padding: clamp(30px,4vw,48px); border: 1px solid var(--line); background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); }
    .example .archetype { margin: 0 0 26px; color: var(--gold-light); font-size: 14px; font-weight: 500; text-transform: uppercase; }
    .example h3 { margin: 0 0 20px; font-size: clamp(28px,3vw,42px); font-weight: 300; }
    .constitution-example { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .constitution-example .example { border: 0; border-right: 1px solid var(--line-soft); background: transparent; }
    .constitution-example .example:last-child { border-right: 0; }
    .example-rule { margin: 0 0 20px; color: var(--text); font-size: 16px; line-height: 1.65; }
    .example-rule:last-child { margin-bottom: 0; }
    .example-rule strong { color: var(--gold-light); font-weight: 500; }
    .example dl { margin: 0; }
    .example dl div { display: grid; grid-template-columns: 116px 1fr; gap: 20px; padding: 16px 0; border-top: 1px solid var(--line-soft); }
    .example dt { color: var(--text); font-size: 14px; font-weight: 500; }
    .example dd { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
    .materials { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.8fr); gap: clamp(38px,7vw,96px); align-items: center; }
    .file-types { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
    .file-type { min-height: 150px; display: grid; place-items: center; padding: 22px; border-right: 1px solid var(--line-soft); color: var(--text); text-align: center; font-size: 16px; }
    .file-type:last-child { border-right: 0; }
    .final { text-align: center; }
    .final h2 { max-width: 1040px; margin: 0 auto; }
    .final .copy { max-width: 790px; margin: 28px auto 0; }
    .final .actions { justify-content: center; }
    .company-genome { background: linear-gradient(180deg,rgba(154,106,60,.045),rgba(7,9,10,0)); }
    .company-genome .section-head { margin-bottom: 34px; }
    .company-genome-intro { max-width: 850px; margin: 0 0 46px auto; }
    .assistant-levels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .assistant-level { min-height: 320px; padding: 34px 30px 38px; border-right: 1px solid var(--line-soft); }
    .assistant-level:last-child { border-right: 0; }
    .assistant-level-num { display: block; margin-bottom: 48px; color: var(--gold-light); font-size: 13px; font-weight: 500; text-transform: uppercase; }
    .assistant-level h3 { margin: 0 0 17px; font-size: clamp(25px,2.4vw,34px); line-height: 1.18; font-weight: 300; }
    .assistant-level p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
    .company-genome .actions { margin-top: 38px; justify-content: flex-end; }
    .footer { position: relative; z-index: 2; padding: 50px 0 34px; border-top: 1px solid var(--line); }
    .footer-top { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .footer-links { display: flex; flex-wrap: wrap; gap: 30px; }
    .footer-links a { color: var(--text); text-decoration: none; font-size: 13px; text-transform: uppercase; }
    .legal { margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--line-soft); color: var(--dim); font-size: 12px; line-height: 1.7; }
    .legal p { margin: 8px 0 0; }
    .legal a { color: inherit; }
    .cookie { position: fixed; z-index: 40; right: 20px; bottom: 20px; display: none; align-items: center; gap: 18px; width: min(470px,calc(100% - 40px)); padding: 16px; border: 1px solid var(--line); background: rgba(10,12,13,.96); box-shadow: 0 18px 54px rgba(0,0,0,.32); }
    .cookie.is-visible { display: flex; }
    .cookie p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
    .cookie button { flex: 0 0 auto; min-height: 38px; padding: 0 15px; border: 1px solid var(--gold); color: var(--text); background: transparent; font: 500 12px Montserrat,Arial,sans-serif; cursor: pointer; }
    .reveal { opacity: 1; transform: none; }
    a:focus-visible, button:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 5px; }
    @media (max-width: 980px) {
      .nav-inner { grid-template-columns: 180px 1fr; }
      .menu { display: none; }
      .hero-grid, .intro-grid, .materials { grid-template-columns: 1fr; }
      .hero { min-height: auto; }
      .meaning-map { min-height: 500px; width: min(100%,620px); margin: 0 auto; }
      .hero-portrait { width: min(100%,560px); }
      .section-head { grid-template-columns: 1fr; gap: 18px; }
      .constitution-example { grid-template-columns: 1fr; }
      .constitution-example .example { border-right: 0; border-bottom: 1px solid var(--line-soft); }
      .constitution-example .example:last-child { border-bottom: 0; }
      .path { grid-template-columns: repeat(2,1fr); }
      .path-step:nth-child(2) { border-right: 0; }
      .path-step:nth-child(-n+2) { border-bottom: 1px solid var(--line-soft); }
      .assistant-levels { grid-template-columns: 1fr; }
      .assistant-level { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line-soft); }
      .assistant-level:last-child { border-bottom: 0; }
    }
    @media (max-width: 700px) {
      .wrap { width: min(calc(100% - 36px),var(--max)); }
      .nav-inner { min-height: 80px; grid-template-columns: 1fr auto; gap: 16px; }
      .brand img { width: 96px; }
      .brand small { font-size: 8px; }
      .nav-cta { min-height: 40px; padding: 0 13px; font-size: 11px; }
      .hero { padding: 58px 0 46px; }
      h1 { font-size: clamp(48px,16vw,68px); }
      .lead { font-size: 17px; }
      .meaning-map { min-height: 430px; }
      .hero-portrait { width: min(100%,430px); margin-top: 12px; }
      .map-core { width: 116px; font-size: 14px; }
      .map-node { min-width: 106px; padding: 10px 11px; font-size: 12px; }
      .map-node small { font-size: 10px; }
      .map-node.language, .map-node.behaviour { left: 0; }
      .map-node.image, .map-node.decisions { right: 0; }
      .section { padding: 70px 0; }
      .capabilities, .examples { grid-template-columns: 1fr; }
      .capability { grid-template-columns: 48px 1fr; padding: 26px 0; }
      .capability:nth-child(odd) { border-right: 0; padding-right: 0; }
      .capability:nth-child(even) { padding-left: 0; }
      .path { grid-template-columns: 1fr; }
      .path-step { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line-soft); }
      .path-step:last-child { border-bottom: 0; }
      .path-step strong { margin-bottom: 24px; }
      .example dl div { grid-template-columns: 1fr; gap: 7px; }
      .file-types { grid-template-columns: 1fr; }
      .file-type { min-height: 92px; border-right: 0; border-bottom: 1px solid var(--line-soft); }
      .file-type:last-child { border-bottom: 0; }
      .company-genome-intro { margin-bottom: 34px; }
      .assistant-level { padding: 28px 0 30px; }
      .assistant-level-num { margin-bottom: 22px; }
      .company-genome .actions { justify-content: flex-start; }
      .footer-top { align-items: flex-start; flex-direction: column; }
      .footer-links { gap: 18px; }
      .cookie { align-items: flex-start; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }