@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0A0A0A;--bg2:#0d0d0d;--card:#0f0f0f;--line:#1f1f1f;--line2:#2a2a2a;--tx:#fff;--mut:#9a9a9a;--dim:#6f6f6f;--acc:#2EA3F2;--accs:#7fd1ff}
html{background:var(--bg)}
body{background:var(--bg);color:var(--tx);font-family:'Inter',sans-serif;width:1440px;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
a{color:inherit;text-decoration:none}
.btn{display:inline-block;background:var(--acc);color:#0A0A0A;font-weight:700;border-radius:9px;padding:12px 20px;font-size:14px}
.btn.ghost{background:transparent;color:#fff;border:1px solid var(--line2);font-weight:600}
.ey{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:600}
h2.sec{font-size:40px;font-weight:700;letter-spacing:-.025em;line-height:1.08}
.lead{font-size:17px;color:var(--mut);line-height:1.55;margin-top:14px}
section{padding:92px 0;border-top:1px solid #141414}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto;max-width:640px}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.82);backdrop-filter:blur(10px);border-bottom:1px solid #161616}
.nav .wrap{display:flex;align-items:center;height:68px;gap:30px}
.nav .links{display:flex;gap:4px;margin-left:10px;font-size:14px}
.nav .links a{color:#cfcfcf;padding:7px 11px;border-radius:7px;transition:background .12s,color .12s}
.nav .links a:hover{color:#fff;background:#141414}
.nav .links a.active{color:#fff;font-weight:600;background:rgba(46,163,242,.14)}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:18px}
.signin{position:relative}
.signin .si{font-size:14px;color:#cfcfcf;cursor:pointer}
.signin:hover .si{color:#fff}
.ddm{position:absolute;top:150%;right:0;background:#111;border:1px solid #242424;border-radius:11px;padding:7px;min-width:210px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.14s;z-index:60;box-shadow:0 24px 48px rgba(0,0,0,.55)}
.signin:hover .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:block;padding:9px 11px;border-radius:8px}
.ddm a:hover{background:#161616}
.ddm a b{display:block;color:#fff;font-size:13.5px;font-weight:600}
.ddm a span{display:block;color:#8a8a8a;font-size:11.5px;margin-top:1px}
.wm{height:22px;width:80px}
/* hero */
.hero{padding:70px 0 60px;border-top:none;text-align:center}
.hero h1{font-size:64px;font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-top:18px}
.hero .lead{font-size:19px;max-width:660px;margin:20px auto 0}
.hero .ctas{display:flex;gap:14px;justify-content:center;margin-top:30px}
.canvas{margin:54px auto 0;max-width:1000px;border:1px solid var(--line2);border-radius:16px;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.6);background:#0d0d0d}
.bar{height:42px;display:flex;align-items:center;gap:9px;padding:0 18px;background:#161616;border-bottom:1px solid #242424}
.bar .d{width:11px;height:11px;border-radius:50%;background:#3a3a3a}
.bar .u{margin:0 auto;font-size:13px;color:#8a8a8a;font-weight:500}
.canvas img{display:block;width:100%}
/* proof bar */
.proof{padding:34px 0;border-top:1px solid #141414;border-bottom:1px solid #141414;background:var(--bg2)}
.proof .wrap{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--mut);font-size:15px}
.proof b{color:#fff;font-weight:600}
.proof .n{color:var(--acc);font-weight:700}
/* gap cards */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.gcard{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:28px}
.gcard .t{font-size:19px;font-weight:600;margin-bottom:9px}
.gcard .x{color:var(--mut);font-size:14.5px;line-height:1.5}
.gcard .tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#E0653E;font-weight:600;margin-bottom:13px}
/* two sides */
.sides{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}
.side{border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--card)}
.side.dark{background:#0c0c0c}
.side .h{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:14px}
.side .ttl{font-size:24px;font-weight:700;letter-spacing:-.02em}
.side .x{color:var(--mut);font-size:15px;line-height:1.55;margin-top:10px}
/* feature rows */
.frow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:60px}
.frow.rev .ftext{order:2}
.ftext .k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-weight:600}
.ftext h3{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:12px}
.ftext p{color:var(--mut);font-size:16px;line-height:1.6;margin-top:12px}
.fshot{border:1px solid var(--line2);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);background:#0d0d0d}
.fshot img{display:block;width:100%}
/* dept grid */
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.dept{border:1px solid var(--line);border-radius:13px;background:var(--card);padding:22px}
.dept .dh{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.dept .dot{width:8px;height:8px;border-radius:2px;background:var(--acc)}
.dept .dt{font-size:17px;font-weight:600}
.dept .dn{margin-left:auto;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:600}
.dept .dl{font-size:14px;color:#e6e6e6;line-height:1.4}
.dept .dl b{color:var(--accs);font-weight:600}
.dept .caps{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.dept .cap{font-size:12px;color:#c4c4c4;background:#161616;border:1px solid #242424;border-radius:6px;padding:4px 9px}
/* white-label */
.bps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.bp{border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:#0e0e0e;box-shadow:0 20px 44px rgba(0,0,0,.5)}
.bp .bb{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#161616;border-bottom:1px solid #232323}
.bp .bb .d{width:7px;height:7px;border-radius:50%;background:#3a3a3a}
.bp .bb .u{margin-left:6px;font-size:11px;color:#8a8a8a;font-weight:500}
.bp .pt{height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #1d1d1d}
.bp .mk{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}
.bp .bn{font-size:14px;font-weight:700}
.bp .pb{padding:16px 14px;display:flex;flex-direction:column;gap:9px}
.bp .ln{height:7px;border-radius:3px;background:#1e1e1e}
.bp .pill{height:22px;width:88px;border-radius:6px;margin-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:30px}
.chip{font-size:13px;color:#cfcfcf;border:1px solid #242424;background:#151515;border-radius:20px;padding:6px 14px}
/* integrations */
.ilogos{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:44px}
.ilogo{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--card);border-radius:11px;padding:14px 20px;font-size:15px;font-weight:600}
.ilogo .m{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}
.lgi{width:22px;height:22px;display:block}
.ibuild{text-align:center;margin-top:26px;color:var(--mut);font-size:15px}
.ibuild b{color:var(--accs);font-weight:600}
/* cost table */
.ctable{margin-top:46px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ctrow{display:grid;grid-template-columns:1fr 280px;border-top:1px solid var(--line)}
.ctrow:first-child{border-top:none}
.ctrow .l{padding:20px 26px}
.ctrow .l .t{font-size:16px;font-weight:600}
.ctrow .l .x{font-size:13.5px;color:var(--mut);margin-top:3px}
.ctrow .l .c{font-size:16px;font-weight:700;color:#fff;margin-top:7px}
.ctrow .r{padding:20px 26px;background:#0c1620;border-left:1px solid var(--line);display:flex;align-items:center;color:var(--accs);font-weight:600;font-size:15px}
.ctrow.head .l,.ctrow.head .r{background:#111;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600;padding:14px 26px}
.ctrow.total .l{background:#101010}.ctrow.total .r{background:#0e2233}
.ctrow.total .l .c{font-size:22px}.ctrow.total .r{font-size:24px;font-weight:800;color:#fff}
.cpunch{text-align:center;font-size:18px;margin-top:26px;font-weight:500}
.cdisc{text-align:center;font-size:12.5px;color:var(--dim);margin-top:10px}
/* pricing preview */
.pcard{max-width:440px;margin:46px auto 0;border:1px solid #1d3a4d;border-radius:18px;background:linear-gradient(180deg,#0d1922,#0c0c0c 70%);padding:34px}
.pcard .tn{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--accs);font-weight:600}
.pcard .pr{display:flex;align-items:baseline;gap:8px;margin:12px 0 2px}
.pcard .pr .p{font-size:46px;font-weight:800;letter-spacing:-.03em}
.pcard .pr .per{color:var(--mut);font-size:15px}
.pcard .setup{font-size:12.5px;color:var(--accs);margin-bottom:14px}
.pcard ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:14px 0 0}
.pcard li{font-size:14px;color:#d4d4d4;display:flex;gap:9px}
.pcard li .ck{color:var(--acc);font-weight:700}
/* founder */
.fq{display:grid;grid-template-columns:160px 1fr;gap:34px;align-items:center;margin-top:10px}
.fphoto{width:160px;height:160px;border-radius:18px;background:#15181c;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:700;color:#2a3a46;position:relative}
.fphoto .tagp{position:absolute;bottom:8px;font-size:9px;color:#4a5a66;letter-spacing:.05em}
.fq .q{font-size:24px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
.fq .who{margin-top:16px;color:var(--mut);font-size:14px}
.fq .who b{color:#fff;font-weight:600}
/* final cta */
.final{text-align:center;background:var(--bg2)}
.final h2{font-size:42px;font-weight:800;letter-spacing:-.03em;max-width:780px;margin:0 auto;line-height:1.1}
.final .ctas{margin-top:28px}
.final .reach{margin-top:20px;color:var(--mut);font-size:14px}
.final .reach b{color:var(--dim);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.08em;margin-right:6px}
/* footer */
footer{border-top:1px solid #161616;padding:54px 0 40px;color:var(--mut);font-size:14px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer .ft{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:14px}
footer a{display:block;color:var(--mut);margin-bottom:9px}
footer a:hover{color:#fff}
footer .base{margin-top:38px;padding-top:22px;border-top:1px solid #161616;display:flex;justify-content:space-between;font-size:12.5px;color:var(--dim)}
.mockbadge{position:fixed;top:10px;right:10px;background:#2EA3F2;color:#001;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.05em;z-index:99}

.phero{padding:58px 0 36px;border-top:none;text-align:center}
.phero h1{font-size:56px;font-weight:800;letter-spacing:-.035em;line-height:1.03;margin-top:16px}
.phero .lead{max-width:680px;margin:18px auto 0}
.phero .ctas{display:flex;gap:14px;justify-content:center;margin-top:28px}
.ctaband{text-align:center}
.mini{padding:16px;font-size:12px;color:#cfcfcf}
.mtitle{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7c7c7c;font-weight:600;margin-bottom:12px}
.ktiles{display:flex;gap:10px;margin-bottom:14px}
.ktile{flex:1;border:1px solid #232323;border-radius:9px;padding:10px 12px;background:#0c0c0c}
.ktile .kv{font-size:20px;font-weight:700;color:#fff}.ktile .kv.b{color:#7fd1ff}
.ktile .kl{font-size:10.5px;color:#8a8a8a;margin-top:2px}
.mlist{display:flex;flex-direction:column;gap:8px}
.mrow{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 10px;background:#0c0c0c;border:1px solid #1d1d1d;border-radius:8px}
.mrow .mr{margin-left:auto;color:#7c7c7c;font-size:11px}
.dotb{width:6px;height:6px;border-radius:50%;background:#2EA3F2;flex:none}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kcol{background:#0c0c0c;border:1px solid #1d1d1d;border-radius:8px;padding:8px;min-height:128px}
.kh{font-size:10px;color:#8a8a8a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.kcard{height:24px;background:#181818;border:1px solid #242424;border-radius:5px;margin-bottom:6px}
.kcard.a{border-left:2px solid #2EA3F2}
.prow{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #1a1a1a;font-size:12.5px}
.prow:first-of-type{border-top:none}
.pbar{flex:1;height:6px;background:#181818;border-radius:3px;overflow:hidden}
.pbar i{display:block;height:100%;background:#2EA3F2}
.pbar.neg i{background:#E0653E}
.pv{width:54px;text-align:right;color:#7fd1ff;font-weight:600}.pv.neg{color:#E0653E}
.stages{display:flex;gap:8px}
.stage{flex:1;background:#0c0c0c;border:1px solid #1d1d1d;border-radius:8px;padding:10px;text-align:center}
.stage .sh{font-size:10px;color:#8a8a8a;text-transform:uppercase}
.stage .sv{font-size:20px;font-weight:700;margin-top:5px}
.trow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #1a1a1a;font-size:12.5px}
.trow:first-of-type{border-top:none}
.trow .av{width:24px;height:24px;border-radius:50%;background:#1d3a46;color:#7fd1ff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}
.trow .att{margin-left:auto;color:#7fd1ff;font-weight:600}
.lrow{display:flex;gap:10px;font-size:11.5px;padding:7px 0;border-top:1px solid #1a1a1a;color:#b4b4b4}
.lrow:first-of-type{border-top:none}
.lrow .lt{color:#6f6f6f;font-variant-numeric:tabular-nums}
.minichips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.snum{display:inline-flex;width:30px;height:30px;border-radius:8px;background:rgba(46,163,242,.14);color:#7fd1ff;font-weight:700;align-items:center;justify-content:center;font-size:14px;margin-bottom:12px}
.gcard .x{color:var(--mut);font-size:14.5px;line-height:1.5;margin-top:7px}
.igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;text-align:left}
.icard{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:24px}
.icard .ih{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.icard .imk{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;background:#15161a;border:1px solid #242424}
.icard .imk img,.icard .imk svg{width:20px;height:20px}
.lgi{width:22px;height:22px;display:block}
.icard .inm{font-size:17px;font-weight:600}
.icard .ix{color:var(--mut);font-size:14px;line-height:1.5}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:46px auto 0;text-align:left}
.tier{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:30px;display:flex;flex-direction:column}
.tier.pri{background:linear-gradient(180deg,#0d1922,#0c0c0c 70%);border-color:#1d3a4d}
.tier .tn{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);font-weight:600}
.tier.pri .tn{color:#7fd1ff}
.tier .pr{display:flex;align-items:baseline;gap:8px;margin:12px 0 2px}
.tier .pr .p{font-size:44px;font-weight:800;letter-spacing:-.03em}
.tier .pr .per{color:var(--mut);font-size:15px}
.tier .setup{font-size:12.5px;color:#7fd1ff;margin-bottom:14px}
.tier ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:14px 0 22px}
.tier li{font-size:14px;color:#d4d4d4;display:flex;gap:9px}
.tier li .ck{color:var(--acc);font-weight:700}
.tier .btn,.tier .btn.ghost{margin-top:auto;text-align:center}
.pnote{text-align:center;font-size:12px;color:var(--dim);margin:18px auto 0;max-width:700px;line-height:1.5}
.faq{max-width:760px;margin:40px auto 0;text-align:left}
.faqitem{border-top:1px solid var(--line);padding:20px 2px}
.faqitem .q{font-size:17px;font-weight:600}
.faqitem .a{color:var(--mut);font-size:14.5px;line-height:1.55;margin-top:8px}
.story{max-width:720px;margin:0 auto;text-align:center}
.story p{font-size:18px;line-height:1.65;color:#d4d4d4;margin-bottom:20px}
.story p:last-child{margin-bottom:0;color:#fff;font-weight:500}
.pstats{display:flex;gap:22px;justify-content:center;margin-top:46px;flex-wrap:wrap}
.pstat{flex:1;min-width:200px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:26px;text-align:center}
.pstat .pn{font-size:38px;font-weight:800;letter-spacing:-.03em;color:#fff}
.pstat .pn span{color:#2EA3F2}
.pstat .pl{color:var(--mut);font-size:14px;margin-top:8px}
.demo2{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:start}
.dpoint{display:flex;gap:14px;margin-top:22px}
.dpoint .dn{width:30px;height:30px;border-radius:8px;background:rgba(46,163,242,.14);color:#7fd1ff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.dpoint .dt{font-size:16px;font-weight:600}
.dpoint .dx{color:var(--mut);font-size:14px;line-height:1.5;margin-top:3px}
.dquote{margin-top:34px;padding:15px 18px;border-left:2px solid var(--acc);background:#0d1620;border-radius:0 8px 8px 0;color:#cfcfcf;font-size:14px;line-height:1.5}
.formcard{border:1px solid var(--line2);border-radius:16px;background:var(--card);padding:30px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.bform{display:flex;flex-direction:column;gap:13px}
.bform input,.bform select,.bform textarea{width:100%;background:#0c0c0c;border:1px solid var(--line2);border-radius:9px;padding:12px 14px;color:#fff;font-family:inherit;font-size:14px}
.bform input::placeholder,.bform textarea::placeholder{color:#6f6f6f}
.bform select{color:#9a9a9a}
.bform .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.recap{height:62px;border:1px solid var(--line2);border-radius:9px;background:#0c0c0c;display:flex;align-items:center;gap:12px;padding:0 16px;color:#9a9a9a;font-size:13px}
.recap .cb{width:24px;height:24px;border:2px solid #444;border-radius:4px;flex:none}
.bform button{margin-top:4px;border:none;cursor:pointer;padding:13px;font-size:15px}
.fnote{font-size:12px;color:var(--dim);text-align:center;margin-top:2px}
.tcrow{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#9a9a9a;line-height:1.4;cursor:pointer}
.tcrow input{width:16px;height:16px;margin-top:1px;flex:none;accent-color:#2EA3F2}
.tcrow a{color:#7fd1ff}
.faqgroups{max-width:820px;margin:0 auto}
.faqgroup{margin-top:42px}
.faqgroup:first-child{margin-top:0}
.fgh{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#7fd1ff;font-weight:600;margin-bottom:4px}

body.nav-client-portal .nav .links a[data-p="client-portal"],
body.nav-agency-os .nav .links a[data-p="agency-os"],
body.nav-white-label .nav .links a[data-p="white-label"],
body.nav-integrations .nav .links a[data-p="integrations"],
body.nav-pricing .nav .links a[data-p="pricing"],
body.nav-why .nav .links a[data-p="why"]{color:#fff;font-weight:600;background:rgba(46,163,242,.14)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#bookok{max-width:520px;margin:0 auto}
.mockbadge{display:none!important}


/* ── responsive ─────────────────────────────────────────────────────────── */
body{width:100%;min-width:0}
img{max-width:100%;height:auto}
/* mobile nav (hidden on desktop) */
.menu-toggle{display:none}
.hamburger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;cursor:pointer;margin-left:auto;background:none;border:none;padding:0;z-index:1001}
.hamburger span{display:block;width:26px;height:2.5px;background:#fff;border-radius:3px;transition:transform .25s,opacity .2s}
.mobile-menu{display:none;position:fixed;inset:0;background:#0A0A0A;z-index:1000;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}
.mobile-menu a{font-size:21px;font-weight:600;color:#fff;text-decoration:none}
.mobile-menu a.btn{font-size:16px;margin-top:10px;color:#0A0A0A}
.mm-sep{height:1px;width:64%;background:#222;margin:4px 0}
.mm-close{position:absolute;top:18px;right:24px;font-size:28px;line-height:1;color:#fff;cursor:pointer}
@media (max-width:1024px){
  .wrap{padding-left:24px;padding-right:24px}
  .phero h1,.hero h1{font-size:50px}
  .bps{grid-template-columns:1fr;gap:36px}
  .bps .bp{max-width:100%}
  footer .cols{grid-template-columns:repeat(2,1fr);gap:36px 20px}
}
@media (max-width:768px){
  .wrap{padding-left:20px;padding-right:20px}
  .hero h1,.phero h1{font-size:34px;line-height:1.12}
  .hero .lead,.phero .lead{font-size:16px;max-width:none}
  h2.sec{font-size:28px;line-height:1.2}
  .cols3,.dgrid,.igrid,.tiers,.sides,.demo2{grid-template-columns:1fr}
  .fq{grid-template-columns:1fr;text-align:center;justify-items:center}
  .frow,.frow.rev{grid-template-columns:1fr;gap:22px}
  .frow.rev .ftext{order:0}
  .ctable{border:none;border-radius:0;overflow:visible}
  .ctable .ctrow.head{display:none}
  .ctable .ctrow{grid-template-columns:1fr;border:1px solid var(--line);border-radius:9px;padding:16px 18px;margin-bottom:14px}
  .ctable .ctrow .l{padding:0}
  .ctable .ctrow .r{background:none;border-left:none;padding:13px 0 0;margin-top:13px;border-top:1px solid var(--line);align-items:flex-start;flex-direction:column}
  .ctable .ctrow .r::before{content:'With a.hub';display:block;font-size:11px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
  .ctable .ctrow.total{background:#0e2233;border-color:var(--acc)}
  .ctable .ctrow.total .l{padding:0}
  .ctable .ctrow.total .l .c{text-decoration:line-through;color:var(--mut)}
  .ctable .ctrow.total .r{color:#fff;font-size:26px;font-weight:800;padding:13px 0 0}
  .ctable .ctrow.total .r::before{color:var(--accs)}
  .bform .row2{grid-template-columns:1fr}
  .hero .ctas,.phero .ctas,.cta,.reach,.pstats,.stats{flex-wrap:wrap;flex-direction:column;align-items:center}
  footer .cols{grid-template-columns:1fr 1fr;gap:30px 20px;text-align:left}
  footer .cols>div:first-child{grid-column:1/-1;margin-bottom:6px;text-align:center}
  footer .cols>div:first-child svg{height:26px;display:block;margin:0 auto 12px}
  footer .ft{margin-bottom:8px;font-size:13px}
  footer .cols a{padding:5px 0;margin-bottom:0;font-size:15px}
  footer .base{flex-direction:column;align-items:center;gap:12px;margin-top:40px;padding-top:22px;text-align:center}
  .nav .links,.nav .right{display:none}
  .hamburger{display:flex}
  .menu-toggle:checked ~ .mobile-menu{display:flex}
}