/*


 */

@font-face {
  font-family:Inter;
  src:url(/brand/fonts/Inter-Regular.woff2) format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Inter;
  src:url(/brand/fonts/Inter-Medium.woff2) format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Inter;
  src:url(/brand/fonts/Inter-SemiBold.woff2) format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Inter;
  src:url(/brand/fonts/Inter-Bold.woff2) format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Sora;
  src:url(/brand/fonts/Sora-Bold.woff2) format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:'IBM Plex Mono';
  src:url(/brand/fonts/IBMPlexMono-Regular.woff2) format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap
}

:root {
  --charcoal:#111318;
  --paper:#f7f7f5;
  --white:#fff;
  --red:#ff2b2b;
  --slate:#6b7280;
  --muted:#616976;
  --mist:#d9dce1;
  --line:#dedfe1;
  --blue:#d8e7ff;
  --blue-ink:#285b9c;
  --radius:14px;
  --heading:Sora,Inter,system-ui,sans-serif;
  --body:Inter,system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono',monospace;
  color-scheme:light
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:28px
}

body {
  margin:0;
  background:var(--paper);
  color:var(--charcoal);
  font:400 16px/1.65 var(--body);
  -webkit-font-smoothing:antialiased
}

body,button,input,select,textarea {
  font-family:var(--body)
}

button,input,select,textarea {
  font-size:inherit
}

a {
  color:inherit;
  text-decoration:none
}

button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}

button {
  cursor:pointer
}

button:disabled,input:disabled {
  cursor:not-allowed
}

img {
  display:block;
  max-width:100%;
  height:auto
}

[hidden] {
  display:none!important
}

h1,h2,h3,p,figure {
  margin:0
}

h1,h2 {
  font-family:var(--heading);
  font-weight:700;
  text-wrap:balance
}

h1 {
  line-height:1.12;
  letter-spacing:-.065em
}

h2 {
  font-size:clamp(32px,3.8vw,49px);
  line-height:1.17;
  letter-spacing:-.055em
}

h3 {
  font-size:18px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:-.025em
}

p {
  color:var(--muted)
}

strong {
  font-weight:600;
  color:var(--charcoal)
}

::selection {
  background:#ff2b2b24;
  color:var(--charcoal)
}

:focus-visible {
  outline:3px solid var(--charcoal);
  outline-offset:5px
}

.icon {
  width:22px;
  height:22px;
  flex-shrink:0;
  display:inline-block;
  vertical-align:middle
}

.wrap {
  width:min(1160px,calc(100% - 80px));
  margin-inline:auto
}

.section-space {
  padding-block:116px
}

.eyebrow {
  font-family:var(--mono);
  font-size:11px;
  line-height:1.6;
  letter-spacing:.11em;
  font-weight:400;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:10px
}

.section-number {
  color:#969ba4;
  margin-right:6px
}

.record-dot {
  display:inline-block;
  flex-shrink:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--red)
}

.tiny-dot {
  width:5px;
  height:5px;
  background:currentColor;
  display:inline-block;
  flex-shrink:0;
  border-radius:50%
}

.mono {
  font-family:var(--mono);
  font-variant-numeric:tabular-nums
}

.button {
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:21px;
  padding:14px 23px;
  border:1px solid transparent;
  border-radius:9px;
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  white-space:normal;
  transition:background-color .18s,border-color .18s,transform .18s
}

.button .icon {
  width:18px;
  height:18px
}

.button-primary {
  background:var(--charcoal);
  color:var(--paper)
}

.button-primary:hover {
  background:#30343b;
  transform:translateY(-1px)
}

.button-outline {
  border-color:var(--mist);
  background:transparent;
  color:var(--charcoal)
}

.button-outline:hover {
  border-color:var(--charcoal);
  background:var(--white)
}

.button-small {
  min-height:42px;
  font-size:12px;
  padding:11px 15px;
  gap:20px
}

.text-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  text-decoration-thickness:1px;
  text-underline-offset:5px
}

.text-link .icon {
  width:16px;
  height:16px
}

.text-link:hover {
  text-decoration:underline
}

.skip-link {
  position:absolute;
  left:16px;
  top:-80px;
  padding:12px 20px;
  background:var(--charcoal);
  color:white;
  z-index:30;
  border-radius:4px
}

.skip-link:focus {
  top:12px
}

.site-header {
  min-height:100px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  position:relative;
  z-index:5
}

.brand-link {
  display:inline-flex;
  align-items:center;
  flex-shrink:0
}

.brand-link img {
  height:auto
}

.desktop-nav {
  display:flex;
  gap:32px;
  align-items:center;
  margin-left:60px;
  font-size:12px;
  font-weight:500;
  color:#4e5561
}

.desktop-nav a {
  padding:10px 0
}

.desktop-nav a:hover {
  color:var(--charcoal)
}

.menu-toggle {
  display:none;
  background:none;
  border:1px solid var(--mist);
  width:42px;
  height:42px;
  border-radius:8px;
  align-items:center;
  justify-content:center
}

.mobile-nav {
  position:absolute;
  top:calc(100% - 1px);
  left:0;
  right:0;
  background:var(--paper);
  border:1px solid var(--line);
  padding:10px 20px 18px;
  border-radius:0 0 12px 12px;
  box-shadow:0 10px 15px #11131808
}

.mobile-nav a {
  padding:12px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:500;
  font-size:14px
}

.hero {
  text-align:center;
  padding-block:68px 53px
}

.hero-eyebrow {
  justify-content:center;
  margin-bottom:24px
}

.hero h1 {
  font-size:clamp(42px,5.7vw,80px);
  max-width:1110px;
  margin-inline:auto
}

.hero h1 span {
  color:#717783
}

.hero-description {
  font-size:17px;
  line-height:1.75;
  margin:25px auto 0;
  max-width:680px;
  letter-spacing:-.025em
}

.hero-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:29px;
  margin-top:27px
}

.requirements {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:11px;
  margin-top:19px;
  line-height:1.4;
  color:var(--muted)
}

.requirements .icon {
  width:14px;
  height:14px
}

.preview-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:17px;
  gap:12px
}

.preview-label {
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.08em;
  color:var(--muted)
}

.appearance-switch {
  display:flex;
  background:#ecedeb;
  padding:3px;
  border-radius:7px;
  gap:2px
}

.appearance-switch button {
  display:flex;
  align-items:center;
  gap:6px;
  border:0;
  background:none;
  border-radius:5px;
  color:#727985;
  font-size:10px;
  font-weight:500;
  padding:5px 9px;
  min-height:28px
}

.appearance-switch button .icon {
  height:13px;
  width:13px
}

.appearance-switch button[aria-pressed=true] {
  color:var(--charcoal);
  background:#fff;
  box-shadow:0 1px 3px #11131812
}

.product-stage {
  position:relative;
  background:#e9eaE8;
  padding:35px 45px 39px;
  border:1px solid #e1e2e0;
  border-radius:16px;
  transition:background-color .18s
}

.capture-corner {
  position:absolute;
  width:15px;
  height:15px;
  border-color:#a7acb0;
  border-style:solid;
  border-width:0
}

.capture-corner.top-left {
  top:15px;
  left:15px;
  border-top-width:1px;
  border-left-width:1px;
  border-top-left-radius:3px
}

.capture-corner.bottom-right {
  bottom:15px;
  right:15px;
  border-bottom-width:1px;
  border-right-width:1px;
  border-bottom-right-radius:3px
}

.app-window {
  border:1px solid #d3d5d8;
  border-radius:10px;
  overflow:hidden;
  background:var(--paper);
  box-shadow:0 17px 30px -18px #11131844,0 2px 5px #11131809
}

.window-chrome {
  height:33px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 13px;
  background:#f0f0ef;
  border-bottom:1px solid #dedfe0;
  font-size:9px;
  font-weight:500;
  color:#616977
}

.traffic-lights {
  display:flex;
  gap:5px
}

.traffic-lights i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff6259;
  border:1px solid #0000000a
}

.traffic-lights i:nth-child(2) {
  background:#ffbd2f
}

.traffic-lights i:nth-child(3) {
  background:#29cb42
}

.chrome-local {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:4px;
  font-size:8px;
  font-weight:400
}

.chrome-local .icon {
  width:10px;
  height:10px
}

.product-screenshot {
  width:100%;
  height:auto;
  aspect-ratio:1960/1360
}

.product-stage[data-preview-theme=dark] {
  background:#24272d;
  border-color:#24272d
}

[data-preview-theme=dark] .app-window {
  border-color:#393e47;
  background:#111318
}

[data-preview-theme=dark] .window-chrome {
  background:#1b1e24;
  border-color:#343943;
  color:#b4b8c2
}

[data-preview-theme=dark] .capture-corner {
  border-color:#717783
}

.product-figure figcaption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
  font-size:10px;
  padding:13px 2px 0
}

.product-figure figcaption>span:last-child {
  display:flex;
  align-items:center;
  gap:6px
}

.product-figure figcaption .icon {
  height:12px;
  width:12px
}

.principles {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:37px;
  border-block:1px solid var(--line);
  padding:25px 0
}

.principles>span {
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#555e6c;
  border-right:1px solid var(--line)
}

.principles>span:last-child {
  border:0
}

.principles .icon {
  width:18px;
  height:18px;
  color:#717783
}

.conversation-section {
  display:grid;
  grid-template-columns:1fr 1.13fr;
  align-items:center;
  gap:96px;
  padding-bottom:64px
}

.section-intro h2 {
  margin-top:20px
}

.section-intro>p:not(.eyebrow) {
  margin-top:23px;
  max-width:415px;
  font-size:14px;
  line-height:1.9
}

.section-intro .text-link {
  margin-top:26px;
  font-size:11px;
  gap:8px
}

.conversation-example {
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  box-shadow:0 5px 12px #11131802;
  overflow:hidden
}

.example-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 22px;
  border-bottom:1px solid #e7e8eb;
  font-size:10px;
  color:#777e89
}

.example-header>span:first-child {
  display:flex;
  gap:7px;
  align-items:center;
  color:#373d48;
  font-size:11px;
  font-weight:500
}

.example-header .record-dot {
  width:6px;
  height:6px
}

.sample-turn {
  padding:0 23px;
  margin-top:24px;
  font-size:13px;
  line-height:1.65
}

.sample-speaker {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  font-weight:500;
  color:var(--blue-ink);
  margin-bottom:7px
}

.sample-speaker time {
  font-family:var(--mono);
  font-size:9px;
  font-weight:400;
  color:#9298a2;
  margin-left:3px
}

.avatar {
  width:19px;
  height:19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--blue);
  font-size:9px;
  font-weight:600
}

.sample-turn>p {
  padding:12px 14px;
  border-radius:9px;
  color:#263950;
  background:#e5edfc;
  max-width:90%
}

.turn-me .sample-speaker {
  justify-content:flex-end;
  color:#6b7280
}

.turn-me .avatar {
  background:#edeef1
}

.turn-me>p {
  background:#edeef1;
  margin-left:auto;
  color:#4e5663;
  text-align:left;
  max-width:83%
}

.example-footer {
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:25px;
  border-top:1px solid #e7e8eb;
  padding:12px 22px;
  color:#858c98;
  font-size:9px
}

.example-footer .icon {
  height:12px;
  width:12px
}

.example-footer>span {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:5px
}

.feature-details {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:37px;
  padding-bottom:112px
}

.feature-details article {
  border-top:1px solid var(--line);
  padding-top:23px
}

.feature-icon {
  margin-bottom:17px;
  color:#535b67
}

.feature-icon .icon {
  width:22px;
  height:22px
}

.feature-details h3 {
  font-size:16px
}

.feature-details p {
  font-size:14px;
  line-height:1.9;
  margin-top:11px;
  max-width:300px
}

.privacy-section {
  background:var(--charcoal);
  color:var(--paper)
}

.privacy-inner {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:68px 105px;
  padding-block:89px 23px
}

.privacy-section .eyebrow {
  color:#8d939f
}

.privacy-section .section-number {
  color:#666e7b
}

.privacy-statement h2 {
  margin-top:26px;
  font-size:clamp(32px,3.7vw,49px);
  line-height:1.25;
  letter-spacing:-.055em
}

.red-period {
  color:var(--red)
}

.privacy-statement>p:last-child {
  color:#a5aab5;
  font-size:13px;
  line-height:1.85;
  max-width:390px;
  margin-top:25px
}

.privacy-facts {
  padding-top:38px
}

.privacy-facts>div {
  display:flex;
  align-items:flex-start;
  gap:17px;
  padding:25px 0;
  border-bottom:1px solid #32363f
}

.privacy-facts>div:first-child {
  padding-top:0
}

.privacy-facts>div:last-child {
  border:0
}

.privacy-icon {
  color:#c5c9d1;
  margin-top:1px
}

.privacy-icon .icon {
  width:20px;
  height:20px
}

.privacy-facts h3 {
  font-size:14px;
  font-weight:500;
  color:#f7f7f5
}

.privacy-facts p {
  font-size:13px;
  line-height:1.85;
  color:#969eac;
  margin-top:8px;
  max-width:310px
}

.privacy-footnote {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #30353e;
  padding-top:19px;
  font-size:10px;
  color:#777f8e
}

.privacy-status {
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.09em;
  display:flex;
  align-items:center;
  gap:7px
}

.privacy-status .tiny-dot {
  background:var(--red)
}

.privacy-section :focus-visible {
  outline-color:var(--paper)
}

.after-heading {
  max-width:100%;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  column-gap:90px;
  align-items:end
}

.after-heading .eyebrow {
  grid-column:1/-1;
  margin-bottom:20px
}

.after-heading>p:last-child {
  font-size:14px;
  line-height:1.9;
  max-width:360px;
  padding-bottom:3px
}

.after-tools {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:38px;
  margin-top:49px
}

.after-tool {
  position:relative
}

.tool-visual {
  height:126px;
  background:#eeefed;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:22px;
  margin-bottom:24px;
  border:1px solid #e5e6e3
}

.search-visual>span:first-of-type {
  font-size:12px;
  color:#636b78;
  letter-spacing:-.02em
}

.search-visual>.icon {
  width:17px;
  height:17px;
  color:#6b7280
}

.keyboard-key {
  font-size:9px;
  font-family:var(--mono);
  background:#fff;
  border:1px solid #dfe1e4;
  border-bottom-width:2px;
  padding:2px 5px;
  color:#8a919a;
  border-radius:4px
}

.note-visual {
  align-items:center;
  justify-content:flex-start;
  padding-left:30px
}

.note-visual>.icon {
  color:#6b7280;
  width:20px;
  height:20px
}

.note-visual>div {
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  color:#5d6572
}

.note-label {
  font-family:var(--mono);
  font-size:8px;
  color:#8d939d;
  letter-spacing:.08em
}

.note-marker {
  height:21px;
  width:3px;
  flex-shrink:0;
  background:#ff2b2b85;
  border-radius:2px;
  margin-left:auto
}

.export-visual {
  gap:13px
}

.file-token {
  font-family:var(--mono);
  font-size:15px;
  letter-spacing:-.04em;
  background:#fff;
  border:1px solid #d9dce1;
  border-radius:5px;
  padding:15px 12px;
  color:#6b7280;
  box-shadow:0 2px 1px #11131803
}

.export-visual>.icon {
  margin-left:7px;
  width:19px;
  height:19px;
  color:#7d8490
}

.tool-index {
  font-family:var(--mono);
  font-size:10px;
  color:#9a9fa8;
  display:block;
  margin-bottom:8px
}

.after-tool h3 {
  font-size:16px
}

.after-tool>p {
  font-size:14px;
  line-height:1.9;
  margin-top:10px;
  max-width:310px
}

.faq-section {
  display:grid;
  grid-template-columns:.95fr 1.2fr;
  gap:95px;
  padding-block:7px 112px
}

.faq-section h2 {
  margin-top:21px;
  font-size:clamp(30px,3vw,40px)
}

.faq-brand-mark {
  margin-top:36px;
  width:48px;
  height:48px;
  border-radius:12px
}

.faq-list {
  border-top:1px solid var(--line)
}

.faq-list details {
  border-bottom:1px solid var(--line)
}

.faq-list summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:19px 0;
  font-size:14px;
  font-weight:500;
  line-height:1.6
}

summary::-webkit-details-marker {
  display:none
}

.faq-plus {
  position:relative;
  width:12px;
  height:12px;
  flex-shrink:0;
  color:#8a919e
}

.faq-plus:before,.faq-plus:after {
  content:'';
  position:absolute;
  background:currentColor;
  top:5px;
  left:0;
  width:12px;
  height:1px
}

.faq-plus:after {
  transform:rotate(90deg);
  transition:transform .18s
}

.faq-list details[open] .faq-plus:after {
  transform:rotate(0)
}

.faq-answer {
  padding:0 30px 21px 0
}

.faq-answer p {
  font-size:14px;
  line-height:1.9
}

.access-section {
  background:#eeefed;
  border-top:1px solid #e2e3e0;
  border-bottom:1px solid #e2e3e0;
  padding-block:87px
}

.access-inner {
  display:grid;
  grid-template-columns:.9fr 1.05fr;
  gap:105px;
  align-items:start
}

.access-copy h2 {
  margin-top:25px;
  font-size:clamp(33px,3.6vw,46px)
}

.access-copy>p:not(.eyebrow) {
  max-width:350px;
  font-size:13px;
  line-height:1.9;
  margin-top:23px
}

.founder-offer {
  border-top:1px solid #d4d7d6;
  margin-top:35px;
  padding-top:25px;
  max-width:350px
}

.offer-label {
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.1em;
  color:#828995
}

.offer-price {
  font-family:var(--heading);
  font-size:46px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.055em;
  margin-top:14px;
  display:flex;
  align-items:baseline;
  gap:10px
}

.offer-price>span {
  font-family:var(--body);
  font-size:13px;
  font-weight:400;
  letter-spacing:0;
  color:#6c7380
}

.founder-offer>p {
  font-size:11px;
  margin-top:6px
}

.founder-offer ul {
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  font-size:11px;
  color:#626b78
}

.founder-offer li {
  display:flex;
  align-items:center;
  gap:8px
}

.founder-offer .icon {
  width:13px;
  height:13px;
  color:#5b6370
}

.access-copy .access-requirements {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px!important;
  margin-top:29px!important;
  color:#858c97
}

.access-requirements .icon {
  height:13px;
  width:13px
}

.application-panel {
  background:#fff;
  border:1px solid #dfe1dd;
  border-radius:15px;
  padding:31px
}

.form-heading {
  margin-bottom:24px
}

.form-heading h3 {
  font-family:var(--heading);
  font-size:20px;
  letter-spacing:-.04em
}

.form-heading p {
  font-size:12px;
  line-height:1.75;
  margin-top:9px;
  max-width:330px
}

.beta-form {
  display:flex;
  flex-direction:column;
  gap:18px
}

.form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px
}

.form-field {
  min-width:0
}

.form-field label {
  display:block;
  font-size:12px;
  font-weight:500;
  line-height:1.6;
  margin-bottom:7px;
  color:#414954
}

.form-control {
  width:100%;
  min-height:43px;
  display:block;
  border:1px solid #d9dce0;
  background:#fff;
  border-radius:6px;
  padding:11px 12px;
  outline-offset:2px;
  font-size:14px;
  line-height:1.5;
  color:var(--charcoal);
  box-shadow:0 1px 2px #11131802;
  transition:border-color .15s
}

.form-control::placeholder {
  color:var(--slate);
  opacity:1
}

.form-control:hover {
  border-color:#aeb4bd
}

.form-control:focus {
  outline:2px solid var(--charcoal);
  outline-offset:1px;
  border-color:var(--charcoal)
}

textarea.form-control {
  resize:vertical;
  min-height:70px
}

select.form-control {
  cursor:pointer;
  appearance:auto;
  min-height:43px;
  line-height:1.5;
  padding-right:22px
}

.form-submit {
  width:100%;
  min-height:47px;
  margin-top:2px;
  font-size:12px;
  cursor:pointer
}

.form-note {
  font-size:9px;
  text-align:center;
  line-height:1.8;
  margin-top:-7px;
  color:var(--muted)
}

.form-privacy {
  display:flex;
  align-items:flex-start;
  gap:7px;
  border-top:1px solid #eceef0;
  padding-top:15px;
  font-size:9px;
  line-height:1.8;
  color:var(--muted)
}

.form-privacy .icon {
  width:11px;
  height:11px;
  margin-top:2px
}

.field_with_errors {
  display:contents
}

.form-control.has-error {
  border-color:#c52a33;
  background:#fffafa
}

.field-error {
  color:#af2028;
  font-size:10px;
  margin-top:5px;
  line-height:1.6
}

.form-feedback {
  font-size:12px;
  line-height:1.8;
  margin-bottom:21px;
  padding:17px;
  border-radius:7px
}

.form-feedback h3 {
  font-size:13px;
  line-height:1.5;
  margin-bottom:5px
}

.form-feedback p {
  font-size:11px;
  color:inherit
}

.form-feedback ul {
  padding-left:18px;
  margin:8px 0 0;
  font-size:11px
}

.error-feedback {
  background:#fff3f3;
  border:1px solid #efb8ba;
  color:#9c1d26
}

.success-feedback {
  background:#f1f6f2;
  border:1px solid #ceded2;
  color:#355540;
  display:flex;
  gap:10px
}

.success-feedback .icon {
  width:18px;
  height:18px;
  margin-top:2px
}

.site-footer {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:start;
  padding-block:43px 28px;
  row-gap:33px
}

.site-footer>div:first-child>p {
  margin-top:12px;
  font-size:10px;
  color:#8a919a
}

.footer-links {
  display:flex;
  align-items:center;
  gap:25px;
  padding-top:6px;
  font-size:10px;
  color:#747c89
}

.footer-links a:hover {
  color:var(--charcoal)
}

.footer-links .icon {
  width:12px;
  height:12px;
  margin-left:3px
}

.copyright {
  grid-column:1/-1;
  font-family:var(--mono);
  font-size:8px;
  color:#989ea7;
  letter-spacing:.05em
}

@media(min-width:1600px) {
  .wrap {
    width:1200px
  }
  .hero {
    padding-top:82px
  }
  .hero h1 {
    font-size:84px
  }
  .hero-description {
    font-size:18px
  }
}

@media(max-width:1050px) {
  .wrap {
    width:calc(100% - 64px)
  }
  .desktop-nav {
    margin-left:0;
    gap:24px
  }
  .conversation-section {
    gap:50px
  }
  .privacy-inner {
    gap:60px
  }
  .access-inner {
    gap:60px
  }
  .after-heading {
    gap:40px
  }
  .faq-section {
    gap:55px
  }
  .hero {
    padding-top:60px
  }
  .hero h1 {
    font-size:clamp(44px,6.1vw,65px)
  }
  .hero-description {
    font-size:15px
  }
  .product-stage {
    padding:26px 32px 30px
  }
  .feature-details {
    gap:26px
  }
  .after-tools {
    gap:26px
  }
  .note-visual {
    padding-left:20px
  }
  .tool-visual {
    gap:8px;
    padding:17px
  }
  .search-visual>span:first-of-type {
    font-size:10px
  }
  .keyboard-key {
    font-size:8px
  }
  .note-visual>div {
    font-size:10px
  }
  .application-panel {
    padding:25px
  }
  .form-row {
    grid-template-columns:1fr
  }
  .section-space {
    padding-block:90px
  }
  .conversation-section {
    padding-bottom:55px
  }
}

@media(max-width:760px) {
  .wrap {
    width:calc(100% - 40px)
  }
  .site-header {
    min-height:79px;
    gap:16px
  }
  .brand-link img {
    width:133px
  }
  .desktop-nav {
    gap:18px;
    font-size:11px
  }
  .header-cta {
    display:none
  }
  .hero {
    padding-block:54px 35px
  }
  .hero-eyebrow {
    font-size:9px;
    letter-spacing:.08em;
    margin-bottom:21px
  }
  .hero h1 {
    font-size:clamp(40px,7.3vw,55px);
    letter-spacing:-.065em
  }
  .hero-description {
    font-size:14px;
    margin-top:22px;
    max-width:460px
  }
  .hero-actions {
    margin-top:25px;
    gap:20px
  }
  .hero-actions .button {
    font-size:12px;
    gap:15px;
    padding:14px 18px;
    min-height:49px
  }
  .hero-actions .text-link {
    font-size:11px;
    gap:7px
  }
  .requirements {
    font-size:10px;
    margin-top:17px
  }
  .product-stage {
    padding:20px 21px 23px;
    border-radius:11px
  }
  .capture-corner {
    width:10px;
    height:10px
  }
  .capture-corner.top-left {
    top:9px;
    left:9px
  }
  .capture-corner.bottom-right {
    bottom:9px;
    right:9px
  }
  .window-chrome {
    height:25px;
    padding-inline:9px;
    font-size:8px
  }
  .traffic-lights {
    gap:4px
  }
  .traffic-lights i {
    height:5px;
    width:5px
  }
  .chrome-local {
    font-size:6px
  }
  .chrome-local .icon {
    height:8px;
    width:8px
  }
  .preview-label {
    font-size:8px;
    letter-spacing:.05em
  }
  .preview-toolbar {
    margin-bottom:12px
  }
  .product-figure figcaption {
    font-size:8px;
    gap:10px
  }
  .product-figure figcaption .icon {
    width:10px;
    height:10px
  }
  .principles {
    margin-top:26px;
    padding-block:17px;
    row-gap:21px;
    grid-template-columns:repeat(2,1fr)
  }
  .principles>span {
    font-size:11px;
    gap:8px
  }
  .principles>span:nth-child(2) {
    border:0
  }
  .principles .icon {
    width:16px;
    height:16px
  }
  .section-space {
    padding-block:72px
  }
  .conversation-section {
    grid-template-columns:1fr;
    gap:33px;
    padding-bottom:42px
  }
  .section-intro>p:not(.eyebrow) {
    max-width:540px
  }
  .section-intro .text-link {
    margin-top:17px
  }
  .conversation-example {
    max-width:550px;
    width:100%
  }
  .sample-turn {
    font-size:14px
  }
  .feature-details {
    gap:22px;
    padding-bottom:70px
  }
  .feature-details h3 {
    font-size:13px
  }
  .feature-details p {
    font-size:13px;
    line-height:1.85
  }
  .feature-icon {
    margin-bottom:13px
  }
  .privacy-inner {
    gap:39px 40px;
    grid-template-columns:1.1fr 1fr;
    padding-block:65px 21px
  }
  .privacy-statement h2 {
    font-size:31px
  }
  .privacy-statement>p:last-child {
    font-size:12px
  }
  .privacy-facts {
    padding-top:29px
  }
  .privacy-facts>div {
    gap:12px;
    padding-block:20px
  }
  .privacy-facts h3 {
    font-size:12px
  }
  .privacy-facts p {
    font-size:12px
  }
  .privacy-footnote {
    font-size:9px;
    gap:15px
  }
  .privacy-status {
    font-size:8px;
    letter-spacing:.03em
  }
  .after-heading {
    grid-template-columns:1fr;
    gap:21px
  }
  .after-heading .eyebrow {
    margin-bottom:0
  }
  .after-heading>p:last-child {
    max-width:450px
  }
  .after-tools {
    gap:22px;
    margin-top:34px
  }
  .tool-visual {
    height:100px;
    padding:10px;
    gap:8px
  }
  .search-visual>span:first-of-type {
    font-size:9px
  }
  .keyboard-key {
    display:none
  }
  .tool-visual>.icon {
    height:16px;
    width:16px
  }
  .note-visual>div {
    font-size:9px;
    gap:3px
  }
  .note-label {
    font-size:7px
  }
  .note-marker {
    display:none
  }
  .file-token {
    padding:10px 8px;
    font-size:12px
  }
  .export-visual>.icon {
    margin:0;
    width:15px;
    height:15px
  }
  .after-tool h3 {
    font-size:13px
  }
  .after-tool>p {
    font-size:13px
  }
  .tool-index {
    font-size:9px
  }
  .faq-section {
    grid-template-columns:1fr 1.3fr;
    gap:35px;
    padding-bottom:72px
  }
  .faq-section h2 {
    font-size:30px
  }
  .faq-list summary {
    font-size:12px;
    padding-block:17px
  }
  .faq-answer p {
    font-size:13px
  }
  .faq-answer {
    padding-right:16px
  }
  .access-section {
    padding-block:65px
  }
  .access-inner {
    gap:35px;
    grid-template-columns:.85fr 1fr
  }
  .access-copy h2 {
    font-size:32px
  }
  .access-copy>p:not(.eyebrow) {
    font-size:12px
  }
  .application-panel {
    padding:22px
  }
  .form-heading h3 {
    font-size:17px
  }
  .form-heading p {
    font-size:10px
  }
  .form-field label {
    font-size:12px
  }
  .form-control {
    font-size:14px
  }
  .beta-form {
    gap:16px
  }
  .form-note,.form-privacy {
    font-size:10px
  }
  .form-submit {
    font-size:11px;
    padding-inline:10px
  }
  .founder-offer ul {
    font-size:10px
  }
  .footer-links {
    gap:16px;
    font-size:9px
  }
  .site-footer {
    padding-top:33px
  }
}

@media(max-width:540px) {
  .desktop-nav {
    display:none
  }
  .menu-toggle {
    display:flex
  }
  .hero {
    padding-top:42px
  }
  .hero h1 {
    font-size:42px;
    line-height:1.15
  }
  .hero h1 span {
    display:inline-block;
    margin-top:3px
  }
  .hero-description {
    font-size:14px;
    line-height:1.8;
    max-width:345px
  }
  .desktop-break {
    display:none
  }
  .hero-actions {
    flex-direction:column;
    gap:18px;
    margin-top:24px
  }
  .hero-actions .button {
    font-size:13px;
    min-height:50px;
    width:auto;
    gap:23px;
    padding-inline:20px
  }
  .hero-actions .text-link {
    font-size:11px
  }
  .requirements {
    font-size:9px;
    gap:7px
  }
  .hero-eyebrow {
    font-size:8px;
    gap:8px;
    letter-spacing:.06em
  }
  .hero-eyebrow .record-dot {
    width:6px;
    height:6px
  }
  .preview-label {
    font-size:7px;
    letter-spacing:0;
    gap:6px
  }
  .appearance-switch button {
    font-size:8px;
    padding:5px 6px;
    gap:4px;
    min-height:24px
  }
  .appearance-switch .icon {
    height:11px;
    width:11px
  }
  .product-stage {
    padding:15px 12px 17px;
    border-radius:9px
  }
  .capture-corner {
    display:none
  }
  .app-window {
    border-radius:5px
  }
  .window-chrome {
    height:22px;
    font-size:7px
  }
  .chrome-local {
    visibility:hidden
  }
  .product-figure figcaption {
    align-items:flex-start;
    font-size:7px;
    gap:10px;
    line-height:1.5;
    padding-top:10px
  }
  .product-figure figcaption>span:last-child {
    max-width:170px;
    gap:4px
  }
  .product-figure figcaption .icon {
    width:9px;
    height:9px;
    flex-shrink:0
  }
  .principles {
    margin-top:22px;
    padding:21px 0;
    row-gap:18px
  }
  .principles>span {
    font-size:10px;
    justify-content:flex-start;
    padding-left:16px
  }
  .principles>span:nth-child(odd) {
    padding-left:5px
  }
  .principles .icon {
    height:15px;
    width:15px
  }
  .section-space {
    padding-block:62px
  }
  .eyebrow {
    font-size:9px;
    gap:8px;
    letter-spacing:.07em
  }
  h2 {
    font-size:34px
  }
  .conversation-section {
    gap:27px;
    padding-bottom:30px
  }
  .section-intro h2 {
    margin-top:17px
  }
  .section-intro>p:not(.eyebrow) {
    font-size:13px;
    margin-top:20px
  }
  .section-intro .text-link {
    font-size:10px;
    max-width:310px
  }
  .example-header {
    padding:15px 16px;
    font-size:9px
  }
  .example-header>span:first-child {
    font-size:10px
  }
  .sample-turn {
    padding-inline:16px;
    font-size:12px;
    margin-top:20px
  }
  .sample-speaker {
    font-size:9px
  }
  .sample-speaker time {
    font-size:8px
  }
  .sample-turn>p {
    max-width:95%
  }
  .turn-me>p {
    max-width:86%
  }
  .example-footer {
    padding:11px 16px;
    font-size:8px;
    margin-top:21px;
    gap:4px
  }
  .example-footer>span {
    font-size:7px;
    gap:4px
  }
  .example-footer .icon {
    width:10px;
    height:10px
  }
  .feature-details {
    grid-template-columns:1fr;
    gap:0;
    padding-bottom:57px
  }
  .feature-details article {
    padding-block:24px;
    position:relative;
    padding-left:40px
  }
  .feature-icon {
    position:absolute;
    left:0;
    top:25px
  }
  .feature-icon .icon {
    height:21px;
    width:21px
  }
  .feature-details h3 {
    font-size:14px
  }
  .feature-details p {
    font-size:13px;
    max-width:none;
    margin-top:9px
  }
  .feature-details article:last-child {
    padding-bottom:0
  }
  .privacy-inner {
    grid-template-columns:1fr;
    padding-top:56px;
    gap:30px
  }
  .privacy-statement h2 {
    font-size:35px;
    line-height:1.25;
    margin-top:23px
  }
  .privacy-statement>p:last-child {
    font-size:12px;
    max-width:320px;
    margin-top:23px
  }
  .privacy-facts {
    padding:0
  }
  .privacy-facts>div {
    gap:17px;
    padding-block:20px
  }
  .privacy-facts h3 {
    font-size:13px
  }
  .privacy-facts p {
    font-size:13px;
    max-width:none
  }
  .privacy-icon .icon {
    width:20px;
    height:20px
  }
  .privacy-footnote {
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding-top:17px;
    font-size:9px
  }
  .privacy-status {
    font-size:8px
  }
  .after-heading {
    gap:18px
  }
  .after-heading>p:last-child {
    font-size:13px
  }
  .after-tools {
    grid-template-columns:1fr;
    gap:35px;
    margin-top:30px
  }
  .tool-visual {
    height:115px;
    margin-bottom:19px;
    gap:13px
  }
  .search-visual>span:first-of-type {
    font-size:14px
  }
  .keyboard-key {
    display:inline-block;
    font-size:10px;
    padding:3px 6px
  }
  .search-visual>.icon {
    height:20px;
    width:20px
  }
  .note-visual {
    padding-left:40px
  }
  .note-visual>.icon {
    height:24px;
    width:24px
  }
  .note-visual>div {
    font-size:14px;
    gap:6px
  }
  .note-label {
    font-size:9px
  }
  .note-marker {
    display:block;
    margin-right:30px
  }
  .file-token {
    font-size:17px;
    padding:15px 13px
  }
  .export-visual {
    gap:18px
  }
  .export-visual>.icon {
    height:20px;
    width:20px;
    margin-left:8px
  }
  .tool-index {
    font-size:9px;
    margin-bottom:7px
  }
  .after-tool h3 {
    font-size:16px
  }
  .after-tool>p {
    font-size:14px;
    max-width:none;
    margin-top:9px
  }
  .faq-section {
    grid-template-columns:1fr;
    gap:27px;
    padding-top:0;
    padding-bottom:59px
  }
  .faq-section h2 {
    font-size:34px
  }
  .faq-brand-mark {
    display:none
  }
  .faq-list summary {
    font-size:13px;
    padding-block:18px
  }
  .faq-answer p {
    font-size:14px
  }
  .access-section {
    padding-block:55px
  }
  .access-inner {
    grid-template-columns:1fr;
    gap:33px
  }
  .access-copy h2 {
    font-size:38px;
    margin-top:21px
  }
  .access-copy>p:not(.eyebrow) {
    font-size:13px;
    margin-top:19px;
    max-width:none
  }
  .founder-offer {
    margin-top:26px;
    padding-top:21px;
    max-width:none
  }
  .offer-label {
    font-size:9px
  }
  .offer-price {
    font-size:45px;
    margin-top:11px
  }
  .founder-offer ul {
    font-size:11px;
    gap:10px;
    margin-top:19px
  }
  .access-copy .access-requirements {
    margin-top:21px!important
  }
  .application-panel {
    padding:24px 20px;
    border-radius:11px
  }
  .form-heading {
    margin-bottom:23px
  }
  .form-heading h3 {
    font-size:20px
  }
  .form-heading p {
    font-size:12px
  }
  .form-row {
    grid-template-columns:1fr;
    gap:18px
  }
  .form-field label {
    font-size:12px
  }
  .form-control {
    font-size:16px;
    min-height:48px;
    padding:12px
  }
  .form-control::placeholder {
    font-size:12px
  }
  .beta-form {
    gap:19px
  }
  select.form-control {
    min-height:48px
  }
  .form-submit {
    font-size:12px;
    min-height:48px
  }
  .form-note {
    font-size:10px
  }
  .form-privacy {
    font-size:9px
  }
  .field-error {
    font-size:11px
  }
  .site-footer {
    grid-template-columns:1fr;
    gap:25px;
    padding-block:32px 24px
  }
  .site-footer>div:first-child>p {
    font-size:11px
  }
  .footer-links {
    font-size:10px;
    justify-content:space-between;
    gap:14px
  }
  .copyright {
    margin-top:7px;
    font-size:8px
  }
}

@media(max-width:360px) {
  .wrap {
    width:calc(100% - 32px)
  }
  .hero h1 {
    font-size:37px
  }
  .hero-eyebrow {
    font-size:7px
  }
  .hero-description {
    font-size:13px
  }
  .preview-label {
    font-size:6px
  }
  .preview-toolbar {
    gap:5px
  }
  .privacy-statement h2 {
    font-size:32px
  }
  .application-panel {
    padding:21px 16px
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important
  }
  .button-primary:hover {
    transform:none
  }
}

@media(min-width:541px) {
  .mobile-nav {
    display:none
  }
}