@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap');

:root{
  --bg:#f6f4ee;
  --bg-soft:#eef5f3;
  --panel:#ffffff;
  --panel-alt:#f7faf9;
  --brand-black:#050608;
  --brand-green:#02a75a;
  --text:#102437;
  --text-soft:#5f717d;
  --line:rgba(16,36,55,.12);
  --line-strong:rgba(16,36,55,.22);
  --gold:#1faf8f;
  --gold-soft:rgba(31,175,143,.10);
  --betty:#76b7d8;
  --betty-soft:rgba(118,183,216,.12);
  --peggy:#c9855b;
  --peggy-soft:rgba(201,133,91,.14);
  --gov:#3c566a;
  --gov-soft:rgba(60,86,106,.10);
  --warn:#b86f42;
  --warn-soft:rgba(184,111,66,.14);
  --ink:#102437;
  --blue-strong:#177d80;
  --blue-bright:#48b59e;
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 26px 80px rgba(16,36,55,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at top left, rgba(31,175,143,.12), transparent 30%),
    radial-gradient(circle at top right, rgba(118,183,216,.12), transparent 24%),
    linear-gradient(180deg, #fbfaf6 0%, #f6f4ee 100%);
  color:var(--text);
  font-family:"Avenir Next","Segoe UI",system-ui,sans-serif;
  line-height:1.6;
}

a{color:inherit}
main{padding-bottom:72px}
h1,h2,h3,p{margin:0}
h1,h2,h3{letter-spacing:-.03em;line-height:1.08}

.site-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto}
.site-shell--nav{padding:22px 0}
.nav-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 36px rgba(27,33,63,.08);
}
.nav-links,.nav-actions,.inline-form{display:flex;align-items:center;gap:14px}
.nav-links a{
  text-decoration:none;
  font-size:14px;
  color:var(--text-soft);
}
.nav-links a:hover{color:var(--text)}

.logo-mark{
  display:inline-flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:inherit;
}
.brand-copy{
  display:grid;
  gap:2px;
}
.brand-name{
  display:inline-flex;
  align-items:baseline;
  gap:0;
  letter-spacing:-.05em;
  font-weight:800;
  line-height:1;
}
.brand-name__base{color:var(--brand-black)}
.brand-name__ai,
.brand-name__bots{color:var(--brand-green)}
.brand-tag{
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--brand-black);
}
.brand-name--inline{
  font-size:1em;
  vertical-align:baseline;
}
.logo-mark--pb .brand-mark{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:16px;
  background:
    linear-gradient(135deg, rgba(31,175,143,.18), rgba(118,183,216,.18)),
    #ffffff;
  border:1px solid rgba(16,36,55,.08);
  box-shadow:0 14px 28px rgba(16,36,55,.08);
}
.logo-mark--pb .brand-mark__letters{
  font-size:19px;
  font-weight:800;
  letter-spacing:-.04em;
  color:var(--brand-black);
}
.logo-mark--pb .brand-name{
  font-size:24px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  border:1px solid transparent;
  padding:12px 18px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  font-size:14px;
}
.btn:hover{transform:translateY(-1px)}
.btn--solid{
  background:linear-gradient(135deg,var(--blue-bright),var(--blue-strong));
  color:#fff;
  box-shadow:0 16px 34px rgba(31,175,143,.22);
}
.btn--ghost{
  background:#fff;
  border-color:var(--line);
  color:var(--text);
}
.btn--block{width:100%}

.eyebrow{
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:800;
  color:var(--gold);
  margin-bottom:12px;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.2fr .9fr;
  gap:28px;
  align-items:start;
  padding:28px 0 0;
}
.hero-copy,.auth-card,.panel-card,.feature-card,.security-card,.timeline-card,.sidebar-card,.metric-card,.chat-card,.doc-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--panel);
  box-shadow:var(--shadow);
}
.hero-copy{
  padding:42px;
  background:
    radial-gradient(circle at top left, rgba(14,29,253,.06), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
}
.hero-copy h1{font-size:clamp(2.5rem,5vw,4.6rem);max-width:12ch}
.lead{font-size:18px;color:var(--text-soft);margin-top:18px}
.hero-actions,.badge-row,.tab-row,.field-grid,.feature-grid,.security-grid,.metric-grid,.dashboard-grid,.assistant-grid,.security-note-grid{display:grid;gap:14px}
.hero-actions{grid-template-columns:repeat(2,minmax(0,220px));margin-top:28px}
.badge-row{display:flex;flex-wrap:wrap;margin-top:24px}
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
  border:1px solid transparent;
}
.pill--gov{background:var(--gov-soft);color:var(--gov);border-color:rgba(69,52,68,.16)}
.pill--betty{background:var(--betty-soft);color:var(--betty);border-color:rgba(14,29,253,.16)}
.pill--peggy{background:var(--peggy-soft);color:#9b562c;border-color:rgba(214,131,85,.24)}
.callout{
  margin-top:24px;
  padding:16px 18px;
  border-radius:var(--radius-sm);
  background:var(--panel-alt);
  border:1px solid var(--line);
  color:var(--text-soft);
}

.auth-card,.panel-card,.doc-card,.invite-card{padding:28px}
.card-head,.panel-head{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:18px;
  margin-bottom:20px;
}
.card-head h2,.panel-head h2,.doc-card h1{font-size:clamp(1.6rem,3vw,2.2rem)}

.tab-row{
  grid-auto-flow:column;
  background:var(--bg-soft);
  padding:4px;
  border-radius:999px;
}
.tab-btn{
  border:none;
  background:transparent;
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  color:var(--text-soft);
  cursor:pointer;
}
.tab-btn.is-active{background:#fff;color:var(--text);box-shadow:0 8px 18px rgba(27,33,63,.10)}

.auth-pane{display:none}
.auth-pane.is-active{display:block}
.stack-form{display:grid;gap:14px}
.stack-form label{display:grid;gap:8px;font-size:14px;font-weight:700}
.stack-form small{font-weight:500;color:var(--text-soft)}
.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
input,select,textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px 14px;
  background:#f8f8f8;
  color:var(--ink);
  font:inherit;
}
textarea{resize:vertical;min-height:120px}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:rgba(67,158,248,.85);
  box-shadow:0 0 0 4px rgba(67,158,248,.18);
}

.form-status{
  min-height:22px;
  font-size:14px;
  font-weight:700;
  color:var(--text-soft);
}
.form-status.is-error{color:var(--betty)}
.form-status.is-success{color:var(--gov)}

.banner{
  padding:14px 16px;
  border-radius:14px;
  font-weight:700;
  margin-bottom:18px;
}
.banner--warning{background:var(--warn-soft);color:var(--warn)}
.banner--info{background:var(--gov-soft);color:var(--gov)}

.section-block{padding-top:56px}
.section-head{max-width:720px;margin-bottom:24px}
.section-head h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:10px}
.section-head p{color:var(--text-soft)}

.feature-grid,.security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card,.security-card,.metric-card{padding:24px}
.feature-card h3,.security-card h3{margin-bottom:10px;font-size:1.25rem}
.feature-card p,.security-card p,.timeline-row p,.metric-card p,.footer-copy,.footer-note,.doc-card p,.mini-note p,.chat-message,.log-row small{color:var(--text-soft)}
.clean-list{margin:0;padding-left:18px;color:var(--text-soft)}
.clean-list li+li{margin-top:8px}

.timeline-card{padding:20px}
.timeline-row{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:start;
  padding:14px 0;
}
.timeline-row+.timeline-row{border-top:1px solid var(--line)}
.timeline-step{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  background:var(--gold-soft);
  color:#7a5e1a;
  font-weight:800;
}

.footer-shell{
  display:grid;
  gap:16px;
  padding:24px 0 52px;
}
.footer-top,.footer-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.footer-links a{text-decoration:none;color:var(--text-soft)}
.footer-links a:hover{color:var(--text)}
.footer-note{font-size:14px}

.dashboard-shell{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:22px;
  padding-top:26px;
}
.dashboard-sidebar,.dashboard-main{display:grid;gap:22px;align-content:start}
.sidebar-card{padding:20px}
.workspace-list,.doc-list,.stacked-meta,.log-list{display:grid;gap:10px}
.workspace-link{
  display:grid;
  gap:4px;
  text-decoration:none;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
}
.workspace-link small{color:var(--text-soft)}
.workspace-link.is-active{
  border-color:rgba(67,158,248,.4);
  background:var(--gold-soft);
}

.hero-panel{
  display:grid;
  gap:16px;
  padding:24px 26px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg,#ffffff 0%, #fafbfe 100%);
  box-shadow:var(--shadow);
}
.hero-panel h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:10px}
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}
.metric-value{display:block;font-size:2rem;line-height:1.1;margin:8px 0}

.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.table-shell{overflow:auto;margin-top:18px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}
th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}

.copy-card{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:14px;
  background:var(--bg-soft);
  border:1px dashed var(--line-strong);
}
.copy-card.is-hidden,.chat-warning.is-hidden{display:none}

.security-note-grid{grid-template-columns:1fr}
.mini-note{
  padding:14px;
  border-radius:14px;
  background:var(--bg-soft);
  border:1px solid var(--line);
}

.assistant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.chat-card{display:grid;grid-template-rows:auto 1fr auto auto;min-height:520px}
.chat-head{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:24px 24px 16px;border-bottom:1px solid var(--line)}
.chat-head.betty{background:linear-gradient(180deg,var(--betty-soft),transparent)}
.chat-head.peggy{background:linear-gradient(180deg,var(--peggy-soft),transparent)}
.chat-log{
  display:grid;
  gap:12px;
  align-content:start;
  padding:18px 24px;
  background:linear-gradient(180deg, rgba(244,246,251,.75), rgba(255,255,255,.92));
  min-height:240px;
}
.chat-message{
  max-width:88%;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 10px 24px rgba(27,33,63,.06);
}
.chat-message.user{
  justify-self:end;
  background:rgba(14,29,253,.08);
  color:var(--text);
}
.chat-warning{
  margin:0 24px 10px;
  padding:12px 14px;
  border-radius:14px;
  background:var(--warn-soft);
  color:var(--warn);
  font-weight:700;
}
.chat-compose{display:grid;gap:12px;padding:0 24px 24px}

.log-row{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:14px;
  background:var(--bg-soft);
  border:1px solid var(--line);
}
.log-row span{
  font-size:13px;
  font-weight:800;
  color:var(--gov);
}

.invite-shell{padding-top:26px}
.invite-card{max-width:640px;margin:0 auto}

.doc-shell{padding-top:26px}
.doc-card{
  max-width:860px;
  margin:0 auto;
  padding:34px;
}
.doc-card h1{margin-bottom:8px}
.doc-card h2{
  font-size:1.4rem;
  margin-top:28px;
  margin-bottom:10px;
}
.doc-card p+p{margin-top:12px}
.doc-meta{
  margin-bottom:18px;
  color:var(--text-soft);
  font-size:14px;
}

.homepage{padding-bottom:88px}
.homepage--finance{
  background:
    radial-gradient(circle at top left, rgba(14,29,253,.05), transparent 28%),
    radial-gradient(circle at top right, rgba(214,131,85,.08), transparent 24%);
}
.finance-hero{
  display:block;
  padding:56px 0 8px;
}
.finance-copy{
  max-width:1180px;
  margin:0 auto;
  text-align:center;
}
.finance-copy h1{
  font-size:clamp(2.6rem,4.9vw,4.5rem);
  line-height:.95;
  letter-spacing:-.065em;
  max-width:15.5ch;
  margin-left:auto;
  margin-right:auto;
}
.finance-copy .lead{
  max-width:58ch;
  margin-top:28px;
  font-size:1.16rem;
  margin-left:auto;
  margin-right:auto;
}
.finance-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}
.finance-inline-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
.inline-metric{
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:var(--shadow);
}
.inline-metric strong{
  display:block;
  font-size:1.4rem;
  line-height:1.08;
  color:var(--text);
}
.inline-metric span{
  display:block;
  margin-top:8px;
  color:var(--text-soft);
}

.finance-visual{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(250px,.72fr);
  grid-template-rows:auto auto;
  gap:18px;
}
.visual-card{
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--shadow);
}
.visual-card--primary{
  grid-column:1;
  grid-row:1 / span 2;
  padding:28px;
  background:
    radial-gradient(circle at top right, rgba(14,29,253,.06), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
}
.visual-card--primary h2{
  font-size:2rem;
  margin:10px 0 12px;
}
.visual-card--primary p{color:var(--text-soft)}
.visual-list{
  margin:22px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.visual-list li{
  padding:13px 14px;
  border-radius:16px;
  background:var(--panel-alt);
  color:var(--text);
  font-weight:600;
}
.visual-label{
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:800;
  color:var(--gold);
}
.visual-footer{
  margin-top:22px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(14,29,253,.08), rgba(74,90,242,.08));
}
.visual-footer strong{
  display:block;
  font-size:1.3rem;
  line-height:1.08;
  margin-bottom:4px;
}
.visual-footer span{color:var(--text-soft)}

.visual-card--accent{
  grid-column:2;
  grid-row:1;
  padding:22px;
  background:linear-gradient(135deg, #0e1dfd 0%, #4a5af2 100%);
  color:#fff;
}
.visual-card--accent .visual-label{color:#d8deff}
.visual-card--accent strong{
  display:block;
  margin:12px 0 8px;
  font-size:2rem;
  line-height:1;
}
.visual-card--accent p{
  color:rgba(255,255,255,.88);
  font-size:15px;
}

.visual-card--stats{
  grid-column:2;
  grid-row:2;
  padding:20px;
  display:grid;
  gap:14px;
  background:
    radial-gradient(circle at top right, rgba(214,131,85,.14), transparent 28%),
    #fff;
}
.stat-block strong{
  display:block;
  font-size:1rem;
  line-height:1.15;
  color:var(--text);
}
.stat-block span{
  display:block;
  margin-top:4px;
  color:var(--text-soft);
  font-size:14px;
}

.finance-ribbon{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  padding-top:34px;
}
.ribbon-card,
.support-card,
.band-item,
.launch-benefit{
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--shadow);
}
.ribbon-card{
  padding:24px;
}
.ribbon-card h3,
.support-card h3{
  margin:10px 0 10px;
  font-size:1.3rem;
}
.ribbon-card p,
.support-card p,
.band-copy p,
.band-item span,
.launch-benefit span{
  color:var(--text-soft);
}
.finance-head{
  max-width:820px;
}

.support-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.support-card{
  padding:22px;
}

.finance-band{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:22px;
  align-items:start;
}
.band-copy{
  padding:8px 0;
}
.band-list{
  display:grid;
  gap:14px;
}
.band-item{
  padding:20px 22px;
}
.band-item strong{
  display:block;
  margin-bottom:6px;
}

.finance-launch{
  display:grid;
  grid-template-columns:1fr .92fr;
  gap:26px;
  align-items:start;
}
.launch-copy{
  display:grid;
  gap:22px;
}
.launch-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.launch-benefit{
  padding:20px;
}
.launch-benefit strong{
  display:block;
  margin-bottom:8px;
  font-size:1.05rem;
}
.finance-auth{
  background:linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
}

.finance-security-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

@media (max-width: 1280px){
  .support-grid,
  .launch-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 1080px){
  .dashboard-shell,
  .finance-band,
  .finance-launch{
    grid-template-columns:1fr;
  }
  .finance-ribbon,
  .support-grid,
  .launch-benefits,
  .finance-inline-metrics,
  .security-grid,
  .metric-grid,
  .feature-grid,
  .dashboard-grid,
  .assistant-grid{
    grid-template-columns:1fr 1fr;
  }
  .finance-visual{
    grid-template-columns:1fr 1fr;
  }
  .finance-copy h1{
    max-width:14.8ch;
  }
}

@media (max-width: 760px){
  .site-shell{width:min(100vw - 20px, 100%)}
  .nav-row{border-radius:24px;padding:16px}
  .nav-links{display:none}
  .hero-copy,.auth-card,.panel-card,.doc-card,.visual-card{padding:22px}
  .field-grid,
  .metric-grid,
  .feature-grid,
  .security-grid,
  .dashboard-grid,
  .assistant-grid,
  .finance-ribbon,
  .support-grid,
  .launch-benefits,
  .finance-inline-metrics,
  .finance-visual{
    grid-template-columns:1fr;
  }
  .finance-visual{
    grid-template-rows:auto;
  }
  .visual-card--primary,
  .visual-card--accent,
  .visual-card--stats{
    grid-column:auto;
    grid-row:auto;
  }
  .finance-actions{display:grid;grid-template-columns:1fr}
  .btn{width:100%}
  .nav-actions{width:100%}
  .nav-actions .btn,.nav-actions .inline-form{flex:1}
  .finance-copy h1{
    font-size:clamp(2.4rem,9.8vw,3.35rem);
    max-width:100%;
    line-height:.96;
  }
  .finance-copy .lead{
    margin-top:22px;
    font-size:1.02rem;
  }
  .chat-card{min-height:auto}
}

.homepage--reference{
  --gold:#C9A84C;
  --gold2:#DDB85A;
  --gold-lt:rgba(201,168,76,.12);
  --gold-border:rgba(201,168,76,.3);
  --betty:#E8614A;
  --betty-lt:rgba(232,97,74,.1);
  --betty-border:rgba(232,97,74,.3);
  --peggy:#534AB7;
  --peggy2:#6359C9;
  --peggy-lt:rgba(83,74,183,.1);
  --peggy-border:rgba(83,74,183,.3);
  --gov:#2FBF8A;
  --gov-lt:rgba(47,191,138,.1);
  --gov-border:rgba(47,191,138,.3);
  --bg:#080A10;
  --bg2:#0E1018;
  --card:rgba(255,255,255,.03);
  --card-hover:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.08);
  --border2:rgba(255,255,255,.05);
  --border-strong:rgba(255,255,255,.14);
  --text:#FFFFFF;
  --text2:#FFFFFF;
  --text3:#FFFFFF;
  --shadow:0 4px 24px rgba(0,0,0,.4);
  --shadow-lg:0 16px 48px rgba(0,0,0,.5);
  --radius:8px;
  --radius-lg:14px;
  --radius-xl:20px;
  padding-bottom:0;
  background:var(--bg);
  color:var(--text);
  font-family:'DM Sans',system-ui,sans-serif;
}

.homepage--reference *{box-sizing:border-box}
.homepage--reference a{color:inherit;text-decoration:none}
.homepage--reference h1,
.homepage--reference h2,
.homepage--reference h3,
.homepage--reference .display,
.homepage--reference .logo-mark{font-family:'Bricolage Grotesque',system-ui,sans-serif}

.homepage--reference .logo-mark{
  display:inline-flex;
  align-items:center;
  gap:1px;
  font-size:17px;
  font-weight:700;
  letter-spacing:-.3px;
}
.homepage--reference .lo,
.homepage--reference .ge,
.homepage--reference .ai,
.homepage--reference .bo,
.homepage--reference .ts{color:#FFFFFF;font-weight:400}

.homepage--reference .hdr{
  display:flex;
  align-items:center;
  gap:24px;
  padding:0 40px;
  min-height:60px;
  border-bottom:1px solid var(--border2);
  background:rgba(8,10,16,.85);
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:blur(16px);
}
.homepage--reference .hdr-nav,
.homepage--reference .hdr-actions{display:flex;align-items:center;gap:8px}
.homepage--reference .hdr-actions{margin-left:auto}
.homepage--reference .hn,
.homepage--reference .hbtn-sm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 16px;
  border-radius:6px;
  font-size:13px;
  font-weight:600;
  border:1px solid transparent;
  color:var(--text2);
  transition:all .18s;
}
.homepage--reference .hn{padding:6px 13px;background:transparent}
.homepage--reference .hn:hover,
.homepage--reference .hbtn-sm:hover{color:var(--text);background:rgba(255,255,255,.06)}
.homepage--reference .hn.betty{color:#FFFFFF;background:rgba(232,97,74,.1)}
.homepage--reference .hn.peggy{color:#FFFFFF;background:rgba(83,74,183,.1)}
.homepage--reference .hn.meet{color:#FFFFFF;background:rgba(201,168,76,.1)}
.homepage--reference .hn.gov{color:#FFFFFF;background:rgba(47,191,138,.08)}
.homepage--reference .hbtn-sm{border-color:var(--border-strong);background:transparent}
.homepage--reference .hbtn-sm.gold{background:var(--gold);border-color:var(--gold);color:#000;font-weight:700}
.homepage--reference .hbtn-sm.gold:hover{background:var(--gold2)}

.homepage--reference .hero-section{
  position:relative;
  overflow:hidden;
  padding:96px 40px 80px;
  text-align:center;
}
.homepage--reference .hero-bg,
.homepage--reference .hero-glow-betty{position:absolute;pointer-events:none}
.homepage--reference .hero-bg{inset:0}
.homepage--reference .hero-bg::before{
  content:'';
  position:absolute;
  width:700px;
  height:700px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(201,168,76,.06) 0%, transparent 70%);
  top:-200px;
  left:50%;
  transform:translateX(-50%);
}
.homepage--reference .hero-bg::after{
  content:'';
  position:absolute;
  width:500px;
  height:500px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(83,74,183,.08) 0%, transparent 70%);
  bottom:-100px;
  left:20%;
}
.homepage--reference .hero-glow-betty{
  width:400px;
  height:400px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(232,97,74,.07) 0%, transparent 70%);
  bottom:-50px;
  right:15%;
}
.homepage--reference .hero-badge,
.homepage--reference .cbadge,
.homepage--reference .hero-btns,
.homepage--reference .compliance-row,
.homepage--reference .ind-chips,
.homepage--reference .cta-row,
.homepage--reference .btags,
.homepage--reference .footer-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.homepage--reference .hero-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  border-radius:30px;
  border:1px solid var(--gold-border);
  background:var(--gold-lt);
  color:var(--gold);
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:28px;
}
.homepage--reference .hero-badge-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  animation:pulse-dot 2s ease-in-out infinite;
}
.homepage--reference .hero-h1{
  font-size:clamp(42px,6vw,72px);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-2px;
  color:var(--text);
  margin-bottom:22px;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.homepage--reference .hero-h1 em{font-style:normal;color:#FFFFFF}
.homepage--reference .hero-sub{
  font-size:17px;
  color:var(--text2);
  line-height:1.75;
  max-width:560px;
  margin:0 auto 32px;
}
.homepage--reference .hero-sub strong{color:var(--text)}
.homepage--reference .compliance-row{margin-bottom:36px}
.homepage--reference .cbadge{
  padding:5px 12px;
  border-radius:20px;
  font-size:11px;
  font-weight:700;
  border:1px solid transparent;
}
.homepage--reference .cbadge.nist{border-color:var(--gov-border);color:#FFFFFF;background:var(--gov-lt)}
.homepage--reference .cbadge.hipaa{border-color:var(--peggy-border);color:#FFFFFF;background:var(--peggy-lt)}
.homepage--reference .cbadge.babok{border-color:var(--betty-border);color:#FFFFFF;background:var(--betty-lt)}
.homepage--reference .cbadge.pmbok{border-color:var(--gold-border);color:#FFFFFF;background:var(--gold-lt)}
.homepage--reference .hero-btns{margin-bottom:56px}
.homepage--reference .hbtn,
.homepage--reference .bbtn,
.homepage--reference .pcta,
.homepage--reference .ctab,
.homepage--reference .ref-auth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  cursor:pointer;
  transition:all .2s;
  font-family:'DM Sans',system-ui,sans-serif;
}
.homepage--reference .hbtn{
  padding:14px 28px;
  border-radius:var(--radius);
  font-size:15px;
  font-weight:700;
}
.homepage--reference .hbtn:hover,
.homepage--reference .bbtn:hover,
.homepage--reference .pcta:hover,
.homepage--reference .ctab:hover,
.homepage--reference .ref-auth-btn:hover{transform:translateY(-2px)}
.homepage--reference .hbtn.betty,
.homepage--reference .betty-btn,
.homepage--reference .ref-auth-btn{
  background:var(--betty);
  color:#fff;
  box-shadow:0 4px 24px rgba(232,97,74,.35);
}
.homepage--reference .hbtn.peggy{background:var(--peggy);color:#fff;box-shadow:0 4px 24px rgba(83,74,183,.35)}
.homepage--reference .hbtn.ghost,
.homepage--reference .ctab.ol,
.homepage--reference .pcta{
  background:rgba(255,255,255,.06);
  color:var(--text);
  border:1px solid var(--border-strong);
}
.homepage--reference .hero-visual{
  position:relative;
  max-width:720px;
  margin:0 auto;
  padding:24px;
  border-radius:28px;
  background:#FFFFFF;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 22px 56px rgba(0,0,0,.32);
}
.homepage--reference .hero-visual svg{width:100%;height:auto;filter:drop-shadow(0 0 60px rgba(201,168,76,.08))}
.homepage--reference .g-betty{animation:float-betty 4s ease-in-out infinite;transform-origin:176px 210px}
.homepage--reference .g-peggy{animation:float-peggy 4.8s ease-in-out infinite;transform-origin:344px 210px}
.homepage--reference .g-node{animation:node-pulse 3s ease-in-out infinite}
.homepage--reference .g-line{animation:line-fade 3s ease-in-out infinite}
.homepage--reference .g-gold{animation:gold-pulse 2.5s ease-in-out infinite;transform-origin:260px 210px}

.homepage--reference .ind-bar,
.homepage--reference .sec-stripe,
.homepage--reference .cta-strip{background:var(--bg2);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2)}
.homepage--reference .ind-bar{padding:20px 40px;text-align:center}
.homepage--reference .ind-bar-label,
.homepage--reference .sec-eye{
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:14px;
  text-align:center;
}
.homepage--reference .ich{
  padding:8px 18px;
  border-radius:30px;
  border:1px solid var(--border-strong);
  font-size:13px;
  color:var(--text2);
  background:transparent;
}
.homepage--reference .ich.active{border-color:var(--gold-border);background:var(--gold-lt);color:#FFFFFF}
.homepage--reference .feat-banner{
  border:1px solid var(--gold-border);
  border-radius:var(--radius-xl);
  padding:18px 24px;
  margin:20px auto 0;
  max-width:720px;
  display:flex;
  align-items:center;
  gap:16px;
  background:#d8dde5;
}
.homepage--reference .feat-mark{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.46);
  color:#12141a;
  font-weight:800;
}
.homepage--reference .fb-new{
  display:inline-block;
  font-size:9px;
  font-weight:800;
  background:var(--gold);
  color:#FFFFFF;
  padding:2px 8px;
  border-radius:10px;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.homepage--reference .fb-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px}
.homepage--reference .feat-banner .fb-title,
.homepage--reference .feat-banner .fb-desc,
.homepage--reference .feat-banner .feat-arrow{color:#12141a}
.homepage--reference .fb-desc,
.homepage--reference .bdesc,
.homepage--reference .ehr-desc,
.homepage--reference .int-note,
.homepage--reference .sdesc,
.homepage--reference .pdesc,
.homepage--reference .pf,
.homepage--reference .footer-meta,
.homepage--reference .fcopy,
.homepage--reference .form-status,
.homepage--reference .stack-form small{color:#FFFFFF}
.homepage--reference .feat-arrow{margin-left:auto;color:#FFFFFF;font-size:18px;font-weight:700}
.homepage--reference .sec-wrap{padding:88px 40px;max-width:1200px;margin:0 auto}
.homepage--reference .sec-h2{
  font-size:clamp(32px,4vw,48px);
  font-weight:700;
  color:var(--text);
  text-align:center;
  margin-bottom:14px;
  letter-spacing:-1px;
  line-height:1.12;
}
.homepage--reference .sec-sub{
  font-size:15px;
  color:var(--text2);
  text-align:center;
  max-width:620px;
  margin:0 auto 52px;
  line-height:1.75;
}
.homepage--reference .bot-grid,
.homepage--reference .steps,
.homepage--reference .pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.homepage--reference .ehr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.homepage--reference .int-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.homepage--reference .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.homepage--reference .bcard,
.homepage--reference .ehr-card,
.homepage--reference .int-card,
.homepage--reference .scard,
.homepage--reference .pcard,
.homepage--reference .ref-auth-card{
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  background:var(--card);
  box-shadow:var(--shadow);
}
.homepage--reference .bcard{padding:36px;position:relative;overflow:hidden}
.homepage--reference .bcard.bt{
  background:#64231d;
  border-color:rgba(232,97,74,.52);
}
.homepage--reference .bcard.pt{
  background:#392b78;
  border-color:rgba(83,74,183,.56);
}
.homepage--reference .bcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.homepage--reference .bcard.bt::before{background:linear-gradient(90deg,var(--betty),rgba(232,97,74,0))}
.homepage--reference .bcard.pt::before{background:linear-gradient(90deg,var(--peggy),rgba(83,74,183,0))}
.homepage--reference .bcard-glow{position:absolute;width:300px;height:300px;border-radius:50%;top:-80px;left:-80px;pointer-events:none;opacity:.4}
.homepage--reference .bcard.bt .bcard-glow,
.homepage--reference .bcard.pt .bcard-glow{display:none}
.homepage--reference .bav,
.homepage--reference .int-icon{
  width:54px;
  height:54px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:17px;
  font-weight:800;
  margin-bottom:20px;
}
.homepage--reference .bav.b{background:rgba(232,97,74,.18);color:#FFFFFF;border:1px solid rgba(232,97,74,.55)}
.homepage--reference .bav.p{background:rgba(83,74,183,.18);color:#FFFFFF;border:1px solid rgba(83,74,183,.58)}
.homepage--reference .bname,.homepage--reference .int-name,.homepage--reference .stitle,.homepage--reference .ehr-logo{font-size:24px;font-weight:700;color:var(--text);margin-bottom:5px}
.homepage--reference .bstd,.homepage--reference .ehr-type,.homepage--reference .ptier{font-size:12px;color:var(--text3);margin-bottom:16px}
.homepage--reference .btag{
  font-size:11px;
  padding:3px 10px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  color:var(--text2);
  border:1px solid var(--border);
}
.homepage--reference .bbtn,
.homepage--reference .pcta,
.homepage--reference .ctab,
.homepage--reference .ref-auth-btn{width:100%;padding:13px;border-radius:var(--radius);font-size:14px;font-weight:700}
.homepage--reference .betty-btn,
.homepage--reference .peggy-btn{
  background:#d8dde5;
  color:#12141a;
  border:1px solid rgba(18,20,26,.14);
  box-shadow:none;
}
.homepage--reference .ehr-card,
.homepage--reference .int-card,
.homepage--reference .scard,
.homepage--reference .pcard{padding:20px}
.homepage--reference .ehr-card.active{border-color:var(--gold-border);background:rgba(201,168,76,.05)}
.homepage--reference .int-card{text-align:center}
.homepage--reference .int-icon{margin:0 auto 10px;background:rgba(255,255,255,.06);color:#FFFFFF}
.homepage--reference .int-live,
.homepage--reference .int-soon{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  padding:2px 9px;
  border-radius:10px;
  border:1px solid transparent;
}
.homepage--reference .int-live{background:var(--gov-lt);color:#FFFFFF;border-color:var(--gov-border)}
.homepage--reference .int-soon{background:var(--gold-lt);color:#FFFFFF;border-color:var(--gold-border)}
.homepage--reference .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.homepage--reference .scard{padding:32px}
.homepage--reference .snum,
.homepage--reference .pamt{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;color:#FFFFFF}
.homepage--reference .snum{font-size:42px;margin-bottom:16px;line-height:1}
.homepage--reference .pcard.feat{border-color:var(--gold-border);background:rgba(201,168,76,.04)}
.homepage--reference .pbadge{display:inline-block;background:var(--gold);color:#FFFFFF;font-size:10px;font-weight:800;padding:3px 10px;border-radius:10px;margin-bottom:12px;letter-spacing:.05em}
.homepage--reference .pamt{font-size:44px;line-height:1;letter-spacing:-1.5px}
.homepage--reference .pper{font-size:13px;color:var(--text3)}
.homepage--reference .pf{padding:8px 0;border-bottom:1px solid var(--border2);display:flex;gap:9px}
.homepage--reference .pf:last-of-type{border-bottom:none}
.homepage--reference .pchk{color:#FFFFFF;font-weight:800;flex-shrink:0}
.homepage--reference .pcta.fill,
.homepage--reference .ctab.gold-btn{background:var(--gold);color:#FFFFFF;border:none}
.homepage--reference .cta-strip{padding:88px 40px;text-align:center;position:relative;overflow:hidden}
.homepage--reference .cta-strip::before{
  content:'';
  position:absolute;
  width:600px;
  height:600px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.homepage--reference .cta-strip h2{font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-1.5px;margin-bottom:16px;position:relative}
.homepage--reference .cta-strip p{font-size:16px;margin-bottom:36px;position:relative;color:var(--text2)}
.homepage--reference .ref-auth-wrap{display:grid;grid-template-columns:.8fr 1fr;gap:28px;align-items:start}
.homepage--reference .ref-auth-card{padding:28px}
.homepage--reference .ref-auth-head{margin-bottom:20px}
.homepage--reference .ref-auth-head h3{font-size:clamp(1.8rem,3vw,2.3rem);margin:0}
.homepage--reference .tab-row{display:grid;grid-auto-flow:column;background:rgba(255,255,255,.06);padding:4px;border-radius:999px;gap:4px}
.homepage--reference .tab-btn{
  border:none;
  background:transparent;
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  color:var(--text2);
  cursor:pointer;
}
.homepage--reference .tab-btn.is-active{background:#fff;color:#000}
.homepage--reference .stack-form{display:grid;gap:14px}
.homepage--reference .stack-form label{display:grid;gap:8px;font-size:14px;font-weight:700;color:#FFFFFF}
.homepage--reference .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.homepage--reference .stack-form input,
.homepage--reference .stack-form select{
  width:100%;
  border:1px solid var(--border-strong);
  border-radius:14px;
  padding:13px 14px;
  background:rgba(255,255,255,.04);
  color:#FFFFFF;
  font:inherit;
}
.homepage--reference .stack-form input::placeholder{color:var(--text3)}
.homepage--reference .stack-form input:focus,
.homepage--reference .stack-form select:focus{outline:none;border-color:var(--gold)}
.homepage--reference .ref-auth-btn--alt{background:var(--peggy);color:#fff;box-shadow:0 4px 20px rgba(83,74,183,.25)}
.homepage--reference .footer{
  padding:36px 40px;
  border-top:1px solid var(--border2);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  background:var(--bg);
}
.homepage--reference .flinks{display:flex;gap:20px;margin-left:auto}
.homepage--reference .flinks a{font-size:13px;color:var(--text2)}
.homepage--reference .fcopy{width:100%;padding-top:8px;border-top:1px solid var(--border2);margin-top:8px}

@keyframes pulse-dot{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
@keyframes float-betty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes float-peggy{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes node-pulse{0%,100%{opacity:.4}50%{opacity:.9}}
@keyframes line-fade{0%,100%{opacity:.1}50%{opacity:.35}}
@keyframes gold-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}

@media (max-width: 1080px){
  .homepage--reference .hdr{padding:14px 20px;flex-wrap:wrap}
  .homepage--reference .hdr-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}
  .homepage--reference .sec-wrap,
  .homepage--reference .hero-section,
  .homepage--reference .ind-bar,
  .homepage--reference .cta-strip{padding-left:20px;padding-right:20px}
  .homepage--reference .ehr-grid,
  .homepage--reference .steps,
  .homepage--reference .pgrid,
  .homepage--reference .int-grid,
  .homepage--reference .ref-auth-wrap{grid-template-columns:1fr 1fr}
  .homepage--reference .ref-auth-copy{grid-column:1 / -1}
}

@media (max-width: 760px){
  .homepage--reference .hdr{gap:14px}
  .homepage--reference .hdr-actions,
  .homepage--reference .flinks{width:100%;margin-left:0;justify-content:center;flex-wrap:wrap}
  .homepage--reference .hero-h1{font-size:clamp(34px,11vw,50px)}
  .homepage--reference .hero-sub{font-size:15px}
  .homepage--reference .feat-banner{flex-direction:column;align-items:flex-start}
  .homepage--reference .feat-arrow{margin-left:0}
  .homepage--reference .bot-grid,
  .homepage--reference .ehr-grid,
  .homepage--reference .int-grid,
  .homepage--reference .steps,
  .homepage--reference .pgrid,
  .homepage--reference .ref-auth-wrap,
  .homepage--reference .field-grid{grid-template-columns:1fr}
  .homepage--reference .tab-row{grid-auto-flow:row}
}

.homepage--reference{
  --bg:#09111f;
  --bg2:#111a2d;
  --panel:rgba(255,255,255,.05);
  --panel-strong:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.09);
  --line-soft:rgba(255,255,255,.05);
  --text:#f7fbff;
  --muted:#b9c4db;
  --ink:#111827;
  --ink-soft:#475569;
  --surface:#f3f6fb;
  --surface-2:#e8eef7;
  --betty:#f16d56;
  --betty-soft:rgba(241,109,86,.16);
  --peggy:#6d63f6;
  --peggy-soft:rgba(109,99,246,.16);
  --gold:#d1ab58;
  --shadow-card:0 24px 60px rgba(0,0,0,.22);
  background:
    radial-gradient(circle at top left, rgba(241,109,86,.08), transparent 28%),
    radial-gradient(circle at top right, rgba(109,99,246,.11), transparent 26%),
    linear-gradient(180deg, #09111f 0%, #0c1425 52%, #09111f 100%);
  color:var(--text);
}

.homepage--reference::before,
.homepage--reference::after{
  content:'';
  position:fixed;
  inset:auto;
  pointer-events:none;
  z-index:0;
  border-radius:50%;
  filter:blur(24px);
}

.homepage--reference::before{
  width:300px;
  height:300px;
  top:110px;
  left:-120px;
  background:rgba(241,109,86,.08);
}

.homepage--reference::after{
  width:360px;
  height:360px;
  top:220px;
  right:-160px;
  background:rgba(109,99,246,.09);
}

.homepage--reference > *{
  position:relative;
  z-index:1;
}

.homepage--reference .logo-mark{
  display:inline-flex;
  align-items:center;
  gap:1px;
  font-size:17px;
  font-weight:700;
  letter-spacing:-.3px;
  color:#fff;
}

.homepage--reference .lo,
.homepage--reference .ge,
.homepage--reference .ai,
.homepage--reference .bo,
.homepage--reference .ts{color:#fff;font-weight:400}

.homepage--reference .hdr{
  display:flex;
  align-items:center;
  gap:24px;
  padding:16px 40px;
  min-height:72px;
  position:sticky;
  top:0;
  z-index:10;
  border-bottom:1px solid var(--line-soft);
  background:rgba(9,17,31,.78);
  backdrop-filter:blur(18px);
}

.homepage--reference .hdr-nav,
.homepage--reference .hdr-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.homepage--reference .hdr-actions{margin-left:auto}

.homepage--reference .hn,
.homepage--reference .hbtn-sm,
.homepage--reference .hbtn,
.homepage--reference .bbtn,
.homepage--reference .pcta,
.homepage--reference .ref-auth-btn{
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

.homepage--reference .hn,
.homepage--reference .hbtn-sm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:13px;
  font-weight:700;
  color:#dce5f7;
}

.homepage--reference .hn:hover,
.homepage--reference .hbtn-sm:hover,
.homepage--reference .hbtn:hover,
.homepage--reference .bbtn:hover,
.homepage--reference .pcta:hover,
.homepage--reference .ref-auth-btn:hover{transform:translateY(-2px)}

.homepage--reference .hn{background:rgba(255,255,255,.04)}
.homepage--reference .hn.betty{background:rgba(241,109,86,.13)}
.homepage--reference .hn.peggy{background:rgba(109,99,246,.15)}
.homepage--reference .hn.meet{background:rgba(209,171,88,.14)}
.homepage--reference .hn.gov{background:rgba(255,255,255,.07)}

.homepage--reference .hbtn-sm{
  border:1px solid var(--line);
  background:transparent;
}

.homepage--reference .hbtn-sm.gold{
  background:#fff;
  color:#111827;
  border-color:#fff;
  box-shadow:0 16px 30px rgba(255,255,255,.12);
}

.homepage--reference .hero-section{
  position:relative;
  overflow:hidden;
  padding:78px 40px 56px;
}

.homepage--reference .hero-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(12px);
  pointer-events:none;
}

.homepage--reference .hero-orb--gold{
  width:420px;
  height:420px;
  top:-180px;
  left:28%;
  background:radial-gradient(circle, rgba(209,171,88,.18) 0%, transparent 68%);
}

.homepage--reference .hero-orb--betty{
  width:300px;
  height:300px;
  bottom:30px;
  left:-90px;
  background:radial-gradient(circle, rgba(241,109,86,.18) 0%, transparent 70%);
}

.homepage--reference .hero-orb--peggy{
  width:340px;
  height:340px;
  top:70px;
  right:-110px;
  background:radial-gradient(circle, rgba(109,99,246,.2) 0%, transparent 72%);
}

.homepage--reference .hero-shell{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:28px;
  align-items:start;
}

.homepage--reference .hero-copy{
  padding:30px 32px;
  border-radius:32px;
  background:
    radial-gradient(circle at top right, rgba(209,171,88,.16), transparent 34%),
    linear-gradient(180deg, rgba(13,21,37,.96) 0%, rgba(9,17,31,.94) 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}

.homepage--reference .hero-badge,
.homepage--reference .cbadge,
.homepage--reference .btags{display:flex;flex-wrap:wrap;gap:10px}

.homepage--reference .hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--line);
  color:#e8eefc;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:24px;
}

.homepage--reference .hero-badge-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 6px rgba(209,171,88,.15);
}

.homepage--reference .hero-h1{
  max-width:780px;
  margin:0 0 22px;
  font-size:clamp(42px,5vw,74px);
  line-height:1.02;
  letter-spacing:-.05em;
  color:#fff;
}

.homepage--reference .hero-sub{
  max-width:700px;
  margin:0 0 28px;
  font-size:18px;
  line-height:1.72;
  color:var(--muted);
}

.homepage--reference .hero-sub strong{color:#fff}

.homepage--reference .hero-note-grid{
  display:grid;
  gap:12px;
  max-width:720px;
  margin-bottom:30px;
}

.homepage--reference .hero-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  color:#dce5f7;
  line-height:1.55;
}

.homepage--reference .note-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  margin-top:8px;
  flex-shrink:0;
}

.homepage--reference .note-dot--betty{background:var(--betty)}
.homepage--reference .note-dot--peggy{background:var(--peggy)}
.homepage--reference .note-dot--gold{background:var(--gold)}

.homepage--reference .hero-btns{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:24px;
}

.homepage--reference .hbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 22px;
  border-radius:18px;
  border:1px solid transparent;
  font-size:15px;
  font-weight:700;
}

.homepage--reference .hbtn.betty{
  background:var(--betty);
  color:#fff;
  box-shadow:0 16px 34px rgba(241,109,86,.22);
}

.homepage--reference .hbtn.peggy{
  background:var(--peggy);
  color:#fff;
  box-shadow:0 16px 34px rgba(109,99,246,.24);
}

.homepage--reference .hbtn.ghost{
  background:rgba(255,255,255,.05);
  border-color:var(--line);
  color:#fff;
}

.homepage--reference .hbtn.dark{
  background:#111827;
  color:#fff;
  box-shadow:0 16px 34px rgba(15,23,42,.16);
}

.homepage--reference .compliance-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.homepage--reference .cbadge{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  color:#eef4ff;
  font-size:12px;
  font-weight:700;
}

.homepage--reference .hero-side{
  display:grid;
  gap:18px;
}

.homepage--reference .surface-card{
  padding:24px;
  border-radius:28px;
  background:var(--surface);
  color:var(--ink);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 22px 56px rgba(0,0,0,.18);
}

.homepage--reference .surface-eye{
  margin-bottom:12px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#64748b;
}

.homepage--reference .surface-title{
  margin:0 0 18px;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.05em;
  color:var(--ink);
}

.homepage--reference .metric-stack,
.homepage--reference .preview-list{
  display:grid;
  gap:12px;
}

.homepage--reference .metric-card{
  padding:18px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
}

.homepage--reference .metric-card strong{
  display:block;
  margin:6px 0 8px;
  font-size:36px;
  line-height:1;
  letter-spacing:-.05em;
  color:var(--ink);
}

.homepage--reference .metric-label{
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
}

.homepage--reference .metric-card p{
  margin:0;
  color:var(--ink-soft);
  font-size:14px;
  line-height:1.58;
}

.homepage--reference .metric-card.coral{background:linear-gradient(180deg, rgba(241,109,86,.09), #fff)}
.homepage--reference .metric-card.indigo{background:linear-gradient(180deg, rgba(109,99,246,.09), #fff)}
.homepage--reference .metric-card.slate{background:linear-gradient(180deg, rgba(148,163,184,.14), #fff)}

.homepage--reference .preview-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  padding-top:14px;
  border-top:1px solid rgba(15,23,42,.08);
}

.homepage--reference .preview-row:first-child{
  padding-top:0;
  border-top:none;
}

.homepage--reference .preview-chip{
  min-width:78px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  text-align:center;
}

.homepage--reference .preview-chip.betty{background:rgba(241,109,86,.15);color:#a33d2d}
.homepage--reference .preview-chip.peggy{background:rgba(109,99,246,.16);color:#4338ca}
.homepage--reference .preview-chip.neutral{background:rgba(148,163,184,.18);color:#475569}

.homepage--reference .preview-title{
  margin-bottom:4px;
  font-size:16px;
  font-weight:700;
  color:var(--ink);
}

.homepage--reference .preview-row p{
  margin:0;
  color:var(--ink-soft);
  font-size:14px;
  line-height:1.58;
}

.homepage--reference .sec-wrap{
  max-width:1240px;
  margin:0 auto;
  padding:92px 40px;
}

.homepage--reference .sec-eye{
  margin-bottom:16px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#98a5bf;
  text-align:center;
}

.homepage--reference .sec-eye--left{text-align:left}

.homepage--reference .sec-h2{
  margin:0 0 18px;
  font-size:clamp(32px,4vw,56px);
  line-height:1.04;
  letter-spacing:-.05em;
  color:#fff;
  text-align:center;
}

.homepage--reference .sec-h2--left{text-align:left}

.homepage--reference .sec-sub{
  max-width:760px;
  margin:0 auto 40px;
  font-size:17px;
  line-height:1.72;
  color:var(--muted);
  text-align:center;
}

.homepage--reference .sec-sub--left{
  max-width:640px;
  margin-left:0;
  margin-right:0;
  text-align:left;
}

.homepage--reference .story-section{
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
  background:rgba(255,255,255,.02);
}

.homepage--reference .story-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:34px;
}

.homepage--reference .story-card{
  padding:28px;
  border-radius:26px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}

.homepage--reference .story-label{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#eef4ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.homepage--reference .story-card h3{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.08;
  color:#fff;
}

.homepage--reference .story-card p{
  margin:0;
  color:#c5d0e6;
  line-height:1.68;
}

.homepage--reference .bot-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:36px;
}

.homepage--reference .bot-card{
  padding:24px;
  border-radius:30px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}

.homepage--reference .bot-band{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border-radius:24px;
  margin-bottom:22px;
}

.homepage--reference .bot-card--betty .bot-band{background:linear-gradient(135deg, rgba(241,109,86,.3), rgba(241,109,86,.14))}
.homepage--reference .bot-card--peggy .bot-band{background:linear-gradient(135deg, rgba(109,99,246,.32), rgba(109,99,246,.14))}

.homepage--reference .bot-id{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#111827;
  font-size:18px;
  font-weight:800;
}

.homepage--reference .bot-band-title{
  font-size:28px;
  font-weight:700;
  color:#fff;
}

.homepage--reference .bot-band-sub{
  margin-top:4px;
  font-size:13px;
  color:#eef3ff;
}

.homepage--reference .bot-headline{
  margin:0 0 14px;
  font-size:34px;
  line-height:1.06;
  letter-spacing:-.05em;
  color:#fff;
}

.homepage--reference .bot-copy{
  margin:0 0 18px;
  color:#c8d2e8;
  font-size:16px;
  line-height:1.7;
}

.homepage--reference .bot-list{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  display:grid;
  gap:12px;
}

.homepage--reference .bot-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.07);
  color:#eff4ff;
  line-height:1.58;
}

.homepage--reference .bot-list li::before{
  content:'+';
  font-weight:800;
  line-height:1;
  margin-top:2px;
}

.homepage--reference .bot-card--betty .bot-list li::before{color:var(--betty)}
.homepage--reference .bot-card--peggy .bot-list li::before{color:var(--peggy)}

.homepage--reference .btags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}

.homepage--reference .btag{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  color:#eef4ff;
  font-size:12px;
  font-weight:700;
}

.homepage--reference .bbtn,
.homepage--reference .pcta,
.homepage--reference .ref-auth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:15px 16px;
  border:none;
  border-radius:18px;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

.homepage--reference .betty-btn{
  background:var(--betty);
  color:#fff;
  box-shadow:0 16px 34px rgba(241,109,86,.24);
}

.homepage--reference .peggy-btn{
  background:var(--peggy);
  color:#fff;
  box-shadow:0 16px 34px rgba(109,99,246,.26);
}

.homepage--reference .section-light{
  background:linear-gradient(180deg, #f6f8fc 0%, #edf2f8 100%);
  border-top:1px solid rgba(15,23,42,.08);
  border-bottom:1px solid rgba(15,23,42,.08);
}

.homepage--reference .section-light .sec-eye{color:#64748b}
.homepage--reference .section-light .sec-h2{color:#111827}
.homepage--reference .section-light .sec-sub{color:#475569}

.homepage--reference .meeting-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
  gap:28px;
  align-items:center;
}

.homepage--reference .meeting-points{
  display:grid;
  gap:12px;
  margin:28px 0;
}

.homepage--reference .meeting-point{
  padding:16px 18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}

.homepage--reference .meeting-point strong{
  display:block;
  margin-bottom:4px;
  color:#111827;
  font-size:15px;
}

.homepage--reference .meeting-point span{
  display:block;
  color:#475569;
  line-height:1.58;
}

.homepage--reference .meeting-board{
  display:grid;
  gap:14px;
}

.homepage--reference .board-card{
  padding:22px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}

.homepage--reference .board-card--betty{background:linear-gradient(180deg, rgba(241,109,86,.12), #fff);border-color:rgba(241,109,86,.25)}
.homepage--reference .board-card--peggy{background:linear-gradient(180deg, rgba(109,99,246,.13), #fff);border-color:rgba(109,99,246,.25)}
.homepage--reference .board-card--input{background:linear-gradient(180deg, rgba(148,163,184,.12), #fff)}

.homepage--reference .board-kicker{
  display:inline-block;
  margin-bottom:8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64748b;
}

.homepage--reference .board-card h3{
  margin:0 0 8px;
  font-size:26px;
  line-height:1.08;
  color:#111827;
}

.homepage--reference .board-card p{
  margin:0;
  color:#475569;
  line-height:1.58;
}

.homepage--reference .industry-grid,
.homepage--reference .trust-grid,
.homepage--reference .steps,
.homepage--reference .pgrid{
  display:grid;
  gap:20px;
}

.homepage--reference .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}
.homepage--reference .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.homepage--reference .steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}
.homepage--reference .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}

.homepage--reference .industry-card,
.homepage--reference .trust-card,
.homepage--reference .scard{
  padding:26px;
  border-radius:24px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}

.homepage--reference .industry-tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#eef4ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.homepage--reference .industry-card h3,
.homepage--reference .trust-card h3,
.homepage--reference .stitle{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.08;
  color:#fff;
}

.homepage--reference .industry-card p,
.homepage--reference .trust-card p,
.homepage--reference .sdesc{
  margin:0;
  color:#c8d2e8;
  line-height:1.68;
}

.homepage--reference .workflow-section{
  background:rgba(255,255,255,.03);
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}

.homepage--reference .snum{
  margin-bottom:18px;
  font-size:52px;
  line-height:1;
  color:#fff;
}

.homepage--reference .pricing-section .pcard{
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 34px rgba(15,23,42,.1);
}

.homepage--reference .pricing-section .pcard.feat{
  background:#111827;
  border-color:#111827;
  transform:translateY(-10px);
}

.homepage--reference .ptier{
  margin-bottom:16px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64748b;
}

.homepage--reference .pricing-section .pcard.feat .ptier,
.homepage--reference .pricing-section .pcard.feat .pper,
.homepage--reference .pricing-section .pcard.feat .pdesc{color:#cbd5e1}

.homepage--reference .pbadge{
  display:inline-flex;
  margin-bottom:14px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(241,109,86,.14);
  color:#c2410c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.homepage--reference .pamt{
  font-size:56px;
  line-height:1;
  letter-spacing:-.06em;
  color:#111827;
}

.homepage--reference .pricing-section .pcard.feat .pamt{color:#fff}

.homepage--reference .pper{
  margin-left:8px;
  font-size:14px;
  color:#64748b;
}

.homepage--reference .pdesc{
  margin:12px 0 18px;
  color:#475569;
  line-height:1.62;
}

.homepage--reference .pf{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:11px 0;
  border-top:1px solid rgba(15,23,42,.08);
  color:#111827;
}

.homepage--reference .pricing-section .pcard.feat .pf{
  border-top-color:rgba(255,255,255,.1);
  color:#eef2ff;
}

.homepage--reference .pchk{
  color:var(--betty);
  font-weight:800;
  flex-shrink:0;
}

.homepage--reference .pricing-section .pcard.feat .pchk{color:#fca5a5}

.homepage--reference .pcta{
  margin-top:18px;
  background:#111827;
  color:#fff;
  box-shadow:none;
}

.homepage--reference .pcta.fill{
  background:var(--betty);
  color:#fff;
  box-shadow:0 16px 30px rgba(241,109,86,.18);
}

.homepage--reference .auth-section{padding-bottom:48px}

.homepage--reference .ref-auth-wrap{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(360px,.88fr);
  gap:28px;
  align-items:start;
}

.homepage--reference .auth-feature-list{
  display:grid;
  gap:12px;
  margin-top:28px;
}

.homepage--reference .auth-feature{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  color:#dce5f7;
  line-height:1.58;
}

.homepage--reference .auth-feature-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  margin-top:8px;
  flex-shrink:0;
  background:linear-gradient(135deg, var(--betty), var(--peggy));
}

.homepage--reference .ref-auth-card{
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}

.homepage--reference .ref-auth-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}

.homepage--reference .ref-auth-head h3{
  margin:8px 0 0;
  font-size:32px;
  line-height:1.04;
  color:#fff;
}

.homepage--reference .tab-row{
  display:inline-grid;
  grid-auto-flow:column;
  gap:4px;
  padding:4px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}

.homepage--reference .tab-btn{
  border:none;
  background:transparent;
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  color:#dce5f7;
  cursor:pointer;
}

.homepage--reference .tab-btn.is-active{
  background:#fff;
  color:#111827;
}

.homepage--reference .stack-form{
  display:grid;
  gap:14px;
}

.homepage--reference .stack-form label{
  display:grid;
  gap:8px;
  font-size:14px;
  font-weight:700;
  color:#fff;
}

.homepage--reference .field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.homepage--reference .stack-form input,
.homepage--reference .stack-form select{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:13px 14px;
  background:rgba(7,11,22,.55);
  color:#fff;
  font:inherit;
}

.homepage--reference .stack-form input::placeholder{color:#95a3bf}
.homepage--reference .stack-form small,
.homepage--reference .form-status{color:#b7c2d8}

.homepage--reference .ref-auth-btn{
  background:var(--betty);
  color:#fff;
  box-shadow:0 16px 34px rgba(241,109,86,.22);
}

.homepage--reference .ref-auth-btn--alt{
  background:var(--peggy);
  color:#fff;
  box-shadow:0 16px 34px rgba(109,99,246,.24);
}

.homepage--reference .footer{
  max-width:1240px;
  margin:0 auto;
  padding:28px 40px 44px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  border-top:1px solid var(--line-soft);
  background:transparent;
}

.homepage--reference .footer-meta,
.homepage--reference .flinks a,
.homepage--reference .fcopy{color:#aeb9d3}

.homepage--reference .footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.homepage--reference .footer-badges .cbadge{
  background:rgba(255,255,255,.05);
  color:#eef4ff;
}

.homepage--reference .flinks{
  display:flex;
  gap:18px;
  margin-left:auto;
  flex-wrap:wrap;
}

.homepage--reference .fcopy{
  width:100%;
  padding-top:12px;
  border-top:1px solid var(--line-soft);
}

@media (max-width: 1120px){
  .homepage--reference .hdr{
    padding:14px 20px;
    flex-wrap:wrap;
  }

  .homepage--reference .hdr-nav{
    order:3;
    width:100%;
    flex-wrap:wrap;
  }

  .homepage--reference .hero-section,
  .homepage--reference .sec-wrap,
  .homepage--reference .footer{padding-left:20px;padding-right:20px}

  .homepage--reference .hero-shell,
  .homepage--reference .bot-grid,
  .homepage--reference .meeting-shell,
  .homepage--reference .ref-auth-wrap{grid-template-columns:1fr}

  .homepage--reference .story-grid,
  .homepage--reference .industry-grid,
  .homepage--reference .trust-grid,
  .homepage--reference .steps,
  .homepage--reference .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 760px){
  .homepage--reference .hdr-actions,
  .homepage--reference .flinks{
    width:100%;
    margin-left:0;
    justify-content:center;
  }

  .homepage--reference .hero-h1{font-size:clamp(34px,10vw,54px)}
  .homepage--reference .hero-sub{font-size:16px}
  .homepage--reference .story-grid,
  .homepage--reference .industry-grid,
  .homepage--reference .trust-grid,
  .homepage--reference .steps,
  .homepage--reference .pgrid,
  .homepage--reference .field-grid{grid-template-columns:1fr}

  .homepage--reference .pricing-section .pcard.feat{transform:none}
  .homepage--reference .ref-auth-head{flex-direction:column}
  .homepage--reference .tab-row{grid-auto-flow:row}
}

/* ==========================================================================
   Atelier homepage rebuild
   ========================================================================== */

.homepage--atelier{
  display:grid;
  gap:36px;
  padding-bottom:0;
}

.homepage-nav-shell{
  position:sticky;
  top:0;
  z-index:30;
}

.nav-row--home{
  background:rgba(251,250,246,.86);
  border-color:rgba(16,36,55,.08);
}

.nav-links--home{
  gap:18px;
}

.nav-links--home a{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.home-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,1fr);
  gap:24px;
  align-items:stretch;
}

.home-hero__copy,
.home-hero__stage,
.deliverable-card,
.flow-card,
.path-card,
.trust-card--home,
.price-card,
.signup-card,
.signup-copy{
  border:1px solid var(--line);
  border-radius:28px;
  background:rgba(255,255,255,.88);
  box-shadow:var(--shadow);
}

.home-hero__copy{
  padding:44px;
  background:
    radial-gradient(circle at top left, rgba(31,175,143,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,250,.94));
}

.home-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:var(--gold-soft);
  color:var(--gold);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.home-hero__copy h1,
.home-section__intro h2,
.signup-copy h2,
.signup-card h3,
.trust-copy h2{
  font-family:Georgia,"Times New Roman",serif;
}

.home-hero__copy h1{
  margin-top:18px;
  font-size:clamp(1.95rem,3.35vw,3.55rem);
  line-height:1.04;
  max-width:17ch;
}

.home-lead{
  margin-top:18px;
  max-width:60ch;
  font-size:18px;
  color:var(--text-soft);
}

.home-lead strong{color:var(--text)}
.home-lead .brand-name--inline{font-size:1.04em}

.home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.proof-pill{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(16,36,55,.08);
  background:rgba(255,255,255,.8);
  color:var(--text-soft);
  font-size:12px;
  font-weight:700;
}

.home-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.home-metric-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:30px;
}

.home-metric{
  display:grid;
  align-content:start;
  gap:4px;
  min-height:100%;
  padding:22px 24px;
  border-radius:24px;
  background:var(--panel-alt);
  border:1px solid rgba(16,36,55,.06);
}

.home-metric__label{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-soft);
}

.home-metric strong{
  display:block;
  margin:8px 0 6px;
  font-size:2rem;
  line-height:1;
  color:var(--text);
}

.home-metric p{
  color:var(--text-soft);
  font-size:14px;
}

.home-hero__stage{
  display:grid;
  gap:18px;
  padding:22px;
  background:
    radial-gradient(circle at top right, rgba(118,183,216,.12), transparent 25%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,248,247,.95));
}

.brand-showcase{
  position:relative;
  padding:10px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(16,36,55,.04), rgba(16,36,55,.01));
  border:1px solid rgba(16,36,55,.08);
  overflow:hidden;
}

.brand-showcase__frame{
  position:relative;
  padding:22px;
  border-radius:20px;
  background:
    linear-gradient(rgba(16,36,55,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,36,55,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,249,248,.97));
  background-size:28px 28px, 28px 28px, auto;
  box-shadow:inset 0 0 0 1px rgba(16,36,55,.06);
}

.brand-showcase__header{
  display:flex;
  justify-content:center;
}

.brand-copy--showcase{
  justify-items:center;
  gap:8px;
  text-align:center;
}

.brand-copy--showcase .brand-name{
  font-size:clamp(2.7rem, 5vw, 4.8rem);
}

.brand-copy--showcase .brand-tag{
  font-size:13px;
  letter-spacing:.14em;
}

.brand-showcase__visual-shell{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  height:clamp(320px, 36vw, 430px);
  margin-top:18px;
  overflow:hidden;
}

.brand-showcase__topline{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}

.brand-showcase__topline span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(16,36,55,.08);
  background:rgba(255,255,255,.94);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.brand-showcase__topline span:first-child{
  background:rgba(118,183,216,.18);
  color:#2f6986;
}

.brand-showcase__topline span:last-child{
  background:rgba(201,133,91,.17);
  color:#8e5330;
}

.brand-showcase__image{
  display:block;
  width:min(100%, 550px);
  margin:0 auto;
  filter:drop-shadow(0 18px 28px rgba(16,36,55,.12));
}

.brand-showcase__topline--footer{
  margin-bottom:0;
}

.stage-grid--showcase{
  margin-top:18px;
}

.brand-callout{
  position:absolute;
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(16,36,55,.08);
  color:var(--text);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 20px rgba(16,36,55,.08);
}

.brand-callout--left{
  left:18px;
  bottom:18px;
}

.brand-callout--right{
  right:18px;
  top:18px;
}

.stage-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.stage-grid .stage-panel--input{
  grid-column:1 / -1;
}

.stage-panel{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(16,36,55,.08);
  background:#fff;
}

.stage-grid--showcase .stage-panel{
  min-height:100%;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
}

.stage-panel--input{background:linear-gradient(180deg, #ffffff, #f8fbfb)}
.stage-panel--betty{background:linear-gradient(180deg, rgba(118,183,216,.15), rgba(255,255,255,.98))}
.stage-panel--peggy{background:linear-gradient(180deg, rgba(201,133,91,.12), rgba(255,255,255,.98))}

.stage-panel__eyebrow,
.stage-panel__meta,
.deliverable-card__tag,
.path-card__role,
.price-card__tier{
  display:inline-flex;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-soft);
}

.stage-panel h2{
  margin:10px 0 8px;
  font-size:1.5rem;
}

.stage-panel p{color:var(--text-soft)}

.stage-transcript{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.stage-transcript__line{
  padding:12px 14px;
  border-radius:16px;
  background:var(--panel-alt);
  color:var(--text);
}

.stage-panel__head,
.path-card__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}

.stage-badge,
.path-card__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
}

.stage-badge--betty,
.path-card--betty .path-card__badge{
  background:rgba(118,183,216,.18);
  color:#2f6986;
}

.stage-badge--peggy,
.path-card--peggy .path-card__badge{
  background:rgba(201,133,91,.18);
  color:#8e5330;
}

.home-metric-strip--stage{
  margin-top:18px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

.home-metric-strip--stage .home-metric{
  min-height:220px;
}

.home-metric-strip--stage .home-metric strong{
  font-size:2.2rem;
}

.path-card--meeting .path-card__badge{
  background:var(--gold-soft);
  color:#177d80;
}

.stage-list,
.path-list,
.price-list{
  display:grid;
  gap:10px;
  padding:0;
  margin:18px 0 0;
  list-style:none;
}

.stage-list li,
.path-list li,
.price-list li{
  position:relative;
  padding-left:20px;
  color:var(--text-soft);
}

.stage-list li::before,
.path-list li::before,
.price-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--gold);
}

.home-section{
  display:grid;
  gap:22px;
}

.home-section__intro{
  max-width:760px;
  display:grid;
  gap:14px;
}

.home-section__intro--paths{
  max-width:none;
  width:100%;
  justify-items:center;
  text-align:center;
}

.home-section__intro--paths h2{
  max-width:24ch;
}

.home-section__intro--pricing{
  max-width:none;
  width:100%;
  justify-items:center;
  text-align:center;
}

.home-section__intro--pricing h2{
  max-width:none;
  font-size:clamp(2rem,3.2vw,3.2rem);
}

.home-section__intro--pricing p{
  max-width:46ch;
}

.home-section__intro--compact{
  max-width:640px;
}

.home-section__intro h2,
.signup-copy h2,
.trust-copy h2{
  font-size:clamp(2.2rem,4vw,3.6rem);
  line-height:1.02;
}

.home-section__intro p,
.signup-copy p,
.trust-copy p,
.price-card p,
.deliverable-card p,
.flow-card p,
.path-card p,
.trust-card--home p,
.signup-note span{
  color:var(--text-soft);
}

.deliverable-grid,
.flow-grid,
.path-grid,
.pricing-grid--home{
  display:grid;
  gap:18px;
}

.deliverable-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}

.deliverable-shell{
  display:block;
}

.deliverable-card,
.flow-card,
.path-card,
.price-card{
  padding:24px;
}

.path-card{
  display:flex;
  flex-direction:column;
}

.deliverable-card h3,
.flow-card h3,
.path-card h3,
.price-card h3{
  margin:12px 0 10px;
  font-size:1.4rem;
}

.path-card h3{
  min-height:3.35em;
}

.path-card p{
  min-height:4.9em;
}

.flow-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.flow-card__number{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:var(--gold-soft);
  color:var(--gold);
  font-weight:800;
  letter-spacing:.06em;
}

.path-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.path-card--betty{
  background:linear-gradient(180deg, rgba(118,183,216,.12), rgba(255,255,255,.96));
}

.path-card--peggy{
  background:linear-gradient(180deg, rgba(201,133,91,.12), rgba(255,255,255,.96));
}

.path-card--meeting{
  background:linear-gradient(180deg, rgba(31,175,143,.10), rgba(255,255,255,.96));
}

.home-section--trust .trust-shell{
  display:block;
}

.trust-copy,
.signup-copy{
  padding:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,250,249,.96));
}

.trust-industries,
.trust-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.trust-industries span,
.trust-links a{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(16,36,55,.08);
  background:#fff;
  text-decoration:none;
  color:var(--text-soft);
  font-size:13px;
  font-weight:700;
}

.trust-grid--home{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.trust-card--home{
  padding:24px;
}

.trust-card--home h3{
  margin-bottom:10px;
  font-size:1.3rem;
}

.pricing-grid--home{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.price-card{
  display:grid;
  gap:14px;
}

.price-card__amount{
  font-family:Georgia,"Times New Roman",serif;
  font-size:3rem;
  line-height:.95;
  color:var(--text);
}

.price-card__amount span{
  display:block;
  margin-top:6px;
  font-size:14px;
  font-family:"Avenir Next","Segoe UI",system-ui,sans-serif;
  color:var(--text-soft);
}

.price-card__pill{
  display:inline-flex;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:800;
}

.price-card--featured{
  background:linear-gradient(180deg, #17384b, #102437);
  color:#fff;
}

.price-card--featured p,
.price-card--featured .price-card__tier,
.price-card--featured .price-card__amount span,
.price-card--featured .price-list li{
  color:rgba(255,255,255,.78);
}

.price-card--featured .price-card__amount{
  color:#fff;
}

.price-card--featured .price-list li::before{
  background:#9fe2d2;
}

.home-section--signup .signup-shell{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);
  gap:32px;
  padding:32px;
  border:1px solid var(--line);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:var(--shadow);
  align-items:start;
}

.signup-note-list{
  display:grid;
  gap:12px;
  margin-top:24px;
}

.signup-note{
  padding:16px 18px;
  border-radius:18px;
  background:var(--panel-alt);
  border:1px solid rgba(16,36,55,.06);
}

.signup-note strong{
  display:block;
  margin-bottom:4px;
  color:var(--text);
}

.home-section--signup .signup-copy,
.home-section--signup .signup-card{
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}

.home-section--signup .signup-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-right:12px;
}

.signup-card{
  min-width:0;
}

.signup-card__head{
  display:flex;
  justify-content:flex-end;
  gap:18px;
  align-items:flex-start;
  margin-bottom:20px;
}

.stack-form--home{
  gap:16px;
}

.signup-grid{
  display:grid;
  gap:16px;
  align-items:start;
}

.signup-grid--account,
.signup-grid--workspace,
.signup-grid--signin{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.signup-action{
  display:grid;
  gap:8px;
  align-items:start;
}

.signup-action__label{
  font-size:14px;
  font-weight:700;
  visibility:hidden;
}

.signup-action .signup-submit{
  margin-top:0;
  min-height:56px;
  align-self:start;
}

.field-honeypot{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.setup-details{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(16,36,55,.08);
  background:var(--panel-alt);
}

.setup-details summary{
  cursor:pointer;
  font-weight:800;
  color:var(--text);
}

.setup-details__fields{
  display:grid;
  gap:16px;
  margin-top:16px;
}

.signup-submit{
  margin-top:4px;
}

.signup-submit--alt{
  background:#fff;
}

.footer-shell{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:42px 0 52px;
}

.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  justify-content:flex-end;
  justify-self:end;
  width:100%;
}

@media (max-width: 1160px){
  .home-hero,
  .deliverable-shell,
  .home-section--trust .trust-shell,
  .home-section--signup .signup-shell{
    grid-template-columns:1fr;
    gap:24px;
    padding:24px;
  }

  .path-grid,
  .pricing-grid--home{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media (max-width: 900px){
  .nav-row--home{
    border-radius:28px;
  }

  .nav-links--home{
    display:none;
  }

  .home-metric-strip,
  .flow-grid,
  .trust-grid--home{
    grid-template-columns:1fr;
  }

  .stage-grid{
    grid-template-columns:1fr;
  }

  .stage-grid .stage-panel--input{
    grid-column:auto;
  }

  .logo-mark--pb .brand-tag{
    display:none;
  }

  .brand-callout{
    display:none;
  }

  .footer-shell{
    grid-template-columns:1fr;
    gap:16px;
  }

  .footer-links{
    justify-content:flex-start;
    justify-self:stretch;
  }
}

@media (max-width: 720px){
  .deliverable-grid,
  .path-grid,
  .pricing-grid--home,
  .field-grid{
    grid-template-columns:1fr;
  }

  .home-hero__copy,
  .home-hero__stage,
  .signup-card,
  .signup-copy,
  .price-card,
  .deliverable-card,
  .path-card,
  .flow-card,
  .trust-card--home{
    padding:22px;
  }

  .signup-card__head,
  .nav-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .signup-grid--account,
  .signup-grid--workspace,
  .signup-grid--signin{
    grid-template-columns:1fr;
  }

  .home-section--signup .signup-shell{
    padding:22px;
    gap:22px;
  }

  .nav-actions{
    width:100%;
  }

  .nav-actions .btn{
    flex:1 1 auto;
  }

  .tab-row{
    width:100%;
    grid-auto-flow:row;
  }

  .path-card h3,
  .path-card p{
    min-height:0;
  }

  .logo-mark--pb .brand-name{
    font-size:20px;
  }
}