/* Shared conversion paths and compact pricing layouts. */
h1,h2,h3,.eyebrow,.plan-name,.price { letter-spacing:0; }
.site-nav { gap:20px; }
.brand-link { flex:0 0 170px; }
.brand-link img { width:170px; }
.nav-links { min-width:0; gap:0; }
.nav-links a { font-size:13px; padding:10px 9px; }
.header-actions { display:flex; align-items:center; gap:18px; flex-shrink:0; }
.sign-in { font-size:13px; font-weight:700; white-space:nowrap; text-decoration:none; }
.nav-action { background:#087d8a; font-size:13px; padding:12px 16px; min-height:44px; }
.button-primary { background:#087d8a; box-shadow:none; }
.button-primary:hover { background:#056471; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid #087d8a; outline-offset:4px; }
.hero-glow,.stage-orbit { display:none; }
.hero { min-height:650px; padding-top:64px; padding-bottom:64px; }
.hero h1 { font-size:64px; line-height:1.06; }
.hero-lead { font-size:18px; }
.hero-proof { margin-top:30px; }
.hero-caption { color:#53666f; font-size:13px; margin:16px 0 0; }
.demo-contact-link { display:flex; align-items:center; gap:20px; justify-content:space-between; background:#e6f5f4; padding:22px max(5vw,22px); border-bottom:1px solid #c6e5e1; }
.demo-contact-link p { margin:0; line-height:1.6; }
.demo-contact-link strong { display:block; }
.contact-hero aside a { overflow-wrap:anywhere; }
.preview-notice { background:#fff4be; color:#433c1a; text-align:center; font-size:12px; line-height:1.5; padding:8px 18px; }
.conversion-page { background:#fff; }
.conversion-main { max-width:1280px; padding:48px 32px 60px; margin:auto; }
.conversion-heading { max-width:760px; margin-bottom:32px; }
.conversion-heading .eyebrow { margin-bottom:12px; }
.conversion-heading h1 { font-size:44px; line-height:1.13; margin-bottom:16px; }
.conversion-heading>p:last-child { font-size:17px; line-height:1.7; color:#53666f; margin:0; }
.estimate-controls { display:grid; grid-template-columns:1fr 300px 120px; align-items:center; gap:28px; border-block:1px solid var(--line); padding:22px 0; margin:26px 0; }
.estimate-controls label { display:block; font-size:15px; font-weight:800; }
.estimate-controls p { color:#53666f; font-size:13px; margin:5px 0 0; }
.estimate-controls input[type=range] { width:100%; accent-color:#087d8a; min-height:44px; cursor:pointer; }
.estimate-controls input[type=number] { border:1px solid #a7bdc1; border-radius:6px; width:100%; height:46px; padding:8px 12px; font:700 17px 'DM Sans',sans-serif; }
.estimate-summary { color:#53666f; font-size:14px; min-height:24px; margin:0 0 24px; }
.estimate-summary strong { color:#086977; }
.conversion-page .pricing-grid { gap:16px; }
.conversion-page .price-card { border-radius:8px; min-height:390px; padding:24px; box-shadow:none; }
.conversion-page .price-card.recommended { border:2px solid #087d8a; padding:23px; background:#f2fbfa; }
.card-top { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:24px; }
.conversion-page .plan-name { font-size:16px; color:var(--ink); text-transform:none; }
.recommendation { background:#ffe471; border-radius:4px; padding:4px 6px; color:#393419; font-size:10px; font-weight:800; white-space:nowrap; visibility:hidden; }
.recommended .recommendation { visibility:visible; }
.conversion-page .price { font-size:40px; margin:22px 0 3px; }
.conversion-page .plan-copy { min-height:42px; margin:6px 0 18px; }
.plan-terms { margin:0; padding:0; list-style:none; line-height:1.65; font-size:13px; }
.plan-terms li { padding:3px 0; }
.plan-terms strong { color:#086977; }
.annual-estimate { border-top:1px solid var(--line); padding-top:16px; margin:20px 0; }
.annual-estimate span { color:#53666f; font-size:12px; display:block; }
.annual-estimate output { font:800 24px 'Manrope',sans-serif; display:inline-block; margin-top:6px; }
.annual-estimate small { color:#53666f; }
.conversion-page .price-card .button { font-size:13px; min-height:46px; padding:11px 10px; gap:6px; }
.estimate-disclaimer { color:#53666f; font-size:12px; line-height:1.65; margin:18px 0 0; }
.included-section { border-block:1px solid var(--line); margin-top:44px; padding:30px 0; display:grid; grid-template-columns:1fr 2fr; gap:32px; }
.included-section h2 { font-size:23px; margin:0 0 10px; }
.included-section p { font-size:14px; line-height:1.65; color:#53666f; margin:0; }
.included-list { display:grid; grid-template-columns:1fr 1fr; gap:14px 24px; margin:0; padding:0; list-style:none; }
.included-list li { display:flex; align-items:center; gap:9px; font-size:13px; }
.included-list li::before { content:'\2713'; color:#087d8a; font-weight:800; }
.founding-band { background:#fff8da; border-block:1px solid #eadfba; }
.founding-band>div { max-width:1280px; margin:auto; padding:30px 32px; display:flex; align-items:center; justify-content:space-between; gap:36px; }
.founding-band h2 { font-size:23px; margin:0 0 9px; }
.founding-band p { color:#625b3b; line-height:1.65; margin:0; max-width:750px; font-size:14px; }
.founding-band .button { flex-shrink:0; background:#fff; font-size:13px; }
.pricing-faq { display:grid; grid-template-columns:1fr 2fr; gap:60px; }
.pricing-faq h2 { font-size:28px; line-height:1.25; margin:20px 0; }
.demo-layout { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:72px; padding-top:46px; }
.demo-intro .conversion-heading { margin-bottom:24px; }
.demo-points { padding:0; margin:28px 0; list-style:none; counter-reset:demo; }
.demo-points li { counter-increment:demo; display:grid; grid-template-columns:30px 1fr; gap:12px; padding:15px 0; border-top:1px solid var(--line); }
.demo-points li::before { content:'0' counter(demo); color:#087d8a; font-size:12px; font-weight:800; padding-top:2px; }
.demo-points strong { display:block; font-size:15px; }
.demo-points p { color:#53666f; line-height:1.6; font-size:14px; margin:5px 0 0; }
.demo-person { display:flex; align-items:center; gap:14px; padding-top:12px; }
.demo-person img { width:54px; height:54px; object-fit:cover; object-position:top; border-radius:50%; }
.demo-person strong,.demo-person span { display:block; font-size:13px; line-height:1.6; }
.demo-person span { color:#53666f; }
.demo-form { border:1px solid #c5dddd; border-top:4px solid #087d8a; border-radius:8px; padding:30px; background:#fafdfd; }
.demo-form h2 { font-size:23px; margin:0 0 8px; }
.demo-form .form-intro { color:#53666f; line-height:1.6; font-size:14px; margin:0 0 24px; }
.demo-fields { display:grid; gap:18px; }
.demo-fields label { display:flex; flex-direction:column; gap:7px; font-size:13px; font-weight:700; }
.demo-fields label>span { display:flex; justify-content:space-between; gap:8px; }
.demo-fields small { color:#53666f; font-weight:400; }
.demo-fields input,.demo-fields textarea { width:100%; border:1px solid #afc7cc; background:#fff; border-radius:6px; padding:12px; font:400 16px 'DM Sans',sans-serif; color:var(--ink); }
.demo-fields input { min-height:46px; }
.demo-fields textarea { resize:vertical; min-height:100px; }
.demo-form .button { margin-top:22px; width:100%; cursor:pointer; }
.demo-form .button:disabled { opacity:.7; cursor:wait; }
.demo-consent { color:#53666f; font-size:12px; line-height:1.6; margin:12px 0 0; }
.demo-context { background:#e6f5f4; color:#086977; border-radius:4px; padding:10px 12px; font-size:13px; margin-bottom:20px; }
.form-error { color:#9c2530; line-height:1.6; font-size:14px; margin-top:16px; }
.demo-success { padding:12px 0; }
.demo-success h2 { font-size:28px; }
.demo-success p { line-height:1.7; color:#53666f; overflow-wrap:anywhere; }
.success-mark { width:44px; height:44px; display:grid; place-items:center; background:#daf2e8; color:#176b4a; border-radius:50%; font-size:22px; margin-bottom:20px; }
.demo-support { border-top:1px solid var(--line); margin-top:36px; padding-top:20px; font-size:13px; line-height:1.7; color:#53666f; }
.demo-support a { color:#086977; font-weight:700; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
[hidden] { display:none!important; }
@media(max-width:1150px) {
  .site-nav { flex-wrap:wrap; height:auto; padding:14px 24px 0; gap:12px; }
  .brand-link { flex:1; }
  .nav-links { order:3; width:100%; justify-content:center; border-top:1px solid var(--line); }
  .conversion-page .pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .demo-layout { gap:36px; }
  .estimate-controls { grid-template-columns:1fr 220px 110px; }
}
@media(max-width:760px) {
  .site-nav { padding:12px 16px 0; gap:10px; }
  .brand-link img { width:135px; }
  .header-actions { gap:12px; }
  .sign-in { font-size:12px; }
  .nav-action { font-size:12px; padding:10px 12px; }
  .nav-action span { display:none; }
  .nav-links { justify-content:flex-start; }
  .nav-links a { font-size:12px; padding:10px; min-height:40px; }
  .hero { padding:42px 22px 46px; min-height:auto; }
  .hero h1 { font-size:42px; }
  .hero-lead { font-size:16px; margin:22px 0; }
  .hero-actions .button { font-size:14px; }
  .conversion-main { padding:30px 20px 40px; }
  .conversion-heading { margin-bottom:24px; }
  .conversion-heading h1 { font-size:34px; }
  .conversion-heading>p:last-child { font-size:15px; }
  .estimate-controls { grid-template-columns:1fr 105px; gap:12px 20px; padding:18px 0; }
  .estimate-controls>div { grid-column:1/-1; }
  .conversion-page .pricing-grid { grid-template-columns:1fr; }
  .conversion-page .price-card { min-height:0; padding:22px; }
  .conversion-page .price-card.recommended { padding:21px; }
  .conversion-page .plan-copy { min-height:0; }
  .included-section { grid-template-columns:1fr; gap:24px; }
  .included-list { grid-template-columns:1fr; }
  .founding-band>div { padding:28px 20px; flex-direction:column; align-items:start; gap:20px; }
  .pricing-faq { grid-template-columns:1fr; gap:0; }
  .demo-layout { display:flex; flex-direction:column; gap:24px; }
  .demo-intro { display:contents; }
  .demo-intro .conversion-heading { order:0; margin:0; }
  .demo-form { order:1; width:100%; padding:24px 20px; }
  .demo-details { order:2; }
  .demo-form h2 { font-size:21px; }
  .demo-contact-link { align-items:start; flex-direction:column; gap:14px; }
  .site-footer div { flex-wrap:wrap; }
}
@media(max-width:370px) {
  .header-actions { gap:8px; }
  .brand-link img { width:108px; }
  .nav-action { padding:10px; }
  .conversion-heading h1 { font-size:30px; }
}