:root { --navy:#062b5b; --cyan:#12c6df; --ink:#0b2444; --muted:#63758f; --line:#d8e7f3; --soft:#f2f8fd; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial,Helvetica,sans-serif; }
.sales-header { position:sticky; top:0; z-index:10; display:grid; grid-template-columns:190px 1fr auto; align-items:center; gap:24px; min-height:76px; padding:10px clamp(22px,5vw,82px); border-bottom:1px solid var(--line); background:rgba(255,255,255,.97); backdrop-filter:blur(12px); }
.sales-brand img { display:block; width:150px; max-height:52px; object-fit:contain; }
.sales-header nav { display:flex; justify-content:center; gap:24px; } .sales-header nav a,.sales-header-actions a { color:var(--ink); font-size:.78rem; font-weight:800; text-decoration:none; } .sales-header nav a.active { color:#078faf; }
.sales-header-actions { display:flex; align-items:center; gap:13px; } .header-cta { padding:12px 16px; border-radius:6px; color:#fff!important; background:linear-gradient(135deg,#08b6d8,#14cddd); }
.sales-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); align-items:center; gap:54px; min-height:620px; padding:72px clamp(28px,7vw,130px); background:linear-gradient(115deg,#fff 5%,#f5fbff 56%,#f7e8fb 100%); }
.eyebrow { margin:0 0 12px; color:#04aeda; font-size:.82rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }.sales-hero h1,.section-intro h2,.sales-process h2 { max-width:760px; margin:0; font-size:clamp(2.8rem,5vw,5.4rem); line-height:.95; letter-spacing:0; text-transform:uppercase; }.sales-hero h1 span { display:block; color:#12bfea; }.hero-copy { max-width:650px; margin:28px 0; color:var(--muted); font-size:1.25rem; font-weight:600; line-height:1.55; }.hero-actions { display:flex; gap:14px; flex-wrap:wrap; }.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 23px; border-radius:7px; font-size:.85rem; font-weight:900; text-decoration:none; }.button.primary { color:#fff; background:#082e61; }.button.secondary { border:1px solid #0aaed3; color:#087d9d; background:#fff; }.trust-row { display:flex; flex-wrap:wrap; gap:16px 26px; margin:28px 0 0; padding:0; list-style:none; font-weight:800; }.trust-row li::before { content:"✓"; margin-right:6px; color:#0bbad8; }.sales-hero-visual { position:relative; min-height:390px; }.sales-hero-visual img { width:100%; max-height:470px; object-fit:contain; filter:drop-shadow(0 26px 25px rgba(4,38,75,.18)); }.sales-hero-visual span { position:absolute; right:5%; bottom:8%; padding:15px 19px; border-radius:50%; color:#fff; background:#082e61; font-size:.86rem; font-weight:900; text-align:center; }
.sales-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding:0 clamp(28px,7vw,130px); background:var(--line); }.sales-proof article { display:grid; gap:7px; min-height:132px; align-content:center; padding:25px; background:#fff; text-align:center; }.sales-proof strong { color:#0a3b75; font-size:1.1rem; }.sales-proof span { color:var(--muted); }
.plans-section { padding:100px clamp(28px,7vw,130px); background:var(--soft); }.section-intro { max-width:760px; margin:0 auto 42px; text-align:center; }.section-intro h2 { font-size:clamp(2.2rem,4vw,3.8rem); }.section-intro>p:last-child { color:var(--muted); font-size:1.08rem; line-height:1.5; }.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1400px; margin:auto; }.plan-card { display:flex; flex-direction:column; padding:34px; border:1px solid var(--line); border-radius:8px; background:#fff; }.plan-card.featured { border:3px solid #0d396b; box-shadow:0 20px 42px rgba(4,43,88,.13); }.plan-label { align-self:flex-start; padding:8px 13px; border-radius:999px; color:#fff; background:#082e61; font-size:.72rem; font-weight:900; text-transform:uppercase; }.plan-card h3 { margin:22px 0 10px; font-size:2.15rem; }.plan-card>p { min-height:64px; margin:0 0 22px; color:var(--muted); line-height:1.5; }.price-block { display:grid; gap:4px; margin-bottom:14px; padding:19px; border:1px solid #cfe2f4; border-radius:7px; background:#eef6ff; }.price-block.monthly { background:#fff; }.price-block strong { font-size:2.35rem; }.price-block span { color:var(--muted); font-weight:800; }.price-block a { display:grid; min-height:43px; place-items:center; margin-top:10px; border-radius:5px; color:#fff; background:#082e61; font-size:.78rem; font-weight:900; text-decoration:none; }.monthly a { background:#0aa8c6; }.plan-card ul { display:grid; gap:12px; margin:14px 0 0; padding:0; list-style:none; font-weight:700; }.plan-card li::before { content:"✓"; margin-right:8px; color:#0bbad8; }.fees-note { display:flex; align-items:center; justify-content:center; gap:26px; max-width:1400px; margin:32px auto 0; padding:20px; border-radius:7px; color:#fff; background:linear-gradient(100deg,#062b5b,#0c6696); }.fees-note span { color:#dff6ff; }.fees-note a { color:#fff; font-weight:900; }
.sales-process { display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; align-items:center; padding:84px clamp(28px,7vw,130px); }.sales-process h2 { font-size:clamp(2rem,3.3vw,3.5rem); }.sales-process ol { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; padding:0; list-style:none; }.sales-process li { display:grid; gap:10px; color:#405d7b; font-size:.83rem; font-weight:800; text-align:center; }.sales-process b { display:grid; width:34px; height:34px; place-items:center; margin:auto; border-radius:50%; color:#fff; background:#0b3b73; }.crm-callout { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:0 clamp(28px,7vw,130px) 80px; padding:38px 44px; border-radius:9px; color:#fff; background:linear-gradient(115deg,#061d45,#0a6c9d); }.crm-callout h2 { margin:0 0 10px; font-size:2rem; }.crm-callout p { max-width:650px; margin:0; color:#d5ecff; line-height:1.5; }.crm-callout>div:last-child { display:grid; gap:14px; min-width:240px; text-align:center; }.crm-callout .button { color:#fff; border-color:#fff; background:transparent; }
.sales-footer { display:grid; grid-template-columns:160px 1fr auto; gap:24px; align-items:center; padding:30px clamp(28px,7vw,130px); color:#d8efff; background:#031a3b; }.sales-footer img { width:142px; max-height:48px; }.sales-footer p,.sales-footer small { margin:0; }.sales-footer a { color:#fff; font-weight:900; text-decoration:none; }.sales-footer small { grid-column:1/-1; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); font-size:.72rem; }
.website-form-page { min-height:100vh; background:var(--soft); }.form-shell { width:min(980px,calc(100% - 36px)); margin:45px auto; }.form-brand { display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; }.form-brand img { width:150px; max-height:54px; }.form-brand a { color:#0b4b7e; font-weight:800; text-decoration:none; }.form-card { padding:clamp(24px,5vw,52px); border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:0 20px 50px rgba(4,43,88,.12); }.form-card h1 { margin:0; font-size:clamp(2rem,4vw,3.4rem); }.form-card>p { color:var(--muted); line-height:1.5; }.plan-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:28px 0; padding:22px; border-radius:8px; color:#fff; background:#082e61; }.plan-summary strong { font-size:1.4rem; }.plan-summary span { color:#c8effa; }.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.form-grid label,.form-card fieldset { display:grid; gap:8px; color:#183b62; font-size:.82rem; font-weight:900; }.form-grid label.full,.form-card fieldset,.form-card textarea { grid-column:1/-1; }.form-card input,.form-card select,.form-card textarea { width:100%; min-height:46px; padding:10px 12px; border:1px solid #cbddeb; border-radius:6px; color:var(--ink); background:#fff; font:inherit; }.form-card textarea { min-height:105px; resize:vertical; }.payment-choice { display:grid; grid-template-columns:1fr 1fr; gap:12px; grid-column:1/-1; }.payment-choice label { display:flex; align-items:center; gap:8px; padding:15px; border:1px solid #cbddeb; border-radius:6px; cursor:pointer; }.form-submit { width:100%; min-height:54px; margin-top:24px; border:0; border-radius:7px; color:#fff; background:linear-gradient(135deg,#0ab4d2,#13cbe0); font-size:.95rem; font-weight:900; cursor:pointer; }.form-status { min-height:22px; margin:12px 0 0; color:#c33232; font-weight:700; }.portal-section { margin-top:26px; padding-top:26px; border-top:1px solid var(--line); }.portal-section h2 { margin:0 0 10px; }.success-card { text-align:center; }.success-card .button { margin:12px 6px 0; }
@media (max-width:900px) { .sales-header { grid-template-columns:1fr auto; }.sales-header nav { display:none; }.sales-hero { grid-template-columns:1fr; gap:22px; padding-top:52px; }.sales-hero-visual { min-height:0; }.plan-grid { grid-template-columns:1fr; max-width:600px; }.fees-note,.crm-callout { align-items:flex-start; flex-direction:column; }.sales-process { grid-template-columns:1fr; }.sales-process ol { grid-template-columns:repeat(3,1fr); }.sales-footer { grid-template-columns:1fr; }.form-grid { grid-template-columns:1fr; }.payment-choice { grid-template-columns:1fr; }.sales-header-actions>a:first-child { display:none; } }
@media (max-width:560px) { .sales-header { min-height:66px; padding-inline:18px; }.sales-brand img { width:120px; }.header-cta { padding:10px 12px; }.sales-hero,.plans-section,.sales-process { padding-inline:22px; }.sales-hero h1 { font-size:2.65rem; }.trust-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:.82rem; }.sales-proof { grid-template-columns:1fr; padding:0 22px; background:#fff; }.sales-proof article { border:1px solid var(--line); }.sales-process ol { grid-template-columns:1fr 1fr; }.crm-callout { margin-inline:22px; padding:28px; }.fees-note { margin-inline:0; gap:12px; }.sales-footer { padding-inline:22px; }.form-shell { margin:22px auto; }.plan-summary { align-items:flex-start; flex-direction:column; } }

/* The website sales flow is intentionally edge-to-edge on desktop. */
.website-form-page { min-width:0; }
.website-form-page .form-shell { width:100%; max-width:none; min-height:100vh; margin:0; padding:clamp(28px,4vw,72px) clamp(24px,5vw,112px) clamp(48px,6vw,96px); }
.website-form-page .form-card { width:100%; max-width:none; }
.website-form-page .form-brand { max-width:none; }
.website-form-page .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.website-form-page .payment-choice { grid-template-columns:repeat(2,minmax(0,1fr)); }

@media (max-width:700px) {
  .website-form-page .form-shell { padding:22px 18px 44px; }
  .website-form-page .form-grid,.website-form-page .payment-choice { grid-template-columns:1fr; }
}