/* Generated from: fonts.css, phosphor-icons.css, landing.css, font-floor.css, platform-typography.css. */

/* fonts.css */
/* Keep text stable if a font misses the initial render window. */
@font-face {
  font-family: "Hanken Grotesk";
  src: url("/static/vendor/fonts/hanken-grotesk-600.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: optional;
}

@font-face {
  font-family: "Hanken Grotesk";
  src: url("/static/vendor/fonts/hanken-grotesk-700.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: optional;
}

@font-face {
  font-family: "Inter";
  src: url("/static/vendor/fonts/inter-400.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: optional;
}

@font-face {
  font-family: "Inter";
  src: url("/static/vendor/fonts/inter-500.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: optional;
}

@font-face {
  font-family: "Inter";
  src: url("/static/vendor/fonts/inter-600.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: optional;
}

@font-face {
  font-family: "Inter";
  src: url("/static/vendor/fonts/inter-700.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: optional;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/vendor/fonts/jetbrains-mono-500.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: optional;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/vendor/fonts/jetbrains-mono-600.woff2?v=20260813a") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: optional;
}

/* phosphor-icons.css */
/*! Phosphor Icons Core v2.1.1 | MIT License | CellHood local subset | icons:174 | manifest-sha256:5e95ed1274b66f3257917a2dcfb1d6a67c04be51086164aab5500574b16d10f4 */
.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{content:"";display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.125em;-webkit-mask:var(--ph-icon) center/contain no-repeat;mask:var(--ph-icon) center/contain no-repeat}.bi-activity::before{--ph-icon:url("/static/vendor/phosphor/regular/pulse.svg?v=2.1.1")}.bi-arrow-clockwise::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-clockwise.svg?v=2.1.1")}.bi-arrow-counterclockwise::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-counter-clockwise.svg?v=2.1.1")}.bi-arrow-down-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-circle-down.svg?v=2.1.1")}.bi-arrow-down-left::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-down-left.svg?v=2.1.1")}.bi-arrow-left::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-left.svg?v=2.1.1")}.bi-arrow-left-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-circle-left.svg?v=2.1.1")}.bi-arrow-left-right::before{--ph-icon:url("/static/vendor/phosphor/regular/arrows-left-right.svg?v=2.1.1")}.bi-arrow-repeat::before{--ph-icon:url("/static/vendor/phosphor/regular/arrows-clockwise.svg?v=2.1.1")}.bi-arrow-right::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-right.svg?v=2.1.1")}.bi-arrow-up-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-circle-up.svg?v=2.1.1")}.bi-arrow-up-right::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-up-right.svg?v=2.1.1")}.bi-arrow-up-right-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-circle-up-right.svg?v=2.1.1")}.bi-arrows-angle-expand::before{--ph-icon:url("/static/vendor/phosphor/regular/arrows-out-cardinal.svg?v=2.1.1")}.bi-arrows-fullscreen::before{--ph-icon:url("/static/vendor/phosphor/regular/corners-out.svg?v=2.1.1")}.bi-arrows-move::before{--ph-icon:url("/static/vendor/phosphor/regular/arrows-out.svg?v=2.1.1")}.bi-ban::before{--ph-icon:url("/static/vendor/phosphor/regular/prohibit.svg?v=2.1.1")}.bi-bar-chart::before{--ph-icon:url("/static/vendor/phosphor/regular/chart-bar.svg?v=2.1.1")}.bi-bar-chart-line::before{--ph-icon:url("/static/vendor/phosphor/regular/chart-line-up.svg?v=2.1.1")}.bi-bar-chart-steps::before{--ph-icon:url("/static/vendor/phosphor/regular/chart-scatter.svg?v=2.1.1")}.bi-beaker::before{--ph-icon:url("/static/vendor/phosphor/regular/flask.svg?v=2.1.1")}.bi-bell::before{--ph-icon:url("/static/vendor/phosphor/regular/bell.svg?v=2.1.1")}.bi-bell-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/bell.svg?v=2.1.1")}.bi-bell-slash::before{--ph-icon:url("/static/vendor/phosphor/regular/bell-slash.svg?v=2.1.1")}.bi-bezier2::before{--ph-icon:url("/static/vendor/phosphor/regular/bezier-curve.svg?v=2.1.1")}.bi-book::before{--ph-icon:url("/static/vendor/phosphor/regular/book.svg?v=2.1.1")}.bi-box::before{--ph-icon:url("/static/vendor/phosphor/regular/cube.svg?v=2.1.1")}.bi-box-arrow-in-down::before{--ph-icon:url("/static/vendor/phosphor/regular/box-arrow-down.svg?v=2.1.1")}.bi-box-arrow-in-right::before{--ph-icon:url("/static/vendor/phosphor/regular/sign-in.svg?v=2.1.1")}.bi-box-arrow-right::before{--ph-icon:url("/static/vendor/phosphor/regular/sign-out.svg?v=2.1.1")}.bi-box-arrow-up-right::before{--ph-icon:url("/static/vendor/phosphor/regular/arrow-square-out.svg?v=2.1.1")}.bi-box-seam::before{--ph-icon:url("/static/vendor/phosphor/regular/package.svg?v=2.1.1")}.bi-boxes::before{--ph-icon:url("/static/vendor/phosphor/regular/cube.svg?v=2.1.1")}.bi-braces-asterisk::before{--ph-icon:url("/static/vendor/phosphor/regular/brackets-curly.svg?v=2.1.1")}.bi-building::before{--ph-icon:url("/static/vendor/phosphor/regular/building.svg?v=2.1.1")}.bi-building-gear::before{--ph-icon:url("/static/vendor/phosphor/regular/building-office.svg?v=2.1.1")}.bi-building-lock::before{--ph-icon:url("/static/vendor/phosphor/regular/building-office.svg?v=2.1.1")}.bi-buildings::before{--ph-icon:url("/static/vendor/phosphor/regular/buildings.svg?v=2.1.1")}.bi-bullseye::before{--ph-icon:url("/static/vendor/phosphor/regular/target.svg?v=2.1.1")}.bi-calendar-check::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-check.svg?v=2.1.1")}.bi-calendar-plus::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-plus.svg?v=2.1.1")}.bi-calendar-range::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-blank.svg?v=2.1.1")}.bi-calendar-week::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-dots.svg?v=2.1.1")}.bi-calendar-x::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-x.svg?v=2.1.1")}.bi-calendar2-check::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-check.svg?v=2.1.1")}.bi-calendar2-week::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-dots.svg?v=2.1.1")}.bi-calendar2-x::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar-x.svg?v=2.1.1")}.bi-calendar3::before{--ph-icon:url("/static/vendor/phosphor/regular/calendar.svg?v=2.1.1")}.bi-camera::before{--ph-icon:url("/static/vendor/phosphor/regular/camera.svg?v=2.1.1")}.bi-camera-video::before{--ph-icon:url("/static/vendor/phosphor/regular/video-camera.svg?v=2.1.1")}.bi-card-list::before{--ph-icon:url("/static/vendor/phosphor/regular/list-dashes.svg?v=2.1.1")}.bi-caret-right::before{--ph-icon:url("/static/vendor/phosphor/regular/caret-right.svg?v=2.1.1")}.bi-cell-cultures::before{--ph-icon:url("/static/vendor/phosphor/regular/cell-cultures.svg?v=2.1.1")}.bi-chat-left-text::before{--ph-icon:url("/static/vendor/phosphor/regular/chat-text.svg?v=2.1.1")}.bi-chat-square-heart::before{--ph-icon:url("/static/vendor/phosphor/regular/chat.svg?v=2.1.1")}.bi-chat-square-text::before{--ph-icon:url("/static/vendor/phosphor/regular/chat-text.svg?v=2.1.1")}.bi-check::before{--ph-icon:url("/static/vendor/phosphor/regular/check.svg?v=2.1.1")}.bi-check-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/check-circle.svg?v=2.1.1")}.bi-check-circle-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/check-circle.svg?v=2.1.1")}.bi-check-lg::before{--ph-icon:url("/static/vendor/phosphor/regular/check.svg?v=2.1.1")}.bi-check2::before{--ph-icon:url("/static/vendor/phosphor/regular/check.svg?v=2.1.1")}.bi-check2-all::before{--ph-icon:url("/static/vendor/phosphor/regular/checks.svg?v=2.1.1")}.bi-check2-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/check-circle.svg?v=2.1.1")}.bi-chevron-bar-expand::before{--ph-icon:url("/static/vendor/phosphor/regular/arrows-in-line-vertical.svg?v=2.1.1")}.bi-chevron-double-left::before{--ph-icon:url("/static/vendor/phosphor/regular/caret-double-left.svg?v=2.1.1")}.bi-chevron-down::before{--ph-icon:url("/static/vendor/phosphor/regular/caret-down.svg?v=2.1.1")}.bi-chevron-left::before{--ph-icon:url("/static/vendor/phosphor/regular/caret-left.svg?v=2.1.1")}.bi-chevron-right::before{--ph-icon:url("/static/vendor/phosphor/regular/caret-right.svg?v=2.1.1")}.bi-circle-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/circle.svg?v=2.1.1")}.bi-circle-square::before{--ph-icon:url("/static/vendor/phosphor/regular/square-half.svg?v=2.1.1")}.bi-clipboard2-check::before{--ph-icon:url("/static/vendor/phosphor/regular/clipboard-text.svg?v=2.1.1")}.bi-clipboard2-pulse::before{--ph-icon:url("/static/vendor/phosphor/regular/clipboard-text.svg?v=2.1.1")}.bi-clock::before{--ph-icon:url("/static/vendor/phosphor/regular/clock.svg?v=2.1.1")}.bi-clock-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/clock.svg?v=2.1.1")}.bi-clock-history::before{--ph-icon:url("/static/vendor/phosphor/regular/clock-counter-clockwise.svg?v=2.1.1")}.bi-cloud-arrow-down::before{--ph-icon:url("/static/vendor/phosphor/regular/cloud-arrow-down.svg?v=2.1.1")}.bi-cloud-arrow-up::before{--ph-icon:url("/static/vendor/phosphor/regular/cloud-arrow-up.svg?v=2.1.1")}.bi-collection::before{--ph-icon:url("/static/vendor/phosphor/regular/squares-four.svg?v=2.1.1")}.bi-columns-minus-right::before{--ph-icon:url("/static/vendor/phosphor/regular/columns-minus-right.svg?v=2.1.1")}.bi-columns-plus-right::before{--ph-icon:url("/static/vendor/phosphor/regular/columns-plus-right.svg?v=2.1.1")}.bi-command::before{--ph-icon:url("/static/vendor/phosphor/regular/command.svg?v=2.1.1")}.bi-copy::before{--ph-icon:url("/static/vendor/phosphor/regular/copy.svg?v=2.1.1")}.bi-credit-card::before{--ph-icon:url("/static/vendor/phosphor/regular/credit-card.svg?v=2.1.1")}.bi-credit-card-2-front::before{--ph-icon:url("/static/vendor/phosphor/regular/credit-card.svg?v=2.1.1")}.bi-cursor-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/cursor.svg?v=2.1.1")}.bi-database::before{--ph-icon:url("/static/vendor/phosphor/regular/database.svg?v=2.1.1")}.bi-database-lock::before{--ph-icon:url("/static/vendor/phosphor/regular/database.svg?v=2.1.1")}.bi-device-ssd::before{--ph-icon:url("/static/vendor/phosphor/regular/hard-drive.svg?v=2.1.1")}.bi-diagram-2::before{--ph-icon:url("/static/vendor/phosphor/regular/share-network.svg?v=2.1.1")}.bi-diagram-3::before{--ph-icon:url("/static/vendor/phosphor/regular/tree-structure.svg?v=2.1.1")}.bi-dot::before{--ph-icon:url("/static/vendor/phosphor/regular/dot.svg?v=2.1.1")}.bi-download::before{--ph-icon:url("/static/vendor/phosphor/regular/download.svg?v=2.1.1")}.bi-droplet::before{--ph-icon:url("/static/vendor/phosphor/regular/drop.svg?v=2.1.1")}.bi-droplet-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/drop.svg?v=2.1.1")}.bi-droplet-half::before{--ph-icon:url("/static/vendor/phosphor/regular/drop-half.svg?v=2.1.1")}.bi-envelope::before{--ph-icon:url("/static/vendor/phosphor/regular/envelope.svg?v=2.1.1")}.bi-envelope-check::before{--ph-icon:url("/static/vendor/phosphor/regular/envelope-simple.svg?v=2.1.1")}.bi-envelope-paper::before{--ph-icon:url("/static/vendor/phosphor/regular/envelope-open.svg?v=2.1.1")}.bi-eraser::before{--ph-icon:url("/static/vendor/phosphor/regular/eraser.svg?v=2.1.1")}.bi-exclamation-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/warning-circle.svg?v=2.1.1")}.bi-exclamation-circle-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/warning-circle.svg?v=2.1.1")}.bi-exclamation-octagon::before{--ph-icon:url("/static/vendor/phosphor/regular/warning-octagon.svg?v=2.1.1")}.bi-exclamation-triangle::before{--ph-icon:url("/static/vendor/phosphor/regular/warning.svg?v=2.1.1")}.bi-eye::before{--ph-icon:url("/static/vendor/phosphor/regular/eye.svg?v=2.1.1")}.bi-eye-slash::before{--ph-icon:url("/static/vendor/phosphor/regular/eye-slash.svg?v=2.1.1")}.bi-eyedropper::before{--ph-icon:url("/static/vendor/phosphor/regular/eyedropper.svg?v=2.1.1")}.bi-file-earmark-arrow-down::before{--ph-icon:url("/static/vendor/phosphor/regular/file-arrow-down.svg?v=2.1.1")}.bi-file-earmark-arrow-up::before{--ph-icon:url("/static/vendor/phosphor/regular/file-arrow-up.svg?v=2.1.1")}.bi-file-earmark-lock2-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/file-lock.svg?v=2.1.1")}.bi-file-earmark-pdf::before{--ph-icon:url("/static/vendor/phosphor/regular/file-pdf.svg?v=2.1.1")}.bi-files::before{--ph-icon:url("/static/vendor/phosphor/regular/files.svg?v=2.1.1")}.bi-filetype-csv::before{--ph-icon:url("/static/vendor/phosphor/regular/file-csv.svg?v=2.1.1")}.bi-fingerprint::before{--ph-icon:url("/static/vendor/phosphor/regular/fingerprint.svg?v=2.1.1")}.bi-flask::before{--ph-icon:url("/static/vendor/phosphor/regular/flask.svg?v=2.1.1")}.bi-flower1::before{--ph-icon:url("/static/vendor/phosphor/regular/flower-lotus.svg?v=2.1.1")}.bi-funnel::before{--ph-icon:url("/static/vendor/phosphor/regular/funnel.svg?v=2.1.1")}.bi-gear::before{--ph-icon:url("/static/vendor/phosphor/regular/gear.svg?v=2.1.1")}.bi-gear-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/gear.svg?v=2.1.1")}.bi-geo-alt::before{--ph-icon:url("/static/vendor/phosphor/regular/map-pin.svg?v=2.1.1")}.bi-github::before{--ph-icon:url("/static/vendor/phosphor/regular/github-logo.svg?v=2.1.1")}.bi-globe2::before{--ph-icon:url("/static/vendor/phosphor/regular/globe.svg?v=2.1.1")}.bi-google::before{--ph-icon:url("/static/vendor/phosphor/regular/google-logo.svg?v=2.1.1")}.bi-google-play::before{--ph-icon:url("/static/vendor/phosphor/regular/google-play-logo.svg?v=2.1.1")}.bi-graph-up::before{--ph-icon:url("/static/vendor/phosphor/regular/chart-line-up.svg?v=2.1.1")}.bi-grid::before{--ph-icon:url("/static/vendor/phosphor/regular/grid-four.svg?v=2.1.1")}.bi-grid-1x2::before{--ph-icon:url("/static/vendor/phosphor/regular/squares-four.svg?v=2.1.1")}.bi-grid-3x3::before{--ph-icon:url("/static/vendor/phosphor/regular/grid-nine.svg?v=2.1.1")}.bi-grid-3x3-gap::before{--ph-icon:url("/static/vendor/phosphor/regular/grid-nine.svg?v=2.1.1")}.bi-grip-vertical::before{--ph-icon:url("/static/vendor/phosphor/regular/dots-six-vertical.svg?v=2.1.1")}.bi-hdd-stack::before{--ph-icon:url("/static/vendor/phosphor/regular/hard-drives.svg?v=2.1.1")}.bi-hexagon::before{--ph-icon:url("/static/vendor/phosphor/regular/hexagon.svg?v=2.1.1")}.bi-hourglass-bottom::before{--ph-icon:url("/static/vendor/phosphor/regular/hourglass-low.svg?v=2.1.1")}.bi-hourglass-split::before{--ph-icon:url("/static/vendor/phosphor/regular/hourglass.svg?v=2.1.1")}.bi-house::before{--ph-icon:url("/static/vendor/phosphor/regular/house.svg?v=2.1.1")}.bi-house-heart::before{--ph-icon:url("/static/vendor/phosphor/regular/house-line.svg?v=2.1.1")}.bi-image::before{--ph-icon:url("/static/vendor/phosphor/regular/image.svg?v=2.1.1")}.bi-image-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/image.svg?v=2.1.1")}.bi-images::before{--ph-icon:url("/static/vendor/phosphor/regular/images.svg?v=2.1.1")}.bi-inbox::before{--ph-icon:url("/static/vendor/phosphor/regular/tray.svg?v=2.1.1")}.bi-inboxes::before{--ph-icon:url("/static/vendor/phosphor/regular/archive.svg?v=2.1.1")}.bi-infinity::before{--ph-icon:url("/static/vendor/phosphor/regular/infinity.svg?v=2.1.1")}.bi-info-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/info.svg?v=2.1.1")}.bi-intersect::before{--ph-icon:url("/static/vendor/phosphor/regular/intersect.svg?v=2.1.1")}.bi-journal-check::before{--ph-icon:url("/static/vendor/phosphor/regular/notebook.svg?v=2.1.1")}.bi-journal-medical::before{--ph-icon:url("/static/vendor/phosphor/regular/notebook.svg?v=2.1.1")}.bi-journal-plus::before{--ph-icon:url("/static/vendor/phosphor/regular/notebook.svg?v=2.1.1")}.bi-journal-text::before{--ph-icon:url("/static/vendor/phosphor/regular/notebook.svg?v=2.1.1")}.bi-key::before{--ph-icon:url("/static/vendor/phosphor/regular/key.svg?v=2.1.1")}.bi-keyboard::before{--ph-icon:url("/static/vendor/phosphor/regular/keyboard.svg?v=2.1.1")}.bi-life-preserver::before{--ph-icon:url("/static/vendor/phosphor/regular/lifebuoy.svg?v=2.1.1")}.bi-lightbulb::before{--ph-icon:url("/static/vendor/phosphor/regular/lightbulb.svg?v=2.1.1")}.bi-link-45deg::before{--ph-icon:url("/static/vendor/phosphor/regular/link.svg?v=2.1.1")}.bi-list::before{--ph-icon:url("/static/vendor/phosphor/regular/list.svg?v=2.1.1")}.bi-list-check::before{--ph-icon:url("/static/vendor/phosphor/regular/list-checks.svg?v=2.1.1")}.bi-list-ul::before{--ph-icon:url("/static/vendor/phosphor/regular/list-bullets.svg?v=2.1.1")}.bi-lock::before{--ph-icon:url("/static/vendor/phosphor/regular/lock.svg?v=2.1.1")}.bi-lock-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/lock.svg?v=2.1.1")}.bi-microsoft::before{--ph-icon:url("/static/vendor/phosphor/regular/windows-logo.svg?v=2.1.1")}.bi-paperclip::before{--ph-icon:url("/static/vendor/phosphor/regular/paperclip.svg?v=2.1.1")}.bi-patch-check::before{--ph-icon:url("/static/vendor/phosphor/regular/seal-check.svg?v=2.1.1")}.bi-pause-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/pause-circle.svg?v=2.1.1")}.bi-pen::before{--ph-icon:url("/static/vendor/phosphor/regular/pen.svg?v=2.1.1")}.bi-pencil::before{--ph-icon:url("/static/vendor/phosphor/regular/pencil.svg?v=2.1.1")}.bi-pencil-square::before{--ph-icon:url("/static/vendor/phosphor/regular/note-pencil.svg?v=2.1.1")}.bi-people::before{--ph-icon:url("/static/vendor/phosphor/regular/users.svg?v=2.1.1")}.bi-people-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/users.svg?v=2.1.1")}.bi-person::before{--ph-icon:url("/static/vendor/phosphor/regular/person.svg?v=2.1.1")}.bi-person-check::before{--ph-icon:url("/static/vendor/phosphor/regular/user-check.svg?v=2.1.1")}.bi-person-dash::before{--ph-icon:url("/static/vendor/phosphor/regular/user-minus.svg?v=2.1.1")}.bi-person-gear::before{--ph-icon:url("/static/vendor/phosphor/regular/user-gear.svg?v=2.1.1")}.bi-person-lines-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/user-list.svg?v=2.1.1")}.bi-person-lock::before{--ph-icon:url("/static/vendor/phosphor/regular/user.svg?v=2.1.1")}.bi-person-plus::before{--ph-icon:url("/static/vendor/phosphor/regular/user-plus.svg?v=2.1.1")}.bi-person-up::before{--ph-icon:url("/static/vendor/phosphor/regular/user-switch.svg?v=2.1.1")}.bi-person-x::before{--ph-icon:url("/static/vendor/phosphor/regular/user-minus.svg?v=2.1.1")}.bi-phone-vibrate::before{--ph-icon:url("/static/vendor/phosphor/regular/vibrate.svg?v=2.1.1")}.bi-plus::before{--ph-icon:url("/static/vendor/phosphor/regular/plus.svg?v=2.1.1")}.bi-plus-lg::before{--ph-icon:url("/static/vendor/phosphor/regular/plus.svg?v=2.1.1")}.bi-plus-square::before{--ph-icon:url("/static/vendor/phosphor/regular/plus-square.svg?v=2.1.1")}.bi-printer::before{--ph-icon:url("/static/vendor/phosphor/regular/printer.svg?v=2.1.1")}.bi-question-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/question.svg?v=2.1.1")}.bi-receipt::before{--ph-icon:url("/static/vendor/phosphor/regular/receipt.svg?v=2.1.1")}.bi-robot::before{--ph-icon:url("/static/vendor/phosphor/regular/robot.svg?v=2.1.1")}.bi-rows-minus-bottom::before{--ph-icon:url("/static/vendor/phosphor/regular/rows-minus-bottom.svg?v=2.1.1")}.bi-rows-plus-bottom::before{--ph-icon:url("/static/vendor/phosphor/regular/rows-plus-bottom.svg?v=2.1.1")}.bi-search::before{--ph-icon:url("/static/vendor/phosphor/regular/magnifying-glass.svg?v=2.1.1")}.bi-shield-check::before{--ph-icon:url("/static/vendor/phosphor/regular/shield-check.svg?v=2.1.1")}.bi-shield-exclamation::before{--ph-icon:url("/static/vendor/phosphor/regular/shield-warning.svg?v=2.1.1")}.bi-shield-lock::before{--ph-icon:url("/static/vendor/phosphor/regular/shield-check.svg?v=2.1.1")}.bi-skip-forward::before{--ph-icon:url("/static/vendor/phosphor/regular/skip-forward.svg?v=2.1.1")}.bi-skip-forward-fill::before{--ph-icon:url("/static/vendor/phosphor/regular/skip-forward.svg?v=2.1.1")}.bi-slash-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/prohibit.svg?v=2.1.1")}.bi-sliders::before{--ph-icon:url("/static/vendor/phosphor/regular/sliders.svg?v=2.1.1")}.bi-sliders2::before{--ph-icon:url("/static/vendor/phosphor/regular/sliders.svg?v=2.1.1")}.bi-snow::before{--ph-icon:url("/static/vendor/phosphor/regular/snowflake.svg?v=2.1.1")}.bi-snow2::before{--ph-icon:url("/static/vendor/phosphor/regular/snowflake.svg?v=2.1.1")}.bi-speedometer::before{--ph-icon:url("/static/vendor/phosphor/regular/speedometer.svg?v=2.1.1")}.bi-speedometer2::before{--ph-icon:url("/static/vendor/phosphor/regular/speedometer.svg?v=2.1.1")}.bi-stars::before{--ph-icon:url("/static/vendor/phosphor/regular/sparkle.svg?v=2.1.1")}.bi-sticky::before{--ph-icon:url("/static/vendor/phosphor/regular/note.svg?v=2.1.1")}.bi-table::before{--ph-icon:url("/static/vendor/phosphor/regular/table.svg?v=2.1.1")}.bi-thaw-vial::before{--ph-icon:url("/static/vendor/phosphor/regular/thaw-vial.svg?v=2.1.1")}.bi-three-dots::before{--ph-icon:url("/static/vendor/phosphor/regular/dots-three.svg?v=2.1.1")}.bi-trash::before{--ph-icon:url("/static/vendor/phosphor/regular/trash.svg?v=2.1.1")}.bi-trash3::before{--ph-icon:url("/static/vendor/phosphor/regular/trash.svg?v=2.1.1")}.bi-universal-access::before{--ph-icon:url("/static/vendor/phosphor/regular/person-arms-spread.svg?v=2.1.1")}.bi-upc::before{--ph-icon:url("/static/vendor/phosphor/regular/barcode.svg?v=2.1.1")}.bi-upc-scan::before{--ph-icon:url("/static/vendor/phosphor/regular/scan.svg?v=2.1.1")}.bi-upload::before{--ph-icon:url("/static/vendor/phosphor/regular/upload.svg?v=2.1.1")}.bi-window-stack::before{--ph-icon:url("/static/vendor/phosphor/regular/stack-simple.svg?v=2.1.1")}.bi-x::before{--ph-icon:url("/static/vendor/phosphor/regular/x.svg?v=2.1.1")}.bi-x-circle::before{--ph-icon:url("/static/vendor/phosphor/regular/x-circle.svg?v=2.1.1")}.bi-x-lg::before{--ph-icon:url("/static/vendor/phosphor/regular/x.svg?v=2.1.1")}.bi-x-octagon::before{--ph-icon:url("/static/vendor/phosphor/regular/warning-octagon.svg?v=2.1.1")}

/* landing.css */
/* Shared landing-page palette: navy structure, blue accents, neutral surfaces.
   Light blue is reserved for accents on dark backgrounds; status colours retain meaning. */
:root {
  --mk-primary: #16345c;
  --mk-secondary: var(--mk-teal);
  --mk-teal: #285f86;
  --mk-teal-light: #9cc9e5;
  --mk-teal-soft: #edf4fa;
  --mk-teal-line: #bfd5e7;
  --mk-ink: #0b1d38;
  --mk-muted: #5d6d82;
  --mk-line: #dce4ee;
  --mk-line-strong: #adbed1;
  --mk-canvas: #f3f6fa;
  --mk-panel: #ffffff;
  --mk-dark: var(--mk-ink);
  --mk-dark-gradient: linear-gradient(135deg, var(--mk-dark), var(--mk-primary));
  --mk-on-dark-muted: #c8d6e8;
  --mk-error: #ae3d4f;
  --mk-error-soft: #fbeef0;
  --mk-warning: #95651f;
  --mk-warning-soft: #fff3de;
  --mk-navy-rgb: 11, 29, 56;
  --mk-teal-rgb: 40, 95, 134;
  --mk-mint-rgb: 156, 201, 229;
  --mk-white-rgb: 255, 255, 255;
}

* { 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: var(--mk-panel); font-family: Helvetica, Arial, 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: var(--mk-panel); border-radius: 4px; background: var(--mk-primary); transform: translateY(-160%); }
.marketing-skip-link:focus { transform: none; }
.marketing-page :focus-visible { outline: 3px solid var(--mk-teal); outline-offset: 3px; }

.marketing-header { position: fixed; z-index: 100; inset: 0 0 auto; height: 72px; border-bottom: 1px solid rgba(var(--mk-white-rgb), .11); background: rgba(var(--mk-navy-rgb), .48); backdrop-filter: blur(18px); transition: background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.marketing-header.is-scrolled { border-color: var(--mk-line); background: rgba(var(--mk-white-rgb), .96); box-shadow: 0 5px 22px rgba(var(--mk-navy-rgb), .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: 10px; color: var(--mk-panel) !important; font: 700 1.75rem/1.5 Helvetica, Arial, sans-serif; letter-spacing: -.035em; text-decoration: none; }
.marketing-brand img { width: 37px; height: 37px; object-fit: contain; border-radius: 5px; background: var(--mk-panel); }
.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: var(--mk-canvas); font-size: .86rem; font-weight: 650; text-decoration: none; }
.marketing-header.is-scrolled :is(.marketing-nav nav a, .marketing-login) { color: var(--mk-ink); }
.marketing-header .marketing-login { color: var(--mk-panel); }
.marketing-header.is-scrolled .marketing-login { color: var(--mk-primary); }
.marketing-nav-actions { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.marketing-mobile-actions { display: none; align-items: center; margin-left: auto; }
.marketing-mobile-actions a { font-size: .78rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.marketing-mobile-login { margin-left: 12px; color: var(--mk-panel) !important; }
.marketing-mobile-try { max-width: 0; overflow: hidden; color: var(--mk-teal) !important; opacity: 0; visibility: hidden; transform: translateX(6px); transition: max-width .28s ease, opacity .28s ease, transform .28s ease, visibility 0s linear .28s; }
.marketing-menu-toggle { width: 42px; height: 42px; display: none; place-items: center; margin-left: auto; color: var(--mk-panel); border: 1px solid rgba(var(--mk-white-rgb), .22); border-radius: 5px; background: rgba(var(--mk-white-rgb), .08); font-size: 1.25rem; }
.marketing-header.is-scrolled .marketing-menu-toggle { color: var(--mk-primary); border-color: var(--mk-line); background: var(--mk-panel); }
.marketing-header.is-scrolled .marketing-mobile-login { color: var(--mk-primary) !important; }
.marketing-header.is-past-hero-try .marketing-mobile-try { max-width: 70px; opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }

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

.marketing-hero { position: relative; min-height: 720px; overflow: hidden; display: grid; align-items: center; padding: 118px 0 58px; color: var(--mk-panel); background: var(--mk-dark); }
.marketing-hero::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(90deg, var(--mk-dark) 0%, var(--mk-dark) 37%, rgba(var(--mk-navy-rgb), .9) 49%, rgba(var(--mk-navy-rgb), .28) 76%, rgba(var(--mk-navy-rgb), .12) 100%); }
.marketing-hero::after { content: ""; position: absolute; z-index: 2; inset: auto 0 0; height: 180px; background: linear-gradient(transparent, rgba(var(--mk-navy-rgb), .95)); }
.marketing-hero-photo { position: absolute; inset: 0 0 0 31%; }
.marketing-hero-photo picture { display: block; width: 100%; height: 100%; }
.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; container-type: inline-size; }
.marketing-hero .marketing-eyebrow { color: var(--mk-teal-light); }
.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 { color: var(--mk-panel); }
.marketing-hero h1 .marketing-hero-accent { color: var(--mk-teal-light); }
.marketing-hero h1 .marketing-nowrap { white-space: nowrap; }
.marketing-hero-copy > p { margin: 0; color: var(--mk-on-dark-muted); font-size: clamp(1.02rem,1.35vw,1.2rem); }
.marketing-hero-actions { display: flex; align-items: flex-start; gap: 22px; margin-top: 30px; }
.marketing-hero-primary-action { display: grid; justify-items: start; gap: 10px; }
.marketing-hero-trial { display: inline-flex; align-items: center; gap: 9px; padding-left: 1px; font-size: .72rem; line-height: 1.25; }
.marketing-hero-trial-copy { display: grid; gap: 2px; }
.marketing-hero-trial-copy > span { display: block; }
.marketing-hero-trial-heading { color: var(--mk-panel); font-weight: 650; }
.marketing-hero-trial-detail { color: var(--mk-on-dark-muted); font-weight: 500; }
.marketing-hero-trial i { display: grid; flex: 0 0 auto; width: 24px; height: 24px; place-items: center; color: var(--mk-teal-light); border: 1px solid rgba(var(--mk-mint-rgb), .34); border-radius: 6px; background: rgba(var(--mk-mint-rgb), .09); font-size: .78rem; }
.marketing-hero-secondary-actions { display: grid; justify-items: start; gap: 14px; padding-top: 14px; }
.marketing-hero-secondary-actions > .marketing-text-link { order: -1; }
.marketing-play-badge { display: inline-flex; margin-top: 2px; border-radius: 7px; transition: transform .18s ease, opacity .18s ease; }
.marketing-play-badge:hover { opacity: .92; transform: translateY(-2px); }
.marketing-play-badge img { width: 135px; height: auto; display: block; }

.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(var(--mk-white-rgb), .42); border-radius: 10px; background: rgba(var(--mk-white-rgb), .94); box-shadow: 0 28px 80px rgba(var(--mk-navy-rgb), .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 var(--mk-canvas); }
.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: var(--mk-muted); 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: var(--mk-teal); border-radius: 5px; background: var(--mk-teal-soft); }
.hero-live-culture small,.hero-live-culture strong,.hero-live-culture em { display: block; }
.hero-live-culture small { color: var(--mk-muted); 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: var(--mk-muted); 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: var(--mk-teal-soft); }
.hero-live-action span small,.hero-live-action span strong { display: block; }
.hero-live-action small { color: var(--mk-muted); 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: var(--mk-teal); 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: var(--mk-line); 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: var(--mk-muted); font-size: .64rem; }
.hero-live-card > footer i { margin-right: 5px; color: var(--mk-teal); }

.marketing-signal-bar { color: var(--mk-on-dark-muted); border-top: 1px solid rgba(var(--mk-white-rgb), .08); background: var(--mk-dark); }
.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: var(--mk-on-dark-muted); font-size: .75rem; font-weight: 650; }
.marketing-signal-bar i { color: var(--mk-teal-light); font-size: .9rem; }

.marketing-insights { padding: 64px 0 48px; background: var(--mk-panel); }
.marketing-section-heading { max-width: 830px; margin-bottom: 42px; }
.marketing-insights .marketing-section-heading { max-width: none; }
.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; }
.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 var(--mk-line); border-radius: 9px; background: var(--mk-panel); }
.insight-card > header { display: flex; gap: 12px; align-items: flex-start; }
.insight-card > header > span { color: var(--mk-muted); 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: var(--mk-muted); font-size: .76rem; }

.feed-demo { position: relative; margin-top: 32px; padding: 16px; border: 1px solid var(--mk-line); border-radius: 7px; background: var(--mk-panel); box-shadow: 0 18px 50px rgba(var(--mk-navy-rgb), .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:var(--mk-muted);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 var(--mk-canvas); }
.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:var(--mk-teal);border-radius:5px;background:var(--mk-canvas); }
.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:var(--mk-muted);font-size:.67rem}
.feed-demo-row button { position:relative;display:grid;min-width:72px;place-items:center;padding:7px 9px;color:var(--mk-panel);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:var(--mk-dark);font-size:1.05rem;opacity:0;filter:drop-shadow(0 1px 1px rgba(var(--mk-white-rgb), .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:var(--mk-teal);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 var(--mk-teal-line);border-radius:4px;background:var(--mk-teal-soft);font-size:.67rem; }
.feed-demo-row.is-complete { background: var(--mk-teal-soft); }
.feed-demo-toast { position:absolute;right:18px;bottom:-15px;padding:8px 10px;color:var(--mk-teal);border:1px solid var(--mk-teal-line);border-radius:4px;background:var(--mk-panel);box-shadow:0 8px 20px rgba(var(--mk-teal-rgb), .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 var(--mk-line);border-radius:6px;background:var(--mk-panel);box-shadow:0 10px 26px rgba(var(--mk-navy-rgb), .07); }
.lineage-node i { display:grid;width:30px;height:30px;place-items:center;color:var(--mk-teal);border-radius:4px;background:var(--mk-canvas); }
.lineage-node b,.lineage-node small{display:block}.lineage-node b{font-size:.76rem}.lineage-node small{margin-top:2px;color:var(--mk-muted);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:var(--mk-line);transform:translateX(-50%); }
.lineage-branch::after { content:"";position:absolute;top:32px;left:25%;width:50%;height:2px;background:var(--mk-line); }
.lineage-branch i { position:absolute;z-index:1;top:28px;width:10px;height:10px;border:2px solid var(--mk-panel);border-radius:50%;background:var(--mk-teal);box-shadow:0 0 0 4px rgba(var(--mk-teal-rgb), .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:var(--mk-line);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:var(--mk-teal-line);background:var(--mk-teal-soft); }

.media-demo { margin-top:30px;padding:18px;border-radius:7px;background:var(--mk-dark);color:var(--mk-panel);box-shadow:0 18px 50px rgba(var(--mk-navy-rgb), .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(var(--mk-white-rgb), .1); }
.media-liquid-thumb { display:block;width:46px;height:46px;object-fit:cover;border:1px solid rgba(var(--mk-white-rgb), .2);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(var(--mk-white-rgb), .12),0 6px 16px rgba(var(--mk-navy-rgb), .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:var(--mk-on-dark-muted);font-size:.65rem}.media-formulation-head em{color:var(--mk-teal-light);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(var(--mk-white-rgb), .09);border-radius:5px;background:rgba(var(--mk-white-rgb), .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:var(--mk-on-dark-muted);font-size:.6rem}.media-component em{color:var(--mk-on-dark-muted);font-size:.65rem;font-style:normal}.media-component>i{color:var(--mk-teal-light);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:var(--mk-on-dark-muted);border:1px solid rgba(var(--mk-mint-rgb), .25);border-radius:5px;background:rgba(var(--mk-teal-rgb), .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:var(--mk-teal-light);font:600 .54rem "JetBrains Mono",monospace}.media-ready span b{margin-top:2px;font-size:.69rem}.media-ready time{color:var(--mk-on-dark-muted);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 var(--mk-line);border-radius:6px;background:var(--mk-panel);box-shadow:0 8px 22px rgba(var(--mk-navy-rgb), .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:var(--mk-panel);border-radius:50%;background:var(--mk-teal);font:650 .65rem "JetBrains Mono",monospace}.review-avatar.is-teal{background:var(--mk-teal)}.review-demo p{margin:0;font-size:.73rem}.review-demo p b,.review-demo p small{display:block}.review-demo p small{color:var(--mk-muted);font-size:.64rem}.review-demo > div > i{color:var(--mk-teal)}.review-demo footer{grid-template-columns:36px 1fr auto;margin-top:5px;padding-right:18px;border-color:var(--mk-teal-line);background:var(--mk-teal-soft);animation:none}.review-demo footer>i{display:grid;width:36px;height:36px;place-items:center;color:var(--mk-teal);border-radius:5px;background:var(--mk-teal-soft)}.review-demo footer b,.review-demo footer small{display:block}.review-demo footer b{font-size:.72rem}.review-demo footer small{color:var(--mk-muted);font-size:.63rem}.review-demo footer em{color:var(--mk-teal);font-size:.65rem;font-style:normal;font-weight:700}

.marketing-product-tour { padding: 92px 0 98px; background: var(--mk-canvas); }
.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: var(--mk-muted); font-size: .83rem; }

.marketing-trust { padding:92px 0 100px;color:var(--mk-panel);background:var(--mk-dark-gradient); }
.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(var(--mk-white-rgb), .15);border-radius:8px;background:rgba(var(--mk-white-rgb), .06)}.trust-grid i{color:var(--mk-teal-light);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:var(--mk-on-dark-muted);font-size:.8rem;line-height:1.45}

.marketing-faq { padding: 96px 0 52px; background: var(--mk-panel); }
.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: var(--mk-dark); 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: var(--mk-muted); font-size: .86rem; line-height: 1.65; }
.marketing-faq-list { border-top: 1px solid var(--mk-line); }
.marketing-faq-list details { border-bottom: 1px solid var(--mk-line); }
.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: var(--mk-teal); font: 600 .63rem "JetBrains Mono",monospace; }
.marketing-faq-list summary h3 { margin: 0; color: var(--mk-dark); font: 700 1.05rem/1.25 "Hanken Grotesk",sans-serif; }
.marketing-faq-list summary i { color: var(--mk-teal); 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: var(--mk-muted); font-size: .82rem; line-height: 1.7; }
.marketing-faq-list summary:focus-visible { outline: 3px solid var(--mk-teal); outline-offset: 4px; border-radius: 4px; }

.marketing-final-cta { padding:45px 0 90px;background:var(--mk-panel); }
.marketing-final-card { padding:64px 40px;text-align:center;border-radius:11px;background:var(--mk-dark-gradient);color:var(--mk-panel);box-shadow:0 28px 65px rgba(var(--mk-navy-rgb), .18)}
.marketing-final-card>img{width:46px;height:46px;padding:5px;border-radius:7px;background:var(--mk-panel)}.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:var(--mk-on-dark-muted)}.marketing-final-card>div{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:27px}.marketing-final-link{color:var(--mk-panel)!important;font-size:.8rem;font-weight:700;text-decoration-color:rgba(var(--mk-white-rgb), .48);text-underline-offset:3px}

.marketing-footer { padding:32px 0;background:var(--mk-dark);color:var(--mk-on-dark-muted); }
.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 :is(a, .analytics-settings-button){font-size:.72rem!important;font-weight:400;line-height:inherit;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:var(--mk-line)}35%,75%{background:var(--mk-teal)}92%,100%{background:var(--mk-line)}}
@keyframes feed-row-state{0%,40%,100%{background:var(--mk-panel)}48%,88%{background:var(--mk-teal-soft)}}
@keyframes feed-button-state{0%,40%,100%{color:var(--mk-panel);border-color:transparent;background:var(--mk-primary);box-shadow:none}35%{box-shadow:0 0 0 5px rgba(var(--mk-navy-rgb), .13)}48%,88%{color:var(--mk-teal);border-color:var(--mk-teal-line);background:var(--mk-teal-soft);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(var(--mk-teal-rgb), .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}}

@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-mobile-actions{display:flex}.marketing-menu-toggle{display:grid;margin-left:12px}.marketing-nav{position:absolute;top:72px;right:16px;left:16px;display:none;margin:0;padding:15px;border:1px solid var(--mk-line);border-radius:7px;background:var(--mk-panel);box-shadow:0 18px 48px rgba(var(--mk-navy-rgb), .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:var(--mk-ink)!important}.marketing-nav-actions{justify-content:flex-end;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--mk-line)}.marketing-nav-actions .marketing-login{display:none}
  .marketing-hero{min-height:900px;padding-top:120px}.marketing-hero::before{background:linear-gradient(180deg,var(--mk-dark) 0%,rgba(var(--mk-navy-rgb), .96) 42%,rgba(var(--mk-navy-rgb), .35) 76%,var(--mk-dark) 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}
  .marketing-faq-layout{grid-template-columns:1fr;gap:38px}.marketing-faq-heading{position:static}.marketing-faq-heading h2{max-width:700px}
}
@media (min-width:681px) and (max-width:880px){
  .marketing-hero{min-height:700px;padding:110px 0 55px}.marketing-hero::before{background:linear-gradient(90deg,var(--mk-dark) 0%,var(--mk-dark) 31%,rgba(var(--mk-navy-rgb), .9) 52%,rgba(var(--mk-navy-rgb), .2) 100%)}.marketing-hero-photo{inset:0 0 0 36%}.marketing-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:24px;align-items:center}.marketing-hero-copy{max-width:none}.marketing-hero h1{font-size:clamp(2.65rem,6vw,3.25rem)}.marketing-hero-copy>p{font-size:.92rem}.marketing-hero-actions{flex-direction:column;gap:12px;margin-top:24px}.marketing-hero-actions>.marketing-text-link{margin-top:0}.hero-live-card{width:100%;margin:0;animation:none}
}
@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:100vh;min-height:100dvh;padding:96px 0 max(32px,env(safe-area-inset-bottom));align-items:end}.marketing-hero h1{margin-top:0;font-size:clamp(3.05rem,15vw,4.7rem)}.marketing-hero-photo{inset:0}.marketing-hero::before{background:linear-gradient(180deg,rgba(var(--mk-navy-rgb), .9) 0%,rgba(var(--mk-navy-rgb), .78) 35%,rgba(var(--mk-navy-rgb), .55) 70%,var(--mk-dark) 100%)}.marketing-hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.marketing-hero-actions>.marketing-text-link{margin-top:0}.hero-live-card{display: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}
  .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:30px 0 60px}.marketing-final-card{padding:46px 20px}.marketing-final-card>div{align-items:center;flex-direction:column;gap:14px}
  .marketing-faq{padding:70px 0 35px}.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 (max-width:390px){
  .marketing-nav-wrap{width:calc(100% - 24px)}.marketing-brand{font-size:1.26rem}.marketing-mobile-actions a{font-size:.72rem}.marketing-mobile-login{margin-left:8px}.marketing-menu-toggle{width:40px;height:40px;margin-left:8px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marketing-page *{animation:none!important;transition:none!important}.marketing-reveal{opacity:1;transform:none}}

/* Keep trial reassurance attached to the primary action; group alternative routes below. */
@media (max-width: 680px) {
  .marketing-hero-actions { gap: 18px; max-width: 420px; }
  .marketing-hero-primary-action { width: 100%; justify-items: center; gap: 10px; }
  .marketing-hero-primary-action > .marketing-button { width: 100%; justify-content: center; }
  .marketing-hero-trial { padding: 0; }
  .marketing-hero-trial-copy { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 5px; }
  .marketing-hero-trial i { width: 16px; height: 16px; border: 0; background: transparent; }
  .marketing-hero-secondary-actions { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 16px; border-top: 1px solid rgba(var(--mk-white-rgb), .16); }
  .marketing-hero-secondary-actions > .marketing-text-link { order: 0; white-space: nowrap; }
  .marketing-hero-secondary-actions > .marketing-play-badge { margin: 0; flex: 0 0 auto; }
}
@media (max-width: 380px) {
  .marketing-hero-secondary-actions { gap: 10px; }
  .marketing-hero-secondary-actions .marketing-play-badge img { width: 120px; }
  .marketing-hero-secondary-actions > .marketing-text-link { font-size: .8rem; gap: 4px; }
}

/* Keep the entire hero heading in one typeface, including highlighted words. */
body.marketing-page .marketing-hero .marketing-hero-copy h1,
body.marketing-page .marketing-hero .marketing-hero-copy h1 span {
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif !important;
}
.marketing-hero h1 span { font-size: inherit; font-weight: inherit; line-height: inherit; }

/* Scale with the viewport, bounded by the space needed for two complete lines. */
.marketing-hero .marketing-hero-copy h1 {
  font-size: clamp(1.9rem, 4.2vw, 4.4rem);
  font-size: min(11cqi, 5rem);
  line-height: 1.04;
}
@media (min-width: 881px) {
  .marketing-hero-grid {
    grid-template-columns: minmax(0, 1fr) clamp(280px, 30vw, 430px);
    gap: clamp(24px, 3.5vw, 56px);
  }
  .marketing-hero-copy { max-width: none; }
  .marketing-hero .marketing-hero-copy h1 {
    font-size: clamp(3rem, 6.5vw, 6rem);
    font-size: min(6.5vw, 11cqi, 6rem);
  }
  .marketing-hero-copy > p { max-width: 34rem; }
}

/* Overlapping grid items reserve the widest word, so the hero never shifts.
   Extra line-box space protects the descenders in "passage" while rolling. */
.marketing-hero h1 .marketing-word-roll {
  display: inline-grid;
  overflow: hidden;
  vertical-align: bottom;
  line-height: 1.2;
  margin-block: -.08em;
  padding-inline: .025em;
}
.marketing-word-roll-item {
  grid-area: 1 / 1;
  width: max-content;
  visibility: hidden;
  color: #00bcaf; /* Turquoise from cellhood-mark.svg. */
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .marketing-word-roll-item {
    background: linear-gradient(115deg, #78e8da, #00bcaf 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.marketing-word-roll-item.is-current { visibility: visible; }
.marketing-word-roll-item.is-entering { visibility: visible; animation: hero-word-roll-in 700ms cubic-bezier(.22, 1, .36, 1) both; }
.marketing-word-roll-item.is-leaving { visibility: visible; animation: hero-word-roll-out 700ms cubic-bezier(.22, 1, .36, 1) both; }
@keyframes hero-word-roll-in {
  from { transform: translateY(-110%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes hero-word-roll-out {
  from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(110%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-word-roll-item.is-entering,
  .marketing-word-roll-item.is-leaving { visibility: hidden; }
  .marketing-word-roll-item.is-current { visibility: visible; }
}

/* Keep the primary header action and focus ring legible over the hero. */
.marketing-header:not(.is-scrolled) .marketing-button { color: var(--mk-primary) !important; border-color: var(--mk-panel); background: var(--mk-panel); }
.marketing-header:not(.is-scrolled) .marketing-button:hover { border-color: var(--mk-teal-soft); background: var(--mk-teal-soft); }
.marketing-hero :focus-visible, .marketing-trust :focus-visible, .marketing-reports :focus-visible, .marketing-final-card :focus-visible, .marketing-footer :focus-visible { outline-color: var(--mk-teal-light); }

@media (max-width: 880px) {
  .marketing-header .marketing-nav[data-open] .marketing-button { color: var(--mk-panel) !important; border-color: var(--mk-primary); background: var(--mk-primary); }
  .marketing-header .marketing-nav[data-open] .marketing-button:hover { border-color: var(--mk-teal); background: var(--mk-teal); }
}

/* Native disclosure keeps the tools navigation usable without JavaScript. */
.marketing-tools-dropdown { position: relative; }
.marketing-tools-dropdown > summary { display: flex; align-items: center; gap: 6px; color: var(--mk-canvas); font-size: .86rem; font-weight: 650; cursor: pointer; list-style: none; }
.marketing-tools-dropdown > summary::-webkit-details-marker { display: none; }
.marketing-tools-dropdown > summary i { font-size: .65rem; transition: transform .15s ease; }
.marketing-tools-dropdown[open] > summary i { transform: rotate(180deg); }
.marketing-header.is-scrolled .marketing-tools-dropdown > summary { color: var(--mk-ink); }
.marketing-tools-links { position: absolute; top: calc(100% + 18px); left: -14px; width: 290px; padding: 7px; border: 1px solid var(--mk-line); border-radius: 10px; background: var(--mk-panel); box-shadow: 0 16px 40px rgba(var(--mk-navy-rgb), .18); }
.marketing-nav nav .marketing-tools-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border-radius: 6px; color: var(--mk-ink); line-height: 1.4; }
.marketing-nav nav .marketing-tools-links a:hover, .marketing-nav nav .marketing-tools-links a:focus-visible { background: var(--mk-teal-soft); }
.marketing-tools-links a:last-child { margin-top: 4px; border-top: 1px solid var(--mk-line); border-radius: 0 0 6px 6px; }
@media (max-width: 880px) {
  .marketing-tools-dropdown > summary { padding: 9px; color: var(--mk-ink); justify-content: space-between; }
  .marketing-tools-links { position: static; width: auto; margin: 4px 0 8px; box-shadow: none; }
  .marketing-nav[data-open] { max-height: calc(100dvh - 90px); overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .marketing-tools-dropdown > summary i { transition: none; } }

/* Keep the action groups together at every responsive breakpoint. */
.marketing-hero-primary-action {
  display: flex;
  align-items: center;
  gap: 16px;
}
.marketing-hero-primary-action > .marketing-button { flex: 0 0 auto; width: auto; }
.marketing-hero-trial-copy { display: grid; justify-content: start; }
.marketing-hero-preview { align-self: end; width: min(100%, 430px); min-width: 0; margin-left: auto; }
.marketing-hero-preview .hero-live-card { width: 100%; margin: 0; }
.marketing-hero-secondary-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
  margin-top: 32px;
  padding: 0;
  border: 0;
}
.marketing-hero-secondary-actions > a { flex: 0 0 auto; margin: 0; white-space: nowrap; }
.marketing-hero-secondary-actions > .marketing-text-link { order: -1; }
@media (min-width: 681px) {
  .marketing-hero-grid { align-self: stretch; }
}
@media (min-width: 681px) and (max-width: 880px) {
  .marketing-hero-secondary-actions .marketing-play-badge img { width: 110px; }
  .marketing-hero-secondary-actions > .marketing-text-link { font-size: .8rem; gap: 4px; }
  .marketing-hero-primary-action { gap: 10px; }
}
@media (max-width: 680px) {
  .marketing-hero-grid { gap: 0; }
  .marketing-hero-preview { width: 100%; max-width: 420px; margin: 0; }
  .marketing-hero-secondary-actions { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(var(--mk-white-rgb), .16); }
}

/* font-floor.css */
:root {
  --ch-minimum-text-size: 14px;
}

/* Explicit opt-in utility. Apply in markup, never in a post-render script. */
.ch-font-floor {
  font-size: var(--ch-minimum-text-size) !important;
}

/* platform-typography.css */
:root {
  --font-sans: Helvetica, Arial, sans-serif;
  --ch-font-sans: Helvetica, Arial, sans-serif;
  --ch-mono: Helvetica, Arial, sans-serif;
  --ch-heading-font: "Hanken Grotesk", Helvetica, Arial, sans-serif;
  --ch-field-font-family: Helvetica, Arial, sans-serif;
  --ch-field-line-height: 18px;
  --ch-body-font-size: 14px;
  --ch-button-font-size: 14px;
  --ch-subtitle-font-size: 14px;
}

body,
body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
  font-family: Helvetica, Arial, sans-serif !important;
}

body.app-page {
  font-size: var(--ch-body-font-size);
}

/* Compact navigation labels stay smaller than interface and record text. */
.mobile-bottom-nav .mobile-bottom-link > span {
  font-size: 12px !important;
}

/* Record names use the same size as the surrounding body copy. */
.feed-card-name,
.calendar-chip-name {
  font-size: var(--ch-body-font-size) !important;
}

:is(
  input:not([type]),
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="week"],
  textarea
) {
  font-family: var(--ch-field-font-family) !important;
  line-height: var(--ch-field-line-height) !important;
}

:is(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [role="button"],
  a.btn,
  a.button,
  a[class*="-button"],
  a.marketing-mobile-try,
  a.tools-signup
) {
  font-size: var(--ch-button-font-size) !important;
}

:is(
  .ch-subtitle,
  [class$="-subtitle"],
  [class*="-subtitle "],
  [data-reference-detail-subtitle],
  [data-platform-detail-description],
  [class$="-heading"] :is(h1, h2, h3, h4, h5, h6) + p,
  [class*="-heading "] :is(h1, h2, h3, h4, h5, h6) + p,
  [class$="-header"] :is(h1, h2, h3, h4, h5, h6) + p,
  [class*="-header "] :is(h1, h2, h3, h4, h5, h6) + p
) {
  font-size: var(--ch-subtitle-font-size) !important;
  font-weight: 400 !important;
  line-height: 1.45;
}

:is(h1, h2, h3, h4, h5, h6, .modal-title),
:is(h1, h2, h3, h4, h5, h6, .modal-title) *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif !important;
}

/* Authentication surfaces use the same typeface as the primary workspace headings. */
body.auth-hero-page,
body.auth-hero-page *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
.android-login,
.android-login *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
  font-family: "Hanken Grotesk", Helvetica, Arial, sans-serif !important;
}

.platform-select,
.platform-select .platform-select-toggle,
.platform-select-menu,
.platform-select-menu .platform-select-option {
  font-family: Helvetica, Arial, sans-serif !important;
}

body.auth-hero-page .platform-select .platform-select-toggle.platform-select-toggle,
body.auth-hero-page .platform-select .platform-select-toggle.platform-select-toggle *,
body.auth-hero-page .platform-select-menu .platform-select-option.platform-select-option,
body.auth-hero-page .platform-select-menu .platform-select-option.platform-select-option * {
  font-family: Helvetica, Arial, sans-serif !important;
}

.account-setup-fields .platform-select .platform-select-value {
  font-weight: 400 !important;
}

body.auth-hero-page .account-setup-card.account-setup-card .signup-compact-heading.signup-compact-heading p {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: var(--ch-subtitle-font-size) !important;
  font-weight: 400 !important;
}

.signup-page .signup-fields.signup-fields input:not([type="hidden"]):not([type="submit"]),
.signup-page .signup-fields.signup-fields textarea {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

@media (hover: none), (pointer: coarse) {
  .signup-page .signup-fields.signup-fields input:not([type="hidden"]):not([type="submit"]),
  .signup-page .signup-fields.signup-fields textarea {
    font-size: 16px !important;
  }
}

/* Uppercase eyebrow and metric labels form a lighter, quieter level of hierarchy. */
:is(
  .kpi-card small,
  .team-summary-grid small,
  .page-kicker,
  .settings-eyebrow,
  .modal-eyebrow,
  .auth-form-eyebrow,
  .marketing-eyebrow,
  .platform-eyebrow,
  .platform-kicker,
  .platform-panel header span,
  .platform-trend-card header span,
  .rail-title,
  .team-section-heading > span,
  .billing-current-plan > header,
  .billing-plan-card header span,
  .pricing-card-top > div:first-child > span,
  .signup-plan-top small,
  .onboarding-card > header small,
  .sketch-metrics small,
  .mobile-metric-grid small,
  .mobile-sketch-page-head small,
  .sketch-page-header > div > small
) {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
}