:root{--navy:#14284b;--acc:#f28c28;--bg:#f6f7fb;--tx:#1d2433}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tx)}
.wrap{max-width:1100px;margin:auto;padding:0 20px}section{padding:48px 0}section.alt{background:var(--bg)}
a{color:var(--navy)}h1,h2,h3{line-height:1.2;color:var(--navy)}h2{font-size:1.8rem}
.top{background:#fff;border-bottom:1px solid #e3e6ee;position:sticky;top:0;z-index:9}.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.logo{font-weight:800;text-decoration:none;font-size:1.15rem}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-size:.95rem}nav a.on{color:var(--acc);font-weight:700}
#m,.burger{display:none}
.hero{background:linear-gradient(135deg,var(--navy),#23417a);color:#fff;text-align:center;padding:64px 0}.hero h1{color:#fff;font-size:2.6rem;margin:0 0 12px}.lead{font-size:1.2rem;max-width:720px;margin:auto}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;border:0;font-size:1rem;cursor:pointer}.btn.ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}.btn.sm{padding:8px 14px;color:#fff}
.cta .btn.ghost{color:#fff;border-color:#fff}.btns,.center{text-align:center}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.cards,.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card,.plan{background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:22px;box-shadow:0 2px 8px #0000000a}.card.link{text-decoration:none;color:inherit}
.tag{text-transform:uppercase;font-size:.8rem;color:var(--acc);font-weight:700;margin:0}
.plan{position:relative;display:flex;flex-direction:column}.plan ul{padding-left:18px;flex:1}.plan.pop{border:3px solid var(--acc);transform:scale(1.03)}
.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--acc);color:#fff;padding:3px 12px;border-radius:20px;font-size:.85rem;font-weight:700;white-space:nowrap}
.price{font-size:2.4rem;font-weight:800;margin:0;color:var(--navy)}.price span{font-size:1rem;font-weight:400}.min{font-weight:700}
.checks{list-style:none;padding:0}.checks li{padding:4px 0 4px 30px;position:relative}.checks li:before{content:"✅";position:absolute;left:0}
.steps{list-style:none;padding:0;display:grid;gap:14px}.steps li{background:#fff;border-left:5px solid var(--acc);padding:6px 18px;border-radius:8px}.steps h3{margin:.4em 0 .1em}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px 12px;border-bottom:1px solid #e3e6ee;text-align:left}th{background:var(--navy);color:#fff}td.us{background:#fff6ec;font-weight:600}th.us{background:var(--acc)}
.box{background:#fff;border:2px solid var(--navy);border-radius:14px;padding:20px 24px;margin-bottom:20px}.box.soft{border-color:#e3e6ee}
details{background:#fff;border:1px solid #e3e6ee;border-radius:10px;margin:10px 0;padding:12px 16px}summary{font-weight:700;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{background:var(--bg);border:1px solid #d6dbe7;padding:8px 16px;border-radius:30px;text-decoration:none}
.form{display:grid;gap:14px;max-width:560px}.form label{display:grid;font-weight:600}.form input,.form select{font:inherit;padding:10px;border:1px solid #c9cfdc;border-radius:8px;margin-top:4px}.form .cb{display:flex;gap:8px;font-weight:400}
.cta{background:var(--navy);color:#fff;text-align:center}.cta h2{color:#fff}
footer{background:#0d1a33;color:#c9d2e6;padding:28px 0}footer a{color:#fff}.small{font-size:.85rem;color:#667}footer .small{color:#9aa6c0}
.img{max-width:100%;border-radius:12px;margin-bottom:20px}
@media(max-width:820px){.burger{display:block;font-size:1.6rem;cursor:pointer}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:16px;border-bottom:1px solid #ddd}#m:checked~nav{display:flex}.hero h1{font-size:1.9rem}.plan.pop{transform:none}}
.keep{border:3px solid var(--acc)}.steps3{font-size:1.1rem}.steps3 li{margin:6px 0}
/* capacity banner + block */
#spots-banner{background:#111;color:#ffd84d;text-align:center;padding:10px 14px;font-size:1rem;line-height:1.4}
#spots-banner a{color:#fff;text-decoration:underline;font-weight:700;white-space:nowrap}
.spots-full #spots-banner{background:#333;color:#fff}
.spots-block{border:3px solid currentColor;border-radius:14px;padding:18px;margin:18px auto;max-width:560px;text-align:center;background:rgba(255,216,77,.12)}
.spots-full .spots-block{background:#f2f2f2;color:#333}
.sb-big{font-size:1.5rem;font-weight:800;margin:0 0 6px}.sb-num{font-size:1.2rem;margin:4px 0}.sb-num b{font-size:1.4rem}.sb-f{margin:8px 0}
@media(max-width:600px){#spots-banner{font-size:.92rem}.sb-big{font-size:1.25rem}.spots-block .btn{display:block}}
/* Brand: Petrol & Peach Sherbet + Hot Tomato */
:root{--navy:#0B4F5C;--acc:#FFB38A;--bg:#F2F8F8;--tx:#14272B;--pop:#E8392B}
a{color:#0B4F5C}nav a.on{color:#0B4F5C;border-bottom:3px solid var(--pop)}
.hero{background:radial-gradient(circle at 85% 15%,#E8392B33,transparent 40%),linear-gradient(135deg,#062F38 0%,#0B4F5C 55%,#137A85 100%);padding:76px 0}
.hero h1{font-size:3.1rem;font-weight:900;letter-spacing:-.02em}.hero h1 em,.hero .hl{color:var(--pop);font-style:normal}
.btn{background:var(--pop);color:#14272B;box-shadow:0 6px 18px #E8392B55}.btn.sm{color:#14272B}.btn.ghost{background:transparent;box-shadow:none}
.hero .btn.ghost{color:#fff;border-color:#FFB38A}
.badge{background:var(--pop);color:#14272B}.plan.pop{border-color:var(--pop)}.tag{color:#137A85}
.steps li,.keep{border-color:#FFB38A}th.us{background:var(--pop);color:#14272B}td.us{background:#FFF1E8}
#spots-banner{background:var(--pop);color:#14272B;font-weight:600}#spots-banner a{color:#14272B}
.spots-block{background:#E8392B22;color:#0B4F5C}.cta{background:#0B4F5C}footer{background:#062F38}
.cta .btn.ghost{color:#fff;border-color:#FFB38A}footer{color:#CFE3E5}footer .small{color:#9FC2C6}.hero .btn.ghost:hover,.btn:hover{filter:brightness(1.05)}.spots-full #spots-banner{background:#14272B;color:#fff}.spots-full #spots-banner a{color:#FFB38A}.spots-full .spots-block{background:#f2f2f2;color:#333}.top{border-bottom-color:#D5E6E8}
.plan .wyg{margin:.6em 0 .2em}
.tries{margin-top:14px;text-align:left;border-top:1px dashed rgba(0,0,0,.15);padding-top:12px}
.tries ul{list-style:none;padding:0;margin:6px 0 10px}
.tries li{background:#fff6f2;border-left:4px solid #E8392B;border-radius:8px;padding:9px 12px;margin:6px 0;font-size:1rem;line-height:1.35}
.tries ul.us li{background:#eef7f7;border-left-color:#0b4f5c}
.benefits>div{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 4px 14px #0B4F5C14;border-top:4px solid #E8392B}.benefits h3{margin:0 0 6px}.benefits p{margin:0}
/* art 1016 */
.cardimg{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:0 0 14px;background:#FFF6EC}
.indart{margin-top:24px}.indart .card{padding:14px}.indart h3{margin:4px 4px 2px;font-size:1.05rem}
section.warm{background:#FFF1E6}section.cream{background:#FFF6EC}
section.warm .benefits>div{box-shadow:0 4px 14px #E8392B14}
.hero-art{text-align:left}.heroflex{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center}
.heroflex .lead{margin:0}.heroflex .cardimg{margin:0;border-radius:20px;box-shadow:0 14px 40px #0006;border:4px solid #FFB38A}
@media(max-width:820px){.heroflex{grid-template-columns:1fr;gap:22px}.hero-art{text-align:center}}

.hdr-cta{margin-left:auto;margin-right:14px;white-space:nowrap}.signband .bl{font-size:1.2rem;margin:4px 0}.signband .band-spots{margin:6px 0 16px}.signband .founding-note{margin-top:14px;color:#CFE3E5}
@media(min-width:821px){.hdr-cta{order:3;margin:0 0 0 16px}}
@media(max-width:820px){.hdr-cta{padding:6px 12px;font-size:.9rem;margin-right:10px}.logo{font-size:1rem}}
@media(max-width:380px){.logo{font-size:.9rem}}

section.different{background:#E6F0F1;border-top:4px solid #FFB38A}section.different h2{color:#0B4F5C}.difflead{font-size:1.15em;max-width:720px}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:18px}.difflink{margin:22px 0 0;font-weight:700}.difflink a{color:#E8392B}#compare{scroll-margin-top:80px}
.chips span{background:#fff;border:1px solid #d6dbe7;padding:8px 16px;border-radius:30px;font-weight:600}

/* mobile fit fix 1016t: keep everything inside the phone screen */
html,body{max-width:100%}
body{overflow-x:clip}
@supports not (overflow:clip){body{overflow-x:hidden}}
img,video,svg,iframe{max-width:100%;height:auto}
.wrap,.herotxt,.heroflex>*,.grid3>*,.cards>*,.plans>*,.grid4>*,.benefits>*{min-width:0}
h1,h2,h3,.lead,p{overflow-wrap:break-word}
.bar{gap:8px}.logo{min-width:0}
@media(max-width:820px){
  .heroflex{grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:clamp(1.6rem,8.4vw,2.4rem);letter-spacing:-.015em;overflow-wrap:anywhere}
  .hero .lead{font-size:clamp(1rem,4.4vw,1.2rem)}
  .hero-art .herotxt,.hero-art .lead{text-align:center;margin-left:auto;margin-right:auto}
}
/* comparison table: fit on phones (v1016v) */
@media(max-width:600px){
  .tbl{overflow-x:hidden}
  .tbl table{table-layout:fixed;width:100%;max-width:100%}
  .tbl th,.tbl td{padding:8px 6px;font-size:.88rem;line-height:1.35;overflow-wrap:break-word;word-break:normal;hyphens:auto;vertical-align:top}
  .tbl th{font-size:.8rem;padding:8px 5px}
  .tbl th:nth-child(1),.tbl td:nth-child(1){width:36%}
  .tbl th:nth-child(2),.tbl td:nth-child(2){width:26%}
  .tbl th:nth-child(3),.tbl td:nth-child(3){width:38%}
}
@media(max-width:380px){
  .tbl th{font-size:.76rem;padding:8px 4px}
  .tbl th:nth-child(1),.tbl td:nth-child(1){width:34%}
  .tbl th:nth-child(2),.tbl td:nth-child(2){width:28%}
}

/* Pick your voice */
.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.voice{background:#fff;border:1px solid #e3e6ee;border-radius:14px;padding:16px 18px;min-width:0}
.voice h3{margin:0 0 2px;font-size:1.15rem}.voice .vstyle{margin:0 0 12px;color:#5a6478;font-size:.95rem}
.voice audio{display:block;width:100%;max-width:100%;height:40px}
@media(max-width:900px){.voices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.voices{grid-template-columns:1fr;gap:12px}}
#wlform{scroll-margin-top:90px}html{scroll-behavior:smooth}
/* brand logo 1017a */
.logo{display:flex;align-items:center;line-height:0;flex-shrink:1}
.logo img{height:52px;width:auto;max-width:100%;display:block}
@media(max-width:820px){.logo img{height:40px}}
@media(max-width:360px){.logo img{height:34px}}
footer .flogo{margin:0 0 8px;line-height:0}footer .flogo img{width:44px;height:44px;border-radius:10px}
/* voices everywhere + nav link 1017b */
#voices{scroll-margin-top:84px}
nav a{white-space:nowrap}
@media(min-width:821px) and (max-width:1100px){nav{gap:12px;flex-wrap:nowrap}nav a{font-size:.88rem}.logo img{height:44px}}
@media(min-width:821px) and (max-width:960px){nav{gap:9px}nav a{font-size:.82rem}.logo img{height:38px}.hdr-cta{margin-left:10px;padding:7px 11px}}
@media(max-width:820px){nav a{padding:8px 4px;font-size:1.05rem;border-bottom:1px solid #eef2f3}nav a:last-child{border-bottom:0}}

/* 8 voices: 4 columns on desktop 1017d */
.voices{grid-template-columns:repeat(4,minmax(0,1fr))}
.voice{padding:14px 14px}
@media(max-width:1100px){.voices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.voices{grid-template-columns:1fr;gap:12px}}

h1,h2,h3,.price,.sb-big{font-family:Poppins,system-ui,sans-serif}.hero h1{font-weight:800}button,input,select,textarea{font-family:inherit}

/* ===== home declutter 1017f (scoped to home: .hm sections) ===== */
section.hm{padding:64px 0}
.hm h2{text-align:center;margin:0 0 12px;font-size:2rem}
.hm .sub,.hm .difflead{text-align:center;max-width:700px;margin:0 auto 10px;font-size:1.08rem}
.hm .difflink{text-align:center;margin:26px 0 0}
.hm .mob,.swipehint{display:none}
/* backgrounds: clear rhythm */
section.hm.hwhite,section.hm.hsign{background:#fff}
section.hm.hvoices,section.hm.hpale{background:#E6F0F1}
section.hm.hdeep{background:linear-gradient(135deg,#062F38,#0B4F5C);color:#fff;border-top:0}
.hm.hdeep h2{color:#fff}.hm.hdeep .difflead{color:#DCEDEF}.hm.hdeep .difflink a{color:#FFB38A}
section.hm.hcoral{background:#FFE9DF;border-top:4px solid #E8392B}
section.hm.hcream{background:#FFF6EC}
section.hm.hpeach{background:#FFE3D3}
section.hm.hsign{padding:36px 0 44px}
.hm.hsign .spots-block{margin-top:0}
/* tiles: short headline, detail under */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}
.tile{background:#fff;border-radius:14px;padding:20px;box-shadow:0 4px 14px #0B4F5C1a;border-top:4px solid #E8392B;margin:0;border-left:0;border-right:0;border-bottom:0}
.tile summary{list-style:none;cursor:pointer}.tile summary::-webkit-details-marker{display:none}
.tile h3{margin:0;font-size:1.08rem;color:#0B4F5C}
.tile p{margin:8px 0 0;color:#33474c;font-size:.98rem}
.hm.hdeep .tile{border-top-color:#FFB38A;color:#14272B}
.hm.hwhite .tile{background:#F7FBFB}
@media(min-width:821px){.tile summary{pointer-events:none}}
@media(max-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* trio strip */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px;text-align:center}
.trio h3{margin:0 0 4px;font-size:1.15rem}.trio p{margin:0}
/* tabs */
.tabs{max-width:860px;margin:24px auto 18px}
.tabs>input{position:absolute;opacity:0;pointer-events:none}
.tabbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.tabbar label{padding:10px 20px;border-radius:30px;border:2px solid #0B4F5C;font-weight:600;cursor:pointer;color:#0B4F5C;background:#fff;font-size:.98rem}
#tb1:checked~.tabbar label[for=tb1],#tb2:checked~.tabbar label[for=tb2],#tb3:checked~.tabbar label[for=tb3]{background:#0B4F5C;color:#fff}
.tabs>input:focus-visible~.tabbar label{outline:0}
#tb1:focus-visible~.tabbar label[for=tb1],#tb2:focus-visible~.tabbar label[for=tb2],#tb3:focus-visible~.tabbar label[for=tb3]{outline:3px solid #E8392B;outline-offset:2px}
.tabpanel{display:none}
#tb1:checked~.p1,#tb2:checked~.p2,#tb3:checked~.p3{display:block}
.tabh{text-align:center;margin:0 0 10px}.tabpanel .box{margin:0}.tabpanel .box h2{text-align:left;font-size:1.5rem}
/* done-for-you split + comparison accordion */
.dfy{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:start}
.dfy h2{text-align:left}.dfy>div:first-child p{font-size:1.1rem}
.incl{background:#F2F8F8;border-radius:16px;padding:20px 24px}.incl h3{margin:0 0 6px}
.incl .checks{columns:2;column-gap:24px;margin:0}.incl .checks li{break-inside:avoid}
details.cmp{margin-top:34px;background:#fff;border:2px solid #FFB38A;border-radius:16px;padding:0}
.cmp summary{list-style:none;cursor:pointer;padding:18px 22px;text-align:center}.cmp summary::-webkit-details-marker{display:none}
.cmp summary h2{font-size:1.4rem;margin:0 0 4px}
.cmpopen{display:inline-block;font-weight:700;color:#B42318}.cmpopen:after{content:" ▾"}.cmp[open] .cmpopen{display:none}
.cmp .tbl{padding:0 14px 16px}
/* demos */
.hdemos{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}
.hdemos .card{display:flex;flex-direction:column}.hdemos .card h3{margin:.2em 0}.hdemos .card p{margin:.3em 0;font-size:.96rem}
.hdemos .btn{margin-top:auto;text-align:center}
details.tryit{margin:12px 0 0;padding:8px 12px}.tryit summary{color:#0B4F5C}.tryit .tries{margin-top:8px;border-top:0;padding-top:0}
/* industries */
.hm .indchips{display:none}
.hm .indart{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.hm .indart .card{padding:10px}.hm .indart .cardimg{margin-bottom:8px}.hm .indart h3{font-size:.95rem;text-align:center}
/* pricing teaser */
.ptease{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.ptease h2{text-align:left}.ptease .box{margin:0;border-color:#FFB38A}
/* ---- mobile: shorter scroll, still readable ---- */
@media(max-width:820px){
  section.hm{padding:36px 0}
  .hm h2{font-size:1.5rem}
  .hm .mob{display:block}
  .swipehint{display:block;text-align:center;font-size:.92rem;color:#4a5d62;margin:4px 0 0}
  .swipe{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:6px 20px 14px;margin:8px -20px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .swipe::-webkit-scrollbar{display:none}
  .swipe>*{flex:0 0 82%;scroll-snap-align:center}
  .hvoices .voicesec p,.hm.hvoices .wrap>p:not(.swipehint){text-align:center}
  .tiles{grid-template-columns:1fr;gap:10px;margin-top:16px}
  .tile{padding:14px 16px;border-top:0;border-left:4px solid #E8392B}
  .hm.hdeep .tile{border-left-color:#FFB38A}
  .tile summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:32px}
  .tile summary:after{content:"+";font-size:1.5rem;font-weight:700;color:#0B4F5C;line-height:1}
  .tile[open] summary:after{content:"−"}
  .trio{grid-template-columns:1fr;gap:14px}
  .tabbar{gap:6px}.tabbar label{padding:9px 12px;font-size:.9rem}
  .dfy{grid-template-columns:1fr;gap:16px}.dfy h2{text-align:center}.dfy>div:first-child p{text-align:center;font-size:1rem}
  .incl{padding:16px}.incl .checks{columns:1}
  .cmp summary h2{font-size:1.15rem}
  .hdemos .cardimg{display:none}
  .hm .indart{display:none}.hm .indchips{display:flex;justify-content:center}
  .ptease{grid-template-columns:1fr;gap:18px;text-align:center}.ptease h2{text-align:center}
  body:has(.hm) .hero{padding:40px 0}
  body:has(.hm) .heroflex .cardimg{display:none}
}
/* ---- calm palette 1017f (inspired by soft, low-contrast layouts): brand colors used sparingly ---- */
/* top banner, sitewide: soft bar instead of loud coral */
#spots-banner{background:#FFF1E8;color:#14272B;font-weight:500;border-bottom:1px solid #F6D9C7}
#spots-banner a{color:#B42318}
/* home section tints: off-white / very pale teal / warm cream; hero is the one deep teal band */
section.hm{color:#2B3D41}
.hm h2{font-weight:700;letter-spacing:-.01em;color:#0B4F5C}
section.hm.hsign{background:#FAFAF8}
section.hm.hvoices,section.hm.hpale{background:#F1F6F6}
section.hm.hdeep{background:#F1F6F6;color:#2B3D41;border-top:1px solid #DDEAEA;border-bottom:1px solid #DDEAEA}
.hm.hdeep h2{color:#0B4F5C}.hm.hdeep .difflead{color:#2B3D41}.hm.hdeep .difflink a{color:#B42318}
section.hm.hwhite{background:#fff}
section.hm.hcoral,section.hm.hcream,section.hm.hpeach{background:#FBF6F0;border-top:0}
section.hm+section.hm{border-top:1px solid #ECEFEF}
.hm.hvoices .wrap>p:not(.swipehint){text-align:center;max-width:700px;margin:0 auto}
.hm .voice{border-color:#E2EAEA;box-shadow:none}
/* softer cards */
.tile{box-shadow:0 1px 3px #0B4F5C12;border:1px solid #E2EAEA;border-top:3px solid #FFB38A}
.hm.hdeep .tile,.hm.hwhite .tile{background:#fff;border-top-color:#FFB38A}
.hm.hwhite .tile{background:#FAFAF8}
.incl{background:#F7FAFA;border:1px solid #E2EAEA}
.hm .card{box-shadow:none;border-color:#E2EAEA}
.hm.hsign .spots-block{border:1px solid #F6D9C7;background:#FFF8F3;color:#0B4F5C;border-radius:16px}
.hm .chips span,.hm .chips a{background:#fff;border-color:#DDE6E6;font-weight:500}
.ptease .box,details.cmp{border:1px solid #F0D3C0}
.tabbar label{border-width:1px}
/* home closing band: soft instead of a second deep band */
body:has(.hm) .signband{background:#FBF6F0;color:#2B3D41;border-top:1px solid #ECEFEF}
body:has(.hm) .signband h2{color:#0B4F5C}
body:has(.hm) .signband .founding-note{color:#4a5d62}
body:has(.hm) .signband .btn.ghost{color:#0B4F5C;border-color:#0B4F5C}
/* hero: keep deep teal, drop the coral glow for calm */
body:has(.hm) .hero{background:linear-gradient(135deg,#062F38 0%,#0B4F5C 60%,#11656F 100%)}
@media(max-width:820px){
  .tile{border-top:1px solid #E2EAEA;border-left:3px solid #FFB38A}
  .hm.hdeep .tile{border-left-color:#FFB38A}
}
.hdemos .btn{padding:12px 10px;font-size:.95rem;white-space:nowrap}
.tryit .tries>p:first-child{display:none}
@media(max-width:820px){.tile p,.hdemos .card p,.trio p{font-size:1rem}}
/* tool logos (home) 1017f */
.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:24px auto 8px;max-width:980px}
.tool{margin:0;background:#fff;border:1px solid #E7E1D8;border-radius:14px;padding:14px 12px 10px;width:128px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px}
.tool img,.tool .licon{height:40px;width:auto;max-width:100%}
.tool.wm img{height:22px;margin:9px 0}
.tool figcaption{font-size:.85rem;font-weight:500;color:#2B3D41;text-align:center;line-height:1.25}
@media(max-width:820px){.logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool{width:auto;padding:12px 6px 8px}.tool img,.tool .licon{height:34px}.tool.wm img{height:18px;margin:8px 0}}
/* industry art cards: framed so red-heavy art reads as separate cards */
.card.link{background:#fff;border:1px solid #E2EAEA;box-shadow:0 2px 10px #0B4F5C10;border-top:3px solid #0B4F5C}
.card.link:nth-child(3n+2){border-top-color:#FFB38A}.card.link:nth-child(3n){border-top-color:#7FB7BE}
.card.link .cardimg{background:#F1F6F6;padding:8px;border-radius:12px;border:1px solid #E2EAEA;box-shadow:none}
.card.link:hover{box-shadow:0 6px 18px #0B4F5C1f}
/* calm hero (demo page) */
.hero.calm{background:#FAFAF8;color:#2B3D41;padding:56px 0 8px;border-bottom:0}
.hero.calm h1{color:#0B4F5C;font-size:2.8rem}.hero.calm .lead{color:#33474c}
.pill{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:30px;background:#E6F0F1;border:1px solid #CFE2E4;color:#0B4F5C;font-weight:600;font-size:.9rem}
section.dtop{background:#FAFAF8;padding:28px 0 56px}
.dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:820px;margin:0 auto}
.dcard{background:#fff;border:1px solid #E2EAEA;border-radius:16px;padding:22px 24px;box-shadow:0 2px 10px #0B4F5C0f}
.dhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dcard h2{font-size:1.35rem;margin:0}
.dwho{font-size:.82rem;font-weight:600;color:#0B4F5C;background:#FFF1E8;border:1px solid #F6D9C7;border-radius:30px;padding:3px 10px}
.dline{margin:4px 0 10px;color:#4a5d62;font-size:.98rem}
.dnum{display:inline-block;font-size:2rem;font-weight:700;color:#14272B;text-decoration:none;border-bottom:3px solid #FFB38A;line-height:1.2;letter-spacing:-.01em}
.dnum:hover{border-bottom-color:#E8392B}
.dbtns{margin-top:30px}.dbtns .btn{margin:4px}
section.dvoices{background:#F1F6F6}
section.dvoices h2{text-align:center}section.dvoices .wrap>p{text-align:center;max-width:700px;margin:0 auto}
section.dinfo{background:#FAFAF8}
details.dsec{max-width:860px;margin:12px auto;background:#fff;border:1px solid #E2EAEA;border-radius:16px;padding:0}
.dsec>summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.dsec>summary::-webkit-details-marker,.dmore>summary::-webkit-details-marker{display:none}
.dsec>summary h2{font-size:1.25rem;margin:0}
.dsec>summary:after,.dmore>summary:after{content:"+";font-size:1.5rem;font-weight:700;color:#0B4F5C;line-height:1}
.dsec[open]>summary:after,.dmore[open]>summary:after{content:"−"}
.dsec>p,.dsec>ul{padding:0 22px}.dsec>ul{padding-left:22px}
details.dmore{margin:10px 22px;background:#FAFAF8;border:1px solid #E2EAEA}
.dmore>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.dmore-in{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-top:12px}.dmore-in .cardimg{margin:0}
.dsec>details:last-child{margin-bottom:22px}
@media(max-width:820px){
  .hero.calm{padding:34px 0 4px}.hero.calm h1{font-size:clamp(1.6rem,8vw,2.2rem)}
  .dgrid{grid-template-columns:1fr;gap:12px}
  .dcard{padding:16px 18px}.dnum{font-size:1.7rem}
  section.dtop{padding:20px 0 36px}
  .dmore-in{grid-template-columns:1fr}.dmore-in .cardimg{display:none}
  .dsec>summary h2{font-size:1.1rem}details.dmore{margin:10px 14px}
  .dbtns .btn{display:block;margin:8px auto;max-width:340px}
}
/* pricing calm 1017f */
.sr-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
section.ptop{background:#FAFAF8;padding:30px 0 56px}
.pcalm{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.pcalm .plan{background:#fff;border:1px solid #E2EAEA;border-radius:18px;padding:22px 18px;box-shadow:0 2px 12px #0B4F5C0d}
.pcalm .plan.pop{transform:none;border:2px solid #FFB38A;background:linear-gradient(#FFF8F3,#fff 140px);box-shadow:0 8px 26px #FFB38A40}
.pcalm .badge{position:static;transform:none;display:inline-block;align-self:flex-start;background:#FFF1E8;color:#B42318;border:1px solid #F6D9C7;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;padding:2px 10px;margin:0 0 8px}
.pcalm h3{margin:0;font-size:1.25rem}
.ptag{margin:2px 0 10px;color:#137A85;font-weight:600;font-size:.9rem}
.pcalm .price{font-size:2.2rem;line-height:1.1}.pcalm .price span{font-size:.9rem;color:#5a6478}
.pcalm .min{font-weight:500;font-size:.85rem;color:#5a6478;margin:4px 0 8px}
.pcalm .wyg{font-size:.85rem;color:#2B3D41;border-top:1px solid #EEF2F2;padding-top:10px}
.pchk{list-style:none;padding:0!important;margin:4px 0 14px;font-size:.88rem;color:#4a5d62;line-height:1.45}
.pchk li{display:flex;gap:8px;align-items:flex-start;margin:7px 0}.pchk .ck{flex:0 0 16px;width:16px;height:16px;margin-top:2px}
.pchk li.plus{font-weight:600;color:#2B3D41}
.pcalm .btn.buy{display:block;text-align:center;margin-top:6px}
.pcalm .plan:not(.pop) .btn.buy{background:#fff;color:#0B4F5C;border:2px solid #0B4F5C;box-shadow:none}
.pcalm .small{font-size:.78rem;line-height:1.45}
.pnotes{max-width:860px;margin:30px auto 6px;text-align:center}.pnotes p{margin:6px 0}
.pfoot{max-width:860px;margin:10px auto 0;text-align:center}
.prow{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:30px auto 0;align-items:stretch}
.prow .spots-block{margin:0;max-width:none;border:1px solid #F6D9C7;background:#FFF8F3;color:#0B4F5C}
.prow .box{margin:0;border:1px solid #E2EAEA;background:#fff}
section.pwhite{background:#fff}section.pcream{background:#FBF6F0}
section.pwhite h2,section.pincl h2{text-align:center}
.pincl .checks{max-width:760px;margin:16px auto 0;columns:2;column-gap:28px}.pincl .checks li{break-inside:avoid}
.psplit{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.psplit .box{margin:0;border:1px solid #E2EAEA;background:#fff}.psplit .box:first-child{border-color:#F6D9C7}
.dsec-in{padding:0 22px 18px}
@media(max-width:1100px){.pcalm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
  .pcalm{grid-template-columns:1fr}.prow,.psplit{grid-template-columns:1fr}
  section.ptop{padding:20px 0 36px}.pincl .checks{columns:1}
  .pchk{font-size:.95rem}.pcalm .small{font-size:.85rem}
  .dsec-in{padding:0 14px 14px}
}
/* footer 1017f */
footer{background:#062F38;color:#CFE3E5;padding:48px 0 22px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.fchip{display:inline-block;background:#fff;border-radius:12px;padding:8px 12px;line-height:0}.fchip img{height:40px;width:auto}
.fbrand p{margin:12px 0;max-width:420px;line-height:1.55}
.fbadges{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.fbadge{display:flex;align-items:center;gap:10px;background:#0B4F5C;border:1px solid #1E6A76;border-radius:12px;padding:9px 14px 9px 9px}
.fb-ic{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:9px;background:#FFB38A;color:#14272B;font-weight:800;font-size:.9rem}
.fb-ok{background:#E6F0F1;color:#0B4F5C;font-size:1.1rem}
.fbadge b{display:block;color:#fff;font-size:.92rem;line-height:1.2}.fbadge small{display:block;color:#9FC2C6;font-size:.78rem;line-height:1.3}
.fmail a{color:#FFB38A}
footer h4{margin:4px 0 12px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#9FC2C6;font-weight:600}
.fcol ul{list-style:none;padding:0;margin:0}.fcol li{margin:0 0 9px}.fcol a{color:#E7F1F2;text-decoration:none;font-size:.95rem}.fcol a:hover{color:#FFB38A}
.fsol{border-top:1px solid #1C4A53;margin-top:30px;padding-top:22px}
.fpills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.fpills a{color:#DCEDEF;text-decoration:none;font-size:.82rem;border:1px solid #2A5C65;border-radius:30px;padding:5px 12px;background:#0A3D47}.fpills a:hover{border-color:#FFB38A;color:#fff}
@media(max-width:820px){
  footer{padding:34px 0 18px}
  .fgrid{grid-template-columns:1fr 1fr;gap:18px 20px}.fbrand{grid-column:1/-1}
  .fchip img{height:34px}.fbadge{flex:1 1 220px}
  .fpills a{font-size:.85rem;padding:6px 11px}
  .fcol li{margin:0 0 10px}
}
/* hero pill on dark hero (home) */
.hero:not(.calm) .pill{background:#ffffff1f;border-color:#ffffff40;color:#fff}
/* tools split (home) 1017f */
section.hm.htools{background:#F7FAFA;background-image:radial-gradient(#0B4F5C14 1px,transparent 1px);background-size:22px 22px}
.tsplit{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}
.ttext h2{text-align:left}.ttext p{font-size:1.05rem}
.tplus{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.tplus span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #DDE6E6;border-radius:30px;padding:6px 14px 6px 10px;font-weight:500;font-size:.92rem}
.tplus .licon{width:20px;height:20px}
.tlogos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative}
.tlogos .tool{width:auto;min-height:104px;justify-content:center;border-color:#E2EAEA;box-shadow:0 1px 4px #0B4F5C0d}
.tlogos .tool img{height:34px;max-width:120px;object-fit:contain}
@media(max-width:820px){.tsplit{grid-template-columns:1fr;gap:20px}.ttext{text-align:center}.ttext h2{text-align:center}.tplus{justify-content:center}.tlogos{gap:8px}.tlogos .tool{min-height:88px;padding:10px 4px 8px}.tlogos .tool img{height:28px}.tlogos .tool figcaption{font-size:.78rem}}
/* pills row + trial line 1017f */
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.pills .pill{margin:0}
.hero-art .pills,.hero:not(.hero-art) .pills{justify-content:flex-start}
.hero:not(.hero-art) .pills{justify-content:center}
@media(max-width:820px){.hero-art .pills{justify-content:center}}
.trialline{max-width:640px;margin:12px auto 0}
.signband .trialline{color:#CFE3E5}body:has(.hm) .signband .trialline{color:#4a5d62}
/* ===== own-pattern pass 1017f ===== */
/* pills now sit under the lead */
.herotxt .pills{margin:18px 0 0}
.hero:not(.hero-art):not(.calm) .pills{justify-content:center}
/* calm hero: left text + brand icon motif */
.calmflex{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;text-align:left}
.hero.calm .pills{justify-content:flex-start}
.calmart{display:flex;justify-content:center}
.calmart img{width:200px;height:200px;border-radius:50%;background:#FFF1E8;padding:26px;border:1px solid #F6D9C7}
@media(max-width:820px){.calmflex{grid-template-columns:1fr;text-align:center}.calmart{display:none}.hero.calm .pills{justify-content:center}}
/* steps timeline */
.tline{position:relative;gap:12px}
.tline:before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:#F6D9C7}
.steps.tline li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:transparent;border:0;padding:0}
.tnum{position:relative;z-index:1;width:44px;height:44px;border-radius:12px;background:#FFF1E8;border:1px solid #F6D9C7;color:#0B4F5C;font-weight:700;display:flex;align-items:center;justify-content:center}
.tcard{background:#fff;border:1px solid #E2EAEA;border-radius:14px;padding:12px 16px;position:relative}
.tcard h3{margin:0 0 2px;font-size:1.05rem;padding-right:130px}.tcard p{margin:0;color:#4a5d62}
.ttag{position:absolute;top:12px;right:14px;font-size:.75rem;font-weight:600;color:#0B4F5C;background:#E6F0F1;border-radius:30px;padding:2px 10px;white-space:nowrap}
@media(max-width:820px){.tcard h3{padding-right:0}.ttag{position:static;display:inline-block;margin-top:6px}.steps.tline li{grid-template-columns:36px 1fr;gap:10px}.tnum{width:36px;height:36px}.tline:before{left:17px}}
/* demo call rows */
.dlist{max-width:860px;margin:0 auto;display:grid;gap:12px}
.drow{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid #E2EAEA;border-left:4px solid #FFB38A;border-radius:14px;padding:14px 18px}
.drow:nth-child(even){border-left-color:#0B4F5C}
.dico{width:56px;height:56px;border-radius:14px;background:#F1F6F6;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.dtxt h2{font-size:1.2rem;margin:0}.drow .dline{margin:2px 0 0}
.drow .dwho{background:none;border:0;padding:0;font-weight:500;color:#137A85;font-size:inherit}
.drow .dnum{display:flex;flex-direction:column;align-items:flex-end;border:0;font-size:1.6rem;text-decoration:none;color:#14272B;font-weight:700;line-height:1.15}
.dcall{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#B42318;font-weight:700}
.drow .dnum:hover{color:#0B4F5C}
@media(max-width:820px){.drow{grid-template-columns:44px 1fr;gap:10px 12px;padding:12px 14px}.dico{width:44px;height:44px;font-size:1.3rem}.drow .dnum{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:#FFF8F3;border:1px solid #F6D9C7;border-radius:12px;padding:10px;font-size:1.45rem}}
/* pricing card header block + popular strip */
.pcalm .plan{padding:0 0 18px;overflow:hidden}
.pcalm .plan>*:not(.phead):not(.badge){margin-left:18px;margin-right:18px}
.phead{background:#F1F6F6;padding:18px;border-bottom:1px solid #E2EAEA;margin-bottom:6px}
.pcalm .plan.pop{background:#fff}
.pcalm .plan.pop .phead{background:#FFF1E8;border-bottom-color:#F6D9C7}
.pcalm .plan.pop .badge{display:block;margin:0;border-radius:0;background:#0B4F5C;color:#fff;border:0;text-align:center;padding:6px;font-size:.78rem}
/* tools: one simple strip of logo chips */
section.hm.htools{background:#fff;background-image:none}
.tstrip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin:22px auto 10px}
.tstrip .tool{display:inline-flex;flex-direction:row;align-items:center;gap:8px;width:auto;min-height:0;background:#FAFAF8;border:1px solid #E2EAEA;border-radius:12px;padding:8px 14px;box-shadow:none}
.tstrip .tool img{height:22px;width:auto;max-width:90px;object-fit:contain;margin:0}
.tstrip .tool .licon{width:22px;height:22px}
.tstrip .tool>span{font-size:.9rem;font-weight:500;color:#2B3D41}
.tstrip .tgen{background:#F1F6F6}
@media(max-width:820px){.tstrip{gap:8px}.tstrip .tool{padding:7px 10px}.tstrip .tool img{height:18px;max-width:70px}.tstrip .tool>span{font-size:.85rem}}
/* footer: mid teal, own structure */
footer{background:#0B4F5C;color:#E1EEEF;padding:44px 0 20px}
.ftop{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:36px}
.fkeys{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.fkeys span{font-size:.92rem}.fkeys b{display:inline-block;min-width:38px;text-align:center;margin-right:8px;background:#FFB38A;color:#14272B;border-radius:6px;padding:0 6px;font-size:.82rem}
footer h4{text-transform:none;letter-spacing:0;font-size:1rem;color:#fff;font-weight:600;margin:4px 0 10px}
.fcol a{color:#E7F1F2}
.flinks{margin-top:26px;padding:16px 18px;background:#0A4652;border-radius:14px;font-size:.88rem;line-height:1.9}
.flinks p{margin:0}.flinks b{color:#fff;margin-right:4px}.flinks a{color:#DCEDEF;text-decoration:none}.flinks a:hover{color:#FFB38A;text-decoration:underline}
.fcopy{margin:16px 0 0}footer .small{color:#B5D2D5}
@media(max-width:820px){.ftop{grid-template-columns:1fr 1fr;gap:16px 20px}.fbrand{grid-column:1/-1}.flinks{margin-top:18px;padding:12px 14px}}
/* forward-your-number page 1017f */
section.ftop2{background:#FAFAF8;padding:26px 0 40px}
.fintro{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:960px;margin:0 auto 10px}
.fpt{background:#fff;border:1px solid #E2EAEA;border-radius:14px;padding:16px 18px}.fpt p{margin:4px 0 0;color:#4a5d62}
section.fpale{background:#F1F6F6}section.fwhite{background:#fff}section.fcream{background:#FBF6F0}
.fpale h2,.fwhite h2{text-align:center}
.fchoice{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin:16px auto}
.fchoice>div{background:#fff;border:1px solid #E2EAEA;border-left:4px solid #FFB38A;border-radius:14px;padding:16px 18px}.fchoice>div:nth-child(2){border-left-color:#0B4F5C}.fchoice h3{margin:0 0 4px}.fchoice p{margin:0}
.fsteps{margin:0;padding-left:20px}.fsteps li{margin:8px 0}
.fcode{display:inline-block;background:#FFF1E8;border:1px solid #F6D9C7;border-radius:8px;padding:1px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95em;color:#14272B;word-break:break-all}
.fend{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fend .box{margin:0;background:#fff}.fend h3{margin:0 0 6px}
@media(max-width:820px){.fintro,.fchoice,.fend{grid-template-columns:1fr}.fintro{gap:10px}}
/* business phone 1017g */
.ph-ic{width:18px;height:18px;flex:0 0 18px}
.hdr-tel{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#0B4F5C;font-weight:600;font-size:.92rem;white-space:nowrap}
.hdr-tel:hover{color:#B42318}
@media(min-width:821px){.hdr-tel{order:2;margin-left:16px}}
@media(min-width:821px) and (max-width:1240px){.hdr-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hdr-tel{width:36px;height:36px;justify-content:center;border:1px solid #CFE2E4;border-radius:50%;margin-left:12px}}
@media(max-width:820px){.hdr-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hdr-tel{margin-left:auto;width:38px;height:38px;justify-content:center;border:1px solid #CFE2E4;border-radius:50%}.hdr-cta{margin-left:8px}.hdr-tel .ph-ic{width:18px;height:18px}}
.ftel{display:inline-flex;align-items:center;gap:6px;color:#FFB38A;font-weight:600;margin-top:4px}
.ccards .cphone{background:#FFF8F3;border:1px solid #F6D9C7;border-radius:14px;padding:16px 18px}
.bigtel{font-size:1.8rem;font-weight:700;color:#14272B;text-decoration:none;border-bottom:3px solid #FFB38A;white-space:nowrap}
.bigtel:hover{border-bottom-color:#E8392B}
@media(min-width:821px) and (max-width:1359px){.hdr-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hdr-tel{width:36px;height:36px;justify-content:center;border:1px solid #CFE2E4;border-radius:50%;margin-left:12px}}
.ccards>div{border:1px solid #E2EAEA;border-radius:14px;padding:16px 18px;background:#fff}.ccards>div h3{margin:0 0 8px}.ccards>div p{margin:0}
.ccards .cphone{background:#FFF8F3;border-color:#F6D9C7}
@media(min-width:821px){.hdr-tel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hdr-tel{width:36px;height:36px;justify-content:center;border:1px solid #CFE2E4;border-radius:50%;margin-left:12px}}
.spots-block .sb-cap{margin:6px 0;font-size:.98rem}
/* connect-your-tools 1017h */
.tsum{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tsum img{height:26px;width:auto;max-width:90px;object-fit:contain}
.tsum h2{margin:0}.tbadge{font-size:.75rem;font-weight:600;color:#0B4F5C;background:#E6F0F1;border-radius:30px;padding:2px 10px}
@media(max-width:820px){.tsum img{height:22px;max-width:70px}.tsum{gap:8px}}
/* ===== inner pages calm pass 1017i (body.inner = every page except home) ===== */
body.inner{color:#2B3D41}
.inner main p,.inner main li{color:#3A4C50}
.inner main h2,.inner main h3{color:#0B4F5C}
.inner main section{padding:60px 0}
section.iw{background:#fff}section.ip{background:#FFF8F3}section.it{background:#F2F8F8}
.inner main section+section{border-top:1px solid #EDF1F1}
.ih{text-align:center;font-size:1.85rem;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}
.isub{text-align:center;max-width:680px;margin:0 auto 6px;font-size:1.06rem}
.ih3{text-align:center;font-size:1.05rem;font-weight:600;margin:26px 0 0}
/* icon cards */
.igrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:24px auto 0;max-width:1000px}
.igrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.igrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.igrid.compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.icard{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #E4ECEC;border-radius:16px;padding:16px 16px}
.it .icard,.ip .icard{border-color:#E8EEEE}
.iic{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#F2F8F8;display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1}
.it .iic{background:#FFF4EC}
.iic .ck{width:20px;height:20px}
.icard h3{margin:2px 0 2px;font-size:1rem;font-weight:600;line-height:1.35}.icard p{margin:0;font-size:.95rem;line-height:1.5}
.igrid.compact .icard{align-items:center;padding:12px 14px}.igrid.compact .icard h3{margin:0;font-size:.95rem;font-weight:500;color:#2B3D41}
.igrid.compact .icard h3+p{margin-top:2px}
.igrid.inline .icard h3{display:inline;font-size:.95rem}.igrid.inline .icard p{display:inline}.igrid.inline .icard>div{font-size:.95rem}
.ikeep .igrid{max-width:900px}
.inote{display:flex;gap:14px;align-items:center;justify-content:center;max-width:760px;margin:0 auto;background:#fff;border:1px solid #F1DFD2;border-radius:16px;padding:18px 22px;font-size:1.3rem}
.inote h2{font-size:1.2rem;margin:0 0 4px}.inote p{margin:0;font-size:1rem}
/* calmer shared bits on inner pages */
.inner .box{border:1px solid #E4ECEC;border-radius:16px}.inner .box.keep{border-color:#F1DFD2}
.inner .checks li:before{content:"";top:11px;left:4px;width:16px;height:16px;border-radius:50%;background:#0B4F5C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10.2 2.6 2.6L14 7.4' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.inner table th{background:#F2F8F8;color:#0B4F5C}.inner table th.us{background:#FFF1E8;color:#0B4F5C}.inner table td.us{background:#FFF8F3}
.inner .img{display:block;max-width:760px;margin:6px auto 20px;width:100%}
.inner .card{box-shadow:none;border-color:#E4ECEC}
.inner .tag{color:#137A85}
.inner .voice{border-color:#E4ECEC;box-shadow:none}
section.ivoices h2{text-align:center}section.ivoices .wrap>p:not(.swipehint){text-align:center;max-width:680px;margin:0 auto}
.isteps{max-width:860px;margin:20px auto}.isteps li{display:block!important;padding:14px 18px!important;background:#fff!important;border:1px solid #E4ECEC!important;border-left:3px solid #FFB38A!important;border-radius:14px}
.isteps:before{display:none}.isteps h3{margin:0 0 4px;font-size:1.02rem}.isteps p{margin:0}
.icards .card{padding:14px}.icards h3{font-size:1.05rem;margin:4px 2px}.icards p{font-size:.95rem;margin:4px 2px 8px}.icards span{font-weight:600;color:#0B4F5C;font-size:.92rem;margin:0 2px}
.idemo{max-width:760px;margin:20px auto 0}.idemo .drow{margin-bottom:12px}.idemo .dtxt h3{margin:0;font-size:1.15rem}
.idemo details.dmore{background:#fff;border:1px solid #E4ECEC;border-radius:14px}
.idemo .dmore>summary{display:flex;justify-content:space-between;list-style:none;font-weight:600;color:#0B4F5C}
.fqgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;align-items:start}
.fqg{background:#FAFCFC;border:1px solid #E4ECEC;border-radius:18px;padding:18px 18px 10px}
.fqg h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:1.1rem}
.fqg details{border-color:#E8EEEE;border-radius:12px;padding:11px 14px;margin:8px 0}
.fqg summary{font-weight:500;color:#14272B;font-size:.98rem}.fqg details p{margin:8px 0 2px;font-size:.95rem}
.wtop{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;max-width:960px;margin:0 auto}.wtop .spots-block{margin:0;max-width:none}.wtop .icard h2{font-size:1.2rem;margin:0 0 4px}
section.wform .form{margin:0 auto;background:#fff;border:1px solid #E4ECEC;border-radius:18px;padding:22px 24px;max-width:620px}
section.wform h2{text-align:center}
.inner .ccards{max-width:960px;margin:24px auto 16px}.inner .ccards>div{text-align:center}
section.legal .wrap{max-width:780px}section.legal h2{font-size:1.3rem;margin:34px 0 8px;padding-top:18px;border-top:1px solid #EDF1F1}
section.thanks .wrap{max-width:820px}
/* calm sign-up band on every page (matches home) */
.signband{background:#FBF6F0;color:#2B3D41;border-top:1px solid #ECEFEF}
.signband h2{color:#0B4F5C}.signband .founding-note,.signband .trialline{color:#4a5d62}
.signband .btn.ghost{color:#0B4F5C;border-color:#0B4F5C}
.inner .hero.calm{padding-bottom:28px}
@media(max-width:1000px){.igrid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
  .inner main section{padding:36px 0}
  .ih{font-size:1.45rem}.isub{font-size:1rem}
  .igrid,.igrid.three,.igrid.four{grid-template-columns:1fr;gap:10px;margin-top:16px}
  .igrid.compact{grid-template-columns:1fr 1fr;gap:8px}
  .igrid.compact .icard{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
  .igrid.compact.feat{grid-template-columns:1fr}
  .igrid.compact.feat .icard{flex-direction:row;align-items:center}
  .iic{flex-basis:32px;width:32px;height:32px;font-size:1rem;border-radius:10px}
  .icard{padding:12px 14px}
  .fqgrid,.wtop{grid-template-columns:1fr;gap:14px}
  .inote{font-size:1.1rem;padding:14px 16px;text-align:left}
  section.wform .form{padding:16px}
  .icards{grid-template-columns:1fr 1fr;gap:10px}.icards p{display:none}.icards .cardimg{margin-bottom:6px}.icards h3{font-size:.92rem}.icards span{font-size:.82rem}
}
section.wform .form{width:100%;min-width:0}section.wform .form>*{min-width:0}.form input,.form select{width:100%;min-width:0;max-width:100%}
/* who's behind 1017j */
.about{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;max-width:820px;margin:0 auto;background:#fff;border:1px solid #F1DFD2;border-radius:20px;padding:26px 30px}
.aboutimg{display:block;width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid #FFF1E8;box-shadow:0 0 0 1px #F1DFD2}
.about h2{font-size:1.45rem;margin:0 0 8px;text-align:left}.about p{margin:0;font-size:1.02rem;line-height:1.7}
@media(max-width:820px){.about{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding:22px 18px}.aboutimg{width:132px;height:132px}.about h2{text-align:center;font-size:1.25rem}.about p{font-size:.98rem;text-align:left}}
/* contact reply lines 1017k */
.ccards .csub{margin:10px 0 0!important;font-size:.92rem;line-height:1.5;color:#4a5d62}
.ccards .cphone .csub{color:#4a5d62}
.ccards .cmail{overflow-wrap:normal;word-break:normal;font-weight:600}

/* 1017l: normal-size checkboxes on forms (undo width:100% from the overflow fix) */
.form .cb{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;text-align:left;line-height:1.45;cursor:pointer}
.form .cb input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:20px;height:20px;min-width:20px;max-width:20px;flex:0 0 20px;padding:0;margin:2px 0 0;border-radius:4px;accent-color:#014864;cursor:pointer}
.form .cb>span,.form .cb{overflow-wrap:anywhere}

/* 1017l: "a real person listens" callouts */
.tile p.hrev{margin-top:8px}
.ihuman{max-width:760px;margin:18px auto 0}.ihuman .icard{border-color:#BFDCDC;background:#fff}
/* 1017l: no lone orphan tile in compact grids */
@media(min-width:1001px){.igrid.compact .icard:last-child:nth-child(4n+1){grid-column:1/-1;justify-self:center;width:calc((100% - 42px)/4)}}
@media(max-width:700px){.igrid.compact:not(.feat) .icard:last-child:nth-child(odd){grid-column:1/-1}}
/* 1017l: header phone button is always a true circle (no flex squish on iPhone) */
@media(max-width:820px){.hdr-tel{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}}
@media(min-width:821px){.hdr-tel{min-width:36px;min-height:36px}}
.hdr-tel{flex:0 0 auto;flex-shrink:0;aspect-ratio:1/1;padding:0;box-sizing:border-box;align-self:center;justify-content:center;line-height:1}
.hdr-tel .ph-ic{flex:0 0 auto;display:block}
/* 1017m: optional website field hint */
.form .fopt{font-weight:400;color:#5b6475}
.form .fhint{display:block;font-weight:400;font-size:.88rem;color:#5b6475;margin-top:4px;line-height:1.35}
/* 1017r: bigger header logo on phones; round call button moves into the menu under 431px */
.nav-tel{display:none}
@media(max-width:430px){
  .top .wrap.bar{padding:0 14px;gap:6px}
  .logo{flex:0 1 236px}.logo img{width:100%;height:auto}
  .hdr-tel{display:none}
  .hdr-cta{padding:7px 11px;font-size:.88rem;margin-left:auto;margin-right:8px}
  .burger{font-size:1.55rem}
}
@media(max-width:385px){.logo{flex-basis:220px}}
@media(max-width:365px){.logo{flex-basis:204px}.hdr-cta{padding:6px 10px;font-size:.85rem;margin-right:6px}}
@media(min-width:431px) and (max-width:820px){.logo img{height:48px}}
/* 1017s: floating call button on phones (replaces menu call link); hidden on waitlist form page */
.fab-call{display:none}
@media(max-width:430px){
  .fab-call{display:flex;align-items:center;justify-content:center;position:fixed;z-index:8;width:56px;height:56px;border-radius:50%;background:#E8392B;color:#fff;box-shadow:0 6px 18px rgba(6,47,56,.35);right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent}
  .fab-call .ph-ic{width:26px;height:26px;display:block}
  .fab-call:active{transform:scale(.94)}
  footer{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}
/* 1017t: FAB slides from bottom-right to just under the sticky header after ~200px scroll (JS sets --fab-y) */
@media(max-width:430px){
  .fab-call{transition:transform .3s ease;transform:translateY(0)}
  .fab-call.up{transform:translateY(var(--fab-y,0px))}
  .fab-call.up:active{transform:translateY(var(--fab-y,0px)) scale(.94)}
}
@media(max-width:430px) and (prefers-reduced-motion:reduce){.fab-call{transition:none}}
/* 1017u: hide FAB while the mobile menu is open */
@media(max-width:430px){
  .fab-call{transition:transform .3s ease,opacity .2s ease,visibility 0s linear 0s}
  body:has(#m:checked) .fab-call{opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s ease,opacity .2s ease,visibility 0s linear .2s}
}
@media(max-width:430px) and (prefers-reduced-motion:reduce){.fab-call,body:has(#m:checked) .fab-call{transition:none}}
/* 1017v: FAB becomes a wide coral pill bar; bottom space reserved; docks inside the sticky header (header grows) when scrolled */
@media(max-width:430px){
  .fab-call{z-index:10;left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));width:auto;height:56px;border-radius:999px;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:.2px;text-decoration:none;box-shadow:0 6px 18px rgba(6,47,56,.3)}
  .fab-call .ph-ic{width:22px;height:22px}
  .fab-call span{color:#fff}
  .fab-call.up,.fabup .fab-call{transform:translateY(var(--fab-y,0px))}
  .fab-call:active{transform:scale(.98)}.fabup .fab-call:active{transform:translateY(var(--fab-y,0px)) scale(.98)}
  body:has(.fab-call) footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .fabup header.top{padding-bottom:68px}
}
/* 1017y: pricing "DIY app vs. our team" two-column table */
.diycmp{max-width:820px;margin:0 auto}
.diycmp .isub{text-align:center}
.tbl.two table{width:100%;table-layout:fixed}
.tbl.two th,.tbl.two td{width:50%;vertical-align:top}
.tbl.two th:nth-child(1),.tbl.two td:nth-child(1),.tbl.two th:nth-child(2),.tbl.two td:nth-child(2){width:50%}
.tbl.two th{font-size:1rem}
@media(max-width:600px){.tbl.two th{font-size:.86rem;padding:9px 8px}.tbl.two td{font-size:.9rem;padding:9px 8px}}
.diyline{text-align:center;font-weight:700;font-size:1.15rem;color:#0B4F5C;margin:18px 0 0}
/* 1017z: "The honest truth about AI receptionists" (home + how-it-works) and founder quote */
.honest{max-width:1000px;margin:0 auto}
.honest .isub{max-width:760px}
.igrid.hsteps .icard{align-items:flex-start}
.igrid.hsteps .icard h3{color:#0B4F5C;font-weight:700;font-size:1.05rem;margin-bottom:4px}
.honclose{max-width:760px;margin:22px auto 0;text-align:center;font-weight:600;font-size:1.08rem;line-height:1.6;color:#14272B}
.aboutq{margin:16px 0 0;padding:12px 16px;border-left:4px solid #E0483A;background:#FFF8F3;border-radius:0 12px 12px 0;text-align:left}
.aboutq p{margin:0;font-style:italic;font-size:1rem;line-height:1.6}
.aboutq cite{display:block;margin-top:6px;font-style:normal;font-weight:700;color:#0B4F5C}
.aboutq cite::before{content:"— "}
@media(max-width:820px){.honclose{font-size:1rem;margin-top:16px}.aboutq{margin-top:12px}}
/* 1018a: founding option on each plan card (discount applied automatically at checkout) */
.fbox{margin:14px 0 0;padding:12px 14px;border:2px dashed #E8A87C;border-radius:14px;background:#FFF8F2;text-align:center}
.fbox .ftitle{margin:0 0 4px;font-weight:700;color:#0B4F5C;font-size:1rem}
.fbox .ftitle span{font-weight:500;color:#5B6B6E;font-size:.9rem}
.fbox .fprice{margin:0 0 10px;font-size:.95rem;line-height:1.4;color:#14272B}
.fbox .fprice s{color:#8A9799}
.fbox .fprice b{font-size:1.25rem;color:#B42318}
.fbox .fbuy{display:block;width:100%;box-sizing:border-box;background:#fff;color:#B42318;border:2px solid #E8392B;box-shadow:none}
.fbox .fbuy:hover{background:#FFF1E8}
.fbox .fnote{margin:8px 0 0;color:#4a5d62;font-size:.82rem;line-height:1.4}
/* calm v2 (1020): fewer words, more air */
section{padding:64px 0}
@media(max-width:600px){section{padding:40px 0}}
.c2more{max-width:860px;margin:22px auto 0;background:#fff;border:1px solid #E2EAEA;border-radius:14px}
.c2more>summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:600;color:#0B4F5C;display:flex;justify-content:space-between}
.c2more .dmore-in1{padding:0 18px 18px}
.c2note{text-align:center;color:#0B4F5C;margin:22px 0}
.c2price{text-align:center;max-width:620px;margin:auto}.c2price h2{margin:0 0 8px}.c2price p{margin:0 0 20px}
.c2found{max-width:860px;margin:0 auto 26px;background:#FFF4EC;border:1px solid #FFD9C2;border-radius:14px;padding:12px 18px;text-align:center;font-size:.95rem}
.pmore{margin:2px 0 10px}.pmore>summary{cursor:pointer;color:#0B4F5C;font-weight:600;font-size:.9rem;padding:4px 0}
.fprice2{margin:12px 0 0;text-align:center;line-height:1.5}
.buy-note a{color:inherit}
.bandlink{color:inherit;opacity:.9}
.c2bill{scroll-margin-top:90px}
.c2steps .icard,.c2why .icard{text-align:left}
.hdemo2 .dlist{max-width:760px;margin:18px auto 0}
.bcards{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:860px;margin:18px auto}
.bcards .icard{background:#fff}
.bsteps{list-style:none;padding:0;max-width:760px;margin:18px auto;display:grid;gap:12px}
.bsteps li{background:#fff;border:1px solid #E2EAEA;border-radius:14px;padding:14px 18px}
.bsteps li>details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-weight:600;color:#14272B}
.bsteps li>details>summary:after{content:"+";color:#0B4F5C;font-weight:700}.bsteps li>details[open]>summary:after{content:"−"}
.bsteps li>details>summary::-webkit-details-marker{display:none}
.bsteps li p{margin:10px 0 0}
@media(max-width:700px){.bcards{grid-template-columns:1fr}}
.bsteps li{border:0;padding:0;background:none}.bsteps li>details{margin:0;background:#fff;border:1px solid #E2EAEA;border-radius:14px;padding:14px 18px}
.hm .indchips{display:flex;justify-content:center}
.tbl.cmp3{overflow-x:visible}.tbl.cmp3 table{table-layout:fixed;width:100%}
.tbl.cmp3 th,.tbl.cmp3 td{hyphens:none;word-break:normal;overflow-wrap:normal;vertical-align:middle;padding:9px 8px}
.tbl.cmp3 th:nth-child(1),.tbl.cmp3 td:nth-child(1){width:36%;font-weight:600}
.tbl.cmp3 th:nth-child(2),.tbl.cmp3 td:nth-child(2){width:32%}
.tbl.cmp3 th:nth-child(3),.tbl.cmp3 td:nth-child(3){width:32%}
@media(max-width:600px){.tbl.cmp3 th,.tbl.cmp3 td{font-size:.82rem;padding:8px 5px}.tbl.cmp3 th{font-size:.8rem}}
.secure{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font-size:.82rem;color:#4a5d62;margin:18px auto 6px;text-align:center}
.secure .lk{color:#0B4F5C}.secure .cards{display:inline-flex;gap:5px}
.cm{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 5px;border:1px solid #D5E0E1;border-radius:4px;background:#fff;font:700 .58rem/1 Poppins,sans-serif;letter-spacing:.02em}
.cm.visa{color:#1A1F71;font-style:italic;font-size:.66rem}.cm.amex{color:#fff;background:#2E77BC;border-color:#2E77BC}.cm.disc{color:#14272B}
.cm.mc{gap:0;padding:0 4px}.cm.mc i{width:10px;height:10px;border-radius:50%;background:#EB001B;display:block}.cm.mc i+i{background:#F79E1B;margin-left:-4px;opacity:.9}
.promise2{max-width:860px;margin:auto;text-align:center}.promise2 h2{margin:0 0 14px}.promise2 .icard{text-align:left;background:#fff}
.floc{font-weight:600;color:#fff}.bask{margin:8px 0 0}
.inote>div{min-width:0;flex:1}.inote a{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:600px){.inote{flex-direction:column;align-items:flex-start;gap:6px}}
/* conversion 1022 */
.nocard{margin:14px auto 4px;text-align:center}.nocard a{font-weight:700;color:#0B4F5C;text-decoration:underline}.nocard .small{display:block;color:#4a5b5f}
.trust{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center;max-width:820px;margin:20px auto;padding:16px 18px;background:#F2F8F8;border:1px solid #DCEAEA;border-radius:14px;text-align:left}
.trust .tq{margin:0;font-style:italic}.trust .tq p{margin:0 0 6px}.trust cite{font-style:normal;font-weight:700;font-size:.9rem}
.trust .tlist{list-style:none;margin:0;padding:0;font-size:.92rem}.trust .tlist li{margin:4px 0;overflow-wrap:anywhere}
.dnote{max-width:640px;margin:14px auto 6px}
.rec{margin:6px 0 0;font-weight:700;color:#B34A12;font-size:.92rem}
.payalt{margin:8px 0 0;font-size:.9rem}.payalt summary{cursor:pointer;color:#0B4F5C;font-weight:600}.payalt .buy-alt,.payalt .fprice2{margin:6px 0}
@media(max-width:820px){.trust{grid-template-columns:1fr}.pcalm .plan.pop{order:-1;box-shadow:0 0 0 3px #FFB38A,0 8px 26px #FFB38A60}}
/* 1022b */
.topline{background:#0B4F5C;color:#fff;padding:14px 0}.topline .tl1{font-weight:700;text-align:center;margin:0 0 10px;font-size:1.08rem}
.tl3{list-style:none;margin:0 auto;padding:0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:900px}
.tl3 li{background:#ffffff1a;border-radius:999px;padding:6px 14px 6px 6px;font-size:.93rem;display:flex;align-items:center;gap:8px}
.tl3 span{background:#FFB38A;color:#14272B;border-radius:50%;width:24px;height:24px;display:inline-grid;place-items:center;font-weight:700;font-size:.85rem}
.setupv{margin:8px 0 0;color:#4a5b5f}
.payex{max-width:720px;margin:26px auto;padding:16px;background:#fff;border:1px solid #DCEAEA;border-radius:14px}.payex h2{text-align:center;margin-top:0}
.payex table{width:100%;border-collapse:collapse;table-layout:fixed}.payex th,.payex td{padding:10px 8px;border-top:1px solid #eef2f3;text-align:center;vertical-align:top}
.payex thead th{background:#F2F8F8;font-size:.92rem}.payex tbody th{text-align:left;font-size:.92rem}.payex td span{font-size:.8rem;color:#4a5b5f}
@media(max-width:600px){.tl3{flex-direction:column;align-items:stretch}.payex{padding:12px 8px}.payex th,.payex td{padding:8px 4px;font-size:.88rem}.payex tbody th{width:28%}}
.topline,.topline p,.topline li,.topline .tl1{color:#fff!important}
/* quickstart 1023 */
.qs{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;background:#fff;border:2px dashed #9CC9CF;border-radius:18px;padding:22px;margin:0 0 22px}
.qs h3{margin:6px 0 0;font-size:1.35rem}.qs .price{font-size:2.2rem;line-height:1.1;margin:4px 0}.qs .price span{font-size:.9rem;color:#5a6478}
.qs-tag{display:inline-block;background:#E6F4F5;color:#0B4F5C;border-radius:99px;font-size:.75rem;padding:2px 10px;font-weight:600}
.qs-sub{font-weight:600}.qs .btn.buy{display:block;text-align:center;margin:8px 0 4px}.qs-h{margin:8px 0 14px}
@media(max-width:760px){.qs{grid-template-columns:1fr}}
/* quickstart v2 1023 */
.trialpill{display:inline-block;background:#FFF1E8;color:#9A3412;border-radius:99px;font-size:.78rem;font-weight:600;padding:2px 10px;margin:4px 0}
.launchline{color:#0B4F5C;margin:6px 0 16px}
.cmp5wrap{margin:28px 0}.cmp5{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E2EAEA;border-radius:14px;background:#fff}
.cmp5 table{border-collapse:collapse;width:100%;min-width:720px;font-size:.9rem}
.cmp5 th,.cmp5 td{padding:10px 8px;border-bottom:1px solid #EEF2F2;text-align:center}
.cmp5 tbody th{text-align:left;font-weight:600;position:sticky;left:0;background:#fff;min-width:130px}
.cmp5 thead th{background:#F1F7F7;color:#0B4F5C}.cmp5 thead th:first-child{position:sticky;left:0}
.m-only{display:none}@media(max-width:760px){.m-only{display:block;text-align:center}}
.nodash{font-size:.85rem;font-weight:600;color:#0B4F5C;margin:6px 0}

/* 1023b: footer + contact call card */
.ftel-w{display:inline-block;margin-top:6px}
.ftel{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.ftel .ph-ic{width:16px;height:16px}
.ccall{max-width:560px;margin:0 auto 22px;text-align:center;background:#FFF4EE;border:1px solid #F6C9B8;border-radius:16px;padding:18px 20px}
.ccall h3{margin:0 0 6px}.ccall p{margin:4px 0}

/* 1023c: ARD-style floating call bubble + mobile header (logo row alone, Sign up below) */
.fab-call{display:none!important}
.lfab{position:fixed;z-index:20;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;gap:10px;transition:top .35s ease,bottom .35s ease}
.lfab-b{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border-radius:14px;background:#E8392B;color:#fff!important;text-decoration:none;font-weight:700;font-size:1rem;box-shadow:0 4px 14px rgba(0,0,0,.28);white-space:nowrap;transition:width .3s ease,padding .3s ease}
.lfab-sms{background:#0B4F5C}.lfab-b[hidden]{display:none}
.lfab-b .ph-ic{width:22px;height:22px;flex:0 0 auto}
.lfab.up{bottom:auto;top:var(--lfab-top,80px);flex-direction:column}
.lfab.up .lfab-b{height:44px;font-size:.92rem;padding:0 14px 0 12px}
.lfab-n{display:none}
@media(max-width:360px){.lfab-x{display:none}.lfab-n{display:inline}}
body:has(#m:checked) .lfab{display:none}
@media(max-width:820px){
 header.top .bar{flex-wrap:wrap;row-gap:6px;padding-top:8px;padding-bottom:10px}
 header.top .logo{order:0;flex:1 1 0;min-width:0;display:flex;justify-content:center}
 header.top .logo img{width:100%!important;max-width:340px;height:auto!important;max-height:none!important}
 header.top .burger{order:1;flex:0 0 auto;font-size:1.4rem;margin-left:4px}
 header.top .hdr-cta{order:2;flex:0 0 100%;margin:0!important;text-align:center;justify-content:center;padding:9px 12px;font-size:.95rem}
}
body:has(form :focus) .lfab{display:none}
/* 1023d: desktop two-tier header with big logo */
@media(min-width:821px){
 header.top .bar{flex-wrap:wrap;align-items:center;row-gap:4px;padding-top:10px;padding-bottom:6px}
 header.top .logo{order:0;flex:0 0 auto}
 header.top .logo img{height:96px!important;width:auto!important;max-height:none!important;max-width:none!important}
 header.top .hdr-cta{order:1;margin:0 0 0 auto!important;font-size:1.05rem;padding:11px 22px}
 header.top nav{order:2;flex:0 0 100%;justify-content:center;flex-wrap:wrap;column-gap:26px;border-top:1px solid #E6EEEF;padding-top:8px;margin:0}
 header.top nav a{margin:0!important}
}
/* 1023e: mobile Sign up compact, right-aligned, own row under logo */
@media(max-width:820px){header.top .hdr-cta{order:2;flex:0 0 auto;margin:0 0 0 auto!important;padding:6px 14px;font-size:.88rem;width:auto}header.top .bar::after{content:none}}
@media(max-width:820px){header.top .logo{flex:1 0 calc(100% - 48px)}}

/* 1026L: new hand-drawn two-line logo (aspect ~3.67). Keep it big. */
@media(min-width:821px){header.top .logo img{height:116px!important}}
@media(max-width:820px){header.top .logo img{max-width:360px}}
/* 1026M: mobile menu button = visible teal pill on row 2, opposite Sign up */
@media(max-width:820px){
 header.top{position:sticky}
 header.top .logo{flex:0 0 100%}
 header.top .burger{order:2;display:inline-flex!important;align-items:center;gap:8px;height:44px;box-sizing:border-box;padding:0 16px;margin:0!important;border:2px solid #0B4F5C;border-radius:12px;color:#0B4F5C;background:#fff;font-size:1.25rem!important;line-height:1;font-weight:700;-webkit-user-select:none;user-select:none}
 header.top .burger::after{content:"Menu";font-size:.95rem;font-weight:700}
 header.top #m:checked~.burger{background:#0B4F5C;color:#fff}
 header.top .hdr-cta{order:3;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 18px!important;font-size:.95rem!important}
 header.top nav{top:100%}
}
/* 1026P mobile menu: dropdown is its own scroll panel (no body lock, no JS) */
@media(max-width:820px){
 header.top #m:checked~nav{max-height:calc(100vh - 250px);max-height:calc(100svh - 250px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-wrap:nowrap;justify-content:flex-start;box-sizing:border-box;padding-bottom:16px;box-shadow:0 8px 16px rgba(0,0,0,.08)}
 header.top #m:checked~nav a{min-height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:4px 12px;box-sizing:border-box}
}
/* 1026Q mobile menu: panel fills to screen bottom using measured header bottom (--hdr), tighter items. No scroll lock. */
@media(max-width:820px){
 header.top #m:checked~nav{max-height:calc(100vh - var(--hdr,250px));max-height:calc(100svh - var(--hdr,250px));gap:0;row-gap:0;padding-top:4px;padding-bottom:8px}
 header.top #m:checked~nav a{min-height:46px;padding:0 16px}
 header.top #m:checked~nav a:not(.on){border-bottom-width:1px;border-bottom-color:#eef2f3}
}


/* texting 1026W */
.ftxt small{display:block;font-size:.8em;opacity:.85;margin-top:2px}.textalt{margin:0 0 14px}
/* text bubble 1026X: side by side with call bubble, same pill, moves/hides together */
.lfab,.lfab.up{flex-direction:row;align-items:center;gap:8px;transition:top .35s ease,bottom .35s ease,opacity .25s ease}
.lfab-sms{background:#fff;color:#0B4F5C!important;border:2px solid #0B4F5C}
.lfab.nearfoot{opacity:0;pointer-events:none}
@media(max-width:480px){.lfab-x{display:none}.lfab-n{display:inline}.lfab-b{height:48px;padding:0 14px 0 12px;font-size:.95rem}.lfab.up .lfab-b{height:42px;font-size:.88rem;padding:0 12px 0 10px}}
@media(max-width:360px){.lfab-n{display:none}.lfab-call .lfab-t::after{content:"Call"}}

/* 1026Y: solid teal Text Us bubble so it pops on any background */
.lfab-sms{background:#0B4F5C!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 14px rgba(0,0,0,.28),0 0 0 1px rgba(11,79,92,.35)!important}
.lfab-sms span,.lfab-sms .ph-ic{color:#fff!important;fill:currentColor}

/* 1027D: conversion — mobile plan toggle, FAB CTA gutter, scroll-margin quickstart */
#quickstart{scroll-margin-top:110px}
#plans{scroll-margin-top:100px}
.nocard-text{text-align:center;margin:10px 0 4px}
.nocard-text a{font-weight:700;color:#0B4F5C;text-decoration:underline}
.see-all-wrap{display:none;text-align:center;margin:8px 0 18px}
.see-all-plans{appearance:none;background:#fff;border:2px solid #0B4F5C;color:#0B4F5C;font-weight:700;font-size:1rem;padding:12px 22px;border-radius:999px;cursor:pointer;width:100%;max-width:320px}
.see-all-plans:active{transform:scale(.98)}
@media(max-width:768px){
  .see-all-wrap{display:block}
  .plans:not(.show-all) .plan:not(.pop){display:none}
  .plans.show-all .plan:not(.pop){display:block}
  .ptop .wrap,.qs,.plans{padding-bottom:12px}
  body:has(#lfab) .ptop{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  body:has(#lfab) .secure{padding-bottom:8px;margin-bottom:8px}
  .lfab.cta-cover{opacity:0;pointer-events:none;visibility:hidden}
}
@media(min-width:769px){
  .see-all-wrap{display:none!important}
  .plans .plan{display:block}
}

/* designer logo 1027D: white wordmark on teal footer (no white chip) */
footer .fchip{background:transparent;padding:0}
footer .fchip img{height:44px;width:auto}
@media(max-width:820px){footer .fchip img{height:36px}}

/* 1027C: conversion — mobile plan toggle, FAB CTA gutter, scroll-margin quickstart */
#quickstart{scroll-margin-top:110px}
#plans{scroll-margin-top:100px}
.nocard-text{text-align:center;margin:10px 0 4px}
.nocard-text a{font-weight:700;color:#0B4F5C;text-decoration:underline}
.see-all-wrap{display:none;text-align:center;margin:8px 0 18px}
.see-all-plans{appearance:none;background:#fff;border:2px solid #0B4F5C;color:#0B4F5C;font-weight:700;font-size:1rem;padding:12px 22px;border-radius:999px;cursor:pointer;width:100%;max-width:320px}
.see-all-plans:active{transform:scale(.98)}
@media(max-width:768px){
  .see-all-wrap{display:block}
  .plans:not(.show-all) .plan:not(.pop){display:none}
  .plans.show-all .plan:not(.pop){display:block}
  .ptop .wrap,.qs,.plans{padding-bottom:12px}
  body:has(#lfab) .ptop{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  body:has(#lfab) .secure{padding-bottom:8px;margin-bottom:8px}
  .lfab.cta-cover{opacity:0;pointer-events:none;visibility:hidden}
}
@media(min-width:769px){
  .see-all-wrap{display:none!important}
  .plans .plan{display:block}
}

/* 1101C: basedin contrast + larger desktop hdr-call pill */
/* Dark heroes: light text (overrides .small gray). Calm heroes: dark teal, no shadow. */
.hero:not(.calm) .basedin{color:#EAF6F7;opacity:1;font-weight:600}
.hero.calm .basedin{color:#0B4F5C;text-shadow:none;opacity:1;font-weight:600}
@media(min-width:821px){
  .hero:not(.calm) .basedin{text-shadow:0 1px 2px #0005}
}
/* Header call pill */
.hdr-call{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#0B4F5C;color:#fff!important;text-decoration:none;white-space:nowrap;line-height:1.15;flex:0 0 auto;margin:0 8px;box-sizing:border-box}
.hdr-call:hover{background:#08414b;text-decoration:none;color:#fff!important}
.hdr-call .ph-ic{width:16px;height:16px;flex:0 0 auto}
.hdr-call .hc-t{display:flex;flex-direction:column}
.hdr-call .hc-l{font-size:.68rem;font-weight:600;opacity:.9}
.hdr-call .hc-n{font-size:.88rem;font-weight:800}
.hdr-call .hc-s{display:none;font-weight:700;font-size:.9rem}
/* Desktop: ~30% larger to roughly match Sign up height */
@media(min-width:821px){
  header.top .hdr-call{order:1;margin:0 12px 0 auto;gap:10px;padding:9px 18px;min-height:50px}
  header.top .hdr-call .ph-ic{width:22px;height:22px}
  header.top .hdr-call .hc-l{font-size:15px;font-weight:600;opacity:.95;letter-spacing:.01em}
  header.top .hdr-call .hc-n{font-size:20px;font-weight:800;letter-spacing:.01em}
  header.top .hdr-cta{order:1}
}
/* Mid desktop: keep full pill but slightly tighter so it fits beside big logo */
@media(min-width:821px) and (max-width:1100px){
  header.top .hdr-call{gap:8px;padding:8px 14px;min-height:46px}
  header.top .hdr-call .ph-ic{width:20px;height:20px}
  header.top .hdr-call .hc-l{font-size:13px}
  header.top .hdr-call .hc-n{font-size:17px}
}
@media(max-width:820px){
  .hdr-call{padding:8px 14px;margin:0 8px 0 auto;min-height:44px}
  .hdr-call .hc-t{display:none}
  .hdr-call .hc-s{display:inline;font-size:.95rem}
  header.top .hdr-call{order:1;display:inline-flex;align-items:center;box-sizing:border-box}
}

/* 1102B: conversion CTAs (placeholders hidden) — hero demo/signup, trust strip, short form, track */
.conv-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 8px}
.conv-hero-ctas .btn{font-size:1.05rem;padding:14px 22px}
.conv-hero-ctas .btn.ghost{background:#fff;color:#0B4F5C;border:2px solid #0B4F5C;box-shadow:none}
.conv-hero-ctas .conv-demo{box-shadow:0 8px 22px #E8392B55}
.conv-founding{margin:6px 0 0;font-weight:600;color:#0B4F5C}
.conv-founding .conv-spots:empty{display:none}
.hero.calm .conv-founding{color:#0B4F5C}
@media(max-width:820px){
  .conv-hero-ctas{justify-content:center;flex-direction:column;align-items:stretch}
  .conv-hero-ctas .btn{text-align:center;width:100%}
}
.conv-trust{background:#F4FAFA;padding:42px 0;border-top:1px solid #D5E6E8;border-bottom:1px solid #D5E6E8}
.conv-trust h2{margin:0 0 8px;color:#0B4F5C;text-align:center}
.placeholder-note{text-align:center;color:#8A5A00;background:#FFF6E0;border:1px dashed #E0B34D;padding:8px 12px;border-radius:8px;max-width:720px;margin:0 auto 18px;font-weight:600}
.conv-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px}
@media(max-width:820px){.conv-reviews{grid-template-columns:1fr}}
.conv-rev{background:#fff;border:1px dashed #B7D0D4;border-radius:14px;padding:16px 18px;margin:0}
.conv-rev.placeholder{opacity:.92}
.conv-rev blockquote{margin:0 0 10px;font-size:1rem;color:#2B3D41;line-height:1.45}
.conv-rev figcaption{font-size:.9rem;color:#5A7176}
.conv-rev .ph-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8A5A00;background:#FFF6E0;border-radius:999px;padding:3px 8px;margin-bottom:8px}
.conv-video{max-width:720px;margin:0 auto;text-align:center}
.conv-video-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#0B4F5C,#137A85);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;border:2px dashed #FFB38A;padding:20px}
.conv-video.placeholder .conv-video-frame{opacity:.95}
.conv-signup-sec{padding:48px 0;background:#FAFAF8}
.conv-signup-sec h2{margin:0 0 8px;color:#0B4F5C;text-align:center}
.conv-signup-sec .bl{text-align:center;max-width:640px;margin:0 auto 12px}
.conv-signup-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:start;max-width:920px;margin:22px auto 0}
@media(max-width:820px){.conv-signup-grid{grid-template-columns:1fr}}
.conv-checkout-card,.conv-form-card{background:#fff;border:1px solid #D5E6E8;border-radius:16px;padding:22px}
.conv-checkout-card{text-align:center}
.conv-checkout-card .price-line{font-size:1.6rem;font-weight:900;color:#0B4F5C;margin:0 0 6px}
.conv-checkout-card .btn{width:100%;max-width:320px;margin:12px 0;box-sizing:border-box}
.conv-form label{display:block;margin:0 0 12px;font-weight:600;font-size:.92rem;color:#2B3D41}
.conv-form input,.conv-form select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #B7D0D4;border-radius:10px;font:inherit;box-sizing:border-box}
.conv-form .btn{width:100%;margin-top:6px}
.conv-form .cb{font-weight:500;font-size:.88rem}
.signband .btn.conv-qs{font-size:1.05rem;padding:14px 24px}
.idemo .dnum[data-track]{outline-offset:2px}