:root {
  --paper: #f4f6eb;
  --paper-2: #e9efd9;
  --white: #ffffff;
  --ink: #151912;
  --ink-2: #2d3528;
  --muted: #626b5b;
  --line: #d6ddca;
  --green: #283e21;
  --green-2: #3c572d;
  --mint: #e4efc5;
  --lime: #d7ff4f;
  --orange: #ff8064;
  --orange-soft: #ffede6;
  --yellow: #f0ce4f;
  --dark: #151912;
  --dark-2: #23291f;
  --shadow: 0 24px 70px rgba(21, 25, 18, .13);
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: Georgia, "Times New Roman", serif;
}

html { scroll-padding-top: 88px; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font);
  font-size: 15px;
}
::selection { background: var(--lime); color: var(--ink); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid #7057d6;
  outline-offset: 3px;
}
.preview-banner {
  background: var(--lime);
  color: var(--ink);
  font-size: 9px;
  letter-spacing: .12em;
}
.preview-dot { background: var(--ink); box-shadow: 0 0 0 3px rgba(21, 25, 18, .12); }
.site-header {
  position: sticky;
  top: 0;
  height: 74px;
  background: rgba(244, 246, 235, .94);
  border-bottom: 1px solid rgba(21, 25, 18, .09);
  backdrop-filter: blur(16px);
  z-index: 20;
}
.brand { color: var(--ink); font-weight: 900; letter-spacing: -1.5px; }
.brand-mark { color: var(--ink); }
.brand-period { color: #7558dd; }
.primary-nav { gap: 25px; }
.primary-nav a, .footer-links a { color: #4b5446; font-weight: 700; }
.primary-nav a:hover, .footer-links a:hover { color: #7057d6; }
.button {
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: -.01em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button-dark { background: var(--ink); color: var(--lime); box-shadow: 3px 3px 0 #788d3a; }
.button-dark:hover { background: #303a28; }
.button-green { background: var(--lime); color: var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.button-green:hover { background: #e2ff82; }
.text-link { border-bottom-color: #9181d5; }
.text-link:hover { color: #7057d6; }
.hero { gap: 32px; padding-top: 36px; }
.hero-copy { padding-left: 8px; }
.eyebrow, .section-kicker { color: #505b46; font-weight: 800; letter-spacing: .14em; }
.eyebrow-line { height: 3px; background: #7558dd; border-radius: 4px; }
h1, h2, h3, h4 { font-family: var(--heading); }
h1, h2 { font-weight: 850; letter-spacing: -.075em; }
h1 { font-size: clamp(50px, 6.4vw, 82px); line-height: .99; }
h1 em, h2 em {
  color: #7057d6;
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: -.055em;
}
.hero-lede { color: #4f5948; font-size: 15px; line-height: 1.8; }
.hero-proof { color: #515a49; font-weight: 650; }
.proof-icon { border-color: var(--ink); background: var(--lime); color: var(--ink); }
.hero-visual:before { background: radial-gradient(circle, #e3eab9 0, #e8ead5 43%, rgba(244, 246, 235, 0) 73%); }
.hero-scene .hero-orbit { border-color: rgba(112, 87, 214, .22); }
.scene-platform { border-color: rgba(21, 25, 18, .18); background: linear-gradient(90deg, rgba(215, 255, 79, .16), rgba(255, 255, 255, .78), rgba(183, 162, 255, .17)); }
.mini-dashboard {
  border: 2px solid var(--ink);
  border-radius: 18px;
  box-shadow: 16px 18px 0 rgba(21, 25, 18, .9), 0 28px 65px rgba(21, 25, 18, .13);
}
.mini-main-card { background: #f1f5e7; }
.mini-main-card strong, .mini-stat strong { color: var(--ink); }
.mini-brand-mark, .app-brand-mark { background: var(--ink); }
.scene-coin {
  color: var(--ink);
  background: radial-gradient(circle at 34% 28%, #f3ffd0 0, #d7ff4f 46%, #a6d13a 78%);
  border-color: rgba(21, 25, 18, .35);
  box-shadow: inset -8px -9px 15px rgba(46, 75, 15, .17), inset 3px 3px 8px rgba(255, 255, 255, .68), 0 18px 35px rgba(33, 51, 13, .19);
}
.scene-coin span { text-shadow: none; }
.hero-note { border: 2px solid var(--ink); border-radius: 999px; box-shadow: 4px 4px 0 var(--ink); color: var(--ink); }
.note-dot-green { background: var(--lime); box-shadow: 0 0 0 4px #f5fbdf; }
.note-dot-orange { background: var(--orange); box-shadow: 0 0 0 4px #fff2ec; }
.signal-strip { background: var(--ink); border: 0; }
.signal-inner { min-height: 76px; }
.signal-inner span { color: #f4f6eb; font-weight: 750; }
.signal-inner i { color: var(--lime); font-weight: 900; }
.problem-section { padding-top: 100px; padding-bottom: 100px; }
.problem-copy, .flow-heading > p, .stories-heading > p { color: #59634f; }
.source-card { border: 1.5px solid #cdd5bf; border-radius: 15px; box-shadow: 4px 4px 0 rgba(21, 25, 18, .08); }
.source-card-featured { background: #e8efd6; border-color: #87965f; }
.source-card h3 { font-weight: 850; }
.mini-tag, .tag-green, .tag-orange { border-radius: 999px; }
.demo-section { background: #171b15; }
.demo-section:before { border-color: rgba(215, 255, 79, .16); box-shadow: 0 0 0 38px rgba(215, 255, 79, .035), 0 0 0 78px rgba(215, 255, 79, .025); }
.demo-intro h2 em, .trust-intro h2 em, .early-access-copy h2 em { color: var(--lime); }
.demo-app { border: 2px solid var(--ink); border-radius: 20px; }
.demo-app-top { height: 58px; }
.side-tab.active { background: #e9f5c8; color: var(--ink); }
.side-tab.active > span { color: #4e6c21; }
.metric-primary { background: #f2f7e4; border-color: #dfe8c7; }
.metric-positive, .value-positive { color: #3d702b !important; }
.ask-card { border: 1.5px solid #dce4d2; border-radius: 14px; }
.ask-suggestions button { border-radius: 999px; }

.copilot-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 106px 0 112px;
  background: var(--lime);
}
.copilot-section::before, .copilot-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.copilot-section::before {
  width: 390px;
  height: 390px;
  top: -190px;
  right: -95px;
  border: 1px solid rgba(21, 25, 18, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(21, 25, 18, .035), 0 0 0 58px rgba(21, 25, 18, .025);
}
.copilot-section::after {
  left: 3%;
  bottom: 2%;
  width: 82px;
  height: 82px;
  background-image: radial-gradient(rgba(21, 25, 18, .3) 1px, transparent 1.5px);
  background-size: 9px 9px;
  opacity: .42;
}
.copilot-layout {
  position: relative;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  align-items: center;
  gap: clamp(32px, 6vw, 86px);
}
.copilot-intro { max-width: 500px; }
.copilot-intro .section-kicker { color: #303927; }
.copilot-intro h2 { margin: 17px 0 18px; font-size: clamp(42px, 5vw, 66px); line-height: 1.02; }
.copilot-intro h2 em { color: #7057d6; }
.copilot-intro > p { max-width: 440px; color: #303927; font-size: 14px; line-height: 1.8; }
.copilot-prompt-list { display: grid; gap: 9px; margin-top: 27px; }
.copilot-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 46px;
  padding: 9px 15px;
  border: 1.5px solid var(--ink);
  border-radius: 12px;
  background: rgba(255, 255, 255, .53);
  color: var(--ink);
  font: 750 12px/1.35 var(--font);
  text-align: left;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.copilot-prompt span { color: #7057d6; font-size: 16px; }
.copilot-prompt:hover:not(:disabled) { transform: translate(-2px, -2px); background: #fff; box-shadow: 4px 4px 0 var(--ink); }
.copilot-prompt:disabled { cursor: wait; opacity: .62; }
.copilot-sample-note { display: flex; align-items: flex-start; gap: 8px; margin-top: 19px; color: #303927; font-size: 10px; font-weight: 800; }
.copilot-sample-note span { color: #7057d6; }
.copilot-window {
  min-width: 0;
  overflow: hidden;
  border: 2px solid var(--ink);
  border-radius: 22px;
  background: #171b15;
  color: #f4f6eb;
  box-shadow: 12px 12px 0 var(--ink), 0 28px 55px rgba(21, 25, 18, .18);
  transform: rotate(.35deg);
}
.copilot-window-head {
  min-height: 70px;
  padding: 13px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid rgba(244, 246, 235, .13);
  background: #20251d;
}
.copilot-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
.copilot-avatar { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 13px; background: var(--lime); color: var(--ink); font-size: 18px; font-weight: 900; }
.copilot-brand b, .copilot-brand small { display: block; }
.copilot-brand b { color: #fff; font-size: 13px; font-weight: 850; }
.copilot-brand small { margin-top: 2px; color: #b8c0ad; font-size: 9px; }
.copilot-ready { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid rgba(215, 255, 79, .3); border-radius: 999px; color: var(--lime); font-size: 9px; font-weight: 800; white-space: nowrap; }
.copilot-ready i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 3px rgba(215, 255, 79, .12); }
.copilot-messages {
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-height: 275px;
  max-height: 355px;
  overflow-y: auto;
  padding: 22px 20px;
  overscroll-behavior: contain;
}
.copilot-message { display: flex; align-items: flex-end; gap: 9px; max-width: 92%; animation: copilot-arrive .22s ease-out both; }
.copilot-message.is-assistant { align-self: flex-start; }
.copilot-message.is-user { align-self: flex-end; flex-direction: row-reverse; }
.message-avatar { width: 25px; height: 25px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; background: var(--lime); color: var(--ink); font-size: 12px; font-weight: 900; }
.is-user .message-avatar { background: #b7a2ff; }
.message-body { min-width: 0; padding: 10px 13px; border: 1px solid rgba(244, 246, 235, .1); border-radius: 14px 14px 14px 4px; background: #252b22; }
.is-user .message-body { border-color: #d7ff4f; border-radius: 14px 14px 4px 14px; background: var(--lime); color: var(--ink); }
.message-body b { display: block; margin-bottom: 4px; color: #d7ff4f; font-size: 9px; letter-spacing: .02em; }
.is-user .message-body b { color: #454139; }
.message-body p { margin: 0; color: #f2f3ea; font-size: 12px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.is-user .message-body p { color: var(--ink); }
.copilot-typing { min-height: 28px; padding: 0 21px 10px; color: #c5ccb9; font-size: 10px; }
.copilot-typing[hidden] { display: none; }
.copilot-typing span { display: inline-block; width: 5px; height: 5px; margin-right: 3px; border-radius: 50%; background: var(--lime); animation: copilot-dot 1s ease-in-out infinite; }
.copilot-typing span:nth-child(2) { animation-delay: .12s; }
.copilot-typing span:nth-child(3) { animation-delay: .24s; margin-right: 7px; }
.copilot-form { display: flex; gap: 9px; padding: 12px 15px; border-top: 1px solid rgba(244, 246, 235, .13); background: #20251d; }
.copilot-form input {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #485141;
  border-radius: 12px;
  background: #f8f9f2;
  color: var(--ink);
  font: 600 12px/1.4 var(--font);
}
.copilot-form input::placeholder { color: #747d6d; }
.copilot-form input:disabled { opacity: .7; }
.copilot-send { min-width: 80px; border: 0; border-radius: 12px; background: var(--lime); color: var(--ink); font: 850 11px var(--font); transition: transform .18s ease, background .18s ease; }
.copilot-send span { margin-left: 6px; font-size: 15px; }
.copilot-send:hover:not(:disabled) { transform: translateY(-2px); background: #e5ff91; }
.copilot-send:disabled { cursor: wait; opacity: .65; }
.copilot-privacy { margin: 0; padding: 0 17px 16px; background: #20251d; color: #c2c8b9; font-size: 9px; line-height: 1.65; }

.flow-step, .story-card, .faq-list details { border-radius: 14px; }
.flow-step h3, .story-card h3 { font-weight: 850; }
.gst-section { background: #ebeeda; }
.gst-sheet { border: 2px solid var(--ink); border-radius: 18px; box-shadow: 9px 10px 0 var(--ink), 0 22px 50px rgba(21, 25, 18, .12); }
.floating-sticker { border: 1.5px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); }
.story-card { border: 1.5px solid rgba(21, 25, 18, .2); border-radius: 16px; }
.trust-section { background: #171b15; }
.faq-list details { border-bottom: 1px solid #cfd6c4; }
.early-access-section { background: var(--ink); }
.signup-card { border: 2px solid var(--ink); border-radius: 18px; box-shadow: 8px 8px 0 var(--lime); }
.site-footer { background: #11140f; }
.privacy-content h1 { font-weight: 850; }
.privacy-content h2 { font-weight: 850; }
.privacy-box { border: 1.5px solid #a8bd62; border-radius: 14px; background: #edf4d5; }
.privacy-form input { border-radius: 12px; }

@keyframes copilot-arrive {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes copilot-dot {
  0%, 60%, 100% { transform: translateY(0); opacity: .55; }
  30% { transform: translateY(-4px); opacity: 1; }
}

@media (max-width: 900px) {
  .copilot-layout { grid-template-columns: 1fr; gap: 35px; }
  .copilot-intro { max-width: 650px; }
  .copilot-prompt-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .copilot-prompt { align-items: flex-start; min-height: 72px; font-size: 10px; }
  .copilot-prompt span { margin-left: auto; }
}
@media (max-width: 580px) {
  html { scroll-padding-top: 72px; }
  .preview-banner { padding: 0 12px; font-size: 7px; letter-spacing: .08em; text-align: center; }
  .site-header { width: calc(100% - 32px); height: 66px; }
  .hero { padding-top: 23px; }
  .hero-copy { padding-left: 0; }
  .hero-copy h1 { font-size: clamp(43px, 12vw, 61px); }
  .hero-lede { font-size: 13px; }
  .hero-actions { flex-wrap: wrap; gap: 15px; }
  .signal-inner { width: calc(100% - 32px); min-height: 62px; gap: 8px; }
  .signal-inner span { font-size: 8px; gap: 5px; }
  .copilot-section { padding: 72px 0 82px; }
  .copilot-intro h2 { font-size: clamp(39px, 10vw, 53px); }
  .copilot-intro > p { font-size: 12px; }
  .copilot-prompt-list { grid-template-columns: 1fr; gap: 7px; margin-top: 20px; }
  .copilot-prompt { min-height: 42px; align-items: center; font-size: 11px; }
  .copilot-window { border-radius: 17px; box-shadow: 6px 7px 0 var(--ink); transform: none; }
  .copilot-window-head { min-height: 63px; padding: 10px 12px; }
  .copilot-avatar { width: 33px; height: 33px; }
  .copilot-brand small { font-size: 8px; }
  .copilot-ready { padding: 5px 7px; font-size: 8px; }
  .copilot-messages { min-height: 235px; max-height: 310px; padding: 17px 12px; }
  .copilot-message { max-width: 97%; }
  .message-body { padding: 9px 10px; }
  .message-body p { font-size: 11px; }
  .copilot-form { padding: 10px; gap: 7px; }
  .copilot-form input { min-height: 43px; padding: 0 10px; font-size: 11px; }
  .copilot-send { min-width: 68px; }
  .copilot-privacy { padding: 0 12px 13px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .copilot-message, .copilot-typing span { animation: none; }
  .copilot-prompt, .copilot-send, .button, .mini-dashboard, .scene-coin { transition: none; animation: none; }
}


.collection-count{width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}