:root {
  --mk-primary: #170d70;
  --mk-secondary: #4b41e1;
  --mk-teal: #10a99f;
  --mk-coral: #ef5448;
  --mk-ink: #0b1c30;
  --mk-muted: #657083;
  --mk-line: #e3e7ef;
  --mk-canvas: #f6f8fc;
  --mk-panel: #ffffff;
  --mk-dark: #071225;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body.marketing-page { min-width: 320px; margin: 0; color: var(--mk-ink); background: #fff; font-family: "Inter", system-ui, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.marketing-page a { color: inherit; }
.marketing-page button { font: inherit; }
.marketing-page img { max-width: 100%; }
.marketing-container { width: min(100% - 48px, 1380px); margin-inline: auto; }
.marketing-skip-link { position: fixed; z-index: 200; top: 8px; left: 10px; padding: 9px 12px; color: #fff; border-radius: 4px; background: var(--mk-primary); transform: translateY(-160%); }
.marketing-skip-link:focus { transform: none; }
.marketing-page :focus-visible { outline: 3px solid rgba(79, 205, 193, .55); outline-offset: 3px; }

.marketing-header { position: fixed; z-index: 100; inset: 0 0 auto; height: 72px; border-bottom: 1px solid rgba(255,255,255,.11); background: rgba(7,18,37,.48); backdrop-filter: blur(18px); transition: background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.marketing-header.is-scrolled { border-color: #e4e7ed; background: rgba(255,255,255,.96); box-shadow: 0 5px 22px rgba(7,18,37,.08); }
.marketing-nav-wrap { width: min(100% - 48px, 1380px); height: 100%; display: flex; align-items: center; margin-inline: auto; }
.marketing-brand { display: inline-flex; align-items: center; gap: 9px; color: #fff !important; font: 700 1.65rem "Hanken Grotesk", sans-serif; letter-spacing: -.04em; text-decoration: none; }
.marketing-brand img { width: 37px; height: 37px; object-fit: contain; border-radius: 5px; background: #fff; }
.marketing-header.is-scrolled .marketing-brand { color: var(--mk-primary) !important; }
.marketing-nav { min-width: 0; display: flex; align-items: center; flex: 1; margin-left: 60px; }
.marketing-nav nav { display: flex; gap: 30px; }
.marketing-nav nav a, .marketing-login { color: #eef3fb; font-size: .86rem; font-weight: 650; text-decoration: none; }
.marketing-header.is-scrolled :is(.marketing-nav nav a, .marketing-login) { color: #424b5a; }
.marketing-header .marketing-login { color: #fff; }
.marketing-header.is-scrolled .marketing-login { color: var(--mk-primary); }
.marketing-nav-actions { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.marketing-menu-toggle { width: 42px; height: 42px; display: none; place-items: center; margin-left: auto; color: #fff; border: 1px solid rgba(255,255,255,.22); border-radius: 5px; background: rgba(255,255,255,.08); font-size: 1.25rem; }
.marketing-header.is-scrolled .marketing-menu-toggle { color: var(--mk-primary); border-color: #dfe3ea; background: #fff; }

.marketing-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; color: #fff !important; border: 1px solid var(--mk-primary); border-radius: 5px; background: var(--mk-primary); box-shadow: 0 12px 28px rgba(23,13,112,.18); font-size: .86rem; font-weight: 750; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.marketing-button:hover { transform: translateY(-2px); box-shadow: 0 17px 35px rgba(23,13,112,.24); }
.marketing-button-small { min-height: 39px; padding-inline: 15px; font-size: .77rem; }
.marketing-button-light { color: var(--mk-primary) !important; border-color: #fff; background: #fff; }
.marketing-text-link { display: inline-flex; align-items: center; gap: 7px; color: #fff !important; font-size: .86rem; font-weight: 700; text-decoration: none; }
.marketing-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #4c48c2; font: 650 .71rem "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.marketing-eyebrow-light { color: #86e8de; }

.marketing-hero { position: relative; min-height: 720px; overflow: hidden; display: grid; align-items: center; padding: 118px 0 58px; color: #fff; background: var(--mk-dark); }
.marketing-hero::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(90deg, #071225 0%, #071225 37%, rgba(7,18,37,.9) 49%, rgba(7,18,37,.28) 76%, rgba(7,18,37,.12) 100%); }
.marketing-hero::after { content: ""; position: absolute; z-index: 2; inset: auto 0 0; height: 180px; background: linear-gradient(transparent, rgba(7,18,37,.95)); }
.marketing-hero-photo { position: absolute; inset: 0 0 0 31%; }
.marketing-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.marketing-hero-grid { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(430px,.9fr) minmax(420px,1.1fr); gap: clamp(40px,7vw,110px); align-items: center; }
.marketing-hero-copy { max-width: 640px; }
.marketing-hero .marketing-eyebrow { color: #8ce9df; }
.marketing-hero h1 { margin: 18px 0 19px; font: 700 clamp(3.8rem,7vw,7.2rem)/.88 "Hanken Grotesk", sans-serif; letter-spacing: -.07em; }
.marketing-hero h1 span { color: transparent; background: linear-gradient(105deg,#fff 10%,#bfcaff 55%,#6ce1d6); background-clip: text; -webkit-background-clip: text; }
.marketing-hero h1 .marketing-nowrap { white-space: nowrap; }
.marketing-hero-copy > p { margin: 0; color: #c7d0dc; font-size: clamp(1.02rem,1.35vw,1.2rem); }
.marketing-hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 30px; }

.hero-live-card { align-self: end; width: min(100%,430px); margin: 0 0 28px auto; overflow: hidden; color: var(--mk-ink); border: 1px solid rgba(255,255,255,.42); border-radius: 10px; background: rgba(255,255,255,.94); box-shadow: 0 28px 80px rgba(0,0,0,.3); backdrop-filter: blur(18px); animation: hero-float 5s ease-in-out infinite; }
.hero-live-card > header { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-bottom: 1px solid #e9ecf1; }
.hero-live-card > header span { display: inline-flex; align-items: center; gap: 7px; color: var(--mk-primary); font-weight: 750; }
.hero-live-card > header img { width: 22px; height: 22px; }
.hero-live-card time { color: #7a8493; font: 600 .68rem "JetBrains Mono", monospace; }
.hero-live-culture { display: grid; grid-template-columns: 38px 1fr; gap: 11px; padding: 16px; }
.hero-culture-icon { display: grid; width: 38px; height: 38px; place-items: center; color: #3f4baa; border-radius: 5px; background: #ebeefe; }
.hero-live-culture small,.hero-live-culture strong,.hero-live-culture em { display: block; }
.hero-live-culture small { color: #757f8e; font: 600 .62rem "JetBrains Mono", monospace; }
.hero-live-culture strong { margin-top: 3px; font: 700 .92rem "Hanken Grotesk", sans-serif; }
.hero-live-culture em { margin-top: 2px; color: #687486; font-size: .69rem; font-style: normal; }
.hero-live-action { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 15px; padding: 12px; border-left: 3px solid var(--mk-teal); border-radius: 4px; background: #edf8f5; }
.hero-live-action span small,.hero-live-action span strong { display: block; }
.hero-live-action small { color: #6d7b82; font-size: .64rem; }
.hero-live-action strong { margin-top: 2px; font-size: .78rem; }
.hero-live-action > b { display: inline-flex; align-items: center; gap: 4px; color: #24776b; font-size: .72rem; }
.hero-trace { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin: 14px 15px 10px; }
.hero-trace span { height: 3px; border-radius: 3px; background: #dfe3eb; animation: trace-fill 4s infinite; }
.hero-trace span:nth-child(2){animation-delay:.35s}.hero-trace span:nth-child(3){animation-delay:.7s}.hero-trace span:nth-child(4){animation-delay:1.05s}
.hero-live-card > footer { padding: 0 15px 14px; color: #6d7889; font-size: .64rem; }
.hero-live-card > footer i { margin-right: 5px; color: #2e786e; }

.marketing-signal-bar { color: #dfe6ef; border-top: 1px solid rgba(255,255,255,.08); background: #071225; }
.marketing-signal-bar .marketing-container { min-height: 86px; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; }
.marketing-signal-bar span { display: inline-flex; justify-content: center; align-items: center; gap: 8px; color: #aeb9c8; font-size: .75rem; font-weight: 650; }
.marketing-signal-bar i { color: #5bd6ca; font-size: .9rem; }

.marketing-insights { padding: 64px 0 48px; background: #fff; }
.marketing-section-heading { max-width: 830px; margin-bottom: 42px; }
.marketing-section-heading h2 { margin: 9px 0 0; font: 700 clamp(2.4rem,4.8vw,4.8rem)/1 "Hanken Grotesk", sans-serif; letter-spacing: -.055em; }
.marketing-section-heading-center { max-width: 950px; margin-inline: auto; text-align: center; }
.insight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.insight-card { min-height: 370px; overflow: hidden; padding: 25px 25px 18px; border: 1px solid #e1e5ec; border-radius: 9px; background: #f8f9fc; }
.insight-card > header { display: flex; gap: 12px; align-items: flex-start; }
.insight-card > header > span { color: #777f91; font: 600 .68rem "JetBrains Mono", monospace; }
.insight-card h3 { margin: 0; font: 700 1.35rem "Hanken Grotesk",sans-serif; }
.insight-card header p { margin: 2px 0 0; color: #727c8d; font-size: .76rem; }

.feed-demo { position: relative; margin-top: 32px; padding: 16px; border: 1px solid #e6e9ef; border-radius: 7px; background: #fff; box-shadow: 0 18px 50px rgba(23,13,112,.07); }
.feed-demo-top { display: flex; justify-content: space-between; padding: 0 2px 13px; }
.feed-demo-top strong { font-size: .8rem; }.feed-demo-top small{color:#717b8c;font:600 .66rem "JetBrains Mono",monospace}
.feed-demo-row { min-height: 76px; display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; padding: 10px; border-top: 1px solid #edf0f4; }
.feed-demo-row.is-active { animation: feed-row-state 5.4s ease-in-out infinite; }
.feed-demo-row > i { display:grid;width:34px;height:34px;place-items:center;color:#4b55ae;border-radius:5px;background:#edf0fe; }
.feed-demo-row span b,.feed-demo-row span small{display:block}.feed-demo-row b{font-size:.78rem}.feed-demo-row small{margin-top:2px;color:#707a8a;font-size:.67rem}
.feed-demo-row button { position:relative;display:grid;min-width:72px;place-items:center;padding:7px 9px;color:#fff;border:1px solid transparent;border-radius:4px;background:var(--mk-primary);font-size:.67rem;font-weight:700;overflow:visible;animation:feed-button-state 5.4s ease-in-out infinite; }
.feed-demo-action > span { grid-area:1/1;display:inline-flex;align-items:center;gap:3px;white-space:nowrap; }
.feed-mark-label { animation:feed-mark-label 5.4s steps(1,end) infinite; }
.feed-fed-label { opacity:0;animation:feed-fed-label 5.4s steps(1,end) infinite; }
.feed-demo-cursor { position:absolute;z-index:3;top:50%;left:50%;color:#071225;font-size:1.05rem;opacity:0;filter:drop-shadow(0 1px 1px rgba(255,255,255,.9));pointer-events:none;animation:feed-cursor-click 5.4s ease-in-out infinite; }
.feed-demo-row em { display:inline-flex;align-items:center;gap:4px;color:#21786b;font-size:.69rem;font-style:normal;font-weight:700; }
.feed-demo-row .feed-static-fed { min-width:72px;justify-content:center;padding:7px 9px;border:1px solid #cfe4df;border-radius:4px;background:#edf8f5;font-size:.67rem; }
.feed-demo-row.is-complete { background: #f3faf8; }
.feed-demo-toast { position:absolute;right:18px;bottom:-15px;padding:8px 10px;color:#1f6f65;border:1px solid #cfe4df;border-radius:4px;background:#fff;box-shadow:0 8px 20px rgba(17,70,63,.12);font-size:.68rem;font-weight:700;animation:toast-rise 5.4s infinite; }

.lineage-demo { position:relative;margin:40px auto 0;max-width:500px;padding:18px 28px 20px; }
.lineage-node { position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dfe4eb;border-radius:6px;background:#fff;box-shadow:0 10px 26px rgba(23,13,112,.07); }
.lineage-node i { display:grid;width:30px;height:30px;place-items:center;color:#3a4198;border-radius:4px;background:#edf0fe; }
.lineage-node b,.lineage-node small{display:block}.lineage-node b{font-size:.76rem}.lineage-node small{margin-top:2px;color:#778191;font-size:.65rem}
.lineage-root { width:210px;margin-inline:auto; }
.lineage-branch { position:relative;height:78px; }
.lineage-branch::before { content:"";position:absolute;top:0;left:50%;width:2px;height:34px;background:#cfd6e1;transform:translateX(-50%); }
.lineage-branch::after { content:"";position:absolute;top:32px;left:25%;width:50%;height:2px;background:#cfd6e1; }
.lineage-branch i { position:absolute;z-index:1;top:28px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--mk-teal);box-shadow:0 0 0 4px rgba(16,169,159,.14);animation:node-pulse 2.8s infinite; }
.lineage-branch i::after { content:"";position:absolute;z-index:-1;top:7px;left:50%;width:2px;height:43px;background:#cfd6e1;transform:translateX(-50%); }
.lineage-branch i:nth-child(1){left:calc(25% - 5px)}.lineage-branch i:nth-child(2){right:calc(25% - 5px);animation-delay:.5s}
.lineage-children { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.lineage-children .is-accent { border-color:#cbe3de;background:#f2faf8; }

.media-demo { margin-top:30px;padding:18px;border-radius:7px;background:#0b1830;color:#fff;box-shadow:0 18px 50px rgba(7,18,37,.18); }
.media-formulation-head { display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1); }
.media-liquid-thumb { display:block;width:46px;height:46px;object-fit:cover;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 16px rgba(0,0,0,.2); }
.media-formulation-head b,.media-formulation-head small{display:block}.media-formulation-head b{font-size:.78rem}.media-formulation-head small{margin-top:2px;color:#99a8bb;font-size:.65rem}.media-formulation-head em{color:#78dcd3;font:600 .55rem "JetBrains Mono",monospace;font-style:normal;letter-spacing:.05em}
.media-component-list { display:grid;gap:8px;margin:14px 0; }
.media-component { display:grid;grid-template-columns:1fr auto 18px;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:rgba(255,255,255,.045); }
.media-component span b,.media-component span small{display:block}.media-component span b{font-size:.7rem}.media-component span small{margin-top:2px;color:#91a0b4;font-size:.6rem}.media-component em{color:#dce5ef;font-size:.65rem;font-style:normal}.media-component>i{color:#59dbc8;font-size:.8rem}
.media-component:first-child>i { animation:media-step-one 5.6s ease-in-out infinite; }.media-component:nth-child(2)>i { animation:media-step-two 5.6s ease-in-out infinite; }
.media-ready { display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px 11px;color:#c9f6ef;border:1px solid rgba(95,221,194,.25);border-radius:5px;background:rgba(55,178,157,.12);animation:media-ready 5.6s ease-in-out infinite; }
.media-ready>i{font-size:1rem}.media-ready span small,.media-ready span b{display:block}.media-ready span small{color:#78cfc3;font:600 .54rem "JetBrains Mono",monospace}.media-ready span b{margin-top:2px;font-size:.69rem}.media-ready time{color:#9fb4c4;font:500 .56rem "JetBrains Mono",monospace}

.review-demo { display:grid;gap:9px;margin-top:35px; }
.review-demo > div,.review-demo > footer { display:grid;grid-template-columns:36px 1fr 22px;gap:10px;align-items:center;padding:12px;border:1px solid #e2e6ed;border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(23,13,112,.055);animation:audit-arrive 4.4s infinite; }
.review-demo > div:nth-child(2){animation-delay:.55s}.review-avatar{display:grid;width:36px;height:36px;place-items:center;color:#fff;border-radius:50%;background:#4038b2;font:650 .65rem "JetBrains Mono",monospace}.review-avatar.is-teal{background:#168f84}.review-demo p{margin:0;font-size:.73rem}.review-demo p b,.review-demo p small{display:block}.review-demo p small{color:#747f90;font-size:.64rem}.review-demo > div > i{color:#3b766e}.review-demo footer{grid-template-columns:36px 1fr auto;margin-top:5px;padding-right:18px;border-color:#d6e3e0;background:#f3f9f7;animation:none}.review-demo footer>i{display:grid;width:36px;height:36px;place-items:center;color:#2c7167;border-radius:5px;background:#e1f0ec}.review-demo footer b,.review-demo footer small{display:block}.review-demo footer b{font-size:.72rem}.review-demo footer small{color:#718079;font-size:.63rem}.review-demo footer em{color:#2e766b;font-size:.65rem;font-style:normal;font-weight:700}

.marketing-product-tour { padding: 92px 0 98px; background: #eef1f7; }
.product-tour-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; margin-bottom: 36px; }
.product-tour-heading h2 { margin: 9px 0 0; font: 700 clamp(2.8rem,5vw,5.4rem)/.92 "Hanken Grotesk",sans-serif; letter-spacing: -.06em; }
.product-tour-heading p { max-width: 360px; margin: 0 0 7px; color: #697486; font-size: .83rem; }
.product-tour-shell { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 14px; padding: 14px; overflow: hidden; border-radius: 12px; background: #071225; box-shadow: 0 32px 80px rgba(7,18,37,.2); }
.product-tour-tabs { display: grid; align-content: start; gap: 7px; }
.product-tour-tabs button { position: relative; min-height: 91px; display: grid; grid-template-columns: 27px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-content: center; padding: 13px; color: #b7c2d1; text-align: left; border: 1px solid transparent; border-radius: 7px; background: transparent; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.product-tour-tabs button:hover { color: #fff; background: rgba(255,255,255,.06); }
.product-tour-tabs button[aria-selected="true"] { color: #fff; border-color: rgba(109,224,213,.4); background: linear-gradient(120deg,rgba(73,64,217,.42),rgba(16,169,159,.16)); }
.product-tour-tabs button[aria-selected="true"]::after { content:""; position:absolute; inset:11px auto 11px 0; width:2px; border-radius:2px; background:#68ddd2; }
.product-tour-tabs button span { grid-row: 1 / 3; color: #73ddd3; font: 600 .63rem "JetBrains Mono",monospace; }
.product-tour-tabs button strong { font: 700 .82rem "Hanken Grotesk",sans-serif; }
.product-tour-tabs button small { color: #8695a9; font-size: .64rem; }
.product-tour-stage { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: #fff; }
.product-window-bar { height: 32px; display: flex; align-items: center; gap: 6px; padding: 0 12px; color: #7e8897; border-bottom: 1px solid #e4e8ee; background: #f7f8fb; font: 600 .58rem "JetBrains Mono",monospace; }
.product-window-bar i { width: 6px; height: 6px; border-radius: 50%; background: #c8ced8; }
.product-window-bar i:first-child { background: #ef6f65; }.product-window-bar i:nth-child(2){background:#e9bc52}.product-window-bar i:nth-child(3){background:#54c0a9}.product-window-bar span{margin-left:5px}
.product-tour-stage figure { margin: 0; background: #fff; }
.product-tour-stage figure[hidden] { display: none; }
.product-tour-stage img { width: 100%; aspect-ratio: 1.55; display: block; object-fit: cover; object-position: top; animation: product-screen-in .38s ease; }
.product-tour-stage figcaption { min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-top: 1px solid #e5e8ee; }
.product-tour-stage figcaption strong { color: #111f34; font: 700 .78rem "Hanken Grotesk",sans-serif; }
.product-tour-stage figcaption span { color: #6b7585; font-size: .69rem; }

.marketing-trust { padding:92px 0 100px;color:#fff;background:linear-gradient(125deg,#17105f,#0b1830 62%,#0b3c43); }
.marketing-trust-heading{text-align:center}.marketing-trust-heading h2{margin:11px 0 36px;font:700 clamp(2.8rem,5vw,5.2rem)/.95 "Hanken Grotesk",sans-serif;letter-spacing:-.055em}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-grid article{min-height:170px;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06)}.trust-grid i{color:#75e1d6;font-size:1.25rem}.trust-grid h3{margin:20px 0 6px;font:700 1rem "Hanken Grotesk",sans-serif}.trust-grid p{max-width:240px;margin:0;color:#c3ccda;font-size:.8rem;line-height:1.45}

.marketing-faq { padding: 96px 0 104px; background: #fff; }
.marketing-faq-layout { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: clamp(48px,7vw,110px); align-items: start; }
.marketing-faq-heading { position: sticky; top: 108px; }
.marketing-faq-heading h2 { max-width: 590px; margin: 11px 0 20px; color: #0b1830; font: 700 clamp(2.7rem,4.7vw,5rem)/.96 "Hanken Grotesk",sans-serif; letter-spacing: -.055em; }
.marketing-faq-heading p { max-width: 470px; margin: 0; color: #667284; font-size: .86rem; line-height: 1.65; }
.marketing-faq-list { border-top: 1px solid #dfe4eb; }
.marketing-faq-list details { border-bottom: 1px solid #dfe4eb; }
.marketing-faq-list summary { display: grid; grid-template-columns: 34px 1fr 24px; gap: 12px; align-items: center; padding: 22px 4px; cursor: pointer; list-style: none; }
.marketing-faq-list summary::-webkit-details-marker { display: none; }
.marketing-faq-list summary > span { color: #7772ce; font: 600 .63rem "JetBrains Mono",monospace; }
.marketing-faq-list summary h3 { margin: 0; color: #111f34; font: 700 1.05rem/1.25 "Hanken Grotesk",sans-serif; }
.marketing-faq-list summary i { color: #4038b2; transition: transform .2s ease; }
.marketing-faq-list details[open] summary i { transform: rotate(45deg); }
.marketing-faq-list details > p { max-width: 780px; margin: -6px 42px 24px 50px; color: #5d697a; font-size: .82rem; line-height: 1.7; }
.marketing-faq-list summary:focus-visible { outline: 3px solid rgba(64,56,178,.25); outline-offset: 4px; border-radius: 4px; }

.marketing-final-cta { padding:90px 0;background:#f5f6fb; }
.marketing-final-card { padding:64px 40px;text-align:center;border-radius:11px;background:linear-gradient(135deg,#170d70,#2f2a8b 58%,#146f72);color:#fff;box-shadow:0 28px 65px rgba(23,13,112,.18)}
.marketing-final-card>img{width:46px;height:46px;padding:5px;border-radius:7px;background:#fff}.marketing-final-card h2{margin:18px 0 4px;font:700 clamp(2.4rem,4.6vw,4.4rem)/1 "Hanken Grotesk",sans-serif;letter-spacing:-.05em}.marketing-final-card>p{margin:0;color:#cbd2e5}.marketing-final-card>div{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:27px}.marketing-final-link{color:#fff!important;font-size:.8rem;font-weight:700;text-decoration-color:rgba(255,255,255,.48);text-underline-offset:3px}

.marketing-footer { padding:32px 0;background:#071225;color:#aeb9c8; }
.marketing-footer-row { display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center; }
.marketing-footer .marketing-brand{font-size:1.25rem}.marketing-footer .marketing-brand img{width:30px;height:30px}.marketing-footer nav{display:flex;gap:22px}.marketing-footer nav a{font-size:.72rem;text-decoration:none}.marketing-footer-row>span{justify-self:end;font-size:.7rem}

.marketing-reveal { opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.marketing-reveal.is-visible{opacity:1;transform:none}
@keyframes hero-float{50%{transform:translateY(-8px)}}
@keyframes trace-fill{0%,18%{background:#dfe3eb}35%,75%{background:#10a99f}92%,100%{background:#dfe3eb}}
@keyframes feed-row-state{0%,40%,100%{background:#fff}48%,88%{background:#f3faf8}}
@keyframes feed-button-state{0%,40%,100%{color:#fff;border-color:transparent;background:var(--mk-primary);box-shadow:none}35%{box-shadow:0 0 0 5px rgba(75,65,225,.13)}48%,88%{color:#21786b;border-color:#cfe4df;background:#edf8f5;box-shadow:none}}
@keyframes feed-mark-label{0%,44%,95%,100%{opacity:1}45%,94%{opacity:0}}
@keyframes feed-fed-label{0%,44%,95%,100%{opacity:0}45%,94%{opacity:1}}
@keyframes feed-cursor-click{0%,10%,52%,100%{opacity:0;transform:translate(36px,30px) scale(1)}16%{opacity:1;transform:translate(36px,30px) scale(1)}34%{opacity:1;transform:translate(0,0) scale(1)}40%{opacity:1;transform:translate(0,0) scale(.8)}46%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes toast-rise{0%,44%,94%,100%{opacity:0;transform:translateY(8px)}52%,86%{opacity:1;transform:none}}
@keyframes node-pulse{50%{box-shadow:0 0 0 8px rgba(16,169,159,.08)}}
@keyframes media-step-one{0%,15%,96%,100%{opacity:.2;transform:scale(.72)}23%,90%{opacity:1;transform:scale(1)}}
@keyframes media-step-two{0%,35%,96%,100%{opacity:.2;transform:scale(.72)}43%,90%{opacity:1;transform:scale(1)}}
@keyframes media-ready{0%,54%,96%,100%{opacity:.45;transform:translateY(4px)}63%,90%{opacity:1;transform:none}}
@keyframes audit-arrive{0%,18%{opacity:.5;transform:translateX(8px)}34%,100%{opacity:1;transform:none}}
@keyframes product-screen-in{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}

@media (max-width:1050px){
  .marketing-nav{margin-left:35px}.marketing-nav nav{gap:18px}
  .marketing-hero{min-height:700px}.marketing-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.marketing-hero h1{font-size:clamp(3.4rem,6.7vw,5.7rem)}
  .hero-live-card{width:390px}.trust-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:880px){
  .marketing-menu-toggle{display:grid}.marketing-nav{position:absolute;top:72px;right:16px;left:16px;display:none;margin:0;padding:15px;border:1px solid #e1e5ec;border-radius:7px;background:#fff;box-shadow:0 18px 48px rgba(7,18,37,.16)}.marketing-nav[data-open]{display:block}.marketing-nav nav{align-items:stretch;flex-direction:column;gap:2px}.marketing-nav nav a,.marketing-login{padding:9px;color:#3d4655!important}.marketing-nav-actions{justify-content:space-between;margin:10px 0 0;padding-top:10px;border-top:1px solid #e7eaf0}
  .marketing-hero{min-height:900px;padding-top:120px}.marketing-hero::before{background:linear-gradient(180deg,#071225 0%,rgba(7,18,37,.96) 42%,rgba(7,18,37,.35) 76%,#071225 100%)}.marketing-hero-photo{inset:38% 0 0}.marketing-hero-grid{grid-template-columns:1fr;align-items:start}.marketing-hero-copy{max-width:670px}.hero-live-card{width:min(100%,430px);margin-top:150px;margin-right:0}
  .insight-card{min-height:390px}
  .product-tour-shell{grid-template-columns:1fr}.product-tour-tabs{grid-template-columns:repeat(4,1fr)}.product-tour-tabs button{min-height:76px;grid-template-columns:1fr}.product-tour-tabs button span{grid-row:auto}.product-tour-tabs button small{display:none}
  .marketing-faq-layout{grid-template-columns:1fr;gap:38px}.marketing-faq-heading{position:static}.marketing-faq-heading h2{max-width:700px}
}
@media (max-width:680px){
  .marketing-container,.marketing-nav-wrap{width:min(100% - 30px,1380px)}
  .marketing-header,.marketing-nav-wrap{height:64px}.marketing-header{height:64px}.marketing-nav{top:64px}.marketing-brand{font-size:1.4rem}.marketing-brand img{width:33px;height:33px}
  .marketing-hero{min-height:840px;padding:105px 0 65px}.marketing-hero h1{font-size:clamp(3.25rem,16vw,5rem)}.marketing-hero-photo{inset:42% 0 0}.marketing-hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-live-card{margin-top:145px;animation:none}
  .marketing-signal-bar .marketing-container{grid-template-columns:repeat(2,1fr);gap:13px;padding:18px 0}.marketing-signal-bar span:last-child{grid-column:1/-1}
  .marketing-insights{padding:52px 0}.marketing-section-heading h2{font-size:2.8rem}.insight-grid{grid-template-columns:1fr}.insight-card{min-height:auto;padding:20px}.feed-demo{margin-bottom:14px}.lineage-demo{padding-inline:4px}.lineage-children{gap:8px}.media-demo{margin-bottom:2px}
  .marketing-product-tour{padding:70px 0}.product-tour-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:26px}.product-tour-heading h2{font-size:3.4rem}.product-tour-heading p{font-size:.76rem}.product-tour-shell{padding:8px;gap:8px}.product-tour-tabs{grid-template-columns:repeat(2,1fr)}.product-tour-tabs button{min-height:68px;padding:9px}.product-tour-stage img{aspect-ratio:1.05}.product-tour-stage figcaption{align-items:flex-start;flex-direction:column;gap:2px}.product-tour-stage figcaption span{font-size:.64rem}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketing-trust{padding:75px 0}.trust-grid article{min-height:190px;padding:16px}.trust-grid i{font-size:1.1rem}.trust-grid h3{margin:14px 0 5px;font-size:.86rem}.trust-grid p{font-size:.7rem;line-height:1.42}.marketing-final-cta{padding:60px 0}.marketing-final-card{padding:46px 20px}.marketing-final-card>div{align-items:center;flex-direction:column;gap:14px}
  .marketing-faq{padding:70px 0}.marketing-faq-heading h2{font-size:3.15rem}.marketing-faq-list summary{grid-template-columns:28px 1fr 20px;gap:8px;padding:19px 0}.marketing-faq-list summary h3{font-size:.96rem}.marketing-faq-list details>p{margin:-3px 28px 20px 36px;font-size:.76rem}
  .marketing-footer-row{grid-template-columns:1fr;justify-items:center;text-align:center}.marketing-footer nav{flex-wrap:wrap;justify-content:center}.marketing-footer-row>span{justify-self:center}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marketing-page *{animation:none!important;transition:none!important}.marketing-reveal{opacity:1;transform:none}}