@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/inter-latin.woff2") format("woff2");
}

/* Product proof and trust upgrade — genuine fictional acceptance screens. */
.product-proof { padding-top:90px; }
.product-tour { margin-top:34px; }
.tour-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.tour-tabs button { background:var(--paper); border:1px solid var(--line); border-radius:999px; color:var(--ink); cursor:pointer; font:700 13px/1.2 Manrope, sans-serif; padding:12px 18px; }
.tour-tabs button[aria-selected="true"] { background:var(--forest); border-color:var(--forest); color:#fff; }
.tour-frame { background:var(--paper); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); margin:0; overflow:hidden; }
.tour-frame[hidden] { display:none; }
.tour-frame img { background:#f7f5fc; display:block; height:auto; width:100%; }
.tour-frame figcaption { color:#52657a; font-size:16px; line-height:1.65; padding:20px 24px 22px; }
.tour-frame figcaption b { color:var(--ink); }
.tour-frame.tour-mobile { margin-inline:auto; max-width:520px; }
.footer-links { align-items:center; display:flex; flex-wrap:wrap; gap:10px 18px; }
.footer-links a { white-space:nowrap; }

@media (max-width:700px) {
  .product-proof { padding-top:64px; }
  .tour-tabs { display:grid; grid-template-columns:1fr; }
  .tour-tabs button { text-align:left; }
  .tour-frame { border-radius:16px; }
  .tour-frame figcaption { font-size:14px; padding:16px; }
  .footer-links { align-items:flex-start; flex-direction:column; }
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url("fonts/manrope-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Tenvique Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/michroma-latin-400-normal.woff2") format("woff2");
}
:root {
  --ink: #1b1730;
  --forest: #33205f;
  --mint: #f0ebff;
  --cream: #f7f5fc;
  --paper: #fff;
  --gold: #7351ca;
  --lime: #cbbaff;
  --violet: #6337c7;
  --danger: #a34636;
  --line: #d9e0e8;
  --shadow: 0 24px 70px rgba(15, 38, 62, .12);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  color-scheme: only light;
}
html[data-theme="light"] { color-scheme: only light; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font:
    16px/1.55 Inter, "Segoe UI",
    ui-sans-serif,
    system-ui,
    -apple-system,
    sans-serif;
}
.private-bar {
  background: #0b1928;
  color: #fff;
  text-align: center;
  padding: 6px;
  font-size: 10px;
  letter-spacing: 0.2em;
}
header {
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1280px;
  margin: auto;
  padding: 0 24px;
  border-bottom: 1px solid color-mix(in srgb, var(--line), transparent 20%);
  background: color-mix(in srgb, var(--paper), transparent 8%);
  backdrop-filter: blur(18px);
  position: sticky;
  top: 0;
  z-index: 20;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: inherit;
  text-decoration: none;
  font-weight: 750;
  line-height: 1.1;
}
.brand img {
  display: block;
  width: 205px;
  height: 58px;
  object-fit: contain;
  object-position: left center;
}
.brand small {
  display: block;
  font-weight: 500;
  color: #657168;
  margin-top: 4px;
}
.brand-mark {
  display: grid;
  place-items: center;
  background: linear-gradient(135deg,#3b1f73,#8b5cf6);
  color: #fff;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-family: Manrope, sans-serif;
  font-size: 19px;
}
.button:disabled{cursor:wait;opacity:.65;transform:none}
.button-link{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.button-link:hover{transform:none;box-shadow:none}
.actions .button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
nav {
  display: flex;
  gap: 28px;
}
nav a,
.text-link {
  color: var(--forest);
  font-weight: 650;
  font-family: Manrope, sans-serif;
  text-decoration: none;
}
nav a{font-size:14px;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--violet);transition:right .2s}nav a:hover:after{right:0}
.button {
  border: 0;
  border-radius: 12px;
  background: var(--forest);
  color: white;
  padding: 14px 21px;
  font-weight: 750;
  font-family: Manrope, sans-serif;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(21,61,99,.18);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(21,61,99,.24)}
.login-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.mobile-register{display:none}
.button.secondary {
  background: transparent;
  color: var(--forest);
  border: 1px solid var(--forest);
}
.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 9px 12px;
  background: var(--paper);
  color: var(--ink);
  cursor: pointer;
}
.theme-toggle span {
  font-size: 18px;
  line-height: 1;
}
body,
header,
.control-card,
.feature-grid article,
.pricing-grid article,
dialog {
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #eef3fa;
  --forest: #c4b1ff;
  --mint: #193449;
  --cream: #152536;
  --paper: #09121d;
  --gold: #d0a655;
  --line: #29394b;
}
html[data-theme="dark"] body {
  background: #09121d;
}
html[data-theme="dark"] header {
  background: #0b1724;
}
html[data-theme="dark"] .hero {
  background: radial-gradient(circle at 80% 40%, #173148, transparent 38%);
}
html[data-theme="dark"] .control-card,
html[data-theme="dark"] .pricing-grid article,
html[data-theme="dark"] dialog {
  background: #101e2c;
  border-color: #2b4054;
}
html[data-theme="dark"] .alert,
html[data-theme="dark"] .demo-item {
  background: #172838;
}
html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .feature-grid p,
html[data-theme="dark"] .steps li span,
html[data-theme="dark"] .pricing-grid ul,
html[data-theme="dark"] .trust {
  color: #b7c4d1;
}
html[data-theme="dark"] .feature-grid article,
html[data-theme="dark"] .feature-grid article:nth-child(2),
html[data-theme="dark"] .feature-grid article:nth-child(4) {
  background: #101e2c;
  border-color: #2b4054;
  color: var(--ink);
}
html[data-theme="dark"] .pricing {
  background: #0c1825;
}
html[data-theme="dark"] .directory {
  background: #08131f;
}
html[data-theme="dark"] .listing {
  background: #132334;
  color: var(--ink);
}
html[data-theme="dark"] .listing p {
  color: #b8c4cf;
}
html[data-theme="dark"] .button {
  background: #8e5cff;
  color: #fff;
}
html[data-theme="dark"] .button.secondary {
  background: transparent;
  color: #cbbaff;
  border-color: #9e7bea;
}
html[data-theme="dark"] .theme-toggle {
  background: #132334;
}
html[data-theme="dark"] .brand img {
  background: #fff;
  border-radius: 8px;
  padding: 3px 7px;
}
html[data-theme="dark"] .hero .eyebrow{color:#aab7c4}
html[data-theme="dark"] .trust-row{color:#c1ccd6}
html[data-theme="dark"] .verified{color:#a9c2b4}
html[data-theme="dark"] .alert span{color:#b7c4d1}
html[data-theme="dark"] dialog h2,
html[data-theme="dark"] dialog h3,
html[data-theme="dark"] .documents span,
html[data-theme="dark"] .demo-item b{color:#eef3fa}
html[data-theme="dark"] dialog .eyebrow,
html[data-theme="dark"] .demo-item span{color:#c4d0dc}
html[data-theme="dark"] .demo-item em,
html[data-theme="dark"] .documents b{color:#aee6c7}
html[data-theme="dark"] .demo-item.danger{background:#3a2527}
html[data-theme="dark"] .demo-item.danger em{color:#ffb7aa}
html[data-theme="dark"] .legal-warning{background:#3a301d;color:#fff0c7}
html[data-theme="dark"] .close{color:#eef3fa}
html[data-theme="dark"] .section-title p,
html[data-theme="dark"] .pricing-note,
html[data-theme="dark"] footer{color:#b7c4d1}
html[data-theme="dark"] .contact-panel{background:linear-gradient(135deg,#101e2c,#18283a)}
html[data-theme="dark"] .contact-panel p:not(.eyebrow){color:#b7c4d1}
html[data-theme="dark"] .moments article:nth-child(3){background:#172d40;color:#eef3fa}html[data-theme="dark"] .moments article:nth-child(3) p{color:#b7c4d1}html[data-theme="dark"] .faq-grid details{background:#101e2c}html[data-theme="dark"] .faq-grid p{color:#b7c4d1}
.hero {
  max-width: 1280px;
  margin: auto;
  min-height: 690px;
  padding: 92px 24px 105px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 86px;
  align-items: center;
  background: radial-gradient(circle at 80% 42%, #e7f4ef, transparent 34%),radial-gradient(circle at 4% 10%,#f1edff,transparent 28%);
}
.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.17em;
  color: #5d6b76;
  font-size: 12px;
  font-weight: 800;
}
.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #bde94b2d;margin-right:8px}
.hero h1 {
  font:
    800 clamp(56px, 7vw, 92px) / 0.94 Manrope, "Segoe UI", sans-serif;
  margin: 18px 0 26px;
  letter-spacing: -0.065em;
}
.hero h1 span {
  color: var(--violet);
}
.hero-copy {
  font-size: 20px;
  max-width: 650px;
  color: #4e6070;
}
.actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 30px 0 18px;
}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#536574}.trust-row span:first-letter{color:#5e9a00}
.workspace-preview{position:relative;padding:22px 18px 30px}.preview-glow{position:absolute;inset:5% 0 0;border-radius:50%;background:linear-gradient(135deg,#7559e833,#bde94b44);filter:blur(35px);transform:rotate(-7deg)}
.control-card {
  background: #fff;
  border: 1px solid #d6dfd4;
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 25px;
  position:relative;
  z-index:2;
  transform:rotate(1.2deg);
}
.card-head {
  display: flex;
  justify-content: space-between;
  font-weight: 750;
  margin-bottom: 16px;
}
.card-head>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:#68b82f;border-radius:50%;box-shadow:0 0 0 5px #68b82f1c}
.pill {
  background: var(--mint);
  padding: 4px 9px;
  border-radius: 99px;
  font-size: 12px;
}
.alert {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 10px;
  padding: 15px;
  margin: 9px 0;
  border-radius: 13px;
  background: #f5f7f2;
}
.alert b {
  font-size: 14px;
}
.alert span {
  font-size: 12px;
  color: #68736d;
}
.alert strong {
  grid-row: 1/3;
  grid-column: 2;
  align-self: center;
  color: var(--forest);
}
.alert.urgent {
  border-left: 4px solid var(--danger);
}
.alert.warning {
  border-left: 4px solid var(--gold);
}
.alert.calm {
  border-left: 4px solid #6e967b;
}
.verified {
  font-size: 12px;
  color: #55705e;
  padding-top: 10px;
}
.floating-card{position:absolute;z-index:3;right:-15px;bottom:0;background:#10233c;color:white;padding:15px 18px;border-radius:15px;box-shadow:0 18px 45px #0d223746;display:grid;min-width:180px;transform:rotate(-3deg)}.floating-card span{color:#bde94b;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.floating-card b{font-size:14px;margin:3px 0}.floating-card small{color:#b9c6d2}
.proof-strip{max-width:1232px;margin:-32px auto 35px;background:#10233c;color:#fff;border-radius:20px;padding:24px 28px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 20px 55px #10233c22}.proof-strip div{display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid #ffffff1d}.proof-strip div:last-child{border:0}.proof-strip strong{font-size:13px;color:var(--lime)}.proof-strip span{font-size:14px;font-weight:650}
.section {
  padding: 104px 24px;
  max-width: 1232px;
  margin: auto;
}
.section h2 {
  font:
    800 48px/1.04 Manrope, "Segoe UI", sans-serif;
  margin: 12px 0 38px;
}
.section-title{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:42px}.section-title h2{margin-bottom:0}.section-title p{max-width:440px;color:#5c6a77;font-size:18px}
.feature-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}
.feature-grid article {
  background: var(--cream);
  padding: 29px;
  border-radius: 20px;
  min-height:230px;
  border:1px solid transparent;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 44px #10233c10;border-color:var(--line)}.feature-grid article:nth-child(1),.feature-grid article:nth-child(2){grid-column:span 3}.feature-grid article:nth-child(n+3){grid-column:span 2}.feature-grid article:nth-child(2){background:#ebe8fb}.feature-grid article:nth-child(4){background:#edf6df}
.moments{padding-top:55px}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.moment-grid article{border-radius:20px;padding:30px;background:#10233c;color:#fff;min-height:245px;position:relative;overflow:hidden}.moment-grid article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-80px;background:#7559e83d}.moment-grid article:nth-child(2){background:#7559e8}.moment-grid article:nth-child(3){background:#eaf3f5;color:#10233c}.moment-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--lime)}.moment-grid article:nth-child(3) span{color:#4d7110}.moment-grid h3{font:700 25px/1.15 Manrope,sans-serif;margin:25px 0 12px;max-width:280px}.moment-grid p{color:#c5d0da;max-width:290px}.moment-grid article:nth-child(3) p{color:#526474}
.moment-grid article:nth-child(2) span{color:#fff}
.feature-grid article > span {
  color: var(--gold);
  font-weight: 800;
}
.feature-grid h3 {
  font:
    700 22px/1.15 Manrope,
    sans-serif;
}
.feature-grid p {
  color: #5b665f;
}
.directory {
  max-width: none;
  background: var(--forest);
  color: #fff;
  padding-left: max(24px, calc((100% - 1132px) / 2));
  padding-right: max(24px, calc((100% - 1132px) / 2));
}
.directory h2{letter-spacing:-.04em}.directory-grid{gap:18px}.listing{border-radius:18px;padding:24px;transition:transform .2s}.listing:hover{transform:translateY(-4px)}
.directory .eyebrow,
.directory .section-intro > p {
  color: #b9cabe;
}
.section-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: end;
}
.filters {
  display: flex;
  gap: 12px;
  margin: 30px 0;
}
.filters select {
  padding: 13px;
  border-radius: 7px;
  background: #fff;
  border: 0;
  min-width: 210px;
}
.directory-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.listing {
  background: #fff;
  color: var(--ink);
  border-radius: 11px;
  padding: 20px;
}
.listing .type {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #6c756f;
}
.listing h3 {
  margin: 8px 0;
}
.listing p {
  color: #5d6861;
  font-size: 14px;
}
.listing .region {
  display: inline-block;
  background: var(--mint);
  padding: 4px 8px;
  border-radius: 99px;
  font-size: 12px;
}
.directory-note {
  font-size: 12px;
  color: #b9cabe;
  margin-top: 18px;
}
.steps ol {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding: 0;
  list-style: none;
  counter-reset: steps;
}
.steps li {
  counter-increment: steps;
  border-top: 1px solid var(--line);
  padding: 22px 4px;
  display: grid;
  gap: 8px;
}
.steps li:before {
  content: "0" counter(steps);
  color: var(--gold);
  font-weight: 800;
}
.steps li b {
  font:
    700 21px Manrope,
    sans-serif;
}
.steps li span {
  color: #606c64;
}
footer {
  border-top: 1px solid var(--line);
  padding: 35px max(24px, calc((100% - 1132px) / 2));
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #657168;
  font-size: 13px;
}
.pricing {
  background: #f6f8fb;
  max-width: none;
  padding-left: max(24px, calc((100% - 1132px) / 2));
  padding-right: max(24px, calc((100% - 1132px) / 2));
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.pricing-grid article {
  position: relative;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 12px 35px #1232570d;
}
.pricing-grid article.featured {
  border: 2px solid var(--gold);
  transform: translateY(-7px);
}
.pricing-grid h3 {
  font:
    700 25px Manrope,
    sans-serif;
  margin: 5px 0;
}
.price {
  font:
    800 42px Manrope,
    sans-serif;
  color: var(--forest);
  margin: 16px 0 0;
}
.price small {
  font:
    14px Inter,
    sans-serif;
  color: #647183;
}
.pricing-grid ul {
  padding-left: 20px;
  min-height: 100px;
  color: #566274;
}
.pricing-grid li {
  margin: 8px 0;
}
.plan-label {
  position: absolute;
  right: 18px;
  top: 18px;
  background: #f4ead4;
  color: #72551d;
  border-radius: 99px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.pricing-note {
  font-size: 12px;
  color: #687586;
  margin-top: 22px;
}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-grid details{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:var(--paper)}.faq-grid summary{cursor:pointer;font:700 16px Manrope,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"+";color:var(--violet);font-size:23px;line-height:.8}.faq-grid details[open] summary:after{content:"−"}.faq-grid p{color:#566879;margin:14px 0 2px}.final-cta{max-width:1232px;margin:35px auto 85px;border-radius:26px;padding:70px 60px;background:linear-gradient(130deg,#21143f,#45277e);color:#fff;position:relative;overflow:hidden}.final-cta:after{content:"92";position:absolute;right:-15px;bottom:-75px;font:800 210px Manrope;color:#ffffff09}.final-cta .eyebrow{color:var(--lime)}.final-cta h2{font:800 clamp(38px,5vw,60px)/1.02 Manrope;margin:12px 0 18px;max-width:760px}.final-cta p:not(.eyebrow){color:#d8d0e8;font-size:18px;max-width:670px}.final-cta .button{margin-top:18px;background:linear-gradient(135deg,#f4efff,#cbbaff);color:#27144e;position:relative;z-index:1;text-decoration:none;display:inline-flex}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:48px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f8f5ff,#fff);box-shadow:0 18px 55px #27154b12;padding-top:46px;padding-bottom:46px}.contact-panel>div{max-width:780px}.contact-panel h2{margin:8px 0 14px;font-size:clamp(30px,4vw,48px)}.contact-panel p:not(.eyebrow){margin:0;color:#566879;font-size:18px;line-height:1.7}.contact-panel p a{color:var(--violet);font-weight:800;white-space:nowrap}.contact-panel>.button{flex:0 0 auto;text-decoration:none}
.register-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.register-copy h2{margin-bottom:22px}.register-copy>p{color:#5c6a77;font-size:18px}.register-copy ul{padding-left:20px;color:#4f5b6a}.register-copy li{margin:10px 0}.interest-form{background:linear-gradient(150deg,#21143f,#3c246f);color:#fff;border-radius:24px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:17px;box-shadow:0 24px 70px #27154b2b}.interest-form label{display:grid;gap:7px;font-weight:750;font-size:13px}.interest-form label>span{font-weight:500;color:#cfc4e8}.interest-form input,.interest-form select{width:100%;border:1px solid #ffffff38;border-radius:10px;padding:12px 13px;background:#ffffff10;color:#fff;font:inherit}.interest-form select option{color:#1b1730}.interest-form input:focus,.interest-form select:focus{outline:3px solid #a98df066;border-color:#bda9f2}.interest-form label:first-child,.interest-form .consent,.interest-form button,.interest-form .form-status,.interest-form .privacy-note{grid-column:1/-1}.interest-form .consent{grid-template-columns:auto 1fr;align-items:start;font-weight:500}.interest-form .consent input{width:auto;margin-top:4px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:24px;margin:0;font-size:14px;font-weight:700}.form-status.success{color:#d9ffd8}.form-status.failure{color:#ffd1d1}.privacy-note{font-size:11px;color:#cfc4e8;margin:0;line-height:1.5}footer>a{color:var(--violet);font-weight:750;text-decoration:none}
dialog {
  border: 0;
  border-radius: 16px;
  padding: 32px;
  width: min(700px, calc(100% - 28px));
  box-shadow: 0 30px 100px #0005;
}
dialog::backdrop {
  background: #14231dc9;
}
.close {
  position: absolute;
  right: 16px;
  top: 12px;
  border: 0;
  background: none;
  font-size: 30px;
  cursor: pointer;
}
.demo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.demo-item {
  background: #f1f4ee;
  padding: 14px;
  border-radius: 8px;
  display: grid;
}
.demo-item span {
  font-size: 12px;
  color: #667169;
}
.demo-item em {
  font-size: 11px;
  color: #527059;
  font-style: normal;
}
.demo-item.danger {
  background: #fff0ec;
}
.documents {
  list-style: none;
  padding: 0;
}
.documents li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  padding: 10px 0;
}
.documents b {
  font-size: 12px;
  color: #527059;
}
.legal-warning {
  background: #fff3d9;
  padding: 14px;
  border-radius: 8px;
  font-size: 13px;
}
.legal-warning b {
  display: block;
}
@media (max-width: 820px) {
  nav,
  header .secondary {
    display: none;
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 55px;
  }
  header{min-height:84px}.brand img{width:170px;height:52px}.proof-strip{margin:0 18px 20px;grid-template-columns:1fr}.proof-strip div{border-right:0;border-bottom:1px solid #ffffff1d;padding:13px}.section-title{grid-template-columns:1fr;gap:0}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article:nth-child(n){grid-column:span 1}.floating-card{right:0}
  .feature-grid,
  .directory-grid {
    grid-template-columns: 1fr 1fr;
  }
  .section-intro {
    grid-template-columns: 1fr;
  }
  .steps ol {
    grid-template-columns: 1fr;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  .moment-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.final-cta{margin:25px 18px 60px;padding:55px 36px}
  .register-section{grid-template-columns:1fr;gap:30px}
  .contact-panel{align-items:flex-start;flex-direction:column;gap:24px}
  .pricing-grid article.featured {
    transform: none;
  }
  .mobile-register {
    display: inline-flex;
    position: fixed;
    right: 18px;
    bottom: max(18px, env(safe-area-inset-bottom));
    z-index: 30;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 14px 38px rgba(35, 19, 68, .36);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(18px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
  }
  .mobile-register.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
}
@media (max-width: 540px) {
  .hero h1 {
    font-size: 52px;
  }
  .actions,
  .filters {
    align-items: stretch;
    flex-direction: column;
  }
  .feature-grid,
  .directory-grid,
  .demo-grid {
    grid-template-columns: 1fr;
  }
  .feature-grid article:nth-child(n){grid-column:1}.hero{min-height:0;padding-top:62px;gap:36px}.workspace-preview{padding:10px 2px 42px;overflow-x:clip}.control-card{transform:none}.floating-card{right:0}.brand img{width:150px}.theme-toggle b{display:none}.section{padding-top:76px;padding-bottom:76px}
  .section h2 {
    font-size: 36px;
  }
  footer {
    align-items: flex-start;
    gap: 25px;
    flex-direction: column;
  }
  .moment-grid article{min-height:0}.final-cta{padding:45px 25px}.final-cta h2{font-size:39px}
  .interest-form{grid-template-columns:1fr;padding:25px}.interest-form label{grid-column:1/-1}
}

/* Search landing pages share the approved Tenvique visual system. */
.seo-page { background:#fff; }
.seo-page header { position:relative; }
.seo-hero { background:linear-gradient(135deg,#21143f 0%,#3d2474 68%,#6940bf 100%); color:#fff; padding:92px max(24px,calc((100% - 1184px)/2)); }
.seo-hero .eyebrow { color:#d9c8ff; }
.seo-hero h1 { font:800 clamp(48px,6vw,78px)/.98 Manrope,sans-serif; letter-spacing:-.055em; margin:16px 0 24px; max-width:980px; }
.seo-hero p:not(.eyebrow) { color:#e5dff0; font-size:20px; line-height:1.7; max-width:780px; }
.seo-hero .actions { margin-top:30px; }
.seo-hero .button { background:#fff; color:#2c1754; text-decoration:none; }
.seo-content { margin:auto; max-width:1184px; padding:88px 24px 110px; }
.seo-content h2 { font:800 clamp(34px,4vw,52px)/1.05 Manrope,sans-serif; letter-spacing:-.04em; margin:64px 0 20px; max-width:850px; }
.seo-content h2:first-child { margin-top:0; }
.seo-content h3 { font:800 23px/1.25 Manrope,sans-serif; margin:0 0 10px; }
.seo-content > p, .seo-content li { color:#52657a; font-size:17px; line-height:1.75; }
.seo-content > p { max-width:850px; }
.seo-grid { display:grid; gap:1px; grid-template-columns:repeat(3,minmax(0,1fr)); margin:34px 0; background:#d9e0e8; border:1px solid #d9e0e8; }
.seo-grid article { background:#f7f5fc; padding:30px; }
.seo-grid p { color:#52657a; line-height:1.65; margin:0; }
.seo-steps { display:grid; gap:18px; margin:34px 0; padding:0; }
.seo-steps li { background:#f7f5fc; border-left:4px solid #6337c7; list-style:none; padding:20px 24px; }
.seo-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.seo-links a { border:1px solid #6337c7; border-radius:999px; color:#45277e; font-weight:750; padding:10px 16px; text-decoration:none; }
.seo-note { background:#f1edff; border-radius:18px; margin:42px 0; padding:28px 30px; }
.seo-note strong { display:block; font:800 20px Manrope,sans-serif; margin-bottom:8px; }
@media (max-width:820px) { .seo-grid { grid-template-columns:1fr; } .seo-hero { padding-block:70px; } }
@media (max-width:540px) { .seo-hero { padding:58px 20px; } .seo-hero h1 { font-size:44px; } .seo-content { padding:58px 20px 80px; } }

/* Organic search-page components — approved 27 October 2026. */
.expiry-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 42px}.expiry-control-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.expiry-control-grid h3{margin:0 0 7px;color:#321169}.expiry-control-grid p{margin:0;color:#566879}.seo-resource-preview{margin:38px 0;background:#f0ebfb;border:1px solid #d7c8ef;border-radius:20px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.seo-resource-preview h2{margin:5px 0 8px;font-size:30px}.seo-resource-preview p{margin:0}.seo-resource-preview .button{white-space:nowrap;opacity:.72;cursor:default}.seo-resource-preview .eyebrow{color:#6e3caa}
@media(max-width:700px){.expiry-control-grid,.seo-resource-preview{grid-template-columns:1fr}.seo-resource-preview .button{justify-self:start}}

/* Public brand alignment: use the same identity tokens as the customer workspace. */
:root {
  --ink: #17132b;
  --forest: #18122f;
  --mint: #f3effb;
  --cream: #f6f5f9;
  --paper: #fff;
  --gold: #6337c7;
  --lime: #d9c8ff;
  --violet: #6337c7;
  --line: #e5e1ec;
  --shadow: 0 24px 70px rgb(24 18 47 / 13%);
  --button-gradient: linear-gradient(110deg, #3e237f 0%, #6337c7 52%, #8b62e4 100%);
  --button-gradient-hover: linear-gradient(110deg, #321a70 0%, #6337c7 46%, #9b74ec 100%);
}

h1, h2, h3, .brand, nav, .button, .theme-toggle, .eyebrow, .card-head, .proof-strip, .price, .faq-grid summary {
  font-family: "Tenvique Display", "Arial Wide", ui-sans-serif, system-ui, sans-serif;
  font-weight: 400;
}
nav, .button, .theme-toggle, .eyebrow { letter-spacing: .045em; text-transform: uppercase; }
.button, html[data-theme="dark"] .button {
  background: var(--button-gradient);
  border: 1px solid rgb(255 255 255 / 18%);
  box-shadow: 0 8px 20px rgb(69 38 142 / 22%), inset 0 1px rgb(255 255 255 / 18%);
  color: #fff;
}
.button:hover, .button:focus-visible, html[data-theme="dark"] .button:hover, html[data-theme="dark"] .button:focus-visible {
  background: var(--button-gradient-hover);
  box-shadow: 0 10px 26px rgb(139 98 228 / 30%), inset 0 1px rgb(255 255 255 / 20%);
}
.button.secondary, html[data-theme="dark"] .button.secondary {
  background: transparent;
  border-color: #8b62e4;
  box-shadow: none;
  color: var(--violet);
}
.hero { background: radial-gradient(circle at 80% 42%, #eee9f8, transparent 34%), radial-gradient(circle at 4% 10%, #f1edff, transparent 28%); }
.preview-glow { background: linear-gradient(135deg, #6337c744, #8b62e455); }
.proof-strip, .floating-card { background: linear-gradient(145deg, #18122f, #2b1a50); }
.proof-strip strong, .floating-card span, .moment-grid span, .final-cta .eyebrow { color: #d9c8ff; }
.live-dot { background: #8b62e4; box-shadow: 0 0 0 5px #8b62e41c; }
.eyebrow i { background: #8b62e4; box-shadow: 0 0 0 5px #8b62e42d; }
.trust-row span:first-letter { color: #6337c7; }
.feature-grid article:nth-child(4) { background: #f1edff; }
.moment-grid article { background: #18122f; }
.moment-grid article:nth-child(2) { background: #6337c7; }
.moment-grid article:nth-child(3) { background: #eee9f8; color: #17132b; }
.moment-grid article:nth-child(3) span { color: #6337c7; }
.final-cta { background: linear-gradient(130deg, #18122f, #45277e); }
.interest-form { background: linear-gradient(150deg, #18122f, #3e237f); }
.plan-label { background: #eee9f8; color: #4d3282; }
html[data-theme="dark"] {
  --ink: #f2eef8; --forest: #c4adf3; --mint: #342752; --cream: #191625;
  --paper: #0d0c16; --gold: #a987ed; --line: #39344a;
}
html[data-theme="dark"] body { background: #0d0c16; }
html[data-theme="dark"] header { background: #100d1e; }
html[data-theme="dark"] .hero { background: radial-gradient(circle at 80% 40%, #302944, transparent 38%); }
html[data-theme="dark"] .control-card,
html[data-theme="dark"] .pricing-grid article,
html[data-theme="dark"] dialog,
html[data-theme="dark"] .feature-grid article,
html[data-theme="dark"] .feature-grid article:nth-child(2),
html[data-theme="dark"] .feature-grid article:nth-child(4),
html[data-theme="dark"] .faq-grid details { background: #191625; border-color: #39344a; }
html[data-theme="dark"] .alert, html[data-theme="dark"] .demo-item { background: #231f31; }
html[data-theme="dark"] .pricing { background: #100d1e; }
html[data-theme="dark"] .theme-toggle { background: #231f31; }
html[data-theme="dark"] .brand img { background: transparent; padding: 0; filter: none; }
html[data-theme="dark"] .moment-grid article:nth-child(3) { background: #231f31; color: #f2eef8; }
@media (max-width: 540px) {
  .hero h1 { font-size: 42px; line-height: 1.08; letter-spacing: -.025em; }
}

.legal-page { margin:0 auto; max-width:940px; padding:80px 24px 110px; }
.legal-page h1 { font:800 clamp(42px,7vw,76px)/1.02 Manrope,sans-serif; letter-spacing:-.045em; margin:12px 0 24px; }
.legal-page h2 { font:800 24px/1.25 Manrope,sans-serif; margin:44px 0 10px; }
.legal-page p { color:#52657a; font-size:17px; line-height:1.75; max-width:780px; }
.legal-page a { color:var(--violet); font-weight:750; }
.legal-lead { font-size:21px!important; }
.legal-note { background:var(--cream); border-left:4px solid var(--violet); border-radius:8px; margin-top:48px; padding:18px 20px; }
.legal-grid { display:grid; gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }
.legal-grid article { background:var(--cream); border:1px solid var(--line); border-radius:18px; padding:22px; }
.legal-grid article h2 { font-size:19px; margin:0 0 8px; }
.legal-grid article p { font-size:15px; margin:0; }
html[data-theme="dark"] .tour-frame { background:#191625; border-color:#39344a; }
html[data-theme="dark"] .tour-frame figcaption,html[data-theme="dark"] .legal-page p { color:#c4bdd1; }
html[data-theme="dark"] .legal-grid article,html[data-theme="dark"] .legal-note { background:#191625; border-color:#39344a; }

@media (max-width:700px) {
  .legal-page { padding:52px 24px 80px; }
  .legal-page h1 { font-size:42px; }
  .legal-lead { font-size:18px!important; }
  .legal-grid { grid-template-columns:1fr; }
}

/* Award UX study — Tenvique translation of clarity, planes, action and delight. */
:root {
  --ux-purple: #2b174f;
  --ux-violet: #6938d3;
  --ux-lilac: #eee7ff;
  --ux-cream: #f7f4ee;
  --ux-ink: #191428;
}
body { background: var(--paper); color: var(--ux-ink); }
h1, h2, h3, .brand, nav, .button, .theme-toggle, .eyebrow, .card-head, .proof-strip, .price, .faq-grid summary {
  font-family: Manrope, Inter, sans-serif;
}
header {
  background: rgba(255,255,255,.96);
  border-bottom-color: #e8e1ef;
  max-width: none;
  min-height: 82px;
  padding-inline: max(24px, calc((100% - 1232px) / 2));
}
.brand img { height: 48px; width: 174px; }
nav { gap: 10px; }
nav a { border-radius: 99px; padding: 9px 13px; }
nav a:hover { background: var(--ux-lilac); }
nav a:after { display: none; }
.theme-toggle { height: 43px; width: 43px; justify-content: center; padding: 0; }
.theme-toggle b { display: none; }
.hero {
  background: none;
  display: grid;
  gap: 0;
  grid-template-columns: 1.08fr .92fr;
  max-width: none;
  min-height: 650px;
  padding: 0;
}
.hero > div:first-child {
  background: var(--ux-purple);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 82px max(42px, calc((100vw - 1232px) / 2));
  padding-right: clamp(42px, 6vw, 105px);
}
.hero .eyebrow { color: #d9c8ff; }
.hero h1 { font-size: clamp(58px, 6vw, 88px); letter-spacing: -.058em; line-height: .96; }
.hero h1 span { color: #b895ff; }
.hero-copy { color: #ded5ec; font-size: 19px; line-height: 1.7; }
.hero .text-link { color: #fff; }
.hero .trust-row { color: #cfc5de; }
.hero .trust-row span:first-letter { color: #b895ff; }
.workspace-preview {
  align-items: center;
  background: var(--ux-lilac);
  display: flex;
  justify-content: center;
  min-width: 0;
  padding: 72px clamp(32px, 5vw, 82px);
}
.workspace-preview .control-card { max-width: 520px; transform: none; width: 100%; }
.workspace-preview .floating-card { bottom: 50px; right: clamp(18px, 4vw, 60px); transform: none; }
.section { padding-block: 92px; }
.section > .eyebrow, .section-title, .feature-grid, .steps > h2, .steps > ol, .pricing > .eyebrow, .pricing > h2, .pricing-grid, .pricing-note, .reassurance > * { margin-inline: auto; max-width: 1184px; }
.product-proof {
  background: var(--ux-cream);
  border-radius: 0 0 32px 32px;
  max-width: none;
  padding-inline: max(24px, calc((100% - 1184px) / 2));
}
.product-proof > * { max-width: 1184px; margin-inline: auto; }
.section-title h2, .section h2 { letter-spacing: -.045em; }
.section-title h2 { font-size: clamp(44px, 5vw, 64px); }
.section-title p { line-height: 1.75; }
.source-panel, .property-command { border-radius: 0; }
.source-panel { background: #fff; }
.source-stack > div { border-radius: 0; box-shadow: none; }
.property-command { background: var(--ux-purple); }
.outcome-row { background: #fff; border: 0; margin-top: 24px; }
.outcome-row > div { padding: 28px; }
.founder-story { background: var(--ux-purple); margin-top: 0; }
.founder-story h2 { font-family: Manrope, Inter, sans-serif; font-size: clamp(44px, 5vw, 66px); font-weight: 800; }
.story-resolution strong { font-family: Manrope, Inter, sans-serif; font-weight: 750; }
.proof-strip { background: #6c3bd1; border-radius: 0; box-shadow: none; margin: 0; max-width: none; padding-inline: max(28px, calc((100% - 1184px) / 2)); }
.proof-strip strong { color: #fff; }
#control { padding-top: 100px; }
.feature-grid { gap: 0; }
.feature-grid article, .feature-grid article:nth-child(2), .feature-grid article:nth-child(4) {
  background: #fff;
  border: 1px solid #e4dfea;
  border-radius: 0;
  min-height: 250px;
}
.feature-grid article:nth-child(2), .feature-grid article:nth-child(4) { background: var(--ux-lilac); }
.feature-grid article:hover { border-color: #8c69dc; box-shadow: none; transform: none; }
.steps {
  background: var(--ux-cream);
  border-radius: 32px;
  margin-block: 42px;
  max-width: 1232px;
}
.steps ol { gap: 0; }
.steps li { border-color: #dcd4df; padding: 28px 24px; }
.steps li:before { color: var(--ux-violet); font-size: 13px; }
.contact-panel {
  background: var(--ux-lilac);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  max-width: none;
  padding-inline: max(24px, calc((100% - 1184px) / 2));
}
.pricing { background: #fff; }
.pricing-grid { gap: 0; }
.pricing-grid article { border-radius: 0; box-shadow: none; min-height: 390px; }
.pricing-grid article.featured { background: var(--ux-purple); border: 0; color: #fff; transform: none; }
.pricing-grid article.featured .price, .pricing-grid article.featured ul { color: #fff; }
.pricing-grid article.featured .price small { color: #d9cfe7; }
.plan-label { background: #b895ff; color: #21103f; }
.faq-grid { gap: 0; }
.faq-grid details { border-radius: 0; }
.final-cta { background: var(--ux-purple); border-radius: 0; margin-bottom: 0; max-width: none; padding-inline: max(24px, calc((100% - 1184px) / 2)); }
footer { background: #171026; border: 0; color: #d8d0e4; }
footer .brand img { filter: brightness(0) invert(1); }
footer a { color: #fff; }

@media (max-width: 820px) {
  .hero { grid-template-columns: 1fr; }
  .hero > div:first-child { padding: 68px 24px; }
  .workspace-preview { min-height: 530px; padding: 55px 28px 80px; }
  .workspace-preview .floating-card { bottom: 38px; right: 20px; }
  .proof-strip { grid-template-columns: 1fr; padding: 24px; }
  .steps { border-radius: 0; margin-block: 0; }
}
@media (max-width: 540px) {
  header { min-height: 76px; }
  .brand img { height: 42px; width: 150px; }
  .hero h1 { font-size: 49px; line-height: .98; }
  .hero > div:first-child { padding: 60px 20px; }
  .workspace-preview { min-height: 500px; padding: 42px 18px 85px; }
  .product-proof, .section { padding-block: 72px; }
  .section-title h2 { font-size: 39px; }
  .outcome-row { grid-template-columns: 1fr; }
  .outcome-row > div + div { border-left: 0; border-top: 1px solid var(--line); }
  .founder-story { padding-block: 80px; }
  .founder-story h2 { font-size: 42px; }
  .feature-grid article { min-height: 0; }
  .contact-panel { padding-block: 62px; }
  .pricing-grid article { min-height: 0; }
}

/* Screenshot-free product story and founder origin — 2026-10-21. */
.product-proof { padding-top: 112px; }
.control-flow {
  display: grid;
  grid-template-columns: .72fr 86px 1.28fr;
  align-items: center;
  gap: 22px;
  margin-top: 48px;
}
.source-panel {
  background: linear-gradient(145deg, #f8f6fb, #efecf5);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 28px;
}
.flow-label {
  color: #755f89;
  font: 400 10px/1 "Tenvique Display", sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.source-panel h3 { font-size: 22px; line-height: 1.25; margin: 14px 0 22px; }
.source-stack { display: grid; gap: 10px; }
.source-stack > div {
  align-items: center;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(99,55,199,.1);
  border-radius: 14px;
  display: flex;
  gap: 14px;
  padding: 14px;
  transform: translateX(var(--offset, 0));
}
.source-stack > div:nth-child(2) { --offset: 10px; }
.source-stack > div:nth-child(3) { --offset: 20px; }
.source-stack i {
  align-items: center;
  background: #eee9f8;
  border-radius: 9px;
  color: var(--violet);
  display: flex;
  flex: 0 0 34px;
  font: normal 700 10px/1 Inter, sans-serif;
  height: 34px;
  justify-content: center;
}
.source-stack span { display: grid; }
.source-stack b { font-size: 14px; }
.source-stack small { color: #6e6878; font-size: 12px; margin-top: 2px; }
.flow-arrow { align-items: center; display: flex; flex-direction: column; gap: 5px; }
.flow-arrow span { color: var(--violet); font: 400 42px/1 "Tenvique Display", sans-serif; }
.flow-arrow small { color: #6e647a; font: 400 9px/1 "Tenvique Display", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.property-command {
  background: linear-gradient(150deg, #20183a, #33205f);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 26px;
  box-shadow: 0 30px 80px rgba(32,18,68,.24);
  color: #fff;
  overflow: hidden;
  position: relative;
}
.property-command:after { background: #8b62e4; border-radius: 50%; content: ""; filter: blur(4px); height: 190px; opacity: .16; position: absolute; right: -90px; top: -110px; width: 190px; }
.command-head { align-items: center; border-bottom: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; padding: 22px 24px; position: relative; z-index: 1; }
.command-head > span { align-items: center; display: flex; font: 400 13px/1.3 "Tenvique Display", sans-serif; gap: 9px; }
.command-head i { background: #a987ed; border-radius: 50%; box-shadow: 0 0 0 5px rgba(169,135,237,.14); height: 8px; width: 8px; }
.command-head > b { background: rgba(255,255,255,.1); border-radius: 99px; color: #ddd2f5; font-size: 10px; padding: 7px 10px; text-transform: uppercase; }
.command-body { display: grid; gap: 10px; padding: 18px 20px 12px; position: relative; z-index: 1; }
.command-date { align-items: center; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.08); border-radius: 15px; display: grid; gap: 12px; grid-template-columns: 1fr auto auto; padding: 16px; }
.command-date.priority { background: linear-gradient(90deg, rgba(139,98,228,.24), rgba(255,255,255,.07)); border-color: rgba(185,157,244,.28); }
.command-date > span { display: grid; }
.command-date b { font-size: 14px; }
.command-date small { color: #bdb3d1; font-size: 11px; margin-top: 3px; }
.command-date time { color: #fff; font-size: 12px; font-weight: 750; }
.command-date strong { background: rgba(217,200,255,.14); border-radius: 99px; color: #e1d5fb; font-size: 9px; letter-spacing: .06em; padding: 6px 8px; text-transform: uppercase; }
.command-contact { align-items: center; border-top: 1px solid rgba(255,255,255,.1); display: grid; gap: 12px; grid-template-columns: auto 1fr auto; margin-top: 4px; padding: 16px 4px 8px; }
.contact-mark { align-items: center; background: #f0eaff; border-radius: 50%; color: #3c2471; display: flex; font-size: 11px; font-weight: 800; height: 38px; justify-content: center; width: 38px; }
.command-contact > span:nth-child(2) { display: grid; }
.command-contact b { font-size: 13px; }
.command-contact small { color: #bdb3d1; font-size: 10px; margin-top: 3px; }
.command-contact em { color: #d9c8ff; font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.command-foot { background: rgba(7,4,16,.2); color: #cfc4e6; display: flex; flex-wrap: wrap; font-size: 10px; gap: 15px; padding: 14px 20px; position: relative; z-index: 1; }
.outcome-row { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 42px; }
.outcome-row > div { display: grid; gap: 6px; padding: 26px 30px; }
.outcome-row > div + div { border-left: 1px solid var(--line); }
.outcome-row strong { font: 400 14px/1.3 "Tenvique Display", sans-serif; }
.outcome-row span { color: #667080; font-size: 13px; }
.founder-story { background: linear-gradient(145deg, #18122f, #2f1c58); color: #fff; margin: 72px 0 0; padding: 110px max(24px, calc((100% - 1184px) / 2)); position: relative; overflow: hidden; }
.founder-story:before { border: 1px solid rgba(217,200,255,.12); border-radius: 50%; content: ""; height: 560px; left: -280px; position: absolute; top: -300px; width: 560px; }
.founder-story:after { color: rgba(255,255,255,.025); content: "92"; font: 400 330px/1 "Tenvique Display", sans-serif; position: absolute; right: -45px; top: 20px; }
.founder-story-inner { display: grid; gap: 100px; grid-template-columns: .9fr 1.1fr; position: relative; z-index: 1; }
.founder-story .eyebrow { color: #cbbaff; }
.founder-story h2 { font: 400 clamp(40px,5vw,62px)/1.06 "Tenvique Display", sans-serif; letter-spacing: -.04em; margin: 16px 0 32px; }
.founder-story blockquote { border-left: 3px solid #a987ed; color: #e4dcf2; font: 600 21px/1.5 Manrope, sans-serif; margin: 0; padding-left: 22px; }
.story-copy { color: #d5cde2; display: grid; font-size: 17px; gap: 18px; line-height: 1.75; }
.story-copy p { margin: 0; }
.story-resolution { align-items: start; border-top: 1px solid rgba(255,255,255,.15); display: grid; gap: 30px; grid-template-columns: .65fr 1.35fr; margin-top: 62px; padding-top: 32px; position: relative; z-index: 1; }
.story-resolution span { color: #bfb3d2; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.story-resolution strong { color: #fff; font: 400 22px/1.5 "Tenvique Display", sans-serif; }
html[data-theme="dark"] .source-panel { background: linear-gradient(145deg,#191625,#211b31); }
html[data-theme="dark"] .source-stack > div { background: rgba(255,255,255,.04); border-color: #39344a; }
html[data-theme="dark"] .source-stack small, html[data-theme="dark"] .outcome-row span { color: #bdb5c9; }
html[data-theme="dark"] .source-stack i { background: #302747; color: #c8b3f4; }

@media (max-width: 900px) {
  .control-flow { grid-template-columns: 1fr; }
  .flow-arrow { flex-direction: row; justify-content: center; padding: 2px 0; }
  .flow-arrow span { transform: rotate(90deg); }
  .founder-story-inner { gap: 55px; grid-template-columns: 1fr; }
  .story-resolution { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .product-proof { padding-top: 82px; }
  .source-panel { padding: 22px 18px; }
  .source-stack > div:nth-child(n) { transform: none; }
  .property-command { border-radius: 20px; }
  .command-head { align-items: flex-start; gap: 15px; }
  .command-date { align-items: start; grid-template-columns: 1fr auto; }
  .command-date strong { grid-column: 1/-1; justify-self: start; }
  .command-contact { grid-template-columns: auto 1fr; }
  .command-contact em { grid-column: 2; }
  .outcome-row { grid-template-columns: 1fr; }
  .outcome-row > div { padding: 22px 4px; }
  .outcome-row > div + div { border-left: 0; border-top: 1px solid var(--line); }
  .founder-story { margin-top: 30px; padding-bottom: 80px; padding-top: 80px; }
  .founder-story:after { font-size: 190px; right: -30px; top: 40px; }
  .founder-story h2 { font-size: 39px; }
  .founder-story blockquote { font-size: 18px; }
  .story-copy { font-size: 16px; }
  .story-resolution strong { font-size: 18px; }
}

/* Typography and mobile rhythm refinement — 2026-10-21 review. */
h1, h2, h3, .brand, nav, .button, .theme-toggle, .card-head, .proof-strip, .price, .faq-grid summary,
.flow-label, .flow-arrow span, .flow-arrow small, .command-head > span, .outcome-row strong,
.founder-story h2, .story-resolution strong {
  font-family: Manrope, Inter, ui-sans-serif, system-ui, sans-serif;
}
h1, h2, h3 { letter-spacing: -.035em; }
nav, .button, .theme-toggle { letter-spacing: 0; text-transform: none; }
.eyebrow {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: .15em;
}
.flow-label, .flow-arrow small { font-weight: 800; }
.command-head > span, .outcome-row strong, .story-resolution strong { font-weight: 750; }
.founder-story h2 { font-weight: 800; }

@media (max-width: 820px) {
  header { gap: 18px; }
  header .theme-toggle { margin-left: auto; }
}
@media (max-width: 700px) {
  header { min-height: 76px; padding: 0 20px; }
  .brand img { height: 46px; width: 148px; }
  .theme-toggle { flex: 0 0 auto; padding: 9px 11px; }
  .hero { gap: 48px; padding: 58px 24px 82px; }
  .hero-copy { line-height: 1.65; margin-top: 24px; }
  .actions { gap: 18px; margin: 30px 0 24px; }
  .trust-row { gap: 14px 18px; line-height: 1.5; }
  .workspace-preview { padding-bottom: 52px; }
  .control-card { padding: 20px; }
  .section { padding: 84px 24px; }
  .section-title { gap: 18px; margin-bottom: 34px; }
  .section-title p { font-size: 16px; line-height: 1.7; }
  .control-flow { gap: 28px; margin-top: 34px; }
  .source-panel { padding: 24px 20px; }
  .source-stack { gap: 12px; }
  .source-stack > div { padding: 16px 14px; }
  .command-head { padding: 20px; }
  .command-body { gap: 12px; padding: 18px 16px 14px; }
  .command-date { gap: 10px 14px; padding: 17px 15px; }
  .command-contact { gap: 14px; padding: 18px 4px 10px; }
  .command-foot { gap: 10px 14px; line-height: 1.5; padding: 15px 16px; }
  .outcome-row { margin-top: 36px; }
  .outcome-row > div { gap: 9px; padding: 25px 4px; }
  .founder-story { padding-left: 24px; padding-right: 24px; }
  .founder-story-inner { gap: 44px; }
  .story-copy { gap: 22px; line-height: 1.8; }
  .story-resolution { gap: 20px; margin-top: 44px; padding-top: 28px; }
  .proof-strip { margin-bottom: 34px; }
  .feature-grid { gap: 15px; }
  .feature-grid article { min-height: 0; padding: 24px 22px; }
  .steps ol { gap: 8px; }
  .steps li { gap: 10px; padding: 25px 4px; }
  .contact-panel { padding: 36px 24px; }
  .contact-panel p:not(.eyebrow) { font-size: 16px; }
  .pricing-grid { gap: 20px; }
  .pricing-grid article { padding: 28px 24px; }
  .faq-grid { gap: 12px; }
  .faq-grid details { padding: 20px; }
  footer { padding-bottom: 48px; padding-top: 40px; }
  .founder-story + .proof-strip {
    margin: 30px 20px 8px;
    padding: 8px 22px;
  }
  .founder-story + .proof-strip div {
    gap: 18px;
    min-height: 72px;
    padding: 20px 4px;
  }
  .founder-story + .proof-strip strong {
    flex: 0 0 28px;
  }
  .founder-story + .proof-strip span {
    line-height: 1.4;
  }
  .founder-story + .proof-strip + #control {
    padding-top: 62px;
  }
}

/* Desktop-only hand-off from the founder story to product features. */
@media (min-width: 701px) {
  .founder-story + .proof-strip {
    margin-top: 24px;
    margin-bottom: 0;
  }
  .founder-story + .proof-strip + #control {
    padding-top: 58px;
  }
}

/* Founding community pathways — UAT concept 2026-10-21. */
.founding-network {
  max-width: none;
  overflow: hidden;
  padding-left: max(24px, calc((100% - 1184px) / 2));
  padding-right: max(24px, calc((100% - 1184px) / 2));
  position: relative;
}
.founding-network:before {
  background: radial-gradient(circle, rgba(139,98,228,.13), rgba(139,98,228,0) 68%);
  content: "";
  height: 520px;
  pointer-events: none;
  position: absolute;
  right: -180px;
  top: -170px;
  width: 520px;
}
.founding-heading {
  align-items: end;
  display: grid;
  gap: 80px;
  grid-template-columns: 1.1fr .9fr;
  margin-bottom: 42px;
  position: relative;
}
.founding-heading h2 { font-size: clamp(42px, 5.2vw, 68px); margin: 12px 0 0; }
.founding-heading > p { color: #5c6574; font-size: 18px; line-height: 1.75; margin: 0 0 8px; }
.founding-occupier {
  align-items: stretch;
  background: linear-gradient(135deg, #19122f, #3c2472);
  border-radius: 28px;
  box-shadow: 0 28px 75px rgba(31,18,65,.2);
  color: #fff;
  display: grid;
  gap: 28px;
  grid-template-columns: auto 1.35fr .65fr;
  overflow: hidden;
  padding: 38px;
  position: relative;
}
.founding-occupier:after {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  content: "";
  height: 320px;
  position: absolute;
  right: -165px;
  top: -170px;
  width: 320px;
}
.founding-number {
  color: #bda5ef;
  font: 800 13px/1 Manrope, sans-serif;
  letter-spacing: .08em;
  padding-top: 7px;
}
.founding-type, .profession-label {
  color: #cbbaff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.founding-main-copy h3 { font-size: clamp(32px, 4vw, 50px); margin: 8px 0 14px; }
.founding-main-copy > p { color: #ddd6e9; font-size: 17px; line-height: 1.7; margin: 0; max-width: 650px; }
.founding-main-copy ul { display: flex; flex-wrap: wrap; gap: 9px; list-style: none; margin: 24px 0 0; padding: 0; }
.founding-main-copy li { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.1); border-radius: 99px; color: #f4efff; font-size: 12px; font-weight: 700; padding: 8px 11px; }
.founding-action { align-content: center; border-left: 1px solid rgba(255,255,255,.14); display: grid; padding-left: 28px; position: relative; z-index: 1; }
.founding-action > span { color: #cbbaff; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.founding-action p { color: #d5cde3; font-size: 13px; line-height: 1.6; }
.founding-action .button { background: linear-gradient(135deg,#f4efff,#cbbaff); color: #27144e; justify-self: start; text-decoration: none; }
.professional-intro {
  align-items: end;
  display: grid;
  gap: 65px;
  grid-template-columns: 1fr 1fr;
  margin: 76px 0 28px;
}
.professional-intro > div { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; }
.professional-intro .founding-number { grid-row: 1 / 3; }
.professional-intro .eyebrow { margin: 0; }
.professional-intro h3 { font-size: 35px; margin: 9px 0 0; }
.professional-intro > p { color: #5c6574; line-height: 1.75; margin: 0; }
.founding-professions { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
.founding-professions article {
  background: #f7f5fa;
  border: 1px solid var(--line);
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 28px;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.founding-professions article:hover { border-color: #baa6e4; box-shadow: 0 18px 45px rgba(39,20,78,.1); transform: translateY(-4px); }
.profession-mark { align-items: center; background: #e9e2f8; border-radius: 13px; color: #4b2a8f; display: flex; font: 700 23px/1 Manrope, sans-serif; height: 48px; justify-content: center; margin-bottom: 27px; width: 48px; }
.founding-professions .profession-label { color: #6e4db0; margin: 0; }
.founding-professions h3 { font-size: 23px; line-height: 1.25; margin: 10px 0 14px; }
.founding-professions article > p:not(.profession-label) { color: #626a77; line-height: 1.65; margin: 0 0 24px; }
.founding-professions a { color: #5733a7; font-family: Manrope, sans-serif; font-size: 13px; font-weight: 800; margin-top: auto; text-decoration: none; }
.founding-disclaimer { color: #737986; font-size: 12px; line-height: 1.6; margin: 20px 0 0; }
html[data-theme="dark"] .founding-heading > p,
html[data-theme="dark"] .professional-intro > p,
html[data-theme="dark"] .founding-professions article > p:not(.profession-label),
html[data-theme="dark"] .founding-disclaimer { color: #c3bccd; }
html[data-theme="dark"] .founding-professions article { background: #191625; border-color: #39344a; }
html[data-theme="dark"] .profession-mark { background: #302747; color: #cbbaff; }
html[data-theme="dark"] .founding-professions a { color: #c9b5f5; }

@media (max-width: 900px) {
  .founding-heading, .professional-intro { gap: 28px; grid-template-columns: 1fr; }
  .founding-occupier { grid-template-columns: auto 1fr; }
  .founding-action { border-left: 0; border-top: 1px solid rgba(255,255,255,.14); grid-column: 2; padding-left: 0; padding-top: 26px; }
  .founding-professions { grid-template-columns: 1fr; }
  .founding-professions article { min-height: 0; }
}
@media (max-width: 700px) {
  .founding-network { padding-bottom: 84px; padding-top: 84px; }
  .founding-heading { margin-bottom: 30px; }
  .founding-heading h2 { font-size: 39px; line-height: 1.08; }
  .founding-heading > p { font-size: 16px; }
  .founding-occupier { gap: 18px; grid-template-columns: 1fr; padding: 28px 24px; }
  .founding-occupier .founding-number { padding: 0; }
  .founding-main-copy > p { font-size: 16px; }
  .founding-main-copy ul { align-items: flex-start; flex-direction: column; }
  .founding-action { grid-column: 1; }
  .professional-intro { margin: 62px 0 26px; }
  .professional-intro > div { column-gap: 13px; }
  .professional-intro h3 { font-size: 30px; }
  .founding-professions { gap: 14px; }
  .founding-professions article { padding: 25px 22px; }
  .profession-mark { margin-bottom: 23px; }
}

/* Final cascade guard: later legacy responsive rules must not reintroduce inset hero planes. */
@media (max-width: 820px) {
  .hero { gap: 0; padding: 0; }
  .hero > div:first-child { padding: 68px 24px; }
  .workspace-preview { min-height: 530px; padding: 55px 28px 80px; }
  .founder-story + .proof-strip { margin: 0; padding: 24px; }
  .founder-story + .proof-strip + #control { padding-top: 72px; }
}
@media (max-width: 540px) {
  .hero { gap: 0; padding: 0; }
  .hero > div:first-child { padding: 60px 20px; }
  .workspace-preview { min-height: 500px; padding: 42px 18px 85px; }
}

/* Complete organic content collection */
.resource-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0}.resource-section-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}.resource-section-grid li{margin:8px 0}.resource-download{margin:38px 0;background:#f0ebfb;border:1px solid #d7c8ef;border-radius:20px;padding:30px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.resource-download h2{font-size:30px;margin:5px 0 8px}.resource-download p{margin:0}.resource-download .button{white-space:nowrap;text-decoration:none}.seo-links{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:820px){.resource-section-grid,.seo-links{grid-template-columns:1fr 1fr}.resource-download{grid-template-columns:1fr}.resource-download .button{justify-self:start}}
@media(max-width:540px){.resource-section-grid,.seo-links{grid-template-columns:1fr}}
.contact-route-grid,.resources-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0}.contact-route-grid article,.resources-hub-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.contact-route-grid p,.resources-hub-grid p{color:#52657a;line-height:1.65}.contact-route-grid .button{margin-top:auto;text-decoration:none}.resource-card-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:auto}.resource-card-actions .button{text-decoration:none}.site-help-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px}
@media(max-width:900px){.contact-route-grid,.resources-hub-grid{grid-template-columns:1fr}}

/* Mobile-only public-site navigation */
.mobile-nav-toggle{display:none}
@media(max-width:820px){
  header{position:sticky}
  .mobile-nav-toggle{align-items:center;background:#fff;border:1px solid #ded5ea;border-radius:12px;color:#2b174f;cursor:pointer;display:inline-flex;flex:0 0 auto;flex-direction:column;height:46px;justify-content:center;margin-left:auto;padding:0;width:46px}
  .mobile-nav-toggle:focus-visible{outline:3px solid #a987ed;outline-offset:3px}
  .mobile-nav-toggle span{background:currentColor;border-radius:2px;display:block;height:2px;margin:4px auto;transition:transform .18s ease,opacity .18s ease;width:22px}
  header.mobile-nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  header.mobile-nav-open .mobile-nav-toggle span:nth-child(2){opacity:0}
  header.mobile-nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  header.mobile-nav-open nav{background:#fff;border:1px solid #e1d8ec;border-radius:16px;box-shadow:0 18px 46px rgba(31,18,57,.18);display:flex;flex-direction:column;gap:2px;left:16px;padding:10px;position:absolute;right:16px;top:calc(100% + 8px);z-index:40}
  header.mobile-nav-open nav a{border-radius:10px;color:#2b174f;display:block;font-size:16px;padding:13px 14px;width:100%}
  header.mobile-nav-open nav a:hover,header.mobile-nav-open nav a:focus-visible{background:#eee7ff}
}