:root {
      --white: #ffffff;
      --paper: #faf9ff;
      --paper-blue: #f5f7ff;
      --black: #0d1020;
      --ink: #15182b;
      --text: #55596c;
      --quiet: #818598;
      --purple: #5538d8;
      --purple-deep: #3523a6;
      --purple-soft: #ede9ff;
      --blue: #3767df;
      --blue-soft: #e8efff;
      --line: #dedee8;
      --shadow: 0 26px 70px rgba(28, 24, 74, .12);
      --body: "Helvetica Neue", Helvetica, Arial, sans-serif;
      --display: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
      --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
    body { margin: 0; background: var(--white); color: var(--ink); font-family: var(--body); -webkit-font-smoothing: antialiased; }
    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }
    button, input, select, textarea { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    :focus-visible { outline: 3px solid #8b72ff; outline-offset: 3px; }
    section[id] { scroll-margin-top: 88px; }
    .skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; transform: translateY(-150%); padding: 11px 15px; border-radius: 8px; background: var(--black); color: var(--white); font-size: 13px; font-weight: 750; }
    .skip-link:focus { transform: translateY(0); }
    .shell { width: min(1220px, calc(100% - 64px)); margin: 0 auto; }
    .section { padding: 112px 0; }
    .section-title { max-width: 850px; margin: 0; font-family: var(--display); font-size: clamp(44px, 5.2vw, 70px); line-height: 1.01; letter-spacing: -.022em; font-weight: 700; }
    .section-lead { max-width: 690px; margin: 23px 0 0; color: var(--text); font-size: 18px; line-height: 1.62; }
    .button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 21px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 750; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
    .button:hover { transform: translateY(-2px); }
    .button.primary { background: var(--black); color: var(--white); box-shadow: 0 12px 28px rgba(13,16,32,.18); }
    .button.secondary { border-color: var(--line); background: var(--white); color: var(--ink); }
    .button.light { background: var(--white); color: var(--black); }

    /* Navigation */
    .nav-wrap { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(21,24,43,.08); background: rgba(255,255,255,.94); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
    .nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .brand img { width: auto; height: 28px; }
    .nav-links { display: flex; align-items: center; gap: 29px; color: #484c5d; font-size: 14px; }
    .nav-links a:hover { color: var(--purple); }
    .nav-cta { padding: 11px 16px; border-radius: 9px; background: var(--black); color: var(--white) !important; font-weight: 750; }
    .menu-toggle, .menu-button { display: none; }
    .menu-toggle { position: absolute; opacity: 0; pointer-events: none; }
    .menu-button { width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--black); font-size: 18px; cursor: pointer; }
    .menu-toggle:focus-visible + .menu-button { outline: 3px solid #8b72ff; outline-offset: 3px; }

    /* Hero */
    .hero { position: relative; overflow: hidden; padding: 90px 0 76px; background: radial-gradient(circle at 74% 28%, rgba(92,65,221,.13), transparent 35%), linear-gradient(180deg, var(--white), var(--paper)); }
    .hero::before { content: ""; position: absolute; width: 420px; height: 420px; top: -300px; left: 39%; border-radius: 50%; border: 1px solid rgba(85,56,216,.18); box-shadow: 0 0 0 90px rgba(85,56,216,.025), 0 0 0 180px rgba(55,103,223,.018); }
    .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; gap: 60px; align-items: center; }
    .category { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 26px; padding: 8px 12px; border: 1px solid #d6d3ee; border-radius: 999px; background: rgba(255,255,255,.74); color: var(--purple-deep); font: 750 10px/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
    .category::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, var(--purple), var(--blue)); box-shadow: 0 0 0 4px var(--purple-soft); }
    h1 { max-width: 720px; margin: 0; font-family: var(--display); font-size: clamp(58px, 6.6vw, 90px); line-height: .98; letter-spacing: -.024em; font-weight: 700; }
    h1 span { display: block; background: linear-gradient(90deg, var(--purple-deep), var(--blue)); color: transparent; -webkit-background-clip: text; background-clip: text; }
    .hero-lead { max-width: 610px; margin: 28px 0 0; color: var(--text); font-size: 19px; line-height: 1.62; }
    .hero-lead strong { color: var(--ink); font-weight: 730; }
    .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 33px; }
    .hero-actions .button { min-width: 0; min-height: 58px; padding: 0 16px; white-space: nowrap; text-align: center; }

    .hero-visual { position: relative; min-width: 0; padding: 22px; border: 1px solid #d9d7e7; border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: var(--shadow); }
    .visual-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
    .visual-head strong { font-size: 14px; }
    .visual-head span { color: var(--quiet); font: 720 9px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; text-align: right; }
    .agent-stage { display: grid; grid-template-columns: .82fr 1.1fr .82fr; gap: 11px; align-items: stretch; }
    .stage-column { min-width: 0; display: grid; align-content: center; gap: 9px; }
    .stage-column > span { margin-bottom: 3px; color: var(--quiet); font: 740 8px/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
    .intent, .outcome { min-height: 65px; padding: 13px; border: 1px solid #e5e4ec; border-radius: 10px; background: #fbfbfe; }
    .intent strong, .outcome strong { display: block; font-size: 11px; line-height: 1.3; }
    .intent small, .outcome small { display: block; margin-top: 5px; color: var(--quiet); font-size: 9px; line-height: 1.35; }
    .outcome { border-color: #dad6f3; background: var(--purple-soft); }
    .outcome:nth-child(3) { background: var(--blue-soft); border-color: #d5ddf7; }
    .control-core { display: flex; flex-direction: column; justify-content: center; min-height: 350px; padding: 25px; border-radius: 16px; background: linear-gradient(145deg, #13152a, #28204f); color: var(--white); text-align: center; }
    .control-mark { display: flex; align-items: center; justify-content: flex-start; overflow: hidden; width: 52px; height: 46px; margin: 0 auto 20px; padding-left: 3px; border-radius: 12px; background: var(--white); }
    .control-mark img { flex: none; width: auto; max-width: none; height: 36px; }
    .control-core h2 { margin: 0; font-family: var(--display); font-size: 25px; line-height: 1.08; letter-spacing: -.015em; }
    .control-core > p { margin: 11px 0 0; color: #c9c8dc; font-size: 11px; line-height: 1.5; }
    .control-list { display: grid; gap: 7px; margin-top: 22px; text-align: left; }
    .control-list div { display: grid; grid-template-columns: 22px 1fr; gap: 9px; align-items: center; padding: 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(255,255,255,.055); color: #e7e6f2; font-size: 10px; line-height: 1.35; }
    .control-list span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: rgba(107,86,224,.36); color: #ddd7ff; font: 800 8px/1 var(--mono); }
    .visual-foot { margin: 14px 2px 0; color: var(--quiet); font-size: 10px; line-height: 1.5; text-align: right; }

    /* Customer question */
    .question-section { padding: 76px 0; background: linear-gradient(135deg, #111326, #292052); color: var(--white); }
    .question-grid { display: grid; grid-template-columns: .42fr 1.58fr; gap: 68px; align-items: start; }
    .question-label { display: inline-flex; align-items: center; gap: 9px; padding-top: 9px; color: #bcb5f8; font: 750 10px/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; }
    .question-label::before { content: ""; width: 22px; height: 2px; background: linear-gradient(90deg, #8b72ff, #74a0ff); }
    .question-copy h2 { max-width: 900px; margin: 0; font-family: var(--display); font-size: clamp(38px, 4.6vw, 64px); line-height: 1.06; letter-spacing: -.02em; }
    .question-copy p { max-width: 780px; margin: 23px 0 0; color: #c7c6d8; font-size: 17px; line-height: 1.62; }
    .question-copy strong { color: var(--white); }

    /* Product story */
    .control-story { background: var(--white); }
    .story-head { display: grid; grid-template-columns: 1fr .7fr; gap: 70px; align-items: end; }
    .story-head .section-lead { margin: 0; }
    .story-stage { display: grid; grid-template-columns: .78fr auto 1.15fr auto .78fr; gap: 17px; align-items: center; margin-top: 56px; padding: 36px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(140deg, #fbfaff, #f5f8ff); box-shadow: 0 20px 54px rgba(38,31,90,.07); }
    .story-card { min-height: 250px; display: flex; flex-direction: column; justify-content: center; padding: 25px; border: 1px solid #e1dfeb; border-radius: 14px; background: var(--white); }
    .story-card span { color: var(--purple); font: 750 9px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
    .story-card h3 { margin: 28px 0 11px; font-family: var(--display); font-size: 24px; line-height: 1.1; letter-spacing: -.015em; }
    .story-card p { margin: 0; color: var(--text); font-size: 13px; line-height: 1.55; }
    .story-card.ztroven { min-height: 330px; border-color: transparent; background: linear-gradient(150deg, var(--purple-deep), var(--blue)); color: var(--white); box-shadow: 0 18px 40px rgba(69,53,178,.22); }
    .story-card.ztroven span, .story-card.ztroven p { color: #e5e5ff; }
    .story-card.ztroven h3 { font-size: 30px; }
    .story-arrow { color: var(--purple); font-size: 27px; font-weight: 300; }
    .sources-line { display: flex; align-items: center; justify-content: center; gap: 13px; margin: 18px auto 0; color: var(--text); font-size: 12px; text-align: center; }
    .sources-line b { color: var(--ink); }
    .sources-line i { width: 4px; height: 4px; border-radius: 50%; background: var(--purple); }

    /* Risk */
    .risk-section { background: var(--paper-blue); }
    .risk-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items: center; }
    .risk-copy .section-title { max-width: 650px; }
    .risk-copy .section-lead { max-width: 570px; }
    .risk-contrast { overflow: hidden; border: 1px solid #d8d8e5; border-radius: 18px; background: var(--white); box-shadow: 0 20px 52px rgba(28,24,74,.08); }
    .contrast-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid #e5e4eb; }
    .contrast-head strong { font-size: 13px; }
    .contrast-head span { color: var(--quiet); font: 720 9px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
    .contrast-body { display: grid; grid-template-columns: 1fr 1fr; }
    .contrast-side { min-height: 370px; padding: 24px; }
    .contrast-side + .contrast-side { border-left: 1px solid #e5e4eb; }
    .contrast-side.uncontrolled { background: #fbfaff; }
    .contrast-side.controlled { background: linear-gradient(180deg, var(--purple-soft), var(--white)); }
    .contrast-label { color: var(--quiet); font: 750 9px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
    .contrast-side.controlled .contrast-label { color: var(--purple-deep); }
    .event-list { display: grid; gap: 9px; margin-top: 24px; }
    .event { display: grid; grid-template-columns: 24px 1fr; gap: 10px; align-items: center; padding: 11px; border: 1px solid #e5e4eb; border-radius: 9px; background: rgba(255,255,255,.82); color: var(--text); font-size: 11px; line-height: 1.4; }
    .event span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: #eeeef3; color: #5d6070; font: 800 8px/1 var(--mono); }
    .controlled .event span { background: var(--purple-soft); color: var(--purple-deep); }
    .contrast-result { margin-top: 18px; padding: 16px; border-radius: 11px; background: #f0f0f4; }
    .controlled .contrast-result { background: linear-gradient(90deg, var(--purple-soft), var(--blue-soft)); }
    .contrast-result small { display: block; color: var(--quiet); font: 740 8px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
    .contrast-result strong { display: block; margin-top: 8px; font-family: var(--display); font-size: 25px; line-height: 1.1; letter-spacing: -.015em; }
    .controlled .contrast-result strong { color: var(--purple-deep); }

    /* Start with a workflow */
    .start-section { background: var(--white); }
    .start-card { position: relative; overflow: hidden; display: grid; grid-template-columns: .94fr 1.06fr; gap: 70px; align-items: center; padding: 64px; border: 1px solid #d9d7e8; border-radius: 26px; background: linear-gradient(135deg, #fbfaff 0%, #f4f6ff 58%, #eef3ff 100%); box-shadow: 0 28px 70px rgba(43,34,112,.1); }
    .start-card::before { content: ""; position: absolute; width: 360px; height: 360px; right: -180px; top: -210px; border-radius: 50%; border: 1px solid rgba(85,56,216,.16); box-shadow: 0 0 0 70px rgba(85,56,216,.025), 0 0 0 140px rgba(55,103,223,.02); }
    .start-copy, .start-path { position: relative; z-index: 1; }
    .start-copy .section-title { font-size: clamp(43px, 4.7vw, 64px); }
    .start-copy .section-lead { max-width: 610px; }
    .start-copy .button { margin-top: 31px; }
    .start-note { display: block; margin-top: 14px; color: var(--quiet); font-size: 12px; line-height: 1.5; }
    .start-path { padding: 28px; border: 1px solid #dbd9e8; border-radius: 19px; background: rgba(255,255,255,.9); box-shadow: 0 18px 42px rgba(37,29,96,.08); }
    .start-path > strong { display: block; margin-bottom: 22px; font-family: var(--display); font-size: 21px; letter-spacing: -.012em; }
    .path-step { display: grid; grid-template-columns: 44px 1fr; gap: 15px; align-items: center; padding: 16px; border: 1px solid #e3e2eb; border-radius: 12px; background: #fcfcff; }
    .path-step + .path-step { margin-top: 10px; }
    .path-step.featured { border-color: transparent; background: linear-gradient(135deg, var(--purple-deep), var(--blue)); color: var(--white); box-shadow: 0 13px 28px rgba(60,47,163,.2); }
    .path-num { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 11px; background: linear-gradient(135deg, var(--purple-soft), var(--blue-soft)); color: var(--purple-deep); font: 800 10px/1 var(--mono); }
    .featured .path-num { background: rgba(255,255,255,.14); color: var(--white); }
    .path-step strong { display: block; font-size: 13px; line-height: 1.35; }
    .path-step span { display: block; margin-top: 4px; color: var(--text); font-size: 11px; line-height: 1.45; }
    .path-step.featured span { color: #e1e3ff; }
    .path-outcomes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
    .path-outcomes span { padding: 10px 7px; border-radius: 9px; background: var(--purple-soft); color: var(--purple-deep); font-size: 10px; font-weight: 730; line-height: 1.35; text-align: center; }

    /* Agents */
    .agents { background: var(--paper); }
    .agents-head { display: grid; grid-template-columns: 1fr .7fr; gap: 64px; align-items: end; }
    .agents-head .section-lead { margin: 0; }
    .agent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 52px; }
    .agent-card { position: relative; min-height: 440px; display: flex; flex-direction: column; overflow: hidden; padding: 28px; border: 1px solid var(--line); border-radius: 17px; background: var(--white); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
    .agent-card:hover { transform: translateY(-5px); border-color: #c5beef; box-shadow: 0 22px 48px rgba(45,35,117,.11); }
    .agent-card::before { content: ""; position: absolute; width: 190px; height: 190px; top: -100px; right: -70px; border-radius: 50%; background: radial-gradient(circle, rgba(85,56,216,.18), rgba(85,56,216,0) 69%); }
    .agent-tag { position: relative; color: var(--purple-deep); font: 750 9px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
    .agent-icon { position: relative; display: grid; place-items: center; width: 52px; height: 52px; margin-top: 30px; border-radius: 14px; background: linear-gradient(145deg, var(--purple), var(--blue)); color: var(--white); font-family: var(--display); font-size: 21px; font-weight: 800; }
    .agent-card h3 { position: relative; margin: 28px 0 13px; font-family: var(--display); font-size: 29px; line-height: 1.08; letter-spacing: -.018em; }
    .agent-card > p { position: relative; margin: 0; color: var(--text); font-size: 14px; line-height: 1.58; }
    .agent-value { display: grid; gap: 9px; margin: 25px 0 0; }
    .agent-value span { position: relative; padding-left: 17px; color: var(--text); font-size: 12px; line-height: 1.45; }
    .agent-value span::before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--purple), var(--blue)); }
    .agent-link { margin-top: auto; padding-top: 28px; color: var(--purple-deep); font-size: 13px; font-weight: 760; }

    /* Build section */
    .build { background: var(--white); }
    .build-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 74px; align-items: center; }
    .build-copy .section-title { font-size: clamp(43px, 4.8vw, 65px); }
    .build-copy .button { margin-top: 30px; }
    .build-points { display: grid; gap: 11px; margin-top: 28px; }
    .build-point { display: grid; grid-template-columns: 29px 1fr; gap: 11px; align-items: center; color: var(--text); font-size: 13px; line-height: 1.45; }
    .build-point span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; background: var(--purple-soft); color: var(--purple-deep); font-weight: 800; }
    .code-window { overflow: hidden; border: 1px solid #26283a; border-radius: 17px; background: var(--black); box-shadow: 0 25px 60px rgba(13,16,32,.18); }
    .code-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 19px; border-bottom: 1px solid rgba(255,255,255,.1); color: #9296aa; font: 720 9px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
    .code-head strong { color: #e8e8f2; font-family: var(--body); font-size: 12px; letter-spacing: 0; text-transform: none; }
    .code-dots { display: flex; gap: 6px; }
    .code-dots i { width: 7px; height: 7px; border-radius: 50%; background: #515467; }
    pre { margin: 0; padding: 29px; overflow: auto; color: #e2e3ee; font: 12px/1.8 var(--mono); }
    .code-purple { color: #b7a8ff; }
    .code-blue { color: #8fb5ff; }
    .build-foot { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.1); }
    .build-foot div { padding: 17px; border-left: 1px solid rgba(255,255,255,.1); color: #aeb1c2; font-size: 10px; line-height: 1.45; }
    .build-foot div:first-child { border-left: 0; }
    .build-foot strong { display: block; margin-bottom: 5px; color: var(--white); font-size: 11px; }

    /* Contact */
    .contact { padding: 104px 0; background: linear-gradient(135deg, #111326, #28204f); color: var(--white); }
    .contact-grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: 78px; align-items: center; }
    .contact h2 { max-width: 700px; margin: 0; font-family: var(--display); font-size: clamp(50px, 6vw, 78px); line-height: .99; letter-spacing: -.024em; }
    .contact-copy > p { max-width: 620px; margin: 25px 0 0; color: #c4c4d6; font-size: 17px; line-height: 1.62; }
    .contact-highlights { display: grid; gap: 10px; margin-top: 32px; }
    .contact-highlight { display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: center; color: #dcdbeb; font-size: 13px; line-height: 1.45; }
    .contact-highlight span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(121,99,244,.25); color: #d9d0ff; font-weight: 800; }
    .contact-form { padding: 29px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.075); }
    .contact-form h3 { margin: 0 0 8px; font-family: var(--display); font-size: 27px; letter-spacing: -.015em; }
    .contact-form > p { margin: 0 0 23px; color: #babacd; font-size: 12px; line-height: 1.5; }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .contact-form label { display: block; margin: 15px 0 7px; color: #d8d8e5; font-size: 11px; font-weight: 700; }
    .contact-form input, .contact-form textarea { width: 100%; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; outline: none; background: rgba(255,255,255,.09); color: var(--white); }
    .contact-form input { height: 46px; padding: 0 13px; }
    .contact-form textarea { min-height: 96px; padding: 12px 13px; resize: vertical; }
    .contact-form input::placeholder, .contact-form textarea::placeholder { color: #9596aa; }
    .contact-form input:focus, .contact-form textarea:focus { border-color: #a997ff; box-shadow: 0 0 0 3px rgba(139,114,255,.18); }
    .contact-form .button { width: 100%; margin-top: 18px; cursor: pointer; }
    .hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
    .turnstile-wrap { min-height: 1px; margin-top: 18px; }
    .form-fallback { margin-top: 12px !important; color: #d8d8e5 !important; font-size: 11px !important; }
    .form-note { margin: 12px 0 0 !important; color: #8e90a5 !important; font-size: 9px !important; text-align: center; }
    .form-note a { color: #c7c1f8; text-decoration: underline; text-underline-offset: 2px; }

    footer { padding: 29px 0; border-top: 1px solid rgba(255,255,255,.08); background: #111326; color: #9699ad; }
    .footer-grid { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 28px; font-size: 11px; }
    .footer-grid img { width: auto; height: 24px; filter: brightness(0) invert(1); opacity: .96; }

    @media (max-width: 1050px) {
      .hero-grid, .question-grid, .story-head, .risk-layout, .start-card, .agents-head, .build-grid, .contact-grid { grid-template-columns: 1fr; }
      .hero-grid { gap: 48px; }
      .question-grid { gap: 24px; }
      .story-head, .agents-head { gap: 24px; }
      .story-head .section-lead, .agents-head .section-lead { max-width: 720px; margin-top: 0; }
      .risk-layout, .start-card, .build-grid, .contact-grid { gap: 50px; }
    }

    @media (max-width: 820px) {
      .shell { width: min(100% - 38px, 1220px); }
      .nav { min-height: 66px; }
      .menu-toggle { display: block; width: 42px; height: 42px; right: 19px; cursor: pointer; }
      .menu-button { display: grid; }
      .nav-links { position: absolute; left: 0; right: 0; top: 66px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 19px 18px; border-bottom: 1px solid var(--line); background: var(--white); box-shadow: 0 18px 32px rgba(18,16,45,.1); }
      .menu-toggle:checked ~ .nav-links { display: flex; }
      .nav-links a { padding: 13px 8px; }
      .nav-cta { margin-top: 8px; text-align: center; }
      .hero { padding: 62px 0 54px; }
      h1 { font-size: clamp(52px, 14vw, 74px); }
      .section { padding: 84px 0; }
      .agent-stage { grid-template-columns: 1fr; }
      .control-core { min-height: 0; order: -1; }
      .story-stage { grid-template-columns: 1fr; padding: 22px; }
      .story-arrow { transform: rotate(90deg); text-align: center; }
      .story-card, .story-card.ztroven { min-height: 0; }
      .sources-line { flex-wrap: wrap; }
      .agent-grid { grid-template-columns: 1fr; }
      .agent-card { min-height: 0; }
      .start-card { padding: 42px; }
      .footer-grid { grid-template-columns: 1fr; gap: 14px; }
    }

    @media (max-width: 560px) {
      .shell { width: min(100% - 30px, 1220px); }
      .section-title { font-size: 41px; }
      .hero-lead, .section-lead { font-size: 16px; }
      .hero-visual { padding: 14px; border-radius: 16px; }
      .visual-head { align-items: start; }
      .visual-head span { max-width: 125px; }
      .hero-actions { grid-template-columns: 1fr; }
      .contrast-body { grid-template-columns: 1fr; }
      .contrast-side + .contrast-side { border-left: 0; border-top: 1px solid #e5e4eb; }
      .build-foot { grid-template-columns: 1fr; }
      .build-foot div { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
      .build-foot div:first-child { border-top: 0; }
      .form-row { grid-template-columns: 1fr; gap: 0; }
      .contact { padding: 82px 0; }
      .contact-form { padding: 23px; }
      .start-card { padding: 31px 22px; border-radius: 18px; }
      .start-path { padding: 18px; }
      .path-outcomes { grid-template-columns: 1fr; }
      pre { padding: 21px; font-size: 10px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .button, .agent-card { transition: none; }
    }