:root {
  --ink: #0b0c0a;
  --paper: #dce1d5;
  --muted: #7d847a;
  --line: rgba(220, 225, 213, 0.18);
  --lime: #b7ff3f;
  --lime-deep: #5fb52f;
  --orange: #ff7a38;
  --gold: #ffca54;
  --glass: rgba(224, 232, 214, 0.08);
  --display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --chalk: "Bradley Hand", "Marker Felt", "Comic Sans MS", cursive;
  --mx: 0;
  --my: 0;
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--display);
  overflow-x: hidden;
  cursor: crosshair;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.26;
  background-image:
    linear-gradient(rgba(183, 255, 63, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 255, 63, 0.035) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
}
button, a { color: inherit; font: inherit; }
button { border: 0; cursor: pointer; }
a { text-decoration: none; }

.page-shell { width: min(1528px, 100%); margin: 0 auto; padding: 0 44px; }
.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 50; opacity: 0.055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
  mix-blend-mode: screen;
}
.cursor-orb { position: fixed; width: 11px; height: 11px; z-index: 100; border: 1px solid var(--lime); border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); mix-blend-mode: difference; transition: width .2s ease, height .2s ease; }

.site-nav { height: 86px; display: flex; align-items: flex-start; justify-content: center; position: sticky; top: 14px; z-index: 20; padding: 0 8px; }
.nav-pill { position: relative; width: min(960px, 100%); min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 10px 8px 19px; border: 1px solid rgba(220,225,213,.22); border-radius: 999px; background: linear-gradient(115deg, rgba(220,225,213,.14), rgba(33,43,31,.72) 46%, rgba(10,13,10,.84)); box-shadow: 0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.3); backdrop-filter: blur(24px) saturate(1.25); -webkit-backdrop-filter: blur(24px) saturate(1.25); overflow: hidden; }
.nav-pill::before { content: ""; position: absolute; inset: 1px 22% auto 1px; height: 1px; border-radius: 999px; background: linear-gradient(90deg, rgba(255,255,255,.45), transparent); opacity: .7; pointer-events: none; }
.nav-pill::after { content: ""; position: absolute; width: 160px; height: 80px; top: -48px; left: 31%; border-radius: 50%; background: rgba(183,255,63,.1); filter: blur(18px); pointer-events: none; }
.wordmark { display: inline-flex; align-items: center; gap: 12px; color: var(--paper); font-size: 11px; line-height: .92; letter-spacing: .08em; font-weight: 700; }
.wordmark em { font-style: normal; color: var(--lime); }
.wordmark-mark { display: inline-flex; gap: 2px; align-items: end; height: 24px; }
.wordmark-mark span { display: block; width: 4px; background: var(--lime); transform: skewX(-20deg); }
.wordmark-mark span:nth-child(1) { height: 9px; opacity: .65; }
.wordmark-mark span:nth-child(2) { height: 16px; opacity: .84; }
.wordmark-mark span:nth-child(3) { height: 24px; }
.nav-center { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; color: rgba(220,225,213,.68); font-size: 9px; letter-spacing: .18em; font-weight: 600; white-space: nowrap; }
.nav-center span { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px var(--lime); animation: nav-pulse 2.6s ease-in-out infinite; }
.nav-center b { padding: 4px 6px; border: 1px solid rgba(183,255,63,.35); border-radius: 999px; color: var(--lime); font-size: 8px; font-weight: 500; letter-spacing: .04em; }
.nav-right { display: flex; align-items: center; gap: 16px; }
.auth-nav-link { position: relative; z-index: 1; min-height: 44px; display: inline-flex; align-items: center; padding: 0 4px; color: rgba(220,225,213,.8); font-size: 10px; letter-spacing: .08em; transition: color .2s ease; }
.auth-nav-link:hover { color: var(--lime); }
.nav-status { color: var(--muted); font-size: 10px; letter-spacing: .16em; }
.nav-status i, .eyebrow-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); margin-right: 8px; }
.menu-button { width: 44px; height: 44px; display: grid; place-content: center; gap: 6px; background: rgba(220,225,213,.08); border: 1px solid rgba(220,225,213,.2); border-radius: 50%; box-shadow: inset 0 1px 0 rgba(255,255,255,.12); transition: border-color .3s ease, transform .3s ease, background .3s ease, box-shadow .3s ease; }
.menu-button:hover { border-color: var(--lime); background: rgba(183,255,63,.13); transform: rotate(90deg) scale(1.05); box-shadow: 0 0 20px rgba(183,255,63,.18); }
.menu-button span { display: block; width: 13px; height: 1px; background: var(--paper); }

.hero { min-height: calc(100vh - 86px); display: grid; grid-template-columns: minmax(400px, .84fr) minmax(520px, 1.16fr); align-items: center; gap: 20px; padding-bottom: 100px; }
.hero-copy { position: relative; z-index: 4; padding: 6vh 0 0 5vw; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; letter-spacing: .17em; font-weight: 600; }
.eyebrow-dot { margin-right: 1px; width: 5px; height: 5px; }
.chalk-title { margin: 26px 0 24px; max-width: 700px; font-family: var(--chalk); font-weight: 400; font-size: clamp(68px, 7.25vw, 125px); line-height: .84; letter-spacing: -.065em; color: var(--paper); transform: rotate(-2deg); text-shadow: 1px 1px 0 rgba(255,255,255,.16), -1px 0 0 rgba(183,255,63,.12); }
.headline-accent { color: var(--lime); text-shadow: 1px 1px 0 rgba(255,255,255,.1), 0 0 22px rgba(183,255,63,.16); }
.chalk-title sup { color: var(--lime); font-family: var(--display); font-size: 13px; letter-spacing: 0; vertical-align: top; margin-left: 10px; position: relative; top: 9px; }
.chalk-title .glyph { display: inline-block; opacity: 0; transform: translateY(16px) rotate(3deg); filter: blur(5px); transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1), filter .65s ease; }
.chalk-title .glyph.is-visible { opacity: 1; transform: translateY(0) rotate(0); filter: blur(0); }
.hero-deck { max-width: 340px; color: #aeb5aa; font-size: 14px; line-height: 1.55; letter-spacing: -.01em; }
.hero-actions { display: flex; gap: 23px; align-items: center; margin-top: 31px; }
.primary-button { display: inline-flex; align-items: center; gap: 24px; padding: 14px 16px 14px 19px; color: var(--ink); background: var(--lime); border-radius: 2px; font-size: 11px; font-weight: 700; letter-spacing: .05em; transition: transform .3s ease, box-shadow .3s ease; }
.primary-button b { display: grid; place-items: center; width: 26px; height: 26px; background: rgba(11,12,10,.9); color: var(--lime); font-size: 14px; font-weight: 400; }
.primary-button:hover { transform: translateY(-4px) rotate(-1deg); box-shadow: 12px 12px 0 rgba(183,255,63,.11); }
.quiet-button { padding: 10px 0; color: var(--paper); background: transparent; font-size: 11px; letter-spacing: .06em; }
.quiet-button span { color: var(--lime); font-size: 17px; margin-left: 7px; transition: transform .3s ease; display: inline-block; }
.quiet-button:hover span { transform: translateY(4px); }
.hero-footnote { display: flex; align-items: center; gap: 13px; margin-top: 86px; color: #656c63; font-size: 9px; text-transform: uppercase; letter-spacing: .15em; }
.hero-footnote > span:first-child { color: var(--lime); }
.hero-footnote .rule { display: inline-block; width: 38px; height: 1px; background: var(--line); }

.hero-stage { position: relative; min-height: 650px; width: 100%; perspective: 1300px; transform-style: preserve-3d; isolation: isolate; }
.stage-glow { position: absolute; width: 70%; height: 55%; top: 27%; left: 17%; border-radius: 50%; background: radial-gradient(ellipse, rgba(118, 219, 52, .22), transparent 68%); filter: blur(30px); transform: translate(calc(var(--mx) * 18px), calc(var(--my) * 12px)); transition: transform .2s ease-out; }
.reference-swatch { position: absolute; inset: 18% 4% 12% 13%; border-radius: 50% 46% 53% 38%; background-image: linear-gradient(120deg, rgba(8, 10, 8, .58), rgba(8, 10, 8, .25)), url("chalk-growth.jpg"); background-size: cover; background-position: center; opacity: .2; filter: saturate(.75) contrast(1.2) blur(.2px); mix-blend-mode: screen; transform: rotate(-5deg) scale(1.05); }
.stage-caption { position: absolute; z-index: 5; display: flex; flex-direction: column; gap: 5px; font-size: 9px; letter-spacing: .15em; color: var(--muted); }
.stage-caption b { color: var(--lime); font-size: 18px; font-weight: 400; letter-spacing: -.04em; }
.stage-caption-top { top: 13%; right: 13%; text-align: right; }
.stage-caption-bottom { left: 15%; bottom: 10%; }
.stage-caption-bottom b { color: var(--paper); font-size: 28px; font-family: var(--chalk); }
.orbital-ring { position: absolute; border: 1px solid rgba(183,255,63,.28); border-radius: 50%; pointer-events: none; }
.ring-one { width: 68%; height: 20%; top: 36%; left: 16%; transform: rotate(-19deg) translate(calc(var(--mx) * -6px), calc(var(--my) * -4px)); }
.ring-two { width: 30%; height: 74%; top: 13%; left: 41%; border-color: rgba(220,225,213,.12); transform: rotate(22deg); }
.bar-scene { position: absolute; inset: 18% 12% 18% 11%; z-index: 3; transform-style: preserve-3d; transform: rotateX(calc(4deg + var(--tilt-y))) rotateY(var(--tilt-x)) rotateZ(-4deg); transition: transform .16s ease-out; }
.chart-plane { position: absolute; inset: 23% 2% 9% 2%; transform: rotateX(66deg) rotateZ(-9deg) translateZ(-18px); border: 1px solid rgba(183,255,63,.35); background: repeating-linear-gradient(90deg, transparent 0 44px, rgba(183,255,63,.12) 45px 46px), repeating-linear-gradient(0deg, transparent 0 30px, rgba(183,255,63,.13) 31px 32px), rgba(27, 47, 24, .22); box-shadow: 0 0 70px rgba(95,181,47,.16); }
.axis { position: absolute; background: var(--paper); opacity: .6; z-index: 2; }
.axis-y { left: 4%; top: 18%; width: 1px; height: 71%; }
.axis-y::after, .axis-x::after { content: ""; position: absolute; border: 4px solid transparent; border-bottom-color: var(--paper); top: -4px; left: -4px; }
.axis-y span { position: absolute; top: -21px; left: -6px; color: var(--lime); font-size: 17px; font-family: var(--chalk); }
.axis-x { left: 4%; bottom: 10%; width: 91%; height: 1px; }
.axis-x::after { transform: rotate(90deg); top: -4px; left: auto; right: -3px; border-bottom-color: var(--paper); }
.axis-x span { position: absolute; right: 0; top: 9px; color: var(--muted); font-size: 8px; letter-spacing: .14em; }
.bar { position: absolute; bottom: 10.5%; width: 12.5%; min-width: 42px; border: 1px solid rgba(238,255,220,.9); border-bottom: 0; border-radius: 1px 1px 0 0; background: linear-gradient(90deg, rgba(97,203,49,.86), rgba(183,255,63,.95) 48%, rgba(53,128,42,.9)); box-shadow: 0 0 28px rgba(183,255,63,.23), inset 11px 0 14px rgba(11,12,10,.16); transform: skewY(-10deg) translateZ(20px); transform-origin: bottom; transition: filter .25s ease, width .25s ease, transform .25s ease; animation: bar-rise 1.3s cubic-bezier(.16,1,.3,1) both; }
.bar::before { content: ""; position: absolute; top: -8px; left: 0; width: 100%; height: 8px; background: linear-gradient(135deg, #d5ff97, #72cf41); transform: skewX(-46deg); transform-origin: left bottom; border: 1px solid rgba(238,255,220,.9); border-bottom: 0; }
.bar::after { content: ""; position: absolute; top: -1px; right: -8px; width: 8px; height: 100%; background: linear-gradient(180deg, #3e913c, #23582e); transform: skewY(46deg); transform-origin: left top; border-right: 1px solid rgba(238,255,220,.4); }
.bar:hover, .bar.is-active { filter: brightness(1.2) saturate(1.18); transform: skewY(-10deg) translateZ(42px) scale(1.03); }
.bar.is-active { box-shadow: 0 0 42px rgba(183,255,63,.46), inset 11px 0 14px rgba(11,12,10,.1); }
.bar-label { position: absolute; bottom: -23px; left: 2px; color: rgba(220,225,213,.55); font-size: 8px; letter-spacing: .12em; transform: skewY(10deg); }
.bar-1 { left: 12%; height: 23%; animation-delay: .15s; }
.bar-2 { left: 29%; height: 37%; animation-delay: .28s; }
.bar-3 { left: 46%; height: 51%; animation-delay: .41s; }
.bar-4 { left: 63%; height: 65%; animation-delay: .54s; }
.bar-5 { left: 80%; height: 79%; animation-delay: .67s; }
.chart-line { position: absolute; z-index: 4; left: 9%; bottom: 26%; width: 85%; height: 1px; background: var(--lime); box-shadow: 0 0 13px var(--lime); transform: rotate(-10deg); transform-origin: left; opacity: .85; }
.chart-line::after { content: ""; position: absolute; right: -1px; top: -4px; border-left: 8px solid var(--lime); border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.chart-line span { position: absolute; width: 5px; height: 5px; top: -2px; border: 1px solid var(--ink); background: var(--lime); border-radius: 50%; }
.chart-line span:nth-child(1) { left: 15%; }.chart-line span:nth-child(2) { left: 34%; }.chart-line span:nth-child(3) { left: 53%; }.chart-line span:nth-child(4) { left: 72%; }
.signal-card { position: absolute; z-index: 7; width: 204px; min-height: 178px; right: 3%; bottom: 17%; padding: 17px 18px 15px; border: 1px solid rgba(220,225,213,.22); border-radius: 4px; background: linear-gradient(145deg, rgba(42,53,39,.72), rgba(14,18,13,.86)); box-shadow: 18px 18px 0 rgba(0,0,0,.16), 0 20px 60px rgba(0,0,0,.24); backdrop-filter: blur(20px); transform: translate3d(calc(var(--mx) * -20px), calc(var(--my) * -14px), 80px) rotate(4deg); transition: transform .2s ease-out, border-color .3s ease; }
.signal-card:hover { border-color: var(--lime); }
.signal-card-top, .signal-card-meta { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 8px; letter-spacing: .14em; }
.signal-card-top button { color: var(--lime); background: transparent; font-size: 19px; line-height: 1; transition: transform .4s ease; }.signal-card-top button:hover { transform: rotate(180deg); }
.signal-card-value { margin: 20px 0 3px; color: var(--paper); font-size: 42px; letter-spacing: -.08em; font-weight: 300; }
.signal-card-meta { color: var(--lime); }.live-dot::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--lime); margin: 0 5px 1px 0; box-shadow: 0 0 8px var(--lime); }
.signal-card p { margin: 14px 0 12px; color: #a7b09f; font-size: 10px; line-height: 1.45; }
.signal-spark { height: 23px; display: flex; align-items: end; gap: 3px; border-bottom: 1px solid rgba(220,225,213,.18); }.signal-spark span { flex: 1; background: var(--lime); opacity: .8; }.signal-spark span:nth-child(1){height:20%}.signal-spark span:nth-child(2){height:32%}.signal-spark span:nth-child(3){height:28%}.signal-spark span:nth-child(4){height:44%}.signal-spark span:nth-child(5){height:38%}.signal-spark span:nth-child(6){height:62%}.signal-spark span:nth-child(7){height:49%}.signal-spark span:nth-child(8){height:77%}.signal-spark span:nth-child(9){height:71%}.signal-spark span:nth-child(10){height:86%}.signal-spark span:nth-child(11){height:74%}.signal-spark span:nth-child(12){height:100%}
.floating-note { position: absolute; z-index: 6; font-family: var(--chalk); color: rgba(220,225,213,.7); font-size: 17px; line-height: .8; transform: rotate(-11deg); }.floating-note b { color: var(--lime); font-weight: 400; }.note-one { top: 27%; left: 8%; }.note-two { right: 1%; top: 31%; color: var(--orange); transform: rotate(12deg); }

.signal-section { padding: 112px 5vw 135px; border-top: 1px solid var(--line); position: relative; }.section-kicker { gap: 13px; }.section-kicker > span:first-child { color: var(--lime); }.section-line { width: 48px; height: 1px; background: var(--line); }
.signal-heading-wrap { display: flex; align-items: end; justify-content: space-between; gap: 50px; padding: 62px 0 88px; }.signal-heading-wrap h2, .principles-intro h2 { margin: 0; max-width: 800px; font-size: clamp(54px, 7vw, 110px); line-height: .85; letter-spacing: -.085em; font-weight: 300; }.signal-heading-wrap h2 em { color: var(--lime); font-style: normal; font-family: var(--chalk); font-weight: 400; letter-spacing: -.05em; }.signal-heading-wrap p { max-width: 225px; margin: 0 8% 5px 0; color: #92998f; font-size: 13px; line-height: 1.55; }
.signal-ribbon { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.signal-ribbon > div { min-height: 134px; display: grid; grid-template-columns: 36px 1fr; grid-template-rows: 1fr 1fr; align-items: center; border-right: 1px solid var(--line); padding: 22px 26px; }.signal-ribbon > div:last-child { border-right: 0; }.ribbon-index { grid-row: span 2; align-self: start; color: var(--lime); font-family: var(--chalk); font-size: 23px; }.signal-ribbon strong { align-self: end; font-size: 12px; letter-spacing: .1em; }.signal-ribbon small { align-self: start; color: var(--muted); font-size: 11px; margin-top: 8px; }

.journey-section { position: relative; padding: 128px 5vw 132px; border-top: 1px solid var(--line); overflow: hidden; background: linear-gradient(180deg, #0b0c0a 0%, #121810 100%); }
.journey-heading-wrap { display: flex; align-items: end; justify-content: space-between; gap: 50px; padding: 58px 0 76px; }
.journey-heading-wrap h2, .network-copy h2 { margin: 0; font-size: clamp(54px, 6.5vw, 104px); line-height: .86; letter-spacing: -.09em; font-weight: 300; }
.journey-heading-wrap h2 em, .network-copy h2 em { color: var(--lime); font-style: normal; font-family: var(--chalk); font-weight: 400; }
.journey-heading-wrap p { max-width: 320px; margin: 0 9% 7px 0; color: #92998f; font-size: 13px; line-height: 1.55; }
.journey-stamp { width: 112px; height: 112px; display: flex; flex-direction: column; justify-content: space-between; padding: 13px; border: 1px solid var(--lime); border-radius: 50%; color: var(--lime); transform: rotate(11deg); flex: 0 0 auto; }
.journey-stamp span { font-size: 8px; letter-spacing: .14em; }.journey-stamp strong { font-family: var(--chalk); font-size: 15px; line-height: .8; font-weight: 400; }.journey-stamp b { align-self: end; font-size: 17px; font-weight: 400; }
.journey-track { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; padding: 30px 0 15px; border-top: 1px solid rgba(183,255,63,.4); }
.journey-track::before { content: ""; position: absolute; top: 29px; left: 0; right: 0; height: 1px; background: var(--line); }
.journey-step { position: relative; min-height: 197px; padding: 0 18px 0 0; border-right: 1px solid var(--line); margin-right: 18px; transition: transform .35s ease, color .35s ease; }.journey-step:last-child { border-right: 0; margin-right: 0; }.journey-step:hover { transform: translateY(-7px); }.journey-step:hover h3 { color: var(--lime); }
.step-index { display: block; color: var(--muted); font-size: 9px; letter-spacing: .14em; }.step-node { position: relative; z-index: 1; width: 10px; height: 10px; margin: 14px 0 25px; border: 1px solid var(--lime); border-radius: 50%; background: var(--ink); box-shadow: 0 0 0 5px var(--ink); }.is-current .step-node { background: var(--lime); box-shadow: 0 0 0 5px var(--ink), 0 0 17px var(--lime); }.journey-step h3 { margin: 0 0 12px; max-width: 125px; font-size: 20px; line-height: .92; letter-spacing: -.06em; font-weight: 400; }.journey-step p { max-width: 135px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }.journey-step small { position: absolute; bottom: 0; color: var(--lime); font-size: 7px; letter-spacing: .13em; }
.journey-support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 67px; }.journey-support-grid > div { display: grid; grid-template-columns: 34px 1fr; grid-template-rows: 1fr 1fr; min-height: 82px; align-items: center; padding: 14px 17px; border: 1px solid var(--line); background: rgba(220,225,213,.035); }.support-icon { grid-row: span 2; color: var(--lime); font-size: 28px; font-family: var(--chalk); }.journey-support-grid strong { align-self: end; font-size: 10px; letter-spacing: .08em; }.journey-support-grid small { align-self: start; color: var(--muted); font-size: 10px; margin-top: 5px; }

.network-section { position: relative; min-height: 700px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 30px; align-items: center; padding: 122px 5vw 140px; border-top: 1px solid var(--line); background: #090a08; overflow: hidden; }.network-copy { position: relative; z-index: 3; }.network-copy h2 { margin-top: 57px; }.network-copy p { max-width: 305px; margin: 34px 0 30px; color: #92998f; font-size: 13px; line-height: 1.6; }.network-button { margin-top: 2px; }.network-map { position: relative; width: min(580px, 100%); aspect-ratio: 1 / .86; justify-self: end; transform: translate(calc(var(--mx) * -14px), calc(var(--my) * -10px)); transition: transform .2s ease-out; }.network-orbit { position: absolute; border: 1px solid rgba(183,255,63,.17); border-radius: 50%; pointer-events: none; }.orbit-a { width: 58%; height: 25%; right: 9%; top: 30%; transform: rotate(-27deg); }.orbit-b { width: 37%; height: 76%; right: 21%; top: 8%; transform: rotate(38deg); border-color: rgba(220,225,213,.1); }
.network-center { position: absolute; z-index: 4; top: 43%; left: 49%; width: 106px; height: 106px; display: grid; place-content: center; text-align: center; border: 1px solid var(--lime); border-radius: 50%; background: rgba(11,12,10,.86); box-shadow: 0 0 40px rgba(183,255,63,.18); transform: translate(-50%, -50%); }.network-center span { color: var(--lime); font-family: var(--chalk); font-size: 32px; line-height: .8; }.network-center small { margin-top: 8px; color: var(--muted); font-size: 7px; letter-spacing: .12em; }
.network-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }.network-lines path { fill: none; stroke: rgba(183,255,63,.42); stroke-width: 1; stroke-dasharray: 5 7; }
.network-node { position: absolute; z-index: 5; display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid rgba(220,225,213,.5); border-radius: 50%; background: #151b13; color: var(--paper); box-shadow: 0 0 25px rgba(183,255,63,.09); transition: transform .3s ease, color .3s ease, border-color .3s ease; }.network-node:hover { color: var(--lime); border-color: var(--lime); transform: scale(1.15); }.network-node b { font-family: var(--chalk); font-size: 24px; font-weight: 400; }.network-node span { position: absolute; top: 67px; white-space: nowrap; color: var(--muted); font-size: 7px; letter-spacing: .13em; }.node-a { top: 6%; left: 12%; }.node-b { top: 10%; right: 7%; }.node-c { bottom: 4%; left: 14%; }.node-d { bottom: 8%; right: 9%; }.node-e { top: 0; left: 48%; }.network-free { position: absolute; right: 1%; bottom: 0; color: var(--orange); transform: rotate(-8deg); }.network-free span { display: block; font-family: var(--chalk); font-size: 29px; line-height: .75; }.network-free small { display: block; margin-top: 8px; color: var(--muted); font-size: 7px; letter-spacing: .12em; line-height: 1.4; }

.principles { display: grid; grid-template-columns: .65fr 1.35fr; gap: 70px; padding: 96px 5vw 135px; background: #10120f; margin: 0 -44px; padding-left: calc(5vw + 44px); padding-right: calc(5vw + 44px); }.principles-intro { padding-top: 13px; }.principles-intro h2 { margin-top: 60px; font-size: clamp(46px, 5vw, 78px); }.principles-intro h2 span { color: var(--lime); font-family: var(--chalk); font-weight: 400; }.principles-intro p { max-width: 210px; color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 28px; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.principle-card { min-height: 380px; position: relative; padding: 22px 21px; border-radius: 2px; overflow: hidden; transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease; }.principle-card:hover { transform: translateY(-10px) rotate(-1deg); box-shadow: 16px 20px 0 rgba(0,0,0,.14); }.principle-card-lime { color: var(--ink); background: var(--lime); }.principle-card-dark { border: 1px solid rgba(220,225,213,.17); background: #1a1e18; }.principle-card-orange { color: var(--ink); background: var(--orange); }.card-number { font-size: 9px; letter-spacing: .13em; opacity: .6; }.card-icon { position: absolute; top: 84px; right: 24px; display: flex; align-items: end; gap: 5px; height: 58px; }.card-icon i { display: block; width: 8px; background: currentColor; transform: skewX(-15deg); }.icon-people i:nth-child(1){height:18px}.icon-people i:nth-child(2){height:36px}.icon-people i:nth-child(3){height:58px}.icon-capital i:nth-child(1){height:21px}.icon-capital i:nth-child(2){height:43px}.icon-capital i:nth-child(3){height:31px}.icon-capital i:nth-child(4){height:53px}.icon-momentum i:nth-child(1){height:16px}.icon-momentum i:nth-child(2){height:39px}.icon-momentum i:nth-child(3){height:63px}.principle-card h3 { position: absolute; left: 21px; bottom: 72px; margin: 0; font-size: 28px; line-height: .9; letter-spacing: -.08em; font-weight: 400; }.principle-card p { position: absolute; left: 21px; right: 21px; bottom: 21px; margin: 0; font-size: 10px; line-height: 1.45; opacity: .64; }.card-arrow { position: absolute; right: 21px; bottom: 70px; font-size: 20px; }
.site-footer { min-height: 88px; display: flex; align-items: center; justify-content: space-between; color: #656c63; font-size: 9px; letter-spacing: .13em; border-top: 1px solid var(--line); }.footer-mark { color: var(--paper); }.footer-mark b { color: var(--lime); font-size: 15px; margin-left: 7px; }

@keyframes bar-rise { from { transform: skewY(-10deg) scaleY(0); opacity: 0; } to { transform: skewY(-10deg) scaleY(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } .cursor-orb { display: none; } }
@media (max-width: 1050px) { .page-shell { padding: 0 28px; }.hero { grid-template-columns: 1fr; padding-top: 28px; }.hero-copy { padding-left: 3vw; }.hero-stage { min-height: 570px; margin-top: -30px; }.principles { margin: 0 -28px; padding-left: calc(5vw + 28px); padding-right: calc(5vw + 28px); }.principles { grid-template-columns: 1fr; gap: 56px; }.principles-intro h2 { margin-top: 35px; }.principles-intro p { max-width: 300px; } }
@media (max-width: 650px) { .page-shell { padding: 0 17px; }.site-nav { height: 82px; }.nav-status { display: none; }.hero { min-height: auto; padding-bottom: 60px; }.hero-copy { padding: 20px 4vw 0; }.chalk-title { font-size: clamp(57px, 16vw, 90px); margin-top: 25px; }.hero-deck { max-width: 295px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 11px; }.hero-footnote { margin-top: 57px; gap: 9px; font-size: 8px; }.hero-footnote span:nth-last-child(1) { display: none; }.hero-stage { min-height: 480px; margin: -3px -10px 0; transform: scale(.92); transform-origin: center top; }.reference-swatch { inset: 18% 0 12% 8%; }.signal-card { right: 0; bottom: 15%; transform: translate3d(calc(var(--mx) * -8px), calc(var(--my) * -6px), 80px) rotate(4deg) scale(.86); }.floating-note { font-size: 14px; }.note-two { right: 2%; top: 27%; }.stage-caption-top { right: 10%; top: 10%; }.signal-section { padding: 80px 4vw 100px; }.signal-heading-wrap { display: block; padding: 48px 0 60px; }.signal-heading-wrap h2 { font-size: clamp(52px, 15vw, 82px); }.signal-heading-wrap p { margin: 35px 0 0; max-width: 260px; }.signal-ribbon { grid-template-columns: 1fr; }.signal-ribbon > div { min-height: 94px; border-right: 0; border-bottom: 1px solid var(--line); }.signal-ribbon > div:last-child { border-bottom: 0; }.journey-section, .network-section { padding: 80px 4vw 96px; }.journey-heading-wrap { display: block; padding: 48px 0 60px; }.journey-heading-wrap h2, .network-copy h2 { font-size: clamp(52px, 15vw, 82px); }.journey-heading-wrap p { margin: 32px 0 0; max-width: 280px; }.journey-stamp { margin-top: 37px; }.journey-track { grid-template-columns: 1fr; gap: 20px; padding: 20px 0; border-top: 0; }.journey-track::before { top: 0; bottom: 0; left: 4px; width: 1px; height: auto; }.journey-step { min-height: 98px; padding: 0 0 0 35px; border-right: 0; border-bottom: 1px solid var(--line); margin: 0; }.journey-step:last-child { border-bottom: 0; }.step-node { position: absolute; left: 0; top: 0; margin: 23px 0 0; }.journey-step h3 { margin: 11px 0 8px; max-width: none; font-size: 24px; }.journey-step p { max-width: 260px; }.journey-step small { right: 0; bottom: 15px; }.journey-support-grid { grid-template-columns: 1fr; margin-top: 37px; }.network-section { grid-template-columns: 1fr; gap: 40px; }.network-copy p { max-width: 280px; }.network-map { width: 112%; margin-left: -6%; }.network-node { transform: scale(.82); }.network-node:hover { transform: scale(.92); }.network-free { right: 0; }.principles { margin: 0 -17px; padding: 76px 4vw 100px; }.principle-grid { grid-template-columns: 1fr; gap: 10px; }.principle-card { min-height: 300px; }.site-footer { min-height: 110px; flex-wrap: wrap; gap: 10px; padding: 22px 4vw; }.site-footer span:nth-child(3) { width: 100%; }.cursor-orb { display: none; } }

.will-reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); }
.will-reveal.is-revealed { opacity: 1; transform: translateY(0); }
.signal-ribbon > div:nth-child(2), .principle-card:nth-child(2) { transition-delay: .08s; }
.signal-ribbon > div:nth-child(3), .principle-card:nth-child(3) { transition-delay: .16s; }
.focus-mode .stage-glow { opacity: .65; filter: blur(44px); }
.focus-mode .reference-swatch { opacity: .1; }
.focus-mode .bar-scene { filter: saturate(1.35) contrast(1.08); }

/* Revenue lift graph and enhanced motion layer */
.lift-section { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; padding: 118px 5vw 132px; border-top: 1px solid var(--line); background: #10120f; overflow: hidden; }
.lift-copy { position: relative; z-index: 2; }
.lift-copy h2 { margin: 57px 0 0; max-width: 470px; font-size: clamp(50px, 6vw, 92px); line-height: .86; letter-spacing: -.09em; font-weight: 300; }
.lift-copy h2 em { color: var(--lime); font-family: var(--chalk); font-style: normal; font-weight: 400; }
.lift-copy p { max-width: 285px; margin: 33px 0 0; color: #92998f; font-size: 13px; line-height: 1.6; }
.lift-proof { margin-top: 28px; color: var(--lime); font-size: 9px; letter-spacing: .15em; }
.lift-proof b { display: inline-block; margin-left: 8px; color: var(--paper); font-size: 20px; letter-spacing: -.06em; font-weight: 300; }
.lift-chart { position: relative; min-height: 390px; padding: 27px 29px 31px 49px; border: 1px solid rgba(220,225,213,.19); background: linear-gradient(145deg, rgba(39,50,35,.5), rgba(9,11,9,.8)); box-shadow: 20px 20px 0 rgba(0,0,0,.12); }
.lift-chart::before { content: "REVENUE / INDEXED"; position: absolute; top: 18px; left: 20px; color: var(--muted); font-size: 8px; letter-spacing: .15em; }
.lift-chart::after { content: "after joining MDI"; position: absolute; top: 18px; right: 20px; color: var(--lime); font-family: var(--chalk); font-size: 15px; transform: rotate(-5deg); }
.chart-grid { position: absolute; inset: 64px 29px 72px 49px; background: repeating-linear-gradient(0deg, transparent 0 46px, rgba(220,225,213,.12) 47px 48px), repeating-linear-gradient(90deg, transparent 0 67px, rgba(220,225,213,.06) 68px 69px); }
.chart-y-labels { position: absolute; top: 64px; bottom: 72px; left: 20px; display: flex; flex-direction: column; justify-content: space-between; color: var(--muted); font-size: 8px; }
.chart-bars { position: absolute; left: 49px; right: 29px; bottom: 72px; height: 235px; display: flex; align-items: end; justify-content: space-between; gap: 8px; border-bottom: 1px solid rgba(220,225,213,.42); }
.revenue-bar { position: relative; width: 8%; min-width: 22px; height: var(--bar-height); transform-origin: bottom; background: linear-gradient(180deg, rgba(104,151,70,.86), rgba(52,87,45,.64)); animation: revenue-rise 1.1s cubic-bezier(.16,1,.3,1) both; animation-delay: var(--bar-delay); }
.revenue-bar::after { content: attr(data-label); position: absolute; top: calc(100% + 14px); left: 50%; color: var(--muted); font-size: 7px; letter-spacing: .08em; transform: translateX(-50%); white-space: nowrap; }
.revenue-bar.is-lift { background: linear-gradient(180deg, var(--lime), #72c83d); box-shadow: 0 0 25px rgba(183,255,63,.43); }
.revenue-bar.is-lift::before { content: attr(data-value); position: absolute; top: -23px; left: 50%; color: var(--lime); font-size: 9px; transform: translateX(-50%); white-space: nowrap; }
.revenue-line { position: absolute; z-index: 2; left: 48px; right: 27px; bottom: 143px; height: 2px; background: var(--lime); box-shadow: 0 0 12px var(--lime); transform: rotate(-10deg); transform-origin: left; opacity: .85; }
.revenue-line::after { content: ""; position: absolute; right: -2px; top: -5px; border-left: 9px solid var(--lime); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.lift-divider { position: absolute; z-index: 3; left: 58%; top: 64px; bottom: 72px; border-left: 1px dashed rgba(255,122,56,.8); }
.lift-divider span { position: absolute; top: 9px; left: 10px; color: var(--orange); font-family: var(--chalk); font-size: 14px; white-space: nowrap; transform: rotate(-7deg); }
.chart-legend { position: absolute; left: 49px; bottom: 22px; display: flex; gap: 18px; color: var(--muted); font-size: 8px; letter-spacing: .08em; }
.chart-legend i { display: inline-block; width: 8px; height: 8px; margin-right: 5px; background: #507c43; }
.chart-legend i.lime-key { background: var(--lime); }
.heading-reveal .heading-word { display: inline-block; opacity: 0; transform: translateY(24px) rotate(2deg); filter: blur(5px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1), filter .7s ease; transition-delay: calc(var(--word-index, 0) * 55ms); }
.heading-reveal.heading-revealed .heading-word { opacity: 1; transform: translateY(0) rotate(0); filter: blur(0); }
.network-section .network-node { animation: node-breathe 3.2s ease-in-out infinite; }
.network-section .network-node:nth-of-type(3) { animation-delay: .25s; }.network-section .network-node:nth-of-type(4) { animation-delay: .5s; }.network-section .network-node:nth-of-type(5) { animation-delay: .75s; }.network-section .network-node:nth-of-type(6) { animation-delay: 1s; }.network-section .network-node:nth-of-type(7) { animation-delay: 1.25s; }
.network-lines path { stroke-dashoffset: 0; animation: network-flow 8s linear infinite; }.network-lines path:nth-child(2) { animation-direction: reverse; animation-duration: 6s; }.network-center { animation: center-pulse 4s ease-in-out infinite; }
@keyframes revenue-rise { from { transform: scaleY(0); opacity: 0; } to { transform: scaleY(1); opacity: 1; } }
@keyframes network-flow { to { stroke-dashoffset: -120; } }
@keyframes node-breathe { 0%, 100% { box-shadow: 0 0 25px rgba(183,255,63,.09); } 50% { box-shadow: 0 0 38px rgba(183,255,63,.3); } }
@keyframes center-pulse { 0%, 100% { box-shadow: 0 0 40px rgba(183,255,63,.18); } 50% { box-shadow: 0 0 75px rgba(183,255,63,.38); } }
@media (max-width: 650px) { .lift-section { grid-template-columns: 1fr; gap: 42px; padding: 80px 4vw 96px; }.lift-copy h2 { font-size: clamp(52px, 15vw, 82px); }.lift-copy p { max-width: 285px; }.lift-chart { min-height: 330px; transform: scale(.96); transform-origin: left center; }.chart-bars { height: 193px; }.revenue-bar { min-width: 15px; }.revenue-bar::after { font-size: 6px; }.chart-legend { gap: 8px; font-size: 6px; } }
@media (prefers-reduced-motion: reduce) { .revenue-bar, .network-section .network-node, .network-lines path, .network-center { animation: none; } .heading-reveal .heading-word { opacity: 1; transform: none; filter: none; } }

/* Rounded iOS 27 navigation finish */
@keyframes nav-pulse { 0%, 100% { opacity: .7; transform: scale(.85); box-shadow: 0 0 7px var(--lime); } 50% { opacity: 1; transform: scale(1.15); box-shadow: 0 0 18px var(--lime); } }
@media (max-width: 650px) {
  .site-nav { top: 9px; height: 74px; padding: 0 2px; }
  .nav-pill { min-height: 57px; padding: 7px 7px 7px 14px; gap: 10px; }
  .wordmark { gap: 8px; font-size: 9px; }
  .wordmark-mark { height: 20px; }
  .wordmark-mark span:nth-child(1) { height: 7px; }.wordmark-mark span:nth-child(2) { height: 13px; }.wordmark-mark span:nth-child(3) { height: 20px; }
  .nav-center { display: none; }
  .nav-right { gap: 7px; }
  .auth-nav-link { min-height: 40px; font-size: 8px; letter-spacing: .04em; }
  .nav-status { display: inline; font-size: 8px; letter-spacing: .1em; }
  .menu-button { width: 40px; height: 40px; }
  .hero { min-height: auto; }
}
@media (prefers-reduced-motion: reduce) { .nav-center span { animation: none; } }

/* Home refresh: show the founder workspace with clear product workflows. */
:root { --chalk: var(--display); }
body { cursor: auto; }
.cursor-orb { display: none; }
.site-nav { height: 96px; top: 10px; align-items: flex-start; }
.nav-pill { width: min(1180px, 100%); min-height: 68px; padding: 8px 11px 8px 22px; }
.nav-center { font-size: 10px; letter-spacing: .12em; }
.nav-center b { display: none; }
.nav-right { gap: 18px; }
.nav-status { color: #aeb5aa; font-size: 10px; }
.site-menu { position: absolute; z-index: 25; top: 76px; right: max(8px, calc((100% - 1180px) / 2)); width: min(300px, calc(100vw - 34px)); padding: 10px; border: 1px solid rgba(220,225,213,.2); border-radius: 20px; background: rgba(16,19,15,.96); box-shadow: 0 24px 60px rgba(0,0,0,.45); backdrop-filter: blur(24px); }
.site-menu[hidden] { display: none; }
.site-menu a { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 14px; border-radius: 12px; color: #dce1d5; font-size: 14px; }
.site-menu a:hover, .site-menu a:focus-visible { background: rgba(183,255,63,.1); color: var(--lime); }
.site-menu a:last-child { margin-top: 6px; background: var(--lime); color: #10120f; font-weight: 700; }
.menu-button[aria-expanded="true"] { border-color: var(--lime); background: rgba(183,255,63,.14); }
.hero { min-height: min(820px, calc(100svh - 90px)); grid-template-columns: minmax(360px, .88fr) minmax(520px, 1.12fr); gap: clamp(28px, 5vw, 76px); padding: 15px 3vw 92px; }
.hero-copy { padding: 0; }
.eyebrow { display: flex; align-items: center; gap: 11px; color: #b8c0b1; font-size: 11px; letter-spacing: .14em; }
.chalk-title { margin: 28px 0 25px; max-width: 660px; font-family: var(--display); font-size: clamp(64px, 7.4vw, 104px); line-height: .91; letter-spacing: -.075em; font-weight: 450; transform: none; text-shadow: none; }
.chalk-title .headline-accent { color: var(--lime); font-family: inherit; font-style: normal; font-weight: 450; }
.hero-deck { max-width: 450px; color: #c2c8bc; font-size: 17px; line-height: 1.65; }
.hero-actions { gap: 26px; margin-top: 32px; }
.primary-button { min-height: 54px; align-items: center; gap: 25px; padding: 10px 12px 10px 20px; border-radius: 14px; font-size: 14px; letter-spacing: 0; box-shadow: 0 9px 32px rgba(183,255,63,.12); }
.primary-button b { width: 32px; height: 32px; border-radius: 10px; }
.quiet-button { min-height: 44px; color: #dce1d5; font-size: 14px; }
.hero-footnote { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 45px; color: #c0c7b9; font-size: 12px; letter-spacing: .01em; }
.hero-footnote .hero-check { color: var(--lime); font-size: 14px; margin-left: 8px; }
.hero-footnote .hero-check:first-child { margin-left: 0; }
.workspace-stage { min-height: 550px; display: grid; place-items: center; perspective: none; transform: none; }
.workspace-stage { align-content: end; padding-top: 94px; min-height: 650px; }
.workspace-callout { position: absolute; z-index: 4; top: 4px; left: 7%; color: #e5eadf; font-family: var(--chalk); font-size: 21px; font-style: italic; transform: rotate(-4deg); }
.workspace-callout::after { content: ""; position: absolute; inset: -8px -13px -7px -11px; border: 1px solid rgba(183,255,63,.65); border-radius: 48% 52% 46% 54%; transform: rotate(2deg); }
.workspace-callout svg { position: absolute; top: 14px; left: calc(100% + 8px); width: 132px; height: 88px; overflow: visible; fill: none; stroke: var(--lime); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
.workspace-callout svg path:nth-child(2) { opacity: .55; stroke-width: 1.2; transform: translate(2px, 2px); }
.workspace-glow { position: absolute; width: 78%; height: 70%; border-radius: 50%; background: rgba(116,174,54,.18); filter: blur(90px); }
.workspace-preview { position: relative; z-index: 2; width: min(100%, 700px); padding: 23px 26px 19px; border: 1px solid rgba(220,225,213,.23); border-radius: 25px; background: linear-gradient(145deg, rgba(35,43,32,.96), rgba(14,17,13,.98) 70%); box-shadow: 0 35px 100px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.1); transform: rotateY(-4deg) rotateX(1deg); }
.preview-topbar { display: flex; justify-content: space-between; align-items: center; padding-bottom: 19px; border-bottom: 1px solid rgba(220,225,213,.12); }
.preview-brand { display: flex; align-items: center; gap: 10px; color: #dce1d5; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.preview-brand small { display: block; margin-top: 4px; color: #9ba494; font-size: 12px; font-weight: 400; letter-spacing: 0; }
.preview-mark { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(183,255,63,.35); border-radius: 10px; color: var(--lime); font-size: 16px; }
.preview-avatars { display: flex; padding-left: 7px; }
.preview-avatars i { display: grid; place-items: center; width: 30px; height: 30px; margin-left: -7px; border: 2px solid #171a15; border-radius: 50%; background: #526342; color: white; font-size: 10px; font-style: normal; }
.preview-avatars i:nth-child(2) { background: #8b654b; }.preview-avatars i:nth-child(3) { background: #303b2c; color: var(--lime); }
.preview-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 28px 2px 20px; }
.preview-kicker, .preview-section-title { color: #a8b19e; font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.preview-heading h2 { margin: 8px 0 5px; color: #f1f4ed; font-size: clamp(25px, 3vw, 34px); line-height: 1.05; letter-spacing: -.055em; font-weight: 500; }
.preview-heading p { margin: 0; color: #aab1a4; font-size: 13px; }
.preview-status { display: flex; align-items: center; gap: 7px; margin-top: 6px; padding: 8px 11px; border: 1px solid rgba(183,255,63,.18); border-radius: 999px; color: #d1ebae; font-size: 9px; white-space: nowrap; }
.preview-status i, .preview-footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 9px rgba(183,255,63,.65); }
.preview-tabs { display: flex; gap: 24px; padding: 0 2px; border-bottom: 1px solid rgba(220,225,213,.12); }
.preview-tabs button { min-height: 40px; padding: 0 1px 11px; border-bottom: 2px solid transparent; background: transparent; color: #aab2a3; font-size: 12px; cursor: pointer; }
.preview-tabs button:hover { color: #eff3e9; }
.preview-tabs button.is-selected { border-bottom-color: var(--lime); color: #eff3e9; }
.preview-content { display: grid; grid-template-columns: 1.4fr .85fr; gap: 17px; padding: 20px 0; }
.preview-content[data-view="tasks"] { grid-template-columns: 1fr; }
.preview-content[data-view="tasks"] .preview-meeting, .preview-content[data-view="meetings"] .preview-tasks { display: none; }
.preview-content[data-view="meetings"] { grid-template-columns: 1fr; }
.preview-content[data-view="meetings"] .preview-meeting { min-height: 220px; }
.preview-tasks { min-width: 0; }
.preview-section-title { display: flex; justify-content: space-between; padding: 1px 0 10px; font-size: 9px; }
.preview-section-title span { color: #788171; font-size: 9px; }
.preview-task { display: flex; align-items: center; gap: 10px; min-height: 60px; border-top: 1px solid rgba(220,225,213,.09); color: #e3e8dd; font-size: 12px; }
.task-check { display: grid; place-items: center; flex: 0 0 17px; width: 17px; height: 17px; padding: 0; border: 1px solid #697260; border-radius: 5px; background: transparent; color: #11150f; font-size: 10px; font-style: normal; cursor: pointer; }
.task-check.is-done { border-color: var(--lime); background: var(--lime); }
.preview-task span { min-width: 0; flex: 1; }
.preview-task small { display: block; margin-top: 4px; color: #939b8d; font-size: 10px; }
.preview-task b { color: #aeba9f; font-size: 8px; letter-spacing: .06em; white-space: nowrap; }
.preview-meeting { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; padding: 14px; border: 1px solid rgba(220,225,213,.12); border-radius: 15px; background: rgba(220,225,213,.035); }
.meeting-date { display: flex; flex-direction: column; align-items: center; margin: 12px 0 9px; padding: 6px 11px; border-radius: 8px; background: rgba(183,255,63,.1); color: var(--lime); }
.meeting-date b { font-size: 8px; letter-spacing: .12em; }.meeting-date strong { margin-top: 1px; font-size: 20px; line-height: 1; }
.preview-meeting h3 { margin: 0; color: #edf1e8; font-size: 13px; font-weight: 600; }
.preview-meeting p { margin: 6px 0 12px; color: #abb2a5; font-size: 11px; }
.meeting-link { margin-top: auto; color: var(--lime); font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.preview-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 14px; border-top: 1px solid rgba(220,225,213,.12); color: #8e9786; font-size: 8px; letter-spacing: .1em; }
.preview-footer span:first-child { display: flex; align-items: center; gap: 7px; }
.workspace-orbit-label { position: absolute; z-index: 3; padding: 10px 13px; border: 1px solid rgba(220,225,213,.2); border-radius: 999px; background: rgba(16,19,15,.86); color: #dce1d5; font-size: 9px; letter-spacing: .12em; box-shadow: 0 12px 30px rgba(0,0,0,.24); }
.workspace-orbit-label span { color: var(--lime); }.orbit-label-one { top: 14%; left: -2%; }.orbit-label-two { bottom: 13%; right: -2%; }
.network-section > .network-orbit { display: none; }
.network-map { width: min(580px, 100%); aspect-ratio: 1 / .86; overflow: hidden; border: 1px solid rgba(220,225,213,.16); border-radius: 28px; background: radial-gradient(ellipse at 50% 48%, rgba(110,155,72,.13), transparent 55%), linear-gradient(145deg, rgba(25,31,22,.78), rgba(9,11,9,.9)); box-shadow: 0 26px 75px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08); }
.network-lines path { stroke: rgba(183,255,63,.3); stroke-width: 1.2; stroke-dasharray: 3 8; }
.network-center { width: 118px; height: 118px; background: linear-gradient(145deg, #242c20, #10130f); box-shadow: 0 0 0 10px rgba(183,255,63,.035), 0 0 45px rgba(183,255,63,.18); }
.network-center span { font-family: var(--display); font-size: 31px; font-weight: 650; letter-spacing: -.06em; }
.network-center small { color: #aeb9a4; font-size: 8px; letter-spacing: .1em; }
.network-node { width: 70px; height: 70px; border-color: rgba(220,225,213,.35); background: linear-gradient(145deg, rgba(36,44,34,.97), rgba(18,22,17,.97)); box-shadow: 0 10px 26px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08); }
.network-node b { font-family: var(--display); font-size: 22px; font-weight: 550; }
.network-node span { top: auto; bottom: -21px; color: #c1c9b9; font-size: 8px; font-weight: 650; letter-spacing: .09em; }
.node-a { top: 13%; left: 12%; }.node-b { top: 17%; right: 11%; }.node-c { bottom: 14%; left: 13%; }.node-d { bottom: 14%; right: 11%; }.node-e { top: 8%; left: 48%; }
.network-free { display: none; }
.pricing-section { padding: 112px 5vw 124px; border-top: 1px solid var(--line); background: #0c0e0b; }
.pricing-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding: 45px 0 38px; }
.pricing-intro h2 { margin: 0; color: var(--paper); font-size: clamp(48px, 6vw, 78px); line-height: .94; letter-spacing: -.075em; font-weight: 400; }
.pricing-intro h2 em { color: var(--lime); font-style: normal; }
.pricing-intro p { max-width: 430px; margin: 18px 0 0; color: #b6beb0; font-size: 14px; line-height: 1.6; }
.pricing-draft { margin-bottom: 8px; padding: 10px 13px; border: 1px solid rgba(183,255,63,.26); border-radius: 99px; color: #d8e6c9; font-size: 9px; font-weight: 700; letter-spacing: .1em; white-space: nowrap; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.price-card { position: relative; display: flex; flex-direction: column; min-height: 390px; padding: 24px; border: 1px solid rgba(220,225,213,.15); border-radius: 20px; background: linear-gradient(150deg, rgba(220,225,213,.06), rgba(220,225,213,.018)); }
.price-card-featured { border-color: rgba(183,255,63,.58); background: radial-gradient(ellipse at 70% 0, rgba(183,255,63,.11), transparent 50%), linear-gradient(150deg, rgba(39,50,33,.7), rgba(14,17,13,.94)); box-shadow: 0 20px 55px rgba(0,0,0,.2); }
.price-card-featured::before { content: "RECOMMENDED"; position: absolute; top: -11px; right: 21px; padding: 5px 9px; border-radius: 99px; background: var(--lime); color: #12150f; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.price-topline { display: flex; justify-content: space-between; gap: 10px; color: #a9b29f; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.plan-label { color: var(--lime); }
.price-card h3 { margin: 25px 0 7px; color: #f1f4ed; font-size: 27px; font-weight: 500; letter-spacing: -.04em; }
.plan-summary { min-height: 38px; margin: 0; color: #aeb6a8; font-size: 13px; line-height: 1.45; }
.plan-price { margin-top: 22px; color: #f0f3eb; font-size: 27px; font-weight: 550; letter-spacing: -.05em; }
.plan-price small { color: #a7b09f; font-size: 11px; font-weight: 400; letter-spacing: 0; }
.price-card ul { display: grid; gap: 12px; margin: 22px 0 24px; padding: 19px 0 0; border-top: 1px solid rgba(220,225,213,.12); list-style: none; }
.price-card li { position: relative; padding-left: 21px; color: #d2d8cd; font-size: 12px; line-height: 1.35; }
.price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--lime); }
.plan-link { display: flex; align-items: center; justify-content: space-between; min-height: 44px; margin-top: auto; padding: 0 13px; border: 1px solid rgba(220,225,213,.2); border-radius: 11px; color: #edf1e8; font-size: 12px; font-weight: 650; }
.price-card button.plan-link { width: 100%; background: transparent; font-family: inherit; text-align: left; cursor: pointer; }
.price-card-featured button.plan-link { border-color: var(--lime); background: var(--lime); color: #11140e; }
.plan-link:hover { border-color: var(--lime); color: var(--lime); }
.price-card-featured .plan-link { border-color: var(--lime); background: var(--lime); color: #11140e; }
.team-plan-dialog { position: fixed; width: min(600px,calc(100% - 32px)); padding: 30px; border: 1px solid rgba(232,240,224,.24); border-radius: 24px; color: #e7ecdf; background: linear-gradient(145deg,rgba(231,239,221,.13),rgba(13,17,12,.97) 48%,rgba(29,37,23,.96)); box-shadow: 0 30px 100px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.14); backdrop-filter: blur(28px) saturate(1.35); }
.team-plan-dialog { max-height: min(90dvh,820px); overflow-y: auto; border-color: rgba(220,225,213,.16); border-radius: 14px; background: #11130f; box-shadow: 0 22px 64px rgba(0,0,0,.5); backdrop-filter: blur(12px); }
.team-plan-dialog [hidden] { display: none !important; }
.team-plan-dialog::backdrop { background: rgba(3,5,3,.74); backdrop-filter: blur(7px); }
.team-dialog-close { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 1px solid rgba(220,225,213,.2); border-radius: 50%; color: #dce1d5; background: rgba(220,225,213,.07); font-size: 21px; }
.team-dialog-close:hover { border-color: var(--lime); color: var(--lime); }
.team-dialog-kicker { color: var(--lime); font: 700 9px var(--mono); letter-spacing: .12em; }
.team-plan-dialog h3 { margin: 15px 35px 8px 0; color: #f0f4e9; font-size: clamp(25px,4vw,34px); font-weight: 500; letter-spacing: -.045em; }
.team-dialog-summary { margin: 0 0 22px; color: #b5beae; font-size: 13px; line-height: 1.55; }
.razorpay-checkout-panel { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px 16px; margin: 0 0 14px; padding: 14px; border: 1px solid rgba(183,255,63,.28); border-radius: 13px; background: linear-gradient(110deg,rgba(183,255,63,.075),rgba(5,8,5,.35)); }
.razorpay-checkout-panel[hidden] { display: none !important; }
.razorpay-checkout-panel > div { display: grid; gap: 5px; }
.razorpay-checkout-panel strong { color: #eaf1de; font-size: 12px; }
.razorpay-checkout-panel small { color: #aeb7a5; font-size: 10px; line-height: 1.45; }
.razorpay-checkout-panel button { min-height: 42px; padding: 0 13px; border: 0; border-radius: 8px; color: #10140a; background: var(--lime); cursor: pointer; font: inherit; font-size: 11px; font-weight: 700; white-space: nowrap; }
.razorpay-checkout-panel button:disabled { opacity: .6; cursor: wait; }
.razorpay-checkout-panel button span { margin-left: 5px; }
.razorpay-checkout-panel > p { grid-column: 1 / -1; min-height: 0; margin: 0; color: #c4d99f; font-size: 10px; line-height: 1.45; }
.razorpay-checkout-panel > p.is-error { color: #ffb09d; }
.coupon-form { margin: 0 0 18px; padding: 14px; border: 1px solid rgba(220,225,213,.14); border-radius: 13px; background: rgba(5,8,5,.35); }
.coupon-form > label { display: block; margin-bottom: 8px; color: #dce1d5; font-size: 11px; font-weight: 650; }
.coupon-form-row { display: flex; gap: 8px; }
.coupon-form-row input { flex: 1; min-width: 0; min-height: 42px; padding: 0 11px; border: 1px solid rgba(220,225,213,.2); border-radius: 9px; color: #eff2ea; background: rgba(6,9,6,.62); font: inherit; font-size: 12px; }
.coupon-form-row input:focus-visible { outline: 2px solid rgba(183,255,63,.5); outline-offset: 2px; }
.coupon-form-row button { min-height: 42px; padding: 0 14px; border: 1px solid rgba(183,255,63,.4); border-radius: 9px; color: var(--lime); background: rgba(183,255,63,.1); cursor: pointer; font: inherit; font-size: 11px; font-weight: 650; }
.coupon-form-row button:disabled { opacity: .6; cursor: wait; }
#planCouponStatus { min-height: 15px; margin: 8px 0 0; color: #c4d99f; font-size: 10px; line-height: 1.45; }
#planCouponStatus.is-error { color: #ffb09d; }
.team-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.team-choice-grid[hidden], .coupon-form[hidden] { display: none; }
.team-choice { min-height: 190px; display: flex; flex-direction: column; align-items: flex-start; padding: 18px; border: 1px solid rgba(220,225,213,.18); border-radius: 17px; color: #edf1e8; background: linear-gradient(145deg,rgba(220,225,213,.075),rgba(220,225,213,.018)); transition: transform .2s,border-color .2s,background .2s; }
.team-choice { min-height: 190px; border-color: rgba(220,225,213,.13); border-radius: 9px; background: #0d0f0c; box-shadow: none; }
.team-choice:hover { transform: translateY(-2px); border-color: rgba(183,255,63,.58); background: linear-gradient(145deg,rgba(183,255,63,.11),rgba(220,225,213,.025)); }
.team-choice:hover { transform: none; border-color: rgba(183,255,63,.42); background: rgba(183,255,63,.045); }
.team-choice-icon { width: 32px; height: 32px; display: grid; place-items: center; margin-bottom: 13px; border: 1px solid rgba(183,255,63,.38); border-radius: 11px; color: var(--lime); background: rgba(183,255,63,.09); font-size: 18px; }
.team-choice strong { font-size: 15px; }
.team-choice small { margin-top: 7px; color: #b5beae; font-size: 11px; line-height: 1.5; }
.team-choice > b { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 15px; color: var(--lime); font-size: 11px; }
.team-dialog-note { margin: 18px 0 0; color: #aeb7a5; font-size: 11px; line-height: 1.5; }
button.team-choice { width: 100%; cursor: pointer; text-align: left; font: inherit; }
.team-startup-code { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 8px; width: 100%; margin: 10px 0; padding: 10px; border: 1px solid rgba(183,255,63,.2); border-radius: 7px; background: rgba(183,255,63,.07); }
.team-startup-code>div { display: grid; gap: 5px; min-width: 0; }
.team-startup-code span { color: #9ca494; font: 500 8px var(--mono); letter-spacing: .1em; }
.team-startup-code strong { color: #eef2e7; font: 600 13px var(--mono); letter-spacing: .04em; }
.team-startup-code button,.team-startup-code a { display: inline-flex; min-height: 32px; align-items: center; justify-content: center; padding: 0 9px; border: 1px solid rgba(220,225,213,.17); border-radius: 6px; color: #e8eee0; background: #11130f; font-size: 10px; font-weight: 600; white-space: nowrap; }
.team-startup-code button:hover,.team-startup-code a:hover { border-color: rgba(183,255,63,.42); color: var(--lime); }
.team-join-grid { grid-template-columns: 1fr; }
.team-invite-card { min-height: 190px; }
#teamInviteForm { display: grid; width: 100%; gap: 7px; margin-top: 13px; }
#teamInviteForm label { color: #aeb7a5; font-size: 10px; }
#teamInviteForm input { width: 100%; min-height: 40px; padding: 0 11px; border: 1px solid rgba(220,225,213,.2); border-radius: 9px; background: rgba(6,9,6,.62); color: #eff2ea; font: inherit; font-size: 12px; }
#teamInviteForm input:focus-visible { outline: 2px solid rgba(183,255,63,.5); outline-offset: 2px; }
#sendTeamInviteButton { min-height: 38px; border: 1px solid rgba(183,255,63,.4); border-radius: 9px; background: rgba(183,255,63,.1); color: var(--lime); cursor: pointer; font: inherit; font-size: 11px; font-weight: 650; }
#sendTeamInviteButton:disabled { opacity: .6; cursor: wait; }
#teamInviteStatus { min-height: 14px; margin: 0; color: #c4d99f; font-size: 10px; line-height: 1.4; }
#teamInviteStatus.is-error,.team-dialog-note.is-error { color: #ffb09d; }
#teamCreationStatus { margin: 12px 0 0; color: #aeb7a5; font-size: 10px; line-height: 1.4; }
#teamCreationStatus.is-error { color: #ffb09d; }
@media (max-width: 520px) { .team-plan-dialog { padding: 26px 20px 22px; }.team-choice-grid { grid-template-columns: 1fr; }.team-choice { min-height: 155px; } }
@media (max-width:520px){.team-startup-code{grid-template-columns:minmax(0,1fr) auto}.team-startup-code a{grid-column:1/-1;justify-self:start}}
@media (max-width: 900px) { .pricing-grid { grid-template-columns: 1fr 1fr; }.price-card:last-child { grid-column: 1 / -1; } }
@media (max-width: 650px) {
  .workspace-stage { display: block; min-height: 0; padding: 83px 0 0; margin: 7px -5px 0; }
  .workspace-callout { top: 0; left: 4%; font-size: 17px; }
  .workspace-callout svg { top: 25px; left: calc(100% - 5px); width: 92px; height: 62px; }
  .workspace-preview { position: relative; }
  .network-map { width: 100%; margin: 0; }
  .pricing-section { padding: 78px 4vw 88px; }
  .pricing-intro { display: block; padding: 36px 0 28px; }
  .pricing-intro h2 { font-size: clamp(45px, 12vw, 67px); }
  .pricing-intro p { font-size: 14px; }
  .pricing-draft { display: inline-flex; margin-top: 17px; }
  .pricing-grid { grid-template-columns: 1fr; gap: 12px; }
  .price-card:last-child { grid-column: auto; }
  .price-card { min-height: 0; padding: 21px; }
  .price-card ul { gap: 10px; }
}
a:focus-visible, button:focus-visible { outline: 2px solid var(--lime); outline-offset: 4px; }
.workflow-section { position: relative; padding: 112px 5vw 124px; border-top: 1px solid var(--line); background: linear-gradient(180deg, #11140f, #0b0c0a); }
.workflow-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: 46px 0 42px; }
.workflow-heading h2 { margin: 0; color: var(--paper); font-size: clamp(48px, 6.3vw, 84px); line-height: .95; letter-spacing: -.075em; font-weight: 400; }
.workflow-heading h2 em { color: var(--lime); font-style: normal; }
.workflow-heading p { max-width: 295px; margin: 0 3vw 7px 0; color: #b6beb0; font-size: 15px; line-height: 1.65; }
.workflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.workflow-grid article { min-width: 0; padding: 17px; border: 1px solid rgba(220,225,213,.14); border-radius: 20px; background: linear-gradient(145deg, rgba(220,225,213,.055), rgba(220,225,213,.018)); }
.workflow-index { color: #aeb7a6; font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.workflow-visual { position: relative; min-height: 200px; display: flex; flex-direction: column; justify-content: center; gap: 13px; margin: 16px 0 20px; padding: 22px; overflow: hidden; border: 1px solid rgba(220,225,213,.1); border-radius: 14px; background: rgba(10,13,10,.58); }
.workflow-visual > span { color: #aab49f; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.workflow-visual > b { color: #eef1e9; font-size: 19px; line-height: 1.25; letter-spacing: -.03em; font-weight: 500; }
.workflow-visual > small { color: #a5ad9d; font-size: 11px; }
.workflow-visual > i { position: absolute; right: 19px; bottom: 20px; color: var(--lime); font-size: 18px; font-style: normal; }
.project-visual::before, .meeting-visual::before, .task-visual::before { content: ""; position: absolute; width: 190px; height: 190px; right: -52px; top: -75px; border: 1px solid rgba(183,255,63,.13); border-radius: 50%; box-shadow: 0 0 0 20px rgba(183,255,63,.025), 0 0 0 42px rgba(183,255,63,.018); }
.project-visual > b { font-size: 22px; }.project-visual > i { position: relative; inset: auto; width: 100%; height: 5px; overflow: hidden; border-radius: 99px; background: rgba(220,225,213,.12); }.project-visual > i em { display: block; width: 62%; height: 100%; border-radius: inherit; background: var(--lime); }
.meeting-visual > i { display: grid; place-items: center; right: 16px; bottom: 18px; width: 32px; height: 32px; border: 1px solid rgba(183,255,63,.35); border-radius: 10px; }
.task-visual > i { display: grid; place-items: center; right: 20px; top: 50%; bottom: auto; width: 23px; height: 23px; border-radius: 7px; background: var(--lime); color: #10120f; font-size: 12px; }
.workflow-grid h3 { margin: 0 0 9px; color: #edf1e8; font-size: 19px; font-weight: 500; letter-spacing: -.03em; }
.workflow-grid article > p { max-width: 340px; margin: 0; color: #aeb6a8; font-size: 13px; line-height: 1.6; }
.principles-intro h2 { max-width: 620px; }
.principles-intro h2 span { color: var(--lime); }
@media (max-width: 900px) { .workflow-grid { grid-template-columns: 1fr 1fr; }.workflow-grid article:last-child { grid-column: 1 / -1; }.workflow-grid article:last-child .workflow-visual { min-height: 150px; } }
@media (max-width: 650px) { .workflow-section { padding: 78px 4vw 90px; }.workflow-heading { display: block; padding: 38px 0 28px; }.workflow-heading h2 { font-size: clamp(48px, 13vw, 72px); }.workflow-heading p { margin: 20px 0 0; max-width: 320px; }.workflow-grid { grid-template-columns: 1fr; gap: 12px; }.workflow-grid article:last-child { grid-column: auto; }.workflow-grid article:last-child .workflow-visual { min-height: 200px; }.workflow-visual { min-height: 180px; } }
@media (max-width: 1050px) { .hero { grid-template-columns: 1fr; min-height: 0; padding: 32px 4vw 76px; gap: 15px; }.hero-copy { max-width: 700px; }.workspace-stage { min-height: 500px; }.workspace-preview { max-width: 760px; }.orbit-label-one { left: 1%; } }
@media (max-width: 650px) { .site-nav { height: 77px; }.nav-pill { min-height: 60px; }.nav-right { gap: 8px; }.nav-status { display: none; }.hero { padding: 28px 1vw 60px; }.chalk-title { margin: 22px 0 19px; font-size: clamp(58px, 13.8vw, 82px); }.hero-deck { max-width: 400px; font-size: 16px; }.hero-actions { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; }.hero-footnote { gap: 6px; margin-top: 30px; font-size: 10px; }.hero-footnote .hero-check { margin-left: 5px; }.workspace-stage { min-height: 430px; margin: 5px -5px 0; }.workspace-preview { padding: 17px 15px 14px; border-radius: 20px; transform: none; }.preview-brand { font-size: 8px; }.preview-heading { flex-direction: column; padding: 21px 2px 16px; }.preview-status { margin-top: 0; }.preview-content { grid-template-columns: 1fr; gap: 12px; padding-top: 14px; }.preview-meeting { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 13px; padding: 12px; }.preview-meeting .preview-section-title { grid-column: 1 / -1; }.meeting-date { grid-row: span 2; margin: 7px 0; }.preview-meeting h3 { align-self: end; }.preview-meeting p { margin: 3px 0 0; }.meeting-link { grid-column: 2; margin-top: 5px; }.preview-task { gap: 7px; min-height: 54px; font-size: 11px; }.preview-task b { font-size: 7px; }.preview-footer { font-size: 7px; }.workspace-orbit-label { display: none; }.nav-center { display: none; }.site-menu { top: 67px; right: 17px; } }

/* MDI liquid-glass navigation and founder story refinements */
.nav-pill { width: min(1180px, 100%); min-height: 68px; padding: 8px 13px 8px 23px; gap: 22px; border-color: rgba(236,242,228,.25); background: linear-gradient(110deg, rgba(233,239,226,.12), rgba(38,49,35,.62) 42%, rgba(8,11,8,.83)); box-shadow: 0 18px 44px rgba(0,0,0,.33), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(0,0,0,.45); }
.nav-pill::before { inset: 1px 2px auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.62) 20%, rgba(255,255,255,.12) 74%, transparent); }
.nav-pill::after { width: 230px; height: 90px; top: -58px; left: 42%; background: rgba(214,235,183,.13); filter: blur(25px); }
.nav-links { position: relative; z-index: 1; display: flex; align-items: center; gap: 4px; margin-left: auto; }
.nav-links a { min-height: 42px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid transparent; border-radius: 999px; color: rgba(232,237,226,.77); font-size: 11px; font-weight: 550; transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.nav-links a:hover, .nav-links a:focus-visible, .nav-links a[aria-current="page"] { color: #f3f7ed; background: linear-gradient(135deg, rgba(242,247,236,.19), rgba(172,194,151,.08)); border-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 4px 16px rgba(0,0,0,.2); }
.nav-right { position: relative; z-index: 1; gap: 13px; }
.nav-pill > .nav-right > .menu-button { display: none; }
.auth-nav-link { font-size: 11px; }
.nav-join { min-height: 43px; display: inline-flex; align-items: center; gap: 11px; padding: 0 16px; border-radius: 999px; color: #10130d; background: linear-gradient(135deg,#c8ff69,var(--lime) 65%,#a5ec34); font-size: 11px; font-weight: 700; box-shadow: 0 5px 20px rgba(183,255,63,.18), inset 0 1px 0 rgba(255,255,255,.68); transition: transform .25s ease, box-shadow .25s ease; }
.nav-join span { font-size: 14px; }.nav-join:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(183,255,63,.28), inset 0 1px 0 rgba(255,255,255,.72); }
.menu-button { width: 42px; height: 42px; border-color: rgba(236,242,228,.28); background: linear-gradient(145deg,rgba(242,247,236,.16),rgba(118,132,107,.05)); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 5px 16px rgba(0,0,0,.2); }
.menu-button:hover { transform: scale(1.04); }
.menu-button[aria-expanded="true"] { transform: rotate(45deg); }
.hero-actions { gap: 20px; }
.hero-actions .primary-button { min-width: 205px; min-height: 58px; justify-content: space-between; gap: 14px; padding: 11px 11px 11px 17px; border-radius: 17px; font-size: 14px; box-shadow: 0 12px 35px rgba(183,255,63,.18), inset 0 1px 0 rgba(255,255,255,.45); }
.hero-actions .primary-button b { width: 36px; height: 36px; border-radius: 12px; }
.hero-actions .primary-button:hover { transform: translateY(-3px); box-shadow: 0 16px 38px rgba(183,255,63,.23), inset 0 1px 0 rgba(255,255,255,.45); }
.hero-actions .quiet-button { min-height: 48px; display: inline-flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid rgba(239,245,232,.29); border-radius: 999px; background: linear-gradient(135deg,rgba(246,250,241,.14),rgba(203,218,190,.045)); color: #eef3e8; font-size: 12px; letter-spacing: .01em; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.23), 0 7px 22px rgba(0,0,0,.2); backdrop-filter: blur(18px) saturate(1.5); -webkit-backdrop-filter: blur(18px) saturate(1.5); transition: border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease; }
.hero-actions .quiet-button span { color: #f0f5e9; margin-left: 0; font-size: 16px; }
.hero-actions .quiet-button:hover { border-color: rgba(255,255,255,.56); background: linear-gradient(135deg,rgba(255,255,255,.22),rgba(203,218,190,.08)); transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 10px 28px rgba(0,0,0,.26); }
.hero-footnote { display: none; }
.workspace-callout { top: 1px; left: 7%; color: #f0f2e7; font-family: "Bradley Hand", "Marker Felt", "Comic Sans MS", cursive; font-size: clamp(19px,2vw,25px); font-weight: 500; letter-spacing: -.025em; text-shadow: 0 2px 8px #080a07; transform: rotate(-3deg); }
.workspace-callout::before, .workspace-callout::after { content: ""; position: absolute; inset: -11px -17px -8px -15px; border: 1.5px solid rgba(183,255,63,.8); border-radius: 48% 52% 46% 54%; transform: rotate(-2deg); }
.workspace-callout::after { inset: -14px -13px -10px -18px; opacity: .5; border-width: 1px; border-radius: 52% 48% 55% 45%; transform: rotate(2.7deg); }
.workspace-callout svg { top: 12px; left: calc(100% + 12px); width: 145px; height: 94px; stroke-width: 2.4; }
.workspace-callout svg path:nth-child(2) { opacity: .4; stroke-width: 1.4; }
.signal-heading-wrap { padding-bottom: 65px; }
.signal-heading-wrap h2 { font-size: clamp(52px,5.4vw,82px); }
.signal-heading-wrap p { max-width: 390px; color: #b4bdad; font-size: 15px; }
.signal-ribbon { gap: 13px; border: 0; }
.signal-ribbon > article { min-width: 0; min-height: 275px; display: grid; grid-template-columns: 42px 1fr; gap: 8px; padding: 24px 20px; border: 1px solid rgba(220,225,213,.16); border-radius: 18px; background: linear-gradient(150deg,rgba(225,234,217,.065),rgba(220,225,213,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.055); }
.signal-ribbon > article:nth-child(2) { background: linear-gradient(145deg,rgba(183,255,63,.085),rgba(220,225,213,.02)); }
.signal-ribbon .ribbon-index { grid-row: auto; align-self: start; padding-top: 1px; font-family: var(--display); font-size: 31px; line-height: 1; font-weight: 300; }
.ribbon-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.ribbon-copy > strong { color: #acb7a3; font-size: 9px; letter-spacing: .13em; }
.ribbon-copy h3 { margin: 16px 0 9px; color: #f0f4ea; font-size: clamp(19px,2vw,25px); line-height: 1.06; letter-spacing: -.045em; font-weight: 550; }
.ribbon-copy p { margin: 0; color: #b0b8a9; font-size: 13px; line-height: 1.55; }
.ribbon-copy small { margin-top: auto; padding-top: 20px; color: var(--lime); font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.time-value { display: flex; align-items: center; gap: 17px; max-width: 850px; margin-top: 28px; padding: 18px 21px; border-left: 2px solid var(--lime); background: linear-gradient(90deg,rgba(183,255,63,.09),rgba(183,255,63,.015) 80%,transparent); }
.time-value-mark { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(183,255,63,.4); border-radius: 50%; color: var(--lime); }
.time-value p { margin: 0; color: #b9c1b2; font-size: 13px; line-height: 1.5; }.time-value strong { color: #f0f4e9; }
.journey-heading-wrap p { max-width: 390px; color: #b4bdad; font-size: 15px; }
.journey-support-grid > div { position: relative; min-height: 102px; }
.journey-support-grid strong { font-size: 11px; }
.journey-support-grid small { color: #b5beaf; font-size: 12px; line-height: 1.45; }
.journey-support-grid .support-vc { min-height: 118px; padding-right: 135px; border-color: rgba(183,255,63,.68); background: radial-gradient(ellipse at 3% 0,rgba(183,255,63,.17),transparent 63%),linear-gradient(135deg,rgba(183,255,63,.1),rgba(220,225,213,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 0 35px rgba(183,255,63,.055); }
.support-vc::after { content: "VC"; position: absolute; top: 50%; right: 20px; display: grid; width: 67px; height: 67px; place-items: center; border: 1px solid rgba(183,255,63,.55); border-radius: 50%; color: var(--lime); font-size: 21px; font-weight: 600; letter-spacing: -.05em; box-shadow: 0 0 25px rgba(183,255,63,.12), inset 0 0 18px rgba(183,255,63,.08); transform: translateY(-50%); }
.journey-support-grid .support-badge { position: absolute; top: 11px; right: 11px; padding: 4px 7px; border: 1px solid rgba(183,255,63,.28); border-radius: 99px; color: #d5edb8; font-size: 7px; font-weight: 750; letter-spacing: .08em; }
.network-center { top: 50%; left: 50%; }
.node-a { top: calc(20% - 35px); left: calc(12% - 35px); }.node-b { top: calc(20% - 35px); right: calc(12% - 35px); }.node-c { bottom: calc(20% - 35px); left: calc(12% - 35px); }.node-d { bottom: calc(20% - 35px); right: calc(12% - 35px); }.node-e { top: calc(12% - 35px); left: calc(50% - 35px); }
.node-e { border-color: rgba(183,255,63,.8); background: radial-gradient(circle at 30% 20%,rgba(183,255,63,.25),rgba(20,26,17,.98) 72%); box-shadow: 0 0 30px rgba(183,255,63,.19),inset 0 1px 0 rgba(255,255,255,.13); }
.network-node span { bottom: -23px; }
.network-node:hover { transform: translateY(-2px) scale(1.08); }
@media (max-width: 1000px) { .nav-links { gap: 0; }.nav-links a { padding: 0 8px; font-size: 10px; }.nav-pill { gap: 10px; }.wordmark { gap: 8px; font-size: 10px; }.nav-right { gap: 8px; } }
@media (max-width: 760px) { .nav-links { display: none; }.nav-join { min-height: 39px; padding: 0 12px; }.nav-pill { min-height: 62px; }.nav-pill > .nav-right > .menu-button { display: grid; }.signal-ribbon { grid-template-columns: 1fr; }.signal-ribbon > article { min-height: 205px; }.support-vc::after { right: 17px; }.journey-support-grid .support-vc { padding-right: 110px; } }
.node-e { top: calc(12% - 35px); left: calc(50% - 35px); }
@media (max-width: 650px) { .hero-actions { flex-direction: row; flex-wrap: nowrap; gap: 8px; }.hero-actions .primary-button { min-width: 0; flex: 1 1 auto; min-height: 54px; gap: 12px; padding-left: 15px; font-size: 13px; }.hero-actions .quiet-button { flex: 0 0 auto; min-height: 48px; padding: 0 13px; font-size: 12px; }.workspace-stage { padding-top: 84px; }.workspace-callout { left: 2%; font-size: 16px; }.workspace-callout svg { top: 20px; left: calc(100% + 4px); width: 83px; height: 58px; }.workspace-preview { margin-top: 7px; }.signal-heading-wrap h2 { font-size: clamp(42px,11vw,58px); }.signal-ribbon > article { grid-template-columns: 32px 1fr; min-height: 0; padding: 19px 14px; }.ribbon-copy small { padding-top: 20px; }.time-value { align-items: flex-start; padding: 16px 14px; }.time-value p { font-size: 12px; }.journey-support-grid .support-vc { padding-right: 92px; }.support-vc::after { width: 55px; height: 55px; right: 12px; }.journey-support-grid .support-badge { top: auto; right: 10px; bottom: 8px; }.node-a { top: calc(19% - 29px); left: calc(13% - 29px); }.node-b { top: calc(19% - 29px); right: calc(13% - 29px); }.node-c { bottom: calc(19% - 29px); left: calc(13% - 29px); }.node-d { bottom: calc(19% - 29px); right: calc(13% - 29px); }.node-e { top: calc(12% - 29px); left: calc(50% - 29px); }.network-node { width: 58px; height: 58px; transform: none; }.network-node:hover { transform: scale(1.05); }.network-node span { font-size: 6px; } }
@media (prefers-reduced-motion: reduce) { .nav-pill::after { display: none; }.nav-links a, .nav-join, .hero-actions .quiet-button { transition: none; } }

/* Premium plans first, with the featured core plan kept prominent. */
.pricing-grid { grid-template-columns: repeat(4,minmax(0,1fr)); align-items: stretch; row-gap: 18px; }
.pricing-grid .price-card { grid-column: span 2; min-height: 430px; padding: 22px; }
.pricing-grid .price-card:nth-child(5) { grid-column: 2 / span 2; }
.pricing-grid .price-card h3 { margin-top: 20px; font-size: clamp(22px,2.2vw,28px); }
.pricing-grid .plan-price { margin-top: 17px; white-space: nowrap; }
.pricing-grid .plan-price > span { display: inline-block; }
.pricing-grid .plan-price small { display: block; margin-top: 2px; font-size: 10px; }
.pricing-grid .price-card ul { gap: 10px; margin-top: 18px; padding-top: 16px; }
.pricing-grid .price-card li { font-size: 11px; }
.pricing-grid .price-card-featured { transform: translateY(-7px); }
.pricing-grid .price-card-featured::before { top: -10px; }
.pricing-grid .price-card-advanced { border-color: rgba(183,255,63,.28); background: radial-gradient(ellipse at 75% 0,rgba(183,255,63,.065),transparent 56%),linear-gradient(150deg,rgba(220,225,213,.055),rgba(220,225,213,.018)); }
.plan-daily-equivalent { display: grid; gap: 3px; margin-top: 12px; }
.plan-daily-equivalent strong { color: #e5ebdc; font-size: 12px; font-weight: 650; letter-spacing: -.01em; }
.plan-daily-equivalent small { color: #b8c1b1; font-size: 10px; line-height: 1.4; }
.pricing-disclosure { max-width: 760px; margin: 20px 0 0; color: #c2c9bc; font-size: 12px; line-height: 1.6; }
.coupon-payment-note { display: block; margin-top: 9px; color: #b8c1b1; font-size: 10px; line-height: 1.45; }
.faq-section { display: grid; grid-template-columns: minmax(250px,.8fr) minmax(0,1.2fr); gap: clamp(32px,7vw,100px); padding: 100px 5vw 112px; border-top: 1px solid var(--line); background: #10120f; }
.faq-intro h2 { margin: 48px 0 18px; color: var(--paper); font-size: clamp(42px,5vw,68px); line-height: .98; letter-spacing: -.075em; font-weight: 400; }
.faq-intro h2 em { color: var(--lime); font-style: normal; }
.faq-intro p { max-width: 320px; color: #c2c9bc; font-size: 14px; line-height: 1.6; }
.faq-list { display: grid; align-content: start; gap: 9px; }
.faq-list details { border: 1px solid rgba(220,225,213,.15); border-radius: 14px; background: linear-gradient(145deg,rgba(220,225,213,.05),rgba(220,225,213,.015)); }
.faq-list summary { position: relative; padding: 18px 48px 18px 19px; color: #edf1e8; font-size: 14px; font-weight: 600; line-height: 1.4; list-style: none; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; top: 50%; right: 18px; color: var(--lime); font-size: 20px; font-weight: 400; transform: translateY(-50%); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { max-width: 680px; margin: -2px 19px 19px; color: #c2c9bc; font-size: 13px; line-height: 1.65; }
.faq-list details:focus-within { border-color: rgba(183,255,63,.48); }
@media (max-width: 900px) {
  .pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-grid .price-card { grid-column: span 1; }
  .pricing-grid .price-card:nth-child(5) { grid-column: 1 / -1; }
  .pricing-grid .price-card-featured { transform: none; }
  .faq-section { grid-template-columns: 1fr; gap: 30px; }
  .faq-intro h2 { margin-top: 32px; }
}
@media (max-width: 650px) {
  .pricing-grid { grid-template-columns: minmax(0,1fr); }
  .pricing-grid .price-card, .pricing-grid .price-card:nth-child(5) { grid-column: 1; min-height: 0; }
  .pricing-grid .price-card-featured { transform: none; }
  .pricing-grid .price-card h3 { font-size: 25px; }
  .pricing-grid .price-card li { font-size: 12px; }
  .faq-section { padding: 78px 4vw 88px; }
  .faq-intro h2 { font-size: clamp(42px,11vw,58px); }
  .faq-list summary { padding: 16px 42px 16px 15px; font-size: 13px; }
  .faq-list details p { margin: 0 15px 16px; font-size: 12px; }
}