:root {
  --ink: #171717;
  --paper: #f5f1e8;
  --paper-deep: #e9e1d3;
  --white: #fffdf8;
  --coral: #ff684f;
  --blue: #4867ff;
  --acid: #c9ff5f;
  --pink: #f2b5d4;
  --muted: #6c6963;
  --line: rgba(23, 23, 23, 0.16);
  --radius: 22px;
  --shadow: 0 22px 60px rgba(25, 20, 12, 0.12);
  --sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --serif: Iowan Old Style, Baskerville, "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; }
button, input { font: inherit; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }

.skip-link {
  position: fixed;
  left: 16px;
  top: -60px;
  z-index: 1000;
  background: var(--ink);
  color: white;
  padding: 12px 18px;
  border-radius: 8px;
}
.skip-link:focus { top: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.form-honeypot { position: absolute; left: -9999px; }

.section-shell { width: min(1280px, calc(100% - 48px)); margin: 0 auto; }
.section-number { display: block; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.16em; margin-bottom: 24px; }
.section-heading { display: grid; grid-template-columns: 0.45fr 1fr; align-items: start; gap: 30px; }
.section-heading h2, .faq-heading h2 {
  margin: 0;
  font-size: clamp(2.5rem, 5.5vw, 5rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
  font-weight: 600;
  max-width: 900px;
}
.section-heading > p { grid-column: 2; max-width: 650px; font-size: 1.2rem; line-height: 1.55; color: #aaa69f; }
.reveal { opacity: 1; transform: none; transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.8,.2,1); }
.reveal.will-reveal { opacity: 0; transform: translateY(24px); }
.reveal.will-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .reveal, .reveal.will-reveal { opacity: 1; transform: none; }
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  min-height: 78px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
  padding: 12px max(24px, calc((100vw - 1280px) / 2));
  background: rgba(245, 241, 232, 0.9);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid transparent;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.site-header.is-scrolled { border-color: var(--line); box-shadow: 0 6px 30px rgba(0,0,0,.03); }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 1.35rem; font-weight: 800; letter-spacing: -0.05em; width: fit-content; }
.brand-mark { display: inline-grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; color: var(--ink); background: var(--acid); font-family: var(--serif); font-size: 1.5rem; font-style: italic; }
.brand-logo { width: 43px; height: 31px; object-fit: contain; flex: 0 0 auto; }
.footer-brand .brand-logo { filter: invert(1); }
.core-logo { width: 72px; height: 46px; object-fit: contain; filter: invert(1); mix-blend-mode: screen; margin-bottom: 4px; }
.site-nav { display: flex; gap: 28px; align-items: center; }
.site-nav a { text-decoration: none; font-size: .89rem; font-weight: 650; position: relative; }
.site-nav a::after { content: ""; position: absolute; height: 1px; left: 0; right: 100%; bottom: -5px; background: currentColor; transition: right 180ms ease; }
.site-nav a:hover::after, .site-nav a:focus-visible::after { right: 0; }
.header-cta { justify-self: end; }
.menu-button { display: none; border: 0; background: none; padding: 8px; }
.menu-button span { display: block; width: 24px; height: 2px; background: var(--ink); margin: 6px 0; transition: transform 200ms ease; }

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  padding: 16px 23px;
  background: var(--ink);
  color: white;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 9px 0 rgba(23,23,23,.12); }
.button:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.button-small { font-size: .86rem; padding: 11px 18px; }
.button-dark { background: var(--paper); color: var(--ink); border-color: var(--paper); }

.hero {
  min-height: 780px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  align-items: center;
  gap: clamp(40px, 6vw, 90px);
  padding-top: 65px;
  padding-bottom: 110px;
}
.eyebrow { display: flex; align-items: center; gap: 9px; font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; margin-bottom: 30px; }
.eyebrow.dark { color: white; }
.live-dot { width: 9px; height: 9px; background: var(--coral); border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,104,79,.18); animation: breathe 2s infinite; }
@keyframes breathe { 50% { box-shadow: 0 0 0 9px rgba(255,104,79,.05); } }
.hero h1 { margin: 0; font-size: clamp(3rem, 4.8vw, 4.8rem); line-height: .97; letter-spacing: -.057em; font-weight: 570; max-width: 720px; }
[data-behavior-spelling] { color: inherit; }
.hero-line { display: block; white-space: nowrap; }
.hero-value {
  color: var(--ink);
  padding: 0 .045em;
  background: linear-gradient(transparent 57%, rgba(201,255,95,.82) 57% 91%, transparent 91%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.hero-lede { font-size: clamp(1.1rem, 1.6vw, 1.32rem); line-height: 1.55; max-width: 680px; margin: 32px 0 27px; color: #4d4a45; }
.email-form { display: flex; flex-wrap: wrap; width: 100%; max-width: 580px; gap: 10px; }
.email-form input { min-width: 0; flex: 1; border: 1px solid rgba(23,23,23,.3); background: var(--white); border-radius: 999px; padding: 16px 22px; color: var(--ink); }
.email-form input::placeholder { color: #8d8981; }
.email-form input[aria-invalid="true"] { border-color: #c53220; box-shadow: 0 0 0 3px rgba(197,50,32,.12); }
.form-error { flex-basis: 100%; order: 3; margin: 0 0 0 20px; color: #a3291a; font-size: .78rem; font-weight: 700; line-height: 1.4; text-align: left; }
.inline-thanks { width: 100%; text-align: left; outline: none; }
.inline-thanks h2 { margin: 0; font-size: clamp(3rem, 7vw, 6.5rem); line-height: .9; letter-spacing: -.06em; font-weight: 580; }
.inline-thanks p { margin: 22px 0 0; font-size: 1.12rem; line-height: 1.5; }
.final-cta .inline-thanks { text-align: center; }
.final-cta .inline-thanks p { margin-inline: auto; color: #d9deff; }
.button:disabled { cursor: wait; opacity: .7; transform: none; box-shadow: none; }
.final-form .form-error { color: #5e1209; }
.form-note { color: #514f4a; font-size: .79rem; margin: 12px 0 0 20px; }

.decision-demo { background: #202020; color: white; border: 1px solid #363636; border-radius: 22px; box-shadow: 0 34px 75px rgba(20,17,12,.26); overflow: hidden; transform: rotate(1.1deg); }
.decision-demo.is-visible { transform: rotate(1.1deg); }
.demo-topbar { height: 38px; display: flex; align-items: center; padding: 0 17px; border-bottom: 1px solid #363636; }
.traffic-lights { display: flex; gap: 6px; }
.traffic-lights i { width: 8px; height: 8px; background: #555; border-radius: 50%; }
.traffic-lights i:nth-child(1) { background: var(--coral); }.traffic-lights i:nth-child(2) { background: #f9c850; }.traffic-lights i:nth-child(3) { background: var(--acid); }
.demo-tabs { display: flex; padding: 15px 17px 0; gap: 7px; }
.demo-tab { border: 1px solid #3d3d3d; background: transparent; color: #a8a8a8; padding: 7px 12px; border-radius: 99px; font-size: .68rem; cursor: pointer; }
.demo-tab.is-active { color: var(--ink); background: var(--acid); border-color: var(--acid); }
.customer-panel { padding: 14px 17px 19px; transition: opacity 180ms ease, transform 180ms ease; }
.customer-panel.is-changing { opacity: .2; transform: translateY(5px); }
.customer-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; margin-bottom: 13px; }
.avatar { display: grid; place-items: center; width: 38px; height: 38px; background: var(--pink); color: var(--ink); border-radius: 12px; font-size: .68rem; font-weight: 850; }
.customer-head strong, .customer-head small { display: block; }.customer-head strong { font-size: .88rem; }.customer-head small { color: #919191; font-size: .66rem; margin-top: 3px; }
.profile-score { color: var(--acid); font-size: .63rem; font-weight: 700; }
.signal-list { border: 1px solid #3a3a3a; border-radius: 13px; overflow: hidden; background: #262626; }
.signal-list > div { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 7px; padding: 9px 11px; border-bottom: 1px solid #363636; }
.signal-list > div:last-child { border: 0; }.signal-list p { margin: 0; font-size: .67rem; color: #bababa; }.signal-list strong { color: white; }.signal-list time { color: #737373; font-size: .6rem; }
.signal-icon { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 6px; color: var(--ink); font-size: 8px; }.signal-view { background: var(--blue); color: white; }.signal-email { background: var(--coral); }.signal-order { background: var(--acid); }
.decision-card { background: #2d2a23; border: 1px solid #4c4535; margin: 11px 0; border-radius: 13px; padding: 11px 12px; }
.decision-label { display: flex; justify-content: space-between; color: #a9a28f; font-size: .6rem; text-transform: uppercase; letter-spacing: .09em; }.decision-card > p { margin: 9px 0 7px; font-size: .73rem; line-height: 1.45; color: #d9d6ce; }.decision-card > p strong { color: white; }
.reason-button { display: flex; width: 100%; justify-content: space-between; align-items: center; background: none; color: var(--acid); border: 0; padding: 4px 0 0; font-size: .63rem; cursor: pointer; }.reason-button span { font-size: 1rem; transition: transform 200ms ease; }.reason-button[aria-expanded="true"] span { transform: rotate(45deg); }
.reason-detail { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 220ms ease; }.reason-detail p { overflow: hidden; margin: 0; color: #aaa390; font-size: .62rem; line-height: 1.45; }.reason-detail.is-open { grid-template-rows: 1fr; }.reason-detail.is-open p { padding-top: 8px; }
.message-preview { position: relative; background: var(--white); color: var(--ink); padding: 12px 13px; border-radius: 13px; }
.message-preview > div { display: flex; justify-content: space-between; color: #77736c; font-size: .56rem; }.message-channel { color: var(--blue); font-weight: 850; letter-spacing: .1em; }.message-subject { font-weight: 800; font-size: .78rem !important; margin: 11px 0 5px !important; }.message-preview p { margin: 0 0 9px; color: #514f4b; font-size: .66rem; line-height: 1.45; }.message-cta { display: inline-flex; border-bottom: 1px solid var(--ink); font-size: .64rem; font-weight: 800; }
.demo-caption { display: flex; justify-content: space-between; padding: 0 17px 12px; font-size: .54rem; color: #707070; }

.problem-section { padding-top: 105px; padding-bottom: 120px; }
.problem-section .section-heading h2 { max-width: 780px; font-size: clamp(2.2rem, 4vw, 4rem); }
.problem-title span { display: block; white-space: nowrap; }
.problem-section .section-heading > p { max-width: 760px; font-size: 1.05rem; line-height: 1.55; }
.problem-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 24px; margin-top: 48px; }
.flow-card { min-height: 0; border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; display: flex; flex-direction: column; overflow: hidden; }
.flow-card h3 { min-height: 1.96em; font-size: clamp(2.2rem, 3vw, 3.1rem); line-height: .98; letter-spacing: -.045em; margin: 12px 0 0; font-weight: 600; }
.card-kicker { display: grid; place-items: center; width: 174px; min-height: 31px; box-sizing: border-box; border: 1px solid currentColor; padding: 7px 11px; border-radius: 999px; text-align: center; text-transform: uppercase; font-size: .58rem; line-height: 1; letter-spacing: .1em; font-weight: 800; }
.old-flow { background: #e9e3d8; }.new-flow { background: var(--blue); color: white; }
.flow-diagram { flex: 1; min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.flow-node, .split-nodes span { background: var(--white); border: 1px solid rgba(23,23,23,.2); padding: 10px 14px; min-width: 110px; text-align: center; border-radius: 7px; font-size: .72rem; box-shadow: 0 5px 12px rgba(0,0,0,.06); }
.flow-diagram > i { height: 35px; border-left: 1px solid #918c84; }.split-nodes { display: flex; gap: 64px; }.split-nodes.three { gap: 16px; }.split-nodes.three span { min-width: 90px; background: #d9d2c6; }
.split-lines { display: flex; width: 230px; justify-content: space-around; position: relative; }.split-lines::before { content: ""; position: absolute; top: 0; left: 20px; right: 20px; border-top: 1px solid #918c84; }.split-lines i { height: 35px; border-left: 1px solid #918c84; }
.plain-list { list-style: none; padding: 0; margin: auto 0 0; border-top: 1px solid currentColor; }.plain-list li { position: relative; border-bottom: 1px solid currentColor; padding: 14px 10px 14px 32px; font-size: .86rem; line-height: 1.35; opacity: .9; }.plain-list li::before { content: "×"; position: absolute; left: 6px; top: 12px; color: #d63d28; font-size: 1.15rem; font-weight: 950; }.old-flow .plain-list li { background: linear-gradient(90deg,rgba(255,104,79,.12),transparent 72%); }.new-flow .plain-list li::before { content: "✓"; color: var(--acid); }.new-flow .plain-list li { background: linear-gradient(90deg,rgba(201,255,95,.1),transparent 72%); }
.loop-visual { flex: 1; min-height: 330px; position: relative; display: grid; place-items: center; }
.loop-ring { position: absolute; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; }.ring-one { width: 240px; height: 240px; animation: spin 15s linear infinite; border-style: dashed; }.ring-two { width: 150px; height: 150px; border-color: var(--acid); animation: spin 8s linear reverse infinite; }.loop-core { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: var(--acid); color: var(--ink); font-weight: 800; z-index: 2; }
.loop-label { position: absolute; padding: 6px 9px; border-radius: 99px; border: 1px solid rgba(255,255,255,.5); background: var(--blue); font-size: .64rem; }.l1 { top: 12%; }.l2 { right: 10%; }.l3 { bottom: 12%; }.l4 { left: 9%; }
@keyframes spin { to { transform: rotate(360deg); } }

.how-section { background: var(--ink); color: white; padding: 140px 0; }
.section-heading.light > p { color: #a6a6a6; }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #3c3c3c; border: 1px solid #3c3c3c; margin-top: 80px; }
.step-card { position: relative; background: var(--ink); min-height: 500px; padding: 28px; display: flex; flex-direction: column; }
.step-index { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #5b5b5b; border-radius: 50%; font-size: .68rem; color: #aaa; }
.step-card h3 { font-size: 1.45rem; line-height: 1.08; letter-spacing: -.03em; margin: 24px 0 12px; }.step-card p { margin: 0; color: #aaa; line-height: 1.55; font-size: .9rem; }
.mini-visual { position: relative; flex: 1; min-height: 210px; }
.signal-cloud i { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--coral); animation: float 3s ease-in-out infinite; }.signal-cloud i:nth-child(1){left:12%;top:35%}.signal-cloud i:nth-child(2){left:77%;top:20%;background:var(--acid);animation-delay:-1s}.signal-cloud i:nth-child(3){left:67%;top:72%;background:var(--pink);animation-delay:-2s}.signal-cloud i:nth-child(4){left:25%;top:78%;background:var(--blue);animation-delay:-.5s}.signal-cloud b { position:absolute; left:50%;top:52%;transform:translate(-50%,-50%);font-size:.68rem;border:1px solid #555;padding:10px 13px;border-radius:99px;white-space:nowrap; }
@keyframes float { 50% { transform: translateY(-12px); } }
.choice-visual { display:grid; grid-template-columns:1fr 1fr;gap:8px;align-content:center; }.choice-visual span { border:1px solid #555;padding:15px 6px;text-align:center;border-radius:9px;color:#777;font-size:.69rem; }.choice-visual .chosen{background:var(--acid);border-color:var(--acid);color:var(--ink);transform:scale(1.05);box-shadow:0 0 30px rgba(201,255,95,.25)}
.write-visual { display:flex;flex-direction:column;justify-content:center;gap:10px;padding:25px; }.write-visual span {height:8px;background:#444;border-radius:5px;overflow:hidden;}.write-visual span::after{content:"";display:block;height:100%;width:70%;background:var(--pink);animation:type 2.4s ease-in-out infinite}.write-visual span:nth-child(2){width:85%}.write-visual span:nth-child(2)::after{width:45%;background:var(--blue);animation-delay:-.6s}.write-visual span:nth-child(3){width:60%}.write-visual span:nth-child(3)::after{width:85%;background:var(--acid);animation-delay:-1.2s}.write-visual i{position:absolute;right:26px;bottom:42px;width:24px;height:24px;border-right:2px solid var(--coral);transform:rotate(16deg)}
@keyframes type { 50% { width: 100%; } }
.chart-visual{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding:45px 22px 38px}.chart-visual i{width:20%;height:var(--h);background:#444;border-radius:5px 5px 0 0}.chart-visual i:last-of-type{background:var(--acid)}.chart-visual b{position:absolute;right:8%;top:22%;font-size:.8rem;color:var(--acid)}

.control-section { display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,7vw,110px);align-items:center;padding-bottom:160px}.control-window{display:grid;grid-template-columns:55px 1fr;background:#fdfbf6;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.control-sidebar{background:var(--ink);display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px 0}.tiny-brand{display:grid;place-items:center;width:26px;height:26px;background:var(--acid);color:var(--ink);border-radius:50%;font-family:var(--serif);font-weight:900}.control-sidebar i{width:18px;height:18px;border:1px solid #555;border-radius:5px}.control-sidebar i.is-active{background:var(--blue);border-color:var(--blue)}.control-main{padding:25px;min-width:0}.control-title{display:flex;justify-content:space-between;align-items:flex-start}.control-title span{font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.control-title h3{margin:5px 0 20px;font-size:1.25rem}.running-pill{background:#e8f5ce;color:#3c5813!important;padding:7px 9px;border-radius:99px;letter-spacing:0!important}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden}.metric-grid>div{padding:13px;border-right:1px solid var(--line)}.metric-grid>div:last-child{border:0}.metric-grid small,.metric-grid strong,.metric-grid span{display:block}.metric-grid small{font-size:.55rem;color:var(--muted);min-height:26px}.metric-grid strong{font-size:1.35rem;margin:4px 0}.metric-grid span{font-size:.54rem;color:var(--muted)}.metric-grid .up{color:#427016}.experiment-chart{margin-top:20px}.chart-label{display:flex;justify-content:space-between;font-size:.55rem;color:var(--muted)}.chart-label div{display:flex;align-items:center;gap:5px}.chart-label i{width:13px;border-top:2px solid var(--blue);margin-left:8px}.chart-label .line-b{border-color:#aaa}.experiment-chart svg{margin-top:15px;overflow:visible}.grid-lines line{stroke:#e5e0d7;stroke-width:1}.control-line{fill:none;stroke:#aaa;stroke-width:3}.each-line{fill:none;stroke:var(--blue);stroke-width:4}.each-area{fill:url(#none);fill:rgba(72,103,255,.06)}
.control-copy h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:0 0 27px;font-weight:600}.control-copy>p{font-size:1.05rem;line-height:1.6;color:var(--muted)}.check-list{list-style:none;padding:0;margin:30px 0 0}.check-list li{position:relative;padding:14px 0 14px 34px;border-top:1px solid var(--line);font-weight:700;font-size:.85rem}.check-list li::before{content:"✓";position:absolute;left:0;display:grid;place-items:center;width:20px;height:20px;background:var(--acid);border-radius:50%;font-size:.65rem}

.integrations-section{background:var(--pink);padding:105px 0 110px}.integrations-inner>.section-heading>p{color:#594a51}.integration-map{margin-top:48px;display:grid;grid-template-columns:1fr .65fr .75fr .65fr 1fr;align-items:center;min-height:420px}.integration-column{display:grid;gap:9px}.map-label{text-transform:uppercase;letter-spacing:.13em;font-weight:850;font-size:.62rem;margin:0 0 10px 8px}.tool-pill{position:relative;display:flex;align-items:center;gap:12px;background:rgba(255,253,248,.75);border:1px solid rgba(23,23,23,.15);border-radius:11px;padding:12px 13px;font-size:.75rem;box-shadow:0 7px 18px rgba(62,40,52,.06)}.tool-pill b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--white);font-size:.7rem}.map-lines{display:flex;flex-direction:column;justify-content:center;height:340px}.map-lines i{display:block;height:16.666%;border-bottom:1px solid rgba(23,23,23,.2)}.left-lines i{transform:skewY(20deg);transform-origin:right}.right-lines i{transform:skewY(-20deg);transform-origin:left}.each-core{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:var(--ink);color:white;z-index:2}.each-core>span{font-family:var(--serif);font-size:3rem;font-style:italic;color:var(--acid)}.each-core strong{font-size:1rem}.each-core small{font-size:.52rem;color:#999}.core-pulse{position:absolute;inset:-15px;border:1px solid rgba(23,23,23,.35);border-radius:50%;animation:pulse 2.5s ease-out infinite}@keyframes pulse{to{inset:-45px;opacity:0}}.integration-note{text-align:center;font-size:.7rem;color:#624c58;margin:18px 0 0}

.safety-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,130px);align-items:center;padding-top:150px;padding-bottom:160px}.safety-art{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.safe-orbit{position:absolute;border:1px solid rgba(23,23,23,.2);border-radius:50%}.o1{width:85%;height:85%;border-style:dashed;animation:spin 24s linear infinite}.o2{width:62%;height:62%}.o3{width:40%;height:40%;border-color:var(--blue);animation:spin 10s linear reverse infinite}.safe-center{width:28%;height:28%;border-radius:50%;background:var(--ink);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center}.safe-center span{font-size:.6rem;color:#aaa}.safe-center strong{font-size:.78rem;color:var(--acid)}.safe-tag{position:absolute;background:var(--white);border:1px solid var(--line);border-radius:99px;padding:8px 11px;font-size:.6rem;font-weight:750;box-shadow:0 6px 15px rgba(0,0,0,.07)}.t1{top:12%;left:36%}.t2{top:48%;right:3%}.t3{bottom:10%;left:34%}.t4{top:49%;left:2%}.safety-copy h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;margin:0 0 25px;font-weight:600}.safety-copy>p{color:var(--muted);font-size:1.1rem;line-height:1.6}.safety-points{margin-top:32px}.safety-points>div{display:grid;grid-template-columns:.35fr 1fr;gap:20px;border-top:1px solid var(--line);padding:17px 0}.safety-points strong{font-size:.8rem}.safety-points span{font-size:.78rem;color:var(--muted);line-height:1.5}

.journal-preview{padding-top:160px;padding-bottom:160px}.journal-preview .section-heading{align-items:end}.journal-preview .section-heading .text-link{grid-column:1;align-self:end}.text-link{text-decoration:none;font-weight:800;font-size:.8rem;border-bottom:1px solid var(--ink);padding-bottom:4px;width:fit-content}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.article-card{min-height:520px;border-radius:18px;border:1px solid var(--line);padding:25px;text-decoration:none;display:flex;flex-direction:column;transition:transform 200ms ease,box-shadow 200ms ease}.article-card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:var(--shadow)}.article-card>span{font-size:.6rem;letter-spacing:.14em;font-weight:850}.article-card h3{font-size:2rem;line-height:1.03;letter-spacing:-.04em;margin:25px 0 12px}.article-card p{font-size:.84rem;line-height:1.55;margin:0}.article-card small{font-weight:800;font-size:.67rem;margin-top:auto}.article-card.coral{background:var(--coral)}.article-card.blue{background:var(--blue);color:white}.article-card.acid{background:var(--acid)}.article-art{height:190px;position:relative;overflow:hidden;margin:25px -8px 0}.art-rings{display:grid;place-items:center}.art-rings i{position:absolute;border:2px solid var(--ink);border-radius:50%;width:165px;height:165px}.art-rings i:nth-child(2){width:105px;height:105px;background:var(--paper)}.art-rings i:nth-child(3){width:45px;height:45px;background:var(--ink)}.art-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px}.art-boxes i{border:1px solid rgba(255,255,255,.7);border-radius:10px}.art-boxes i:nth-child(2),.art-boxes i:nth-child(3){background:var(--acid)}.art-lines{display:flex;align-items:center;justify-content:center;gap:12px}.art-lines i{height:75%;width:2px;background:var(--ink);transform:rotate(20deg)}.art-lines i:nth-child(even){height:45%;transform:rotate(-20deg)}

.faq-section{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(50px,8vw,120px);padding-bottom:160px}.faq-heading{position:sticky;top:130px;align-self:start}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-weight:750;line-height:1.35}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.4rem;font-weight:400;transition:transform 200ms ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:-5px 45px 25px 0}

.final-cta{position:relative;background:var(--blue);color:white;min-height:650px;display:grid;place-items:center;overflow:hidden;padding:90px 24px}.cta-pattern{position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 52px,rgba(255,255,255,.13) 54px 56px);animation:drift 9s ease-in-out infinite alternate}@keyframes drift{to{transform:translateY(-40px) scale(1.05)}}.final-cta-inner{position:relative;z-index:2;text-align:center;max-width:880px}.final-cta h2{font-size:clamp(3.3rem,7vw,7rem);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:580}.final-cta p{font-size:1.08rem;line-height:1.55;max-width:620px;margin:28px auto;color:#d9deff}.final-form{margin:30px auto 0;background:white;padding:6px;border-radius:999px}.final-form input{border:0;background:transparent}.cta-smallprint{display:flex;justify-content:center;gap:28px;margin-top:21px;font-size:.67rem;color:#d7dcff}.cta-smallprint span::before{content:"✓";margin-right:6px;color:var(--acid)}

.site-footer{background:var(--ink);color:white;padding:75px 0 24px;overflow:hidden}.footer-top,.footer-bottom{width:min(1280px,calc(100% - 48px));margin:0 auto}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.footer-brand .brand-mark{color:var(--ink)}.footer-identity p{max-width:310px;margin:12px 0 0;color:#a8a8a8;line-height:1.5}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:13px;justify-self:end;min-width:260px}.footer-top nav a{text-decoration:none;font-size:.8rem}.footer-flicker{display:grid;grid-template-columns:repeat(12,1fr);height:130px;margin:80px -2vw 30px;transform:rotate(-2deg) scale(1.08)}.footer-flicker span{background:var(--c);animation:flicker 4s steps(1) infinite;animation-delay:calc(var(--i,1)*-.4s)}.footer-flicker span:nth-child(2n){clip-path:polygon(0 12%,100% 0,87% 100%,14% 88%);animation-delay:-1s}.footer-flicker span:nth-child(3n){clip-path:circle(42%);animation-delay:-2.2s}@keyframes flicker{0%,90%,100%{filter:brightness(1)}93%{filter:brightness(2);transform:translateY(-8px)}96%{filter:brightness(.6);transform:none}}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #3a3a3a;padding-top:20px;color:#777;font-size:.64rem}

/* Journal and article pages */
.page-main{min-height:70vh}.page-hero{padding-top:100px;padding-bottom:100px}.page-hero h1{font-size:clamp(4rem,9vw,9rem);line-height:.86;letter-spacing:-.075em;margin:0;font-weight:580}.page-hero p{font-size:1.2rem;line-height:1.6;color:var(--muted);max-width:720px;margin:32px 0 0}.journal-list{padding-bottom:140px}.journal-row{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);padding:32px 0;text-decoration:none}.journal-row:last-child{border-bottom:1px solid var(--line)}.journal-row>span{font-size:.62rem;letter-spacing:.12em;font-weight:850}.journal-row h2{font-size:clamp(1.8rem,4vw,3.8rem);line-height:1;letter-spacing:-.045em;margin:0;font-weight:600}.journal-row p{margin:10px 0 0;color:var(--muted);font-size:.85rem}.journal-row>i{font-style:normal;font-size:1.5rem;width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background 180ms ease,color 180ms ease}.journal-row:hover>i{background:var(--ink);color:white}.article-hero{padding:100px 0 75px;border-bottom:1px solid var(--line)}.article-hero-inner{width:min(980px,calc(100% - 48px));margin:0 auto}.article-meta{display:flex;justify-content:space-between;font-size:.67rem;letter-spacing:.1em;font-weight:850;text-transform:uppercase;margin-bottom:45px}.article-hero h1{font-size:clamp(3.4rem,8vw,7.5rem);line-height:.9;letter-spacing:-.067em;font-weight:570;margin:0}.article-deck{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55;color:var(--muted);max-width:780px;margin:32px 0 0}.article-body{width:min(760px,calc(100% - 48px));margin:80px auto 130px}.article-body h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.045em;margin:75px 0 22px}.article-body h3{font-size:1.25rem;margin:42px 0 12px}.article-body p,.article-body li{font-family:var(--serif);font-size:1.13rem;line-height:1.75;color:#3f3d39}.article-body strong{color:var(--ink)}.article-body ul,.article-body ol{padding-left:24px}.article-body li{padding-left:7px;margin:8px 0}.article-callout{margin:45px -55px;padding:36px 42px;background:var(--acid);border-radius:16px}.article-callout p{font-family:var(--sans);font-size:1.3rem;line-height:1.4;color:var(--ink);margin:0;font-weight:700}.article-table{width:calc(100% + 110px);margin:40px -55px;border-collapse:collapse;font-size:.78rem}.article-table th,.article-table td{text-align:left;vertical-align:top;padding:16px;border:1px solid var(--line);line-height:1.5}.article-table th{background:#eae4da}.article-note{border-left:4px solid var(--blue);padding-left:20px;color:var(--muted)!important;font-style:italic}.article-next{background:var(--coral);padding:80px 24px}.article-next-inner{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:.5fr 1fr;gap:40px}.article-next span{font-size:.68rem;letter-spacing:.1em;font-weight:850}.article-next a{text-decoration:none}.article-next h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;margin:0}.privacy-body{width:min(760px,calc(100% - 48px));margin:70px auto 130px}.privacy-body h2{margin-top:45px}.privacy-body p,.privacy-body li{line-height:1.7;color:var(--muted)}
.thanks-main{min-height:80vh;display:grid;place-items:center;padding:80px 24px;text-align:center}.thanks-main .brand-mark{margin:0 auto 30px}.thanks-main h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:-.065em;margin:0}.thanks-main p{font-size:1.1rem;line-height:1.6;color:var(--muted);max-width:620px;margin:25px auto}.thanks-main .button{margin-top:12px}
.thanks-logo { display: block; width: 130px; height: 84px; object-fit: contain; mix-blend-mode: multiply; margin: 0 auto 30px; }

@media (max-width: 980px) {
  .site-header{grid-template-columns:1fr auto auto;padding-inline:24px;gap:12px}.site-nav{position:fixed;inset:78px 0 0;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start;padding:45px 24px;gap:25px;transform:translateX(100%);transition:transform 250ms ease}.site-nav.is-open{transform:none}.site-nav a{font-size:1.8rem}.header-cta{display:inline-flex;grid-column:2;grid-row:1;margin-right:2px;padding:10px 14px;font-size:.72rem}.menu-button{display:block;grid-column:3;grid-row:1}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:800px}.decision-demo{width:min(600px,100%);margin:auto}.problem-grid{grid-template-columns:1fr}.flow-card{min-height:0}.steps-grid{grid-template-columns:1fr 1fr}.control-section{grid-template-columns:1fr}.control-window{order:2}.control-copy{max-width:700px}.safety-section{grid-template-columns:1fr}.safety-art{max-width:650px;margin:auto}.journal-preview{padding-top:100px;padding-bottom:100px}.article-grid{grid-template-columns:1fr 1fr}.article-card:last-child{grid-column:1/-1}.faq-section{grid-template-columns:1fr}.faq-heading{position:static}.footer-top{grid-template-columns:1fr 1fr}.footer-top nav{grid-column:2;grid-row:1}.section-heading{grid-template-columns:.35fr 1fr}
}

@media (max-width: 680px) {
  .section-shell{width:min(100% - 28px,1280px)}.site-header{min-height:68px;padding-inline:14px;gap:8px}.site-nav{inset:68px 0 0}.header-cta{padding:9px 12px;font-size:.66rem}.hero{min-height:auto;padding-top:45px;padding-bottom:75px}.hero h1{font-size:clamp(3.2rem,15vw,5.3rem)}.hero-lede{font-size:1.02rem}.email-form{flex-direction:column}.email-form .button,.email-form input{width:100%}.form-note{margin-left:4px}.decision-demo,.decision-demo.is-visible{transform:none}.demo-caption span:last-child{display:none}.section-heading{display:block}.section-heading .section-number{margin-bottom:30px}.section-heading>p{font-size:1rem}.section-heading h2,.faq-heading h2{font-size:2.65rem}.problem-section{padding-top:75px;padding-bottom:85px}.problem-grid{margin-top:35px}.flow-card{padding:24px;min-height:0}.flow-card h3{font-size:2.3rem}.split-nodes{gap:25px}.split-nodes.three{gap:7px}.split-nodes.three span{min-width:auto;padding:9px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:430px}.how-section{padding:95px 0}.control-section{padding-bottom:100px}.control-window{grid-template-columns:35px 1fr}.control-main{padding:16px}.control-sidebar i{width:14px;height:14px}.metric-grid{grid-template-columns:1fr}.metric-grid>div{border-right:0;border-bottom:1px solid var(--line)}.metric-grid small{min-height:auto}.integrations-section{padding:95px 0}.safety-section{padding-top:95px;padding-bottom:100px}.safe-center{width:34%;height:34%}.safe-tag{font-size:.52rem}.safety-points>div{grid-template-columns:1fr;gap:5px}.journal-preview{padding-bottom:100px}.journal-preview .section-heading .text-link{margin-top:25px}.article-grid{grid-template-columns:1fr;margin-top:45px}.article-card,.article-card:last-child{grid-column:auto;min-height:460px}.faq-section{padding-bottom:100px}.final-cta{min-height:650px;padding-inline:14px}.final-cta h2{font-size:3.7rem}.final-form{background:transparent;padding:0;border-radius:0}.final-form input{background:white}.cta-smallprint{flex-direction:column;gap:8px}.footer-top{grid-template-columns:1fr}.footer-top nav{grid-column:1;grid-row:auto;justify-self:start}.footer-flicker{height:90px}.footer-bottom{flex-direction:column;gap:10px}.page-hero{padding-top:75px}.page-hero h1{font-size:4.6rem}.journal-row{grid-template-columns:1fr auto;gap:20px}.journal-row>span{grid-column:1/-1}.journal-row p{display:none}.article-meta{gap:20px}.article-callout{margin:40px -10px;padding:28px 25px}.article-table{width:calc(100% + 20px);margin:35px -10px;display:block;overflow-x:auto}.article-next-inner{grid-template-columns:1fr}.article-next h2{font-size:2.6rem}
}

/* Product story refinement */
.section-heading.no-label {
  grid-template-columns: 1fr;
}
.section-heading.no-label > h2,
.section-heading.no-label > p {
  grid-column: 1;
}
.section-heading.no-label > p {
  color: var(--muted);
  margin-top: 24px;
}

.hero {
  min-height: calc(100svh - 78px);
  padding-top: 30px;
  padding-bottom: 50px;
}
.hero h1 { font-size: clamp(3rem, 4.8vw, 4.8rem); }
.hero-lede {
  margin-top: 26px;
  margin-bottom: 22px;
}
.demo-tabs {
  overflow-x: auto;
  scrollbar-width: none;
}
.demo-tabs::-webkit-scrollbar { display: none; }
.demo-tab { flex: 0 0 auto; }

.message-preview {
  padding: 0;
  overflow: hidden;
}
.email-meta {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  border-bottom: 1px solid #e7e2d8;
}
.email-sender-logo {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--ink);
  color: white;
  font-family: var(--serif);
  font-weight: 800;
  font-size: .72rem;
}
.email-meta strong,
.email-meta small { display: block; }
.email-meta strong { color: var(--ink); font-size: .63rem; }
.email-meta small { margin-top: 1px; font-size: .5rem; color: #8c877e; }
.email-more { color: #aaa49b; letter-spacing: .08em; }
.email-subject-row {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: baseline;
  gap: 7px;
  padding: 8px 11px;
  font-size: .55rem;
  border-bottom: 1px solid #e7e2d8;
}
.email-subject-row span { color: #969087; }
.email-subject-row strong { color: var(--ink); font-size: .65rem; }
.email-creative {
  display: grid;
  grid-template-columns: 1fr .65fr;
  min-height: 82px;
  background: var(--creative-bg, var(--pink));
  color: var(--creative-fg, var(--ink));
  overflow: hidden;
  transition: background 220ms ease, color 220ms ease;
}
.email-creative > div:first-child { padding: 13px; position: relative; z-index: 2; }
.email-creative span { display: block; font-size: .46rem; letter-spacing: .13em; font-weight: 900; margin-bottom: 7px; }
.email-creative strong { display: block; font-size: .9rem; line-height: .92; letter-spacing: -.04em; }
.product-shape { position: relative; }
.product-shape i { position: absolute; display: block; background: var(--ink); }
.product-shape i:first-child { width: 40px; height: 77px; right: 35px; top: 15px; border-radius: 20px 20px 5px 5px; transform: rotate(8deg); }
.product-shape i:last-child { width: 34px; height: 68px; right: 5px; top: 26px; border-radius: 17px 17px 4px 4px; transform: rotate(-11deg); background: var(--creative-accent, var(--blue)); }
.email-creative[data-creative-style="coffee"] .product-shape i:first-child {
  width: 58px; height: 48px; top: 30px; right: 29px; border-radius: 5px 5px 24px 24px; transform: rotate(-5deg); background: var(--creative-fg);
}
.email-creative[data-creative-style="coffee"] .product-shape i:first-child::after {
  content: ""; position: absolute; width: 20px; height: 22px; right: -13px; top: 7px; border: 6px solid var(--creative-fg); border-left: 0; border-radius: 0 18px 18px 0;
}
.email-creative[data-creative-style="coffee"] .product-shape i:last-child {
  width: 72px; height: 7px; right: 13px; top: 82px; border-radius: 50%; transform: none; background: var(--creative-accent);
}
.email-creative[data-creative-style="fitness"] .product-shape i:first-child {
  width: 72px; height: 72px; right: 12px; top: 13px; border-radius: 50%; transform: none; background: var(--creative-fg);
}
.email-creative[data-creative-style="fitness"] .product-shape i:first-child::after {
  content: "3×"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--creative-bg); font-size: 1.25rem; font-weight: 900;
}
.email-creative[data-creative-style="fitness"] .product-shape i:last-child {
  width: 32px; height: 32px; right: 64px; top: 3px; border-radius: 50%; transform: none; background: var(--creative-accent);
}
.email-creative[data-creative-style="booking"] .product-shape i:first-child,
.email-creative[data-creative-style="booking"] .product-shape i:last-child {
  width: 46px; height: 46px; top: 24px; border-radius: 50%; transform: none; border: 3px solid white;
}
.email-creative[data-creative-style="booking"] .product-shape i:first-child { right: 50px; background: var(--creative-accent); }
.email-creative[data-creative-style="booking"] .product-shape i:last-child { right: 10px; top: 35px; background: var(--acid); }
.message-preview > p { padding: 9px 11px 4px; margin: 0; }
.email-bottom { display: flex !important; align-items: center; justify-content: space-between; padding: 4px 11px 10px; }
.email-bottom small { color: #918b82; font-size: .5rem; }
.email-send { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--blue); color: white; transition: transform 160ms ease, box-shadow 160ms ease; }
.email-send svg { width: 12px; height: 12px; fill: currentColor; margin-left: 1px; }
.email-send:hover { transform: scale(1.1); box-shadow: 0 4px 10px rgba(72,103,255,.4); }

.rule-forest { padding: 25px 0 20px; justify-content: flex-start; }
.rule-forest .flow-node { animation: ruleWake 4s ease-in-out infinite; }
.rule-row { display: grid; width: 100%; gap: 8px; }
.rule-row-one { grid-template-columns: repeat(3, 1fr); }
.rule-row-two { grid-template-columns: repeat(5, 1fr); }
.rule-row span {
  display: grid;
  place-items: center;
  min-height: 45px;
  padding: 7px 5px;
  background: var(--white);
  border: 1px solid rgba(23,23,23,.2);
  border-radius: 7px;
  font-size: .59rem;
  text-align: center;
  opacity: .6;
  animation: ruleWake 4s ease-in-out infinite;
}
.rule-row-one span:nth-child(2) { animation-delay: .35s; }
.rule-row-one span:nth-child(3) { animation-delay: .7s; }
.rule-row-two span:nth-child(1) { animation-delay: .9s; }
.rule-row-two span:nth-child(2) { animation-delay: 1.15s; }
.rule-row-two span:nth-child(3) { animation-delay: 1.4s; }
.rule-row-two span:nth-child(4) { animation-delay: 1.65s; }
.rule-row-two span:nth-child(5) { animation-delay: 1.9s; }
.rule-connector { position: relative; width: 66%; height: 38px; border-top: 1px solid #99938a; margin-top: 19px; }
.rule-connector::before,
.rule-connector::after,
.rule-connector i {
  content: "";
  position: absolute;
  height: 20px;
  border-left: 1px solid #99938a;
  top: -20px;
}
.rule-connector::before { left: 0; top: 0; }
.rule-connector::after { right: 0; top: 0; }
.rule-connector i { left: 50%; top: 0; }
.rule-connector b {
  position: absolute;
  width: 7px;
  height: 7px;
  background: var(--coral);
  border-radius: 50%;
  top: -4px;
  left: 0;
  animation: traceRule 3.2s linear infinite;
}
.rule-connector.wide { width: 82%; margin-top: 30px; }
.rule-connector.wide i:nth-child(1) { left: 0; }
.rule-connector.wide i:nth-child(2) { left: 50%; }
.rule-connector.wide i:nth-child(3) { left: 100%; }
.rule-alert { margin-top: 22px; border: 1px solid rgba(255,104,79,.5); color: #9d3d2c; background: rgba(255,104,79,.08); border-radius: 99px; padding: 8px 12px; font-size: .62rem; font-weight: 750; }
.rule-alert i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: var(--coral); animation: breathe 1.4s infinite; }
@keyframes ruleWake { 0%, 15%, 100% { opacity: .48; box-shadow: none; } 45%, 65% { opacity: 1; box-shadow: 0 5px 14px rgba(23,23,23,.09); } }
@keyframes traceRule { to { left: 100%; } }

.manual-builder {
  flex: 0 0 340px;
  height: 340px;
  min-height: 340px;
  margin: 14px -4px 18px;
  border: 1px solid #c4cbd0;
  border-radius: 10px;
  overflow: hidden;
  background: #eef3f5;
  color: #465057;
  box-shadow: 0 13px 28px rgba(30,40,45,.1);
}
.builder-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 10px;
  background: #26292b;
  color: white;
  font-size: .55rem;
}
.builder-toolbar small { color: #a8afb3; font-size: .46rem; }
.builder-body { display: grid; grid-template-columns: 64px 1fr; height: 306px; }
.builder-drop-target { width: 118px; margin: 14px auto 0; padding: 10px 5px; border: 1px dashed #9eaaaf; border-radius: 5px; color: #879096; font-size: .4rem; letter-spacing: .09em; font-weight: 800; text-align: center; }
.builder-palette { display: flex; flex-direction: column; gap: 7px; padding: 9px 7px; background: white; border-right: 1px solid #d5dbde; }
.builder-palette > span { font-size: .42rem; letter-spacing: .11em; color: #879096; font-weight: 800; }
.builder-palette i { padding: 7px 3px; border: 1px solid #ccd3d7; border-radius: 4px; background: #f9fbfb; font-style: normal; font-size: .47rem; text-align: center; }
.builder-canvas { position: relative; padding-top: 11px; overflow: hidden; }
.builder-node {
  position: relative;
  width: 118px;
  min-height: 37px;
  margin: 0 auto;
  padding: 5px 7px;
  background: white;
  border: 1px solid #c7cfd3;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(43,53,58,.07);
  z-index: 2;
  opacity: .65;
  animation: buildNode 5s ease-in-out infinite;
}
.builder-node small,.builder-node strong,.builder-node span,.builder-node em { display: block; }
.builder-node small { font-size: .39rem; letter-spacing: .06em; color: #869197; }
.builder-node strong { margin: 3px 0; font-size: .51rem; line-height: 1.15; }
.builder-node span { font-size: .4rem; color: #929b9f; }
.trigger-node { background: #dce5e9; animation-delay: 0s; }
.builder-line { height: 9px; width: 1px; margin: 0 auto; background: #aab5ba; }
.split-node { background: #dce5e9; animation-delay: .45s; }
.builder-branches { position: relative; width: 62%; height: 14px; margin: 0 auto; border-top: 1px solid #aab5ba; }
.builder-branches::before,.builder-branches::after { content:""; position:absolute; height:14px; border-left:1px solid #aab5ba; top:0; }
.builder-branches::before { left:0; }.builder-branches::after { right:0; }
.builder-branch-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 0 14px; }
.builder-branch-row .builder-node { width: 100%; animation-delay: .9s; }
.builder-branch-row .builder-node:nth-child(2) { animation-delay: 1.25s; }
.builder-branch-row.lower { margin-top: 10px; }
.builder-branch-row.lower::before,.builder-branch-row.lower::after { content:""; position:absolute; height:10px; border-left:1px solid #aab5ba; margin-top:-10px; }
.builder-branch-row.lower::before { left:31%; }.builder-branch-row.lower::after { right:26%; }
.builder-branch-row.lower .builder-node { animation-delay: 1.65s; }
.builder-branch-row.lower .builder-node:nth-child(2) { animation-delay: 2s; }
.warning-node em { width: fit-content; margin-top: 3px; padding: 2px 4px; border-radius: 3px; background: #ffe0d8; color: #a24331; font-size: .39rem; font-style: normal; animation: warnBlink 2s ease-in-out infinite; }
.builder-ghosts { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; padding: 10px 10px 0; opacity: .3; }
.builder-ghosts span { display:block; height:23px; border:1px dashed #9eaaaf; border-radius:4px; }
.dragging-block {
  position: absolute;
  z-index: 8;
  left: -58px;
  top: 72px;
  width: 104px;
  padding: 9px 7px;
  border: 1px solid #69777e;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(32,43,48,.22);
  color: #354047;
  font-size: .48rem;
  font-weight: 800;
  text-align: center;
  opacity: 0;
  animation: dragBlock 5.2s cubic-bezier(.65,.05,.35,1) infinite;
}
.dragging-block small, .dragging-block span { display: block; }
.dragging-block small { font-size: .38rem; letter-spacing: .07em; color: #869197; }
.dragging-block span { margin-top: 2px; }
.dragging-block i {
  position: absolute;
  right: -13px;
  bottom: -18px;
  width: 16px;
  height: 22px;
  background: #171717;
  clip-path: polygon(0 0, 100% 72%, 57% 75%, 76% 100%, 58% 100%, 41% 78%, 10% 100%);
  filter: drop-shadow(0 2px 2px rgba(255,255,255,.9));
  transform: rotate(-17deg);
}
.builder-problem { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px; min-height: 70px; padding: 9px 11px; border-top: 1px solid #cbd3d7; background: #fff8f4; }
.builder-problem > span { display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--coral);color:white;font-weight:900;font-size:.7rem; }
.builder-problem p { margin:0;font-size:.49rem;line-height:1.35;color:#7d655e; }
.builder-problem strong { color:#4c3c37; }
@keyframes buildNode { 0%,12%,100%{opacity:.5;transform:translateY(3px)} 25%,78%{opacity:1;transform:none} }
@keyframes warnBlink { 50% { background:#ffb8a7; } }
@keyframes dragBlock {
  0%, 13% { left: -58px; top: 72px; opacity: 0; transform: scale(.94); }
  20% { opacity: 1; }
  52%, 70% { left: calc(50% - 52px); top: 200px; opacity: 1; transform: scale(1); }
  78%, 100% { left: calc(50% - 52px); top: 200px; opacity: 0; transform: scale(.97); }
}

.goal-engine {
  flex: 0 0 280px;
  height: 280px;
  min-height: 280px;
  margin: 14px -4px 18px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 10px;
  background: rgba(19,24,45,.32);
  color: white;
  box-shadow: 0 15px 30px rgba(18,24,60,.22);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.simple-goal {
  padding: 13px 16px;
  border-radius: 12px;
  background: var(--acid);
  color: var(--ink);
}
.simple-goal span,
.simple-goal strong { display: block; }
.simple-goal span { margin-bottom: 5px; color: #52672b; font-size: .55rem; letter-spacing: .12em; font-weight: 900; }
.simple-goal strong { font-size: 1rem; }
.simple-flow { display: grid; grid-template-columns: 1fr 34px 1.05fr; gap: 12px; align-items: stretch; }
.simple-moment,
.simple-action {
  min-height: 96px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 13px;
  background: rgba(255,255,255,.09);
}
.simple-moment { display: flex; align-items: center; gap: 10px; padding: 14px; }
.simple-moment > span { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; background: var(--pink); color: var(--ink); font-size: .68rem; font-weight: 900; }
.simple-moment small,
.simple-moment strong,
.simple-action small,
.simple-action strong,
.simple-action span { display: block; }
.simple-moment small,
.simple-action small { margin-bottom: 8px; color: #c4cbee; font-size: .54rem; letter-spacing: .1em; font-weight: 850; }
.simple-moment strong,
.simple-action strong { font-size: .84rem; line-height: 1.25; }
.flow-arrow { display: grid; place-items: center; color: var(--acid); font-size: 2rem; animation: decisionNudge 2.2s ease-in-out infinite; }
.simple-action { display: flex; flex-direction: column; justify-content: center; padding: 14px; border-color: var(--acid); background: rgba(201,255,95,.1); }
.simple-action span { margin-top: 8px; color: #d8def5; font-size: .67rem; }
.simple-result { display: grid; grid-template-columns: auto 24px 1fr auto; gap: 9px; align-items: center; padding: 11px 14px; border-radius: 12px; background: rgba(255,255,255,.14); }
.simple-result span { font-size: .7rem; }
.simple-result i { color: var(--acid); font-size: 1.1rem; font-style: normal; }
.simple-result strong { color: var(--acid); font-size: .82rem; line-height: 1.2; }
.simple-result b { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(201,255,95,.55); border-radius: 50%; color: var(--acid); font-size: 1rem; animation: learningTurn 3s ease-in-out infinite; }
@keyframes decisionNudge { 50% { transform: translateX(4px); } }
@keyframes learningTurn { 50% { transform: rotate(170deg); } }

.journey-heading {
  display: grid;
  grid-template-columns: 1fr .55fr;
  gap: 55px;
  align-items: end;
}
.journey-heading h2 {
  margin: 0;
  max-width: 850px;
  font-size: clamp(2.8rem, 5.5vw, 5rem);
  line-height: .95;
  letter-spacing: -.055em;
  font-weight: 600;
}
.journey-heading p { color: #a7a7a7; line-height: 1.6; margin: 0; }
.customer-journey {
  display: grid;
  grid-template-columns: .78fr 1.22fr .85fr;
  min-height: 610px;
  margin-top: 70px;
  border: 1px solid #3c3c3c;
  background: #1b1b1b;
}
.journey-profile,
.journey-decision { padding: 22px; }
.journey-profile { border-right: 1px solid #3c3c3c; }
.profile-top { display: flex; gap: 11px; align-items: center; margin-bottom: 20px; }
.profile-top > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--pink); color: var(--ink); font-weight: 850; font-size: .72rem; }
.profile-top strong,.profile-top small { display: block; }
.profile-top strong { font-size: .9rem; }.profile-top small { color: #888; font-size: .68rem; margin-top: 3px; }
.product-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; }
.product-pair figure { margin: 0; overflow: hidden; border: 1px solid #3b3b3b; border-radius: 10px; background: #242424; }
.product-pair svg { display: block; width: 100%; height: 105px; padding: 8px; background: #eeeadf; }
.product-pair img { display: block; width: 100%; height: 118px; object-fit: cover; }
.product-pair figcaption { padding: 8px 9px 9px; }
.product-pair small,.product-pair strong { display: block; }
.product-pair small { color: #777; font-size: .52rem; letter-spacing: .09em; }
.product-pair strong { margin-top: 3px; font-size: .68rem; }
.profile-stat { padding: 10px 0; border-top: 1px solid #353535; }
.profile-stat small,.profile-stat strong { display: block; }
.profile-stat small { color: #7d7d7d; font-size: .62rem; text-transform: uppercase; letter-spacing: .1em; }
.profile-stat strong { margin-top: 5px; font-size: .8rem; line-height: 1.3; }
.profile-stat em { display: block; margin-top: 2px; color: #707070; font-size: .56rem; font-style: normal; font-weight: 500; }
.profile-tag-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.profile-tag-list span { color: #aaa; border: 1px solid #444; border-radius: 99px; padding: 6px 8px; font-size: .61rem; }
.journey-timeline { position: relative; padding: 20px; border-right: 1px solid #3c3c3c; }
.journey-timeline::before { content: ""; position: absolute; left: 71px; top: 54px; bottom: 42px; border-left: 1px solid #494949; }
.timeline-day { position: relative; display: flex; align-items: center; gap: 10px; margin: 4px 0 12px 44px; }
.timeline-day span { color: #888; font-size: .6rem; letter-spacing: .12em; font-weight: 800; }
.timeline-day i { flex: 1; border-top: 1px solid #333; }
.journey-event { position: relative; display: grid; grid-template-columns: 42px 1fr auto; gap: 16px; padding: 11px 10px 11px 0; margin-bottom: 6px; border-radius: 10px; }
.journey-event::before { content: ""; position: absolute; left: 46px; top: 19px; width: 7px; height: 7px; border: 2px solid #1b1b1b; border-radius: 50%; background: #626262; z-index: 2; }
.journey-event time { color: #888; font-size: .66rem; padding-top: 3px; }
.journey-event small,.journey-event strong,.journey-event p { display: block; }
.journey-event small { color: #818181; font-size: .57rem; letter-spacing: .1em; }
.journey-event strong { font-size: .79rem; margin-top: 4px; line-height: 1.3; }
.journey-event p { color: #898989; font-size: .63rem; margin: 4px 0 0; }
.journey-event > b { align-self: start; font-size: .58rem; color: var(--acid); border: 1px solid #46542e; border-radius: 99px; padding: 5px 7px; }
.purchase-event::before { background: var(--acid); }
.hot-event,
.interrupted-event { isolation: isolate; background: transparent; }
.hot-event::after,
.interrupted-event::after { content: ""; position: absolute; inset: 0 0 0 -20px; z-index: -1; border-radius: 10px; }
.hot-event::after { background: rgba(72,103,255,.12); }
.hot-event::before { background: var(--blue); box-shadow: 0 0 0 5px rgba(72,103,255,.15); animation: signalPulse 2s infinite; }
.interrupted-event::after { background: rgba(255,104,79,.08); }
.interrupted-event::before { background: var(--coral); }
.interrupted-event > b { color: var(--coral); border-color: rgba(255,104,79,.3); }
@keyframes signalPulse { 50% { box-shadow: 0 0 0 9px rgba(72,103,255,0); } }
.journey-decision { background: #20201c; }
.decision-status { color: var(--acid); font-size: .66rem; font-weight: 800; margin-bottom: 24px; }
.decision-status i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--acid); margin-right: 5px; animation: breathe 2s infinite; }
.journey-decision > small,.chosen-action small { color: #9b9588; font-size: .58rem; letter-spacing: .11em; }
.journey-decision h3 { font-size: 1.95rem; line-height: 1.02; letter-spacing: -.045em; margin: 12px 0 24px; }
.journey-decision ul { list-style: none; padding: 0; margin: 0 0 25px; }
.journey-decision li { position: relative; color: #d1cec6; font-size: .82rem; line-height: 1.45; padding: 10px 0 10px 20px; border-top: 1px solid #393933; }
.journey-decision li::before { content: "✓"; position: absolute; left: 0; color: var(--acid); }
.chosen-action { background: var(--acid); color: var(--ink); border-radius: 12px; padding: 13px 14px; }
.chosen-action small { color: #52662c; }
.chosen-action strong { display: block; margin: 6px 0 9px; font-size: .88rem; line-height: 1.25; }
.action-meta { display: flex; flex-wrap: wrap; gap: 5px; }
.action-meta span { padding: 5px 7px; border: 1px solid rgba(23,23,23,.22); border-radius: 99px; font-size: .58rem; font-weight: 700; }
.rejected-action { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 10px; padding: 10px 12px; border: 1px solid #3b3b36; border-radius: 9px; }
.rejected-action span { text-decoration: line-through; color: #888; font-size: .7rem; }
.rejected-action small { color: #888; font-size: .57rem; text-align: right; }
.journey-outcomes { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #3c3c3c; border-top: 0; }
.journey-outcomes > div { padding: 15px 18px; border-right: 1px solid #3c3c3c; }
.journey-outcomes > div:last-child { border: 0; }
.journey-outcomes strong,.journey-outcomes span { display: block; }
.journey-outcomes strong { color: var(--acid); font-size: .78rem; }
.journey-outcomes span { color: #8b8b8b; font-size: .68rem; line-height: 1.4; margin-top: 5px; }

.final-cta h2 { max-width: 1000px; margin-inline: auto; }

@media (max-width: 1080px) {
  .customer-journey { grid-template-columns: .6fr 1.4fr; }
  .journey-decision { grid-column: 1 / -1; border-top: 1px solid #3c3c3c; }
  .journey-timeline { border-right: 0; }
}

@media (max-width: 680px) {
  .hero { min-height: auto; padding-top: 26px; }
  .hero h1 { font-size: clamp(1.95rem, 10vw, 3.2rem); }
  .hero-form { display: grid; grid-template-columns: 1fr; }
  .hero-lede { margin-top: 20px; }
  .demo-tabs { margin-right: -17px; }
  .email-creative { min-height: 95px; }
  .rule-row span { font-size: .51rem; }
  .rule-row-two { gap: 4px; }
  .journey-heading { grid-template-columns: 1fr; gap: 22px; }
  .journey-heading h2 { font-size: 2.65rem; }
  .customer-journey { grid-template-columns: 1fr; margin-top: 45px; }
  .journey-profile { border-right: 0; border-bottom: 1px solid #3c3c3c; }
  .journey-timeline { padding-inline: 18px; }
  .journey-event { grid-template-columns: 38px 1fr; gap: 14px; }
  .journey-event > b { grid-column: 2; width: fit-content; }
  .journey-timeline::before { left: 65px; }
  .journey-event::before { left: 42px; }
  .journey-outcomes { grid-template-columns: 1fr 1fr; }
  .journey-outcomes > div:nth-child(2) { border-right: 0; }
  .journey-outcomes > div:nth-child(-n+2) { border-bottom: 1px solid #3c3c3c; }
  .final-cta h2 { font-size: 3.25rem; }
  .manual-builder,
  .goal-engine { display: none; }
  .problem-title span { white-space: normal; }
}

/* Combined decision trust section */
.tool-pill img,
.tool-pill .generic-logo { width: 28px; height: 28px; object-fit: contain; flex: 0 0 28px; }
.tool-pill .generic-logo { display: grid; place-items: center; border-radius: 8px; background: var(--ink); color: white; font-weight: 800; }
.tool-pill span:last-child { min-width: 0; }
.integration-column { position: relative; z-index: 2; height: 360px; align-self: center; align-content: stretch; }
.integration-column.sources { grid-template-rows: auto repeat(6, 1fr); }
.integration-column.destinations { grid-template-rows: auto repeat(5, 1fr); }
.connector-svg { position: relative; z-index: 1; display: block; width: calc(100% + 28px); height: 360px; overflow: visible; }
.connector-left { margin-inline: -14px; }
.connector-right { margin-inline: -14px; }
.connector-svg path {
  fill: none;
  stroke: rgba(23,23,23,.28);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-dasharray: 8 7;
  vector-effect: non-scaling-stroke;
  animation: signalTravel 9s linear infinite;
}
.connector-svg path:nth-child(2) { animation-delay: -1.4s; }
.connector-svg path:nth-child(3) { animation-delay: -2.8s; }
.connector-svg path:nth-child(4) { animation-delay: -4.2s; }
.connector-svg path:nth-child(5) { animation-delay: -5.6s; }
.connector-svg path:nth-child(6) { animation-delay: -7s; }
@keyframes signalTravel { to { stroke-dashoffset: -120; } }

.trust-section { padding-top: 150px; padding-bottom: 160px; }
.trust-heading { display: grid; grid-template-columns: 1fr .6fr; gap: 60px; align-items: end; }
.trust-heading h2 { max-width: 850px; margin: 0; font-size: clamp(2.8rem, 5.5vw, 5rem); line-height: .95; letter-spacing: -.055em; font-weight: 600; }
.trust-heading p { max-width: 520px; margin: 0; color: var(--muted); line-height: 1.65; font-size: 1.02rem; }
.trust-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 55px; align-items: start; margin-top: 70px; }
.audit-window { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fdfbf6; box-shadow: var(--shadow); }
.audit-topbar { display: flex; justify-content: space-between; align-items: center; padding: 14px 17px; background: var(--ink); color: white; font-size: .68rem; }
.audit-topbar > div { display: flex; gap: 8px; align-items: center; }
.audit-topbar b { color: var(--acid); font-size: .56rem; }
.audit-topbar button { border: 1px solid #555; border-radius: 99px; padding: 6px 9px; background: transparent; color: #bbb; font-size: .52rem; }
.audit-customer { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.audit-customer > span { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 11px; background: var(--pink); font-weight: 850; font-size: .66rem; }
.audit-customer strong,.audit-customer small { display: block; }
.audit-customer small { color: var(--muted); font-size: .56rem; margin-top: 3px; }
.audit-customer > b { color: var(--muted); font-size: .58rem; }
.audit-grid { display: grid; grid-template-columns: 1.15fr .85fr; }
.audit-reason,.audit-action { padding: 20px; }
.audit-reason { border-right: 1px solid var(--line); }
.audit-reason > small,.audit-action > small { color: var(--blue); font-size: .51rem; letter-spacing: .11em; font-weight: 900; }
.audit-reason h3 { margin: 9px 0 17px; font-size: 1.3rem; line-height: 1.06; letter-spacing: -.04em; }
.audit-reason ul { list-style: none; padding: 0; margin: 0; }
.audit-reason li { position: relative; padding: 8px 0 8px 19px; border-top: 1px solid var(--line); font-size: .62rem; color: #68645d; }
.audit-reason li::before { content: "✓"; position: absolute; left: 0; color: #52751a; }
.audit-action > strong { display: block; margin: 8px 0 4px; font-size: .82rem; }
.audit-action > p { margin: 0 0 18px; color: var(--muted); font-size: .59rem; line-height: 1.4; }
.audit-guardrails { display: grid; gap: 7px; }
.audit-guardrails span { display: flex; align-items: center; gap: 6px; padding: 7px 8px; border-radius: 7px; background: #edf4df; color: #46601d; font-size: .55rem; }
.audit-guardrails i { display: grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: var(--acid); color: var(--ink); font-style: normal; font-size: .48rem; }
.audit-footer { display: flex; justify-content: space-between; gap: 18px; padding: 13px 18px; border-top: 1px solid var(--line); background: #eee9df; font-size: .55rem; color: var(--muted); }
.audit-footer strong { color: var(--ink); }
.trust-points article { display: grid; grid-template-columns: 36px 1fr; gap: 16px; padding: 22px 0; border-top: 1px solid var(--line); }
.trust-points article:last-child { border-bottom: 1px solid var(--line); }
.trust-points article > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--acid); font-size: .56rem; font-weight: 850; }
.trust-points h3 { margin: 2px 0 7px; font-size: 1rem; }
.trust-points p { margin: 0; color: var(--muted); font-size: .77rem; line-height: 1.55; }

@media (max-width: 980px) {
  .trust-layout { grid-template-columns: 1fr; }
  .trust-points { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; }
  .manual-builder,
  .goal-engine { display: none; }
  .integration-map { grid-template-columns: 1fr; gap: 22px; min-height: 0; margin-top: 50px; }
  .connector-svg { display: none; }
  .integration-column .tool-pill::before,
  .integration-column .tool-pill::after { display: none; }
  .each-core { grid-column: 1; grid-row: 2; width: 128px; justify-self: center; }
  .integration-column { height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .integration-column.sources { grid-row: 1; grid-template-rows: none; }
  .integration-column.destinations { grid-column: 1; grid-row: 3; grid-template-rows: none; }
  .map-label { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .trust-section { padding-top: 95px; padding-bottom: 100px; }
  .trust-heading { grid-template-columns: 1fr; gap: 22px; }
  .trust-heading h2 { font-size: 2.65rem; }
  .trust-layout { margin-top: 45px; }
  .audit-grid { grid-template-columns: 1fr; }
  .audit-reason { border-right: 0; border-bottom: 1px solid var(--line); }
  .audit-footer { flex-direction: column; }
  .trust-points { grid-template-columns: 1fr; }
  .connector-svg { display: none; }
  .integration-column { height: auto; }
}

@media (max-width: 480px) {
  .brand span { display: none; }
  .integration-column { grid-template-columns: 1fr; }
  .map-label { grid-column: 1; }
}

/* Mobile-first homepage — a separate, concise experience below 680px. */
.mobile-home,
.mobile-nav-link,
.mobile-header-cta { display: none; }
.desktop-home { display: contents; }

@media (max-width: 680px) {
  .desktop-home,
  body > .site-footer,
  .desktop-nav-link,
  .desktop-header-cta { display: none; }

  .mobile-home { display: block; overflow: hidden; }
  .mobile-nav-link { display: block; }
  .mobile-header-cta { display: inline-flex; }

  .site-header {
    min-height: 64px;
    padding: 9px 14px;
    background: rgba(245, 241, 232, .96);
  }
  .site-nav { inset: 64px 0 0; padding-top: 34px; }
  .site-nav a { font-size: 1.55rem; letter-spacing: -.035em; }
  .brand-logo { width: 38px; height: 28px; }
  .header-cta { min-height: 40px; padding: 8px 13px; font-size: .7rem; }
  .menu-button { padding: 5px; }

  .mobile-home section { position: relative; padding: 72px 18px; }
  .mobile-home h1,
  .mobile-home h2,
  .mobile-home h3,
  .mobile-home p { margin-top: 0; }
  .mobile-home h2 {
    margin-bottom: 28px;
    font-size: clamp(2.55rem, 12vw, 3.4rem);
    line-height: .94;
    letter-spacing: -.06em;
    font-weight: 610;
  }
  .mobile-eyebrow {
    display: block;
    margin-bottom: 17px;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  .mobile-hero {
    min-height: calc(100svh - 64px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 44px !important;
    padding-bottom: 46px !important;
    background:
      radial-gradient(circle at 92% 12%, rgba(242,181,212,.62) 0 15%, transparent 15.3%),
      radial-gradient(circle at -7% 67%, rgba(201,255,95,.72) 0 13%, transparent 13.3%),
      var(--paper);
  }
  .mobile-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 23px;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  .mobile-kicker i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--coral);
    box-shadow: 0 0 0 5px rgba(255,104,79,.16);
  }
  .mobile-hero h1 {
    max-width: 430px;
    margin: 0;
    font-size: clamp(1.95rem, 10vw, 3.2rem);
    line-height: .97;
    letter-spacing: -.057em;
    font-weight: 590;
  }
  .mobile-hero > p:not(.mobile-fineprint) {
    max-width: 430px;
    margin: 26px 0 22px;
    font-size: 1.03rem;
    line-height: 1.55;
    color: #4f4d48;
  }
  .mobile-email-form { display: grid; gap: 9px; width: 100%; }
  .mobile-email-form input,
  .mobile-email-form .button {
    width: 100%;
    min-height: 54px;
    border-radius: 14px;
  }
  .mobile-email-form input {
    padding: 0 17px;
    border: 1px solid rgba(23,23,23,.26);
    background: rgba(255,253,248,.94);
  }
  .mobile-email-form .button { justify-content: space-between; padding-inline: 18px; }
  .mobile-email-form .form-error { margin: 0 3px; }
  .mobile-fineprint {
    margin: 12px 3px 0 !important;
    color: #514f4a;
    font-size: .68rem;
  }

  .mobile-decision { background: var(--ink); color: white; }
  .mobile-section-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 21px; }
  .mobile-section-label span { color: #aaa; font-size: .63rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
  .mobile-section-label b { color: var(--acid); font-size: .62rem; }
  .mobile-decision h2 { max-width: 410px; }
  .mobile-person-card {
    overflow: hidden;
    border: 1px solid #414141;
    border-radius: 18px;
    background: #222;
    box-shadow: 0 20px 50px rgba(0,0,0,.28);
  }
  .mobile-person-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid #3d3d3d;
  }
  .mobile-avatar {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--pink);
    color: var(--ink);
    font-size: .7rem;
    font-weight: 900;
  }
  .mobile-person-head strong,
  .mobile-person-head small { display: block; }
  .mobile-person-head strong { font-size: .85rem; }
  .mobile-person-head small { margin-top: 3px; color: #8f8f8f; font-size: .58rem; }
  .mobile-person-head > b { padding: 5px 7px; border: 1px solid #53653a; border-radius: 99px; color: var(--acid); font-size: .54rem; }
  .mobile-signal-row { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #3d3d3d; }
  .mobile-signal-row span { min-width: 0; padding: 13px 8px; border-right: 1px solid #3d3d3d; color: #bdbdbd; font-size: .58rem; line-height: 1.25; text-align: center; }
  .mobile-signal-row span:last-child { border: 0; }
  .mobile-signal-row i { display: block; margin-bottom: 5px; color: var(--pink); font-size: .65rem; font-style: normal; font-weight: 900; }
  .mobile-choice { padding: 18px 16px; background: var(--acid); color: var(--ink); }
  .mobile-choice > small { color: #58712b; font-size: .55rem; font-weight: 900; letter-spacing: .1em; }
  .mobile-choice > strong { display: block; margin: 8px 0 13px; font-size: 1.2rem; line-height: 1.12; letter-spacing: -.03em; }
  .mobile-choice > div { display: flex; gap: 6px; }
  .mobile-choice > div span { padding: 6px 8px; border: 1px solid rgba(23,23,23,.25); border-radius: 99px; font-size: .57rem; font-weight: 750; }
  .mobile-message { padding: 15px 16px 16px; background: #fffdf8; color: var(--ink); }
  .mobile-message > div { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: center; }
  .mobile-message > div > span { grid-row: 1 / 3; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: var(--ink); color: white; font-family: var(--serif); font-size: .7rem; }
  .mobile-message > div strong { font-size: .64rem; }
  .mobile-message > div small { color: #888; font-size: .52rem; }
  .mobile-message p { margin: 14px 0 12px; padding-top: 12px; border-top: 1px solid #e5e0d6; font-size: .78rem; font-weight: 750; line-height: 1.35; }
  .mobile-message p small { display: block; margin-bottom: 4px; color: #9a958d; font-size: .49rem; letter-spacing: .1em; }
  .mobile-message > b { display: inline-block; padding: 8px 10px; border-radius: 7px; background: var(--blue); color: white; font-size: .58rem; }
  .mobile-caption { margin: 16px 3px 0 !important; color: #898989; font-size: .7rem; line-height: 1.45; }

  .mobile-how { background: var(--white); }
  .mobile-how h2 { color: var(--blue); }
  .mobile-steps { list-style: none; margin: 0 0 27px; padding: 0; }
  .mobile-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 13px; padding: 20px 0; border-top: 1px solid var(--line); }
  .mobile-steps li:last-child { border-bottom: 1px solid var(--line); }
  .mobile-steps li > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--acid); font-size: .58rem; font-weight: 900; }
  .mobile-steps h3 { margin: 1px 0 6px; font-size: 1rem; letter-spacing: -.02em; }
  .mobile-steps p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }
  .mobile-text-link { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid currentColor; font-size: .78rem; font-weight: 800; text-decoration: none; }
  .mobile-text-link span { font-size: 1.15rem; }

  .mobile-stack { background: var(--pink); }
  .mobile-stack > p { margin-bottom: 26px; color: #51484d; font-size: .88rem; line-height: 1.55; }
  .mobile-logo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .mobile-logo-grid > span { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 54px; padding: 10px 12px; border: 1px solid rgba(23,23,23,.18); border-radius: 12px; background: rgba(255,253,248,.72); font-size: .72rem; font-weight: 750; }
  .mobile-logo-grid img { width: 26px; height: 26px; object-fit: contain; }
  .mobile-stack .mobile-stack-note { display: flex; align-items: center; gap: 9px; margin: 18px 0 0; color: var(--ink); font-size: .68rem; font-weight: 700; }
  .mobile-stack-note i { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--ink); color: white; font-style: normal; }

  .mobile-safety { background: var(--paper); }
  .mobile-control-card { overflow: hidden; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: var(--white); box-shadow: 0 17px 45px rgba(25,20,12,.1); }
  .mobile-control-top { display: flex; justify-content: space-between; margin: -17px -17px 18px; padding: 12px 14px; background: var(--ink); color: #aaa; font-size: .58rem; }
  .mobile-control-top b { color: var(--acid); }
  .mobile-control-card > strong { display: block; margin-bottom: 8px; font-size: 1rem; }
  .mobile-control-card > p { margin-bottom: 16px; color: var(--muted); font-size: .75rem; line-height: 1.55; }
  .mobile-checks { display: flex; flex-wrap: wrap; gap: 6px; }
  .mobile-checks span { padding: 7px 8px; border-radius: 7px; background: #edf4df; color: #46601d; font-size: .56rem; font-weight: 750; }
  .mobile-promise-grid { display: grid; margin-top: 27px; border-top: 1px solid var(--line); }
  .mobile-promise-grid > div { display: grid; grid-template-columns: .75fr 1.25fr; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--line); }
  .mobile-promise-grid strong { font-size: .76rem; }
  .mobile-promise-grid span { color: var(--muted); font-size: .68rem; line-height: 1.45; }

  .mobile-thinking { background: var(--blue); color: white; }
  .mobile-thinking h2 { max-width: 430px; }
  .mobile-article { display: block; min-height: 245px; padding: 21px; border-radius: 18px; background: var(--coral); color: var(--ink); text-decoration: none; }
  .mobile-article > span { font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
  .mobile-article h3 { max-width: 300px; margin: 78px 0 24px; font-size: 1.75rem; line-height: 1.02; letter-spacing: -.045em; }
  .mobile-article small { font-size: .68rem; font-weight: 850; }
  .mobile-thinking .mobile-text-link { margin-top: 20px; }

  .mobile-faq { background: var(--white); }
  .mobile-faq-list { border-top: 1px solid var(--line); }
  .mobile-faq-list details { border-bottom: 1px solid var(--line); }
  .mobile-faq-list summary { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 18px 0; list-style: none; font-size: .85rem; font-weight: 750; cursor: pointer; }
  .mobile-faq-list summary::-webkit-details-marker { display: none; }
  .mobile-faq-list summary span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 50%; transition: transform 180ms ease; }
  .mobile-faq-list details[open] summary span { transform: rotate(45deg); }
  .mobile-faq-list details p { margin: -3px 42px 18px 0; color: var(--muted); font-size: .75rem; line-height: 1.55; }

  .mobile-final { background: var(--acid); }
  .mobile-final h2 { max-width: 430px; }
  .mobile-final > p { margin-bottom: 24px; color: #465229; font-size: .86rem; line-height: 1.55; }
  .mobile-final-form input { background: var(--white); }
  .mobile-final-notes { display: flex; flex-wrap: wrap; gap: 7px 15px; margin-top: 17px; }
  .mobile-final-notes span { position: relative; font-size: .61rem; font-weight: 750; }
  .mobile-final-notes span::before { content: "✓"; margin-right: 4px; }

  .mobile-footer { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 26px 16px; padding: 36px 18px 24px; background: var(--ink); color: white; }
  .mobile-footer .brand span { display: inline; }
  .mobile-footer .brand-logo { filter: invert(1); }
  .mobile-footer > a:not(.brand) { font-size: .7rem; }
  .mobile-footer small { grid-column: 1 / -1; padding-top: 18px; border-top: 1px solid #393939; color: #777; font-size: .6rem; }
}

@media (max-width: 380px) {
  .mobile-home section { padding-inline: 15px; }
  .mobile-hero h1 { font-size: 3.35rem; }
  .mobile-logo-grid { grid-template-columns: 1fr; }
  .mobile-person-head > b { display: none; }
  .mobile-person-head { grid-template-columns: auto 1fr; }
}