/* Themes: set THEME in config.php to harbor, forest or slate */
:root,[data-theme=harbor]{--ink:#0e1b2c;--muted:#556275;--bg:#f4f6fa;--panel:#fff;--line:#d8dee8;--green:#0d3b8c;--green2:#082a66;--brass:#7ed321;--r:10px;--alt:#e8edf5;--foot:#0a1730;--footline:#1d2f52;--footfg:#b4c0d6;--bandtxt:#c3d0ea;--soft:#dde7fb;--glow:rgba(126,211,33,.25);--topbg:rgba(244,246,250,.94);--inputline:#b3bccb}
[data-theme=forest]{--ink:#14231f;--muted:#53625d;--bg:#f6f4ef;--line:#d9d6cc;--green:#0f5a46;--green2:#0a3f32;--brass:#7ed321;--alt:#ece9df;--foot:#0d1a16;--footline:#243a33;--footfg:#b9c6c1;--bandtxt:#cfe0d9;--soft:#dcefe7;--glow:rgba(126,211,33,.22);--topbg:rgba(246,244,239,.94);--inputline:#b9b5a8}
[data-theme=slate]{--ink:#1b1d23;--muted:#5d6068;--bg:#f5f5f3;--line:#dcdcd8;--green:#2b2f3a;--green2:#14161c;--brass:#7ed321;--alt:#eaeae6;--foot:#14161c;--footline:#2c303a;--footfg:#b8bbc4;--bandtxt:#c9ccd4;--soft:#e4e5ea;--glow:rgba(126,211,33,.22);--topbg:rgba(245,245,243,.94);--inputline:#bdbdb8}
:root{--font-sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Plus Jakarta Sans","Source Sans 3",system-ui,sans-serif;--color-header-green:#7ed321}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.6 var(--font-sans);color:var(--ink);background:var(--bg)}
h1,h2,h3,.brand{font-family:var(--font-display);line-height:1.1;margin:0 0 .5em}
a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.narrow{max-width:680px}
.top{position:sticky;top:0;background:#0043ce;border-bottom:1px solid rgba(255,255,255,.08);z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;height:45px}
.brand{display:flex;align-items:center;text-decoration:none;margin:0;position:relative}
.brand-logo{display:block;width:min(150px,40vw);height:auto}
.footer-brand{width:fit-content}
.footer-logo{width:min(220px,100%)}
.mark{display:none}
nav{display:flex;align-items:center;gap:22px}nav a{text-decoration:none;font-size:.95rem;color:#fff}nav a:hover{color:rgba(244,246,250,.94)}
nav{display:flex;align-items:center;gap:22px}nav a{text-decoration:none;font-size:.95rem}nav a:hover{color:rgba(244,246,250,.94)}
nav a:not(.btn):hover,nav a:not(.btn):focus-visible{text-decoration-line:underline;text-decoration-color:var(--color-header-green);text-decoration-thickness:2px;text-underline-offset:6px}
.btn{display:inline-block;background:#fff;color:#0043ce;padding:13px 22px;border-radius:var(--r);border:1.5px solid #0043ce;font:500 1rem var(--font-sans);text-decoration:none;cursor:pointer}
.btn.ghost,.btn.light{background:#fff;color:#0043ce;border:1.5px solid #0043ce}
.btn:hover,.btn.ghost:hover,.btn.light:hover,nav a.btn.small:hover,nav#nav a.btn.small:hover{background:#0043ce;color:#fff;border-color:#0043ce}nav a.btn.small{padding:6px 14px;font-size:.92rem;color:#0043ce}
nav a.btn.small:hover,nav#nav a.btn.small:hover{background:#fff;color:#0043ce;border-color:#0043ce}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
.hero{padding:40px 0 13px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.hero-dashboard{display:block;width:100%;max-width:560px;justify-self:center;border-radius:12px}
h1,h2{font-size:2rem;font-weight:800;letter-spacing:0;color:#0e1b2c}
.lead{font-size:1.08rem;color:var(--muted);max-width:50ch}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.board{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 18px 40px -24px rgba(20,35,31,.35)}
.board-h{font-weight:500;color:var(--muted);font-size:.9rem;margin-bottom:12px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;font-size:.82rem;color:var(--muted)}
.stats b{display:block;font:800 2rem var(--font-display);color:var(--ink)}
.board ul{list-style:none;margin:0;padding:0}.board li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.95rem}
.t{font-style:normal;font-size:.78rem;padding:2px 9px;border-radius:99px;height:fit-content;white-space:nowrap}
.hot{background:#fbe4dc;color:#8a2c12}.due{background:#f6ecd0;color:#6d4d07}.new{background:var(--soft);color:var(--green2)}
.sec{padding:23px 0}.sec.alt{background:var(--alt)}.h2,.sec h2{max-width:35ch}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px;margin-top:40px}
.grid article{border-top:3px solid var(--brass);padding-top:16px}.grid h3{font-size:1.25rem}.grid p,.steps p{color:var(--muted);margin:0}
.about-reasons>.wrap>h2{max-width:none;margin-inline:auto;text-align:center}
.about-reasons .grid.three{text-align:center}
.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding-left:48px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:700 1rem var(--font-display)}
.note{color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:32px;max-width:860px}
.policy-toc{display:flex;flex-wrap:wrap;gap:6px 12px;margin:16px 0}.policy-toc a{color:var(--green);text-decoration:underline}
.plan{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px}.plan h3{font-size:1.6rem;margin:0}
.sub{color:var(--muted);margin:0 0 18px}.price{font:800 2.5rem var(--font-display);margin:0}.price small{font:400 .9rem var(--font-sans);color:var(--muted)}
.incl{margin:0 0 18px;color:var(--muted);font-size:.93rem}.plan ul{padding-left:20px;margin:0 0 24px}
.band{background:#fff;color:#3b4965}.band h2{max-width:100%;text-align:center}.band p{color:#53625d;margin:0 0 1px;text-align:justify}
.band .btn.light{display:table;margin:20px auto 0}
.about-cta p{max-width:68ch;margin:0 auto 1rem;text-align:center}
.demo-cta p{max-width:68ch;margin:0 auto 1px;text-align:center}
.property-crm{max-width:900px;text-align:center}
.property-crm h2{max-width:none}
.property-crm p{max-width:82ch;margin-inline:auto}
.foot{background:#0043ce;color:#fff;padding:20px 0 0;font-size:15px;line-height:1.4}.foot .brand{color:#fff}.foot p{margin:0px 0 0;max-width:34ch;color:rgba(255,255,255,.88)}.foot .footer-brand{position:relative;top:-8px;margin-bottom:-8px}
.cols{display:grid;grid-template-columns:1.6fr 1fr 1.3fr 1fr;gap:20px clamp(20px,4vw,48px);align-items:start}.cols h4{color:#fff;margin:0 0 8px;font-family:var(--font-display)}
.cols a{display:block;text-decoration:none;padding:2px 0;transition:color .15s ease}.cols a:hover,.cols a:focus-visible{color:rgba(244,246,250,.94);text-decoration-line:underline;text-decoration-color:var(--color-header-green);text-decoration-thickness:2px;text-underline-offset:6px}.cols>div:nth-child(3) a:hover,.cols>div:nth-child(3) a:focus-visible{color:inherit;text-decoration:none}.copy{margin-top:18px;padding:9px 0 12px;border-top:1px solid rgba(255,255,255,.32);color:rgba(255,255,255,.88)}
.form{display:grid;gap:16px;margin-top:20px}.compact-form{margin-top:0}label{display:grid;gap:6px;font-weight:500;font-size:.95rem}
.contact-intro{padding:20px 0 22px;border-bottom:1px solid var(--line)}
.contact-intro h1{max-width:none;margin:0 0 10px}
.contact-intro p{max-width:72ch;margin:0;color:var(--muted);font-size:1.05rem}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start;padding:28px 0 8px}
.contact-copy{padding-top:4px}
.contact-copy>p:not(.contact-eyebrow){max-width:55ch;color:var(--muted);line-height:1.65}
.contact-copy h2{max-width:none;margin:0 0 12px}
.contact-eyebrow{margin:0 0 12px;color:var(--green);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.contact-details{display:grid;gap:16px;margin-top:24px;font-style:normal;overflow-wrap:anywhere}
.contact-details div{display:grid;gap:4px}
.contact-details strong{font-size:.88rem;color:var(--muted)}
.contact-details a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.contact-form-column{width:100%;max-width:560px;justify-self:end}
.contact-form-column .form{margin-top:0;gap:12px}
.contact-form-column label{gap:4px;font-size:.9rem}
.contact-form-column form input:not([type=hidden]),.contact-form-column form select,.contact-form-column form textarea{padding:7px 10px}
input,select,textarea{font:inherit;padding:11px 13px;border:1px solid var(--inputline);border-radius:8px;background:#fff;width:100%}
.hp{position:absolute;left:-9999px}.err{background:#fbe4dc;color:#6d1f0a;padding:14px 14px 14px 34px;border-radius:8px}
.ok{background:var(--soft);color:var(--green2);padding:18px;border-radius:8px}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:32px}}
@media(max-width:960px){.grid,.steps,.plans,.cols,.plans2,.grid.four,.two{grid-template-columns:1fr 1fr}.two-col,.plat,.calc{grid-template-columns:1fr}}
@media(max-width:860px){.grid,.grid.four,.steps,.plans,.cols,.plans2,.two{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-form-column{justify-self:start}.hero{padding:28px 0 13px}.sec{padding:23px 0}.hero-dashboard{max-width:480px}.hero-grid,.plat,.calc,.two-col{gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* platform record, calculator, insights */
nav{flex-wrap:wrap;gap:8px 20px;justify-content:flex-end}
.plat{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.record{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}
.rec-h{display:flex;flex-direction:column;margin-bottom:18px}.rec-h b{font:800 1.3rem var(--font-display)}.rec-h span{color:var(--muted);font-size:.9rem}
.tl{list-style:none;margin:0;padding:0 0 0 26px;border-left:2px solid var(--line)}
.tl li{position:relative;padding:0 0 18px 18px;color:var(--muted)}.tl li:last-child{padding-bottom:0}
.tl li::before{content:"";position:absolute;left:-34px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--panel);border:2px solid var(--line)}
.tl li b{display:block;color:var(--ink)}.tl li span{font-size:.92rem}
.tl .done::before{background:var(--green);border-color:var(--green)}
.tl .now::before{background:var(--brass);border-color:var(--brass);box-shadow:0 0 0 5px var(--glow)}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.calc-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px;display:grid;gap:14px}
.calc-box dl{margin:8px 0 0;border-top:1px solid var(--line)}.calc-box dl div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}
.calc-box dt{color:var(--muted)}.calc-box dd{margin:0;font:700 1.15rem var(--font-display)}
.calc-box dl div:nth-child(3) dd{color:var(--green)}
.posts{display:grid;gap:18px;margin-top:28px}
.post{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none}
.post:hover{border-color:var(--green)}.post h3{font-size:1.35rem;margin:6px 0}.post p{margin:0;color:var(--muted)}
.art{font-size:1.08rem;max-width:62ch}
@media(max-width:860px){.plat,.calc{grid-template-columns:1fr}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}
.two article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px;display:flex;flex-direction:column}
.two h3{font-size:1.7rem;margin:0}.two .sub{margin-bottom:14px}.two ul{padding-left:20px;margin:0 0 24px;flex:1}.two .btn{align-self:flex-start}
@media(max-width:860px){.two{grid-template-columns:1fr}}
/* v3: phone hero, strip, tabs, billing toggle, faq */
.small{font-size:.9rem}
.phone{justify-self:center;width:290px;background:var(--ink);border-radius:36px;padding:34px 14px 18px;box-shadow:0 30px 60px -28px rgba(14,27,44,.55);position:relative;transform:rotate(2deg)}
.notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:80px;height:6px;background:#2b3a50;border-radius:9px}
.ph-h{color:#b4c0d6;font-size:.82rem;margin:0 6px 10px}
.lead-card{background:var(--panel);border-radius:14px;padding:12px 14px;margin-bottom:10px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}
.lead-card b{font:700 1rem var(--font-display)}.lead-card span{grid-column:1;color:var(--muted);font-size:.8rem}.lead-card .t{grid-column:2;grid-row:1/3}
.lead-card.dim{opacity:.7}
.strip{border-block:1px solid var(--line);background:var(--panel);padding:16px 0}
.strip .wrap{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}.strip span{color:var(--muted);font-size:.92rem}
.strip i{font-style:normal;font-size:.9rem;background:var(--alt);padding:4px 12px;border-radius:99px}
.grid.four{grid-template-columns:repeat(4,1fr)}
.journey-section{background:var(--alt);padding:23px 0}
.journey-section h2{max-width:none;margin-bottom:.35em}
.journey-intro{max-width:58ch;margin:-8px 0 16px;color:var(--muted)}
.journey-board{padding:26px;background:#f1f1f1;border-radius:18px;box-shadow:0 24px 50px -34px rgba(16,24,40,.16)}
.journey-board-heading{display:flex;justify-content:space-between;gap:16px;margin:0 4px 26px;color:#101828;font-size:.78rem;font-weight:700;letter-spacing:.1em}
.journey-board-heading span:last-child{font-size:.88rem;letter-spacing:0}
.journey-board-heading b{padding:0 5px;color:#101828}
.journey-slider{overflow:hidden}
.journey-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.journey-card{position:relative;z-index:1;min-height:272px;padding:22px 20px;background:#fff;border:1px solid #fff;border-radius:14px;box-shadow:0 8px 22px rgba(16,24,40,.06)}
.journey-card::before,.journey-card::after{content:"";position:absolute;z-index:2;top:44px;left:24px;right:-18px;pointer-events:none}
.journey-card::before{height:7px;background:#555b66}
.journey-card::after{top:47px;height:1px;background:repeating-linear-gradient(90deg,#fff 0 12px,transparent 12px 22px)}
.journey-card h3{margin:0 0 10px;font-size:1.25rem}
.journey-stage{margin:0 0 8px;color:var(--green);font-size:.72rem;font-weight:700;letter-spacing:.12em}
.journey-description{margin:0;color:var(--muted);font-size:.94rem}
.journey-marker{position:relative;z-index:3;display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:4px solid #fff;border-radius:50%;background:#dce7ff;color:#101828;box-shadow:0 0 0 2px #c3d0ea;font:800 1rem var(--font-display)}
.journey-slider.is-ready{overflow:hidden}
.journey-slider.is-ready .journey-track{display:flex;gap:18px;transition:transform .5s ease}
.journey-slider.is-ready .journey-card{flex:0 0 calc((100% - 36px)/3)}
.journey-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.journey-arrow,.journey-pause{border:1px solid #0043ce;border-radius:999px;background:#fff;color:#0043ce;cursor:pointer;font:500 .95rem var(--font-sans)}
.journey-arrow{width:40px;height:40px;font-size:1.2rem}
.journey-pause{padding:9px 15px}
.journey-dots{display:flex;align-items:center;gap:8px}
.journey-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer}
.journey-dot[aria-current=true]{width:24px;border-radius:8px;background:#c3d0ea}
.journey-arrow:hover,.journey-pause:hover{background:#0043ce;color:#fff;border-color:#0043ce}
.journey-arrow:focus-visible,.journey-pause:focus-visible,.journey-dot:focus-visible{outline:3px solid #ffe100;outline-offset:3px}
#pricing{padding-bottom:28px}
#pricing .home-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:8px auto 22px;max-width:944px;align-items:start}
#pricing .home-plan{display:flex;flex-direction:column;min-width:0;padding:34px 38px;border-radius:22px}
#pricing .home-plan h3{font-size:1.55rem}
#pricing .home-plan .sub{margin:0 0 26px}
#pricing .home-plan .price{font-size:2.5rem;line-height:1.1}
#pricing .home-plan .price small{white-space:nowrap}
#pricing .home-price-note,#pricing .home-price-unit{margin:6px 0 0;color:var(--muted);font-size:.92rem}
#pricing .home-price-unit{margin-top:0}
#pricing .home-plan>ul{display:block;flex:none;margin:24px 0}
#pricing .home-plan>ul>li{display:list-item;margin:0;padding:0;line-height:1.6}
#pricing .home-plan-featured{border:2px solid #29313e}
#pricing .home-modules-link{display:block;width:fit-content;margin:0 0 20px;color:#0043ce;font-weight:600;text-decoration:none}
#pricing .home-modules-link::before{content:"▶";margin-right:8px;font-size:.8em}
#pricing .post-sales-modules summary{font:inherit;font-weight:600}
#pricing .post-sales-modules ul{display:block;flex:none;margin:8px 0 0;padding-left:22px}
#pricing .home-plan .btn{align-self:flex-start;margin-top:auto}
#pricing .home-pricing-disclaimer{margin:18px auto 0;text-align:center}
#faq{padding-top:28px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.audiences-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:end}
.audiences-image{display:block;width:min(100%,415px);aspect-ratio:1;object-fit:contain;justify-self:center}
#audiences{padding-bottom:1px}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ticks li{position:relative;padding-left:30px}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:9px;border-left:3px solid var(--brass);border-bottom:3px solid var(--brass);transform:rotate(-45deg)}
.band .ticks li{color:#fff}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 20px}
.tabs button,.bill button{font:500 .98rem var(--font-sans);padding:10px 18px;border-radius:99px;border:1.5px solid #0043ce;background:#fff;color:#0043ce;cursor:pointer}
.tabs button[aria-selected=true],.bill button.on{background:#0043ce;border-color:#0043ce;color:#fff}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;max-width:760px}.panel h3{font-size:1.5rem}
#pricing>.wrap>h2{max-width:none;white-space:nowrap}
#pricing>.wrap>h2,#pricing>.wrap>.note{text-align:center}
#workflow>.wrap>h2{max-width:none;text-align:center;white-space:nowrap}
.bill{display:flex;justify-content:center;gap:8px;margin:22px 0}
.plans2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:8px auto 22px;max-width:1000px}
.plan.pop{border:2px solid #14161c;position:relative}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font:700 1.12rem var(--font-display)}
details p{margin:10px 0 0;color:var(--muted)}
[hidden]{display:none!important}
@media(max-width:960px){.grid.four,.plans2,#pricing .home-pricing-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.audiences-layout{grid-template-columns:1fr;gap:24px}.audiences-image{width:min(100%,380px)}}
@media(max-width:860px){.grid.four,.plans2,#pricing .home-pricing-grid{grid-template-columns:1fr}.phone{transform:none}}
@media(max-width:960px){.journey-track{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-slider.is-ready .journey-card{flex-basis:calc((100% - 18px)/2)}}

/* responsive pass */
img,svg{max-width:100%;height:auto}
.foot a,.foot p{overflow-wrap:anywhere}
.phone{width:min(290px,100%)}
.menu-btn{display:none;width:44px;height:44px;border:1.5px solid #0043ce;border-radius:10px;background:#fff;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{display:block;width:20px;height:2px;background:#0043ce;transition:transform .2s,opacity .2s}
.menu-btn:hover{background:#0043ce}.menu-btn:hover span{background:#fff}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){
  .menu-btn{display:flex}
  .top .bar{position:relative}
  nav#nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:8px 22px 18px;box-shadow:0 18px 30px -20px rgba(0,0,0,.5)}
  nav#nav.open{display:flex}
  nav#nav a{padding:13px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:1.02rem;color:#000}
  nav#nav a.btn.small{margin-top:14px;padding:13px;text-align:center;border:1.5px solid #0043ce;background:#fff;color:#0043ce;font-size:1rem}
}
@media(max-width:860px){
  .cols{grid-template-columns:1fr 1fr}
  .hero{padding:24px 0 13px}
  .hero-grid,.plat,.calc,.two-col{gap:34px}
}
@media(max-width:520px){
  body{font-size:16px}.wrap{padding:0 18px}
  #pricing>.wrap>h2{font-size:1.2rem}
  #workflow>.wrap>h2{font-size:1.25rem}
  .cols{grid-template-columns:1fr}
  .cta{flex-direction:column}.cta .btn{text-align:center}
  .hero .lead{font-size:1.05rem}
  .plan,.panel,.two article,.calc-box,.record{padding:22px 18px}
  .price{font-size:2.1rem}.stats b{font-size:1.6rem}
  .tabs button{flex:1 1 100%;text-align:center}
  .bill{flex-wrap:wrap}.bill button{flex:1 1 100%}
  .board li,.lead-card{font-size:.9rem}
  .calc-box dl div{flex-direction:column;gap:2px}
  .top .bar{padding-top:12px;padding-bottom:12px}
  .brand{font-size:1.1rem}
  .phone{width:min(240px,100%)}
  .journey-board{padding:18px 14px}
  .journey-board-heading{flex-direction:column;gap:5px;margin-bottom:18px}
  .journey-track{grid-template-columns:1fr}
  .journey-card{min-height:230px}
  .journey-slider.is-ready .journey-card{flex-basis:100%}
  .journey-controls{gap:10px}
  .lead-card{grid-template-columns:1fr}
  .lead-card .t{grid-column:1;grid-row:auto}
}
@media(max-width:360px){#pricing>.wrap>h2{font-size:1rem}#workflow>.wrap>h2{font-size:1rem}}