/* VerticalFit landing pages (guides, sample reports, calculator, founding rate) */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap');
:root{
  --bg:#F4F6FA;--bg-card:#FFFFFF;--text:#16202E;--text-muted:#5B6472;--navy:#0F1E3D;--navy-ink:#F4F6FA;
  --brass:#0EA5A0;--brass-strong:#0B7F7A;--brass-tint:#E1F5F3;--maroon:#C23B3B;--border:#DCE1E8;--focus:#2C5AA0;
  --light-teal:#4FD9C0;--on-navy:#FFFFFF;--on-navy-muted:#C9D2E0;--radius:4px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0B1220;--bg-card:#121B2E;--text:#E8ECF2;--text-muted:#9AA5B4;--navy:#060B16;--navy-ink:#E8ECF2;
    --brass:#2DD4C8;--brass-strong:#5EEAE0;--brass-tint:#0E2A28;--maroon:#E88787;--border:#26324A;
  }
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--text);font-family:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
h1,h2,h3,h4{font-family:'Lora',Georgia,'Times New Roman',serif;font-weight:600;margin:0 0 .5em;line-height:1.2;text-wrap:balance}
p{margin:0 0 1em}
a{color:var(--brass-strong)}
img{max-width:100%;display:block}
.tm{font-size:.5em;vertical-align:super;margin-left:1px;font-weight:400}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

/* Top bar: logo only, so the page has one job */
.lp-top{background:var(--navy)}
.lp-top .wrap{padding-top:14px;padding-bottom:6px}
.lp-top img{height:54px;width:auto}
.logo-dark{display:none!important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-light{display:none!important}:root:not([data-theme="light"]) .logo-dark{display:block!important}}

/* Hero: continues the navy of the ad that brought them here */
.lp-hero{background:var(--navy);color:var(--on-navy);padding:22px 0 46px;border-bottom:6px solid var(--light-teal)}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:start}
.lp-chip{display:inline-block;border:1.5px solid var(--light-teal);color:var(--light-teal);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:4px;margin-bottom:18px}
.lp-hero h1{font-weight:700;font-size:36px;line-height:1.08;color:var(--on-navy);margin-bottom:16px;max-width:16ch}
.lp-hero h1 em{font-style:italic;color:var(--light-teal)}
.lp-hero .lede{color:var(--on-navy-muted);font-size:17.5px;max-width:46ch;margin-bottom:22px}
.lp-hero .lp-checks li{color:var(--on-navy)}
.lp-hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.lp-hero-actions .lp-btn{width:100%}
.lp-ghost{color:var(--light-teal);font-weight:600;text-decoration:underline;text-underline-offset:4px;align-self:flex-start;padding:8px 0}

.lp-checks{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.lp-checks li{position:relative;padding-left:28px;font-size:16px;line-height:1.45}
.lp-checks li::before{content:"";position:absolute;left:3px;top:6px;width:13px;height:7px;border-left:3px solid var(--light-teal);border-bottom:3px solid var(--light-teal);transform:rotate(-45deg)}
.lp-sec .lp-checks li::before{border-color:var(--brass)}

/* Buttons */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 26px;border:none;border-radius:var(--radius);background:var(--brass);color:#0F1E3D;font-family:inherit;font-weight:700;font-size:17px;text-decoration:none;cursor:pointer;line-height:1.2;text-align:center}
.lp-btn:hover{background:var(--light-teal)}
.lp-btn[disabled]{opacity:.65;cursor:wait}
.lp-btn-navy{background:var(--navy);color:var(--navy-ink)}
.lp-btn-navy:hover{background:var(--brass-strong);color:#fff}
.lp-block{display:flex;width:100%}

/* Form card */
.lp-card{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-top:5px solid var(--brass);border-radius:var(--radius);padding:24px 20px}
.lp-card h2{font-size:23px;margin-bottom:4px}
.lp-card .lp-sub{font-size:14.5px;color:var(--text-muted);margin-bottom:18px}
.lp-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0 14px}
.lp-field{margin-bottom:14px}
.lp-field label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}
.lp-field input,.lp-field select{width:100%;padding:12px;font-family:inherit;font-size:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}
.lp-field .lp-hint{font-size:12.5px;color:var(--text-muted);margin-top:4px}
.lp-field.lp-bad input,.lp-field.lp-bad select{border-color:var(--maroon)}
.lp-err{display:none;font-size:12.5px;color:var(--maroon);margin-top:4px}
.lp-field.lp-bad .lp-err{display:block}
.lp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lp-fine{font-size:12.5px;color:var(--text-muted);margin:12px 0 0}
.lp-done .lp-ok{width:46px;height:46px;border-radius:50%;background:var(--brass);position:relative;margin-bottom:14px}
.lp-done .lp-ok::after{content:"";position:absolute;left:17px;top:9px;width:9px;height:19px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.lp-done h2{margin-bottom:8px}
.lp-done .lp-btn{margin-top:6px}
.lp-alert{background:var(--brass-tint);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:14px;margin-bottom:14px}

/* Guide cover image in the hero */
.lp-cover{width:min(300px,78%);transform:rotate(4deg);margin:10px auto 0;outline:3px solid var(--light-teal);box-shadow:16px 18px 0 #060D1E}

/* Sections */
.lp-sec{padding:46px 0}
.lp-sec + .lp-sec{padding-top:0}
.lp-sec h2{font-size:26px}
.lp-sec .lp-intro{color:var(--text-muted);max-width:60ch;margin-bottom:24px;font-size:16.5px}
.lp-grid3{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.lp-panel{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--brass);border-radius:var(--radius);padding:18px 20px}
.lp-panel h3{font-size:17.5px;margin-bottom:6px}
.lp-panel p{font-size:15px;color:var(--text-muted);margin:0}
.lp-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.lp-steps li{counter-increment:s;position:relative;padding-left:52px}
.lp-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--light-teal);font-family:'Lora',serif;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.lp-steps h3{font-size:17.5px;margin:6px 0 4px}
.lp-steps p{font-size:15px;color:var(--text-muted);margin:0}
.lp-faq details{border-top:1px solid var(--border);padding:14px 0}
.lp-faq details:last-child{border-bottom:1px solid var(--border)}
.lp-faq summary{cursor:pointer;font-weight:600;font-size:16.5px;list-style:none;position:relative;padding-right:28px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";position:absolute;right:4px;top:-2px;font-size:22px;color:var(--brass-strong)}
.lp-faq details[open] summary::after{content:"\2013"}
.lp-faq details p{color:var(--text-muted);margin:10px 0 0;font-size:15.5px;max-width:70ch}
.lp-band{background:var(--navy);color:var(--on-navy);border-top:6px solid var(--light-teal);padding:42px 0}
.lp-band h2{color:var(--on-navy);font-size:28px;margin-bottom:10px}
.lp-band p{color:var(--on-navy-muted);max-width:56ch}

/* Footer */
.lp-foot{padding:26px 0 40px;border-top:1px solid var(--border)}
.lp-foot p{font-size:13px;color:var(--text-muted);margin-bottom:6px}
.lp-foot a{color:var(--text-muted)}

/* Tablet and up */
@media (min-width:700px){
  .wrap{padding:0 28px}
  .lp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lp-card{padding:30px 30px 26px}
  .lp-hero-actions{flex-direction:row;align-items:center;gap:22px}
  .lp-hero-actions .lp-btn{width:auto}
  .lp-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Desktop */
@media (min-width:960px){
  .lp-top img{height:62px}
  .lp-hero{padding:30px 0 64px}
  .lp-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px}
  .lp-hero h1{font-size:54px}
  .lp-sec{padding:64px 0}
  .lp-sec h2{font-size:32px}
  .lp-cover{width:300px;margin:26px 0 0 30px}
}

/* Hero layout with a visual under the copy (guide cover / role card) */
.lp-hero-grid.has-visual{grid-template-areas:"copy" "card" "visual"}
.lp-hero-grid.has-visual .lp-copy{grid-area:copy}
.lp-hero-grid.has-visual .lp-card{grid-area:card}
.lp-hero-grid.has-visual .lp-visual{grid-area:visual}
@media (min-width:960px){
  .lp-hero-grid.has-visual{grid-template-areas:"copy card" "visual card"}
}
/* Role card (sample-report pages): the same card as the Facebook ads */
.lp-rolecard{width:min(330px,88%);margin:6px auto 0;background:#16213A;outline:3px solid var(--light-teal);box-shadow:16px 18px 0 #060D1E;transform:rotate(4deg);padding:22px 24px 18px;color:#fff}
.lp-rolecard .rc-k{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--light-teal);margin-bottom:10px}
.lp-rolecard svg{width:120px;height:88px;margin:4px auto 10px;display:block}
.lp-rolecard h3{font-family:'Lora',serif;font-weight:700;font-size:20px;color:#fff;margin:0 0 10px}
.lp-rolecard ul{list-style:none;margin:0;padding:0;columns:2;column-gap:14px}
.lp-rolecard li{font-size:13.5px;color:#D7DEEA;padding:3px 0 3px 18px;position:relative;break-inside:avoid}
.lp-rolecard li::before{content:"";position:absolute;left:1px;top:8px;width:8px;height:4px;border-left:2px solid var(--light-teal);border-bottom:2px solid var(--light-teal);transform:rotate(-45deg)}
@media (min-width:960px){.lp-rolecard{margin:26px 0 0 24px}}

/* Calculator */
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.calc-in h2,.calc-out h2{font-size:22px;margin-bottom:4px}
.calc-in .lp-sub{color:var(--text-muted);font-size:14.5px;margin-bottom:18px}
.calc-in .lp-field input{font-variant-numeric:tabular-nums}
.money{position:relative}
.money span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}
.money input{padding-left:26px}
.calc-out{background:var(--navy);color:var(--on-navy);border-radius:var(--radius);border-top:5px solid var(--light-teal);padding:26px 24px}
.calc-out h2{color:var(--on-navy)}
.calc-label{color:var(--on-navy-muted);font-size:15px;margin:10px 0 2px}
.calc-total{font-family:'Lora',serif;font-weight:700;font-size:52px;line-height:1.05;color:var(--light-teal);font-variant-numeric:tabular-nums}
.calc-empty{color:var(--on-navy-muted);font-size:15px;margin:6px 0 0}
.calc-break{margin:18px 0 0;padding:0;list-style:none}
.calc-break li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #2A3A5E;font-size:15px}
.calc-break li span:last-child{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.calc-compare{margin:14px 0 0;font-size:14px;color:var(--on-navy-muted)}
.calc-how{margin-top:18px;border-top:1px solid #2A3A5E;padding-top:12px}
.calc-how summary{cursor:pointer;color:var(--light-teal);font-weight:600;font-size:15px}
.calc-how ul{margin:10px 0 0;padding-left:18px;color:var(--on-navy-muted);font-size:14px}
.calc-how li{margin-bottom:6px}
.calc-out .lp-btn{margin-top:20px;width:100%}
.lp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:30px;padding-top:22px;border-top:1px solid #2A3A5E}
.lp-facts div{font-size:14.5px;color:var(--on-navy-muted)}
.lp-facts b{display:block;font-family:'Lora',serif;font-size:19px;color:var(--on-navy);font-weight:700}
@media (min-width:700px){.lp-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:960px){
  .calc-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px}
  .calc-out{position:sticky;top:20px}
}

/* Founding-rate price card */
.price-label{font-size:14px;font-weight:700;color:var(--brass-strong);margin-bottom:4px}
.price{font-family:'Lora',serif;font-weight:700;font-size:60px;line-height:1;color:var(--text)}
.price small{font-family:'Public Sans',sans-serif;font-size:17px;font-weight:600;color:var(--text-muted);margin-left:4px}
.price-tax{font-size:14px;color:var(--text-muted);margin:6px 0 16px}
.price-lock{background:var(--brass-tint);border-left:4px solid var(--brass);border-radius:var(--radius);padding:12px 16px;font-size:15px;margin:18px 0 20px}
.countdown{display:inline-block;margin-top:14px;font-weight:700;color:var(--light-teal);font-size:16px}
.ind-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ind-list .lp-panel p{font-size:14px}
@media (min-width:700px){.ind-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.ind-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:960px){
  .lp-hero-grid.has-visual{row-gap:0}
  .lp-cover{width:250px;margin:18px 0 0 34px}
  .lp-rolecard{margin:18px 0 0 24px}
}
.lp-card .lp-checks li{color:var(--text)}
.lp-card .lp-checks li::before{border-color:var(--brass)}
/* Phones: keep the live total in view while typing */
.calc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--navy);color:var(--on-navy);border-top:4px solid var(--light-teal);padding:10px 20px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}
.calc-sticky b{font-family:'Lora',serif;font-size:24px;color:var(--light-teal);font-variant-numeric:tabular-nums}
.calc-sticky a{color:var(--light-teal);font-weight:600;font-size:14px}
.calc-sticky[hidden]{display:none}
@media (min-width:960px){.calc-sticky{display:none!important}}