/* AJAW inner pages (one per menu item). Loaded after the home page CSS, so tokens, buttons, .faq/.qa,
   .closing and the header/footer come from there. Everything here is prefixed pg- (page sections) or
   aw- (rebuilt data.ajaw.ai screens). Colours: DESIGN_TOKENS.md only. No yellow. Icons on purple are white. */

/* ───────── section rhythm ───────── */
.pg-sec{padding:104px 0}
.pg-sec.sec--tint{background:var(--lav2)}
.pg-eye{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ind);margin:0 0 14px}
.pg-h2{font-size:40px;line-height:1.08;color:var(--ink);max-width:16em}
.pg-head{max-width:760px;margin-bottom:48px}
.pg-head .lead{margin-top:16px;max-width:36em}
.pg-head--c{margin-left:auto;margin-right:auto;text-align:center}
.pg-head--c .pg-h2,.pg-head--c .lead{margin-left:auto;margin-right:auto}

/* ───────── hero: copy left, real product screen right (bleeds to the edge) ───────── */
.pg-hero{padding:64px 0 72px;overflow:hidden}
.pg-hero__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.pg-hero h1{font-size:52px;line-height:1.05;color:var(--ink);max-width:12em}
.pg-hero__sub{margin-top:22px;font-size:18.5px;line-height:1.6;color:var(--body);max-width:32em}
.pg-hero__b{margin-top:22px;display:grid;gap:10px}
.pg-hero__b li,.pg-list li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ink)}
.pg-hero__b .ic,.pg-list .ic{width:18px;height:18px;color:var(--ind);margin-top:2px}
.pg-cta{margin-top:30px;display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap}
.pg-cta .btn{margin:0}
.pg-cta__n{font-size:13px;line-height:1.35;color:var(--body)}
.pg-cta .tlink{margin:0 0 0 6px}
.pg-hero__v{min-width:0;margin-right:calc(-1 * max(var(--pad), (100vw - var(--wrap)) / 2) + 8px)}
.pg-hero--center .pg-hero__g{grid-template-columns:1fr;text-align:center;justify-items:center}
.pg-hero--center .pg-cta{justify-content:center}
.pg-hero--center .pg-hero__v{margin-right:0;width:100%}

/* ───────── proof bar (no customer logos we don't have: facts, or the tools it works with) ───────── */
.pg-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.pg-proof__in{display:flex;align-items:center;gap:28px;min-height:88px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.pg-proof__in>p{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--body);flex:none}
.pg-proof__l{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center}
.pg-proof__l li{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--ink)}
.pg-proof__f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%}
.pg-proof__f li{display:flex;flex-direction:column;gap:2px;padding-left:18px;border-left:2px solid var(--lilac)}
.pg-proof__f b{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--ink);line-height:1.15}
.pg-proof__f span{font-size:14px;color:var(--body);line-height:1.4}

/* ───────── alternating rows ───────── */
.pg-row__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.pg-row--flip .pg-row__g{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pg-row--flip .pg-row__t{order:2}
.pg-row__t>p:not(.pg-eye){margin-top:18px;font-size:17px;line-height:1.65;color:var(--body);max-width:33em}
.pg-row__t .pg-list{margin-top:22px;display:grid;gap:12px}
.pg-row__t .tlink{margin-top:26px}
.pg-row__v{min-width:0}

/* ───────── cards grid ───────── */
.pg-grid{display:grid;gap:20px}
.pg-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:26px 24px 24px;transition:border-color .2s,box-shadow .2s var(--ease),transform .2s var(--ease)}
a.pg-card:hover{border-color:var(--lilac);box-shadow:0 18px 40px -28px rgba(37,31,149,.45);transform:translateY(-2px)}
.pg-card h3{font-size:19px;line-height:1.25;color:var(--ink);margin-top:18px}
.pg-card p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--body)}
.pg-card__go{margin-top:auto;padding-top:16px;display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:600;color:var(--ind)}
.pg-tile{width:42px;height:42px;border-radius:11px;background:var(--grad);display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(37,31,149,.8)}
.pg-tile .ic{width:20px;height:20px;color:#fff;stroke:#fff}

/* ───────── 3 steps ───────── */
.pg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s;padding:0;margin:0;list-style:none}
.pg-steps li{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:26px 24px}
.pg-num{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:16px}
.pg-steps h3{margin-top:18px;font-size:19px;color:var(--ink)}
.pg-steps p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--body)}
.pg-steps+.pg-cta{justify-content:center;margin-top:40px}

/* ───────── stats band ───────── */
.pg-stats{background:#fff}
.pg-stats__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg-stats__l li{border:1px solid var(--line2);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,var(--lav2))}
.pg-stats__l b{font-family:var(--font-display);font-size:52px;line-height:1;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-stats__l p{margin-top:14px;font-size:15.5px;line-height:1.55;color:var(--ink)}
.pg-stats__l small{margin-top:auto;padding-top:14px;font-size:12.5px;line-height:1.45;color:var(--body)}
.pg-stats__n{margin-top:22px;font-size:13.5px;color:var(--body);max-width:60em}

/* ───────── long-form copy (SEO body) ───────── */
.pg-prose__in{max-width:760px}
.pg-prose__in p{margin-top:18px;font-size:17.5px;line-height:1.72;color:var(--body)}
.pg-prose__in p b{color:var(--ink)}

/* ───────── plans strip ───────── */
.pg-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pg-plan{position:relative;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:22px 20px}
.pg-plan.hot{border-color:transparent;box-shadow:0 0 0 2px var(--ind),0 20px 40px -28px rgba(37,31,149,.5)}
.pg-plan em{position:absolute;top:-11px;left:18px;font-style:normal;font-size:11.5px;font-weight:600;color:#fff;background:var(--grad);padding:3px 10px;border-radius:999px}
.pg-plan>b{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink)}
.pg-plan__p{margin-top:8px;font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--ink)}
.pg-plan__p small{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--body);margin-left:3px}
.pg-plan ul{margin-top:12px;display:grid;gap:7px}
.pg-plan li{font-size:13.5px;line-height:1.45;color:var(--body)}
.pg-plan li a{color:var(--ind);font-weight:600}
.pg-plans__n{margin-top:18px;font-size:14px;color:var(--body)}
.pg-plans__n a{color:var(--ind);font-weight:600}

/* ───────── use cases ───────── */
.pg-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pg-case{position:relative;display:block;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:24px 56px 24px 24px;transition:border-color .2s,box-shadow .2s}
.pg-case:hover{border-color:var(--lilac);box-shadow:0 18px 40px -28px rgba(37,31,149,.45)}
.pg-case b{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink)}
.pg-case p{margin-top:6px;font-size:15px;line-height:1.55;color:var(--body)}
.pg-case>span{position:absolute;right:20px;top:24px;width:30px;height:30px;border-radius:50%;background:var(--lav);display:grid;place-items:center;color:var(--ind)}

/* ───────── related links ───────── */
.pg-rel{padding:56px 0;border-top:1px solid var(--line)}
.pg-rel__l{display:flex;flex-wrap:wrap;gap:10px}
.pg-rel__l a{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);font-size:14px;font-weight:600;color:var(--ink);background:#fff}
.pg-rel__l a:hover{border-color:var(--lilac);color:var(--ind)}
.pg-rel__l .ic{width:14px;height:14px;color:var(--ind)}
.pg-wide{max-width:1100px;margin:0 auto}

/* ───────── real capture (tour 4K) ───────── */
.pg-shot{margin:0}
.pg-shot__b{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--frame);cursor:zoom-in}
.pg-shot__b img{width:100%;height:auto}

/* ───────── rebuilt app window ───────── */
.aw-fig{margin:0;min-width:0}
.aw{border-radius:14px;background:#fff;box-shadow:var(--frame);overflow:hidden}
.aw-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line);background:#fff}
.aw-bar i{width:9px;height:9px;border-radius:50%;background:var(--line2)}
.aw-bar span{margin-left:10px;font-size:11.5px;color:var(--body);font-weight:500}
.aw-fit{overflow:hidden}
.aw-in{display:grid;grid-template-columns:196px minmax(0,1fr);width:1080px;font-family:var(--font-body);color:#3d3a5c;text-align:left}
.aw-cap{display:flex;gap:10px;align-items:baseline;justify-content:flex-end;margin-top:12px;font-size:12.5px;color:var(--body)}
.aw-cap b{font-weight:600;color:var(--ink)}
/* sidebar */
.aw-side{border-right:1px solid var(--line);padding:16px 10px;background:#fff;contain:size;overflow:hidden}
.aw-logo{padding:2px 8px 14px}
.aw-side ul{display:grid;gap:1px}
.aw-side li{display:flex;align-items:center;gap:9px;height:30px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:500;color:#3d3a5c;white-space:nowrap}
.aw-side li .ic{width:15px;height:15px;color:#67648c}
.aw-side li.on{background:var(--grad);color:#fff;box-shadow:0 6px 14px -8px rgba(37,31,149,.9)}
.aw-side li.on .ic{color:#fff;stroke:#fff}
.aw-side li.aw-sec{height:auto;padding:12px 10px 5px;font-size:9.5px;font-weight:600;letter-spacing:.08em;color:#67648c}
/* main */
.aw-main{padding:22px 24px 26px;min-width:0;min-height:430px;background:#fff}
.aw-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.aw-top h4{font-family:var(--font-display);font-size:24px;font-weight:600;color:#16133d;line-height:1.1}
.aw-top p{margin-top:5px;font-size:12.5px;color:#67648c}
.aw-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:9px;background:var(--grad);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 10px -4px rgba(91,79,229,.7)}
.aw-btn .ic{width:13px;height:13px;color:#fff;stroke:#fff}
.aw-btn.ghost{background:#fff;color:#16133d;border:1px solid var(--line2);box-shadow:none}
.aw-kpi{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);font-size:11.5px;color:#67648c;white-space:nowrap}
.aw-kpi b{color:#16133d}
.aw-kpi .ic{width:13px;height:13px;color:var(--ind)}
/* stat tiles (gradient icon squares, white icons: as in the app) */
.aw-stats{display:grid;gap:10px;margin-bottom:14px}
.aw-stats.s3{grid-template-columns:repeat(3,1fr)}.aw-stats.s4{grid-template-columns:repeat(4,1fr)}.aw-stats.s5{grid-template-columns:repeat(5,1fr)}.aw-stats.s6{grid-template-columns:repeat(6,1fr)}
.aw-stat{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:12px;padding:12px}
.aw-stat__ic{width:32px;height:32px;border-radius:9px;background:var(--grad);display:grid;place-items:center;flex:none}
.aw-stat__ic .ic{width:15px;height:15px;color:#fff;stroke:#fff}
.aw-stat b{display:block;white-space:nowrap;font-family:var(--font-display);font-size:17px;font-weight:600;color:#16133d;line-height:1.1}
.aw-stat small{display:block;margin-top:2px;font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#67648c;line-height:1.25}
.aw-stats.grad .aw-stat{background:var(--grad);border:0}
.aw-stats.grad .aw-stat__ic{background:rgba(255,255,255,.18)}
.aw-stats.grad .aw-stat b,.aw-stats.grad .aw-stat small{color:#fff}
/* toolbar */
.aw-tools{display:flex;gap:8px;margin-bottom:12px}
.aw-search{flex:1;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line2);border-radius:9px;font-size:12px;color:#67648c;min-width:0;white-space:nowrap;overflow:hidden}
.aw-search .ic{width:14px;height:14px}
.aw-sel{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line2);border-radius:9px;font-size:12px;color:#16133d;white-space:nowrap}
.aw-sel .ic{width:12px;height:12px}
.aw-tabs{display:flex;gap:4px;margin-bottom:10px}
.aw-tabs span{height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:7px;font-size:11.5px;font-weight:600;color:#67648c}
.aw-tabs span.on{background:var(--lav);color:var(--ind)}
.aw-seg{display:inline-flex;padding:2px;border-radius:8px;background:var(--lav2);border:1px solid var(--line)}
.aw-seg span{height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:6px;font-size:11px;font-weight:600;color:#67648c}
.aw-seg span.on{background:#fff;color:#16133d;box-shadow:0 1px 2px rgba(22,19,61,.08)}
/* table */
.aw-tbl{border-top:1px solid var(--line);font-size:12px}
.aw-th,.aw-tr{display:grid;gap:10px;align-items:center;padding:0 10px}
.aw-th{height:34px;font-size:11px;font-weight:600;color:#16133d;border-bottom:1px solid var(--line2);background:#fff}
.aw-tr{min-height:48px;border-bottom:1px solid var(--line);color:#3d3a5c}
.aw-tr>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aw-tr b{color:#16133d;font-weight:600}
.aw-t-calls .aw-th,.aw-t-calls .aw-tr{grid-template-columns:2.3fr 1.3fr .9fr .7fr 1.4fr .6fr}
.aw-t-meet .aw-th,.aw-t-meet .aw-tr{grid-template-columns:2fr .8fr .5fr .6fr 1.6fr .6fr .9fr}
.aw-t-people .aw-th,.aw-t-people .aw-tr{grid-template-columns:1.7fr 1.1fr 1fr 1.1fr 1.2fr}
.aw-t-lists .aw-th,.aw-t-lists .aw-tr{grid-template-columns:2.4fr 1fr 1fr 1fr}
.aw-t-hist .aw-th,.aw-t-hist .aw-tr{grid-template-columns:2.6fr .8fr .8fr .9fr .7fr}
.aw-t-wf .aw-th,.aw-t-wf .aw-tr{grid-template-columns:2.2fr 1.3fr 1fr .8fr .9fr .6fr}
.aw-t-agents .aw-th,.aw-t-agents .aw-tr{grid-template-columns:1.6fr 1.3fr .8fr 1.1fr 1fr .7fr}
.aw-t-camp .aw-th,.aw-t-camp .aw-tr{grid-template-columns:2fr .8fr 1fr .6fr .8fr 1.1fr}
.aw-t-inb .aw-th,.aw-t-inb .aw-tr{grid-template-columns:2.2fr 1fr 1.5fr .8fr 1fr 1fr}
.aw-t-kb .aw-th,.aw-t-kb .aw-tr{grid-template-columns:2.2fr 1fr 1.1fr .9fr 1fr .8fr}
.aw-who{display:flex;align-items:center;gap:9px;min-width:0}
.aw-who>span{min-width:0;display:flex;flex-direction:column}
.aw-who b,.aw-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aw-who small{font-size:10.5px;color:#67648c}
.aw-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}
.aw-ini{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10.5px;font-weight:700;color:#fff;background:var(--grad)}
.aw-ini.t1{background:linear-gradient(135deg,#5b4fe5,#3e34f9)}.aw-ini.t2{background:linear-gradient(135deg,#7871fb,#5b4fe5)}
.aw-ini.t3{background:linear-gradient(135deg,#3e34f9,#251f95)}.aw-ini.t4{background:linear-gradient(135deg,#9c9ab9,#67648c)}
/* pills */
.aw-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap;background:#f0eff8;color:#67648c}
.aw-pill i{width:6px;height:6px;border-radius:50%;background:#9c9ab9}
.aw-pill.ok{background:var(--okbg);color:var(--ok)}.aw-pill.ok i{background:var(--okdot)}
.aw-pill.bad{background:#fde8e8;color:var(--bad)}.aw-pill.bad i{background:var(--baddot)}
.aw-pill.ind{background:var(--lav);color:var(--ind)}.aw-pill.ind i{background:var(--ind)}
.aw-pill.soft{background:var(--lav2);color:#5b4fe5}.aw-pill.soft i{display:none}
.aw-gp{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;font-size:10.5px;font-weight:600;border:1px solid #bfe9d6;color:var(--ok);background:#fff;white-space:nowrap}
.aw-gp .ic{width:12px;height:12px}
.aw-gp.got{background:var(--okbg);border-color:transparent}
.aw-cnt{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:7px;background:var(--lav);color:var(--ind);font-weight:600;font-size:11px}
.aw-cnt .ic{width:12px;height:12px}
.aw-q{display:inline-flex;align-items:center;gap:8px;color:#16133d;font-weight:600}
.aw-q .ic{width:14px;height:14px;color:var(--ind)}
.aw-link{color:var(--ind);font-weight:600}
.aw-cal{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;background:var(--okbg);color:var(--ok);font-size:10.5px;font-weight:600}
.aw-cal .ic{width:11px;height:11px}
.aw-cal.off{background:#fff;border:1px solid var(--line2);color:#16133d}
.aw-tog{display:inline-block;width:32px;height:18px;border-radius:999px;background:var(--line2);position:relative}
.aw-tog i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.aw-tog.on{background:linear-gradient(135deg,#7871fb,#5b4fe5)}.aw-tog.on i{left:16px}
.aw-prog{display:block;height:6px;border-radius:99px;background:var(--line);overflow:hidden;width:100%}
.aw-prog i{display:block;height:100%;background:var(--grad);border-radius:99px}
.aw-health{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#16133d}
.aw-health i{display:inline-block;height:6px;width:40px;border-radius:99px;background:var(--grad)}
.aw-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:7px;background:var(--lav);color:var(--ind);font-size:10.5px;font-weight:600}
.aw-tag .ic{width:11px;height:11px}
/* channels + inbox */
.aw-chans{display:flex;gap:8px;margin-bottom:12px}
.aw-chan{display:flex;align-items:center;gap:9px;height:44px;padding:0 12px;border:1px solid var(--line2);border-radius:11px}
.aw-chan .ic{width:17px;height:17px;color:var(--ind)}
.aw-chan b{display:block;font-size:11.5px;color:#16133d}.aw-chan small{display:block;font-size:10px;color:#67648c}
.aw-chan.on{border-color:var(--lilac);background:var(--lav2)}
.aw-inbox{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--line2);border-radius:12px;overflow:hidden}
.aw-list{padding:10px;border-right:1px solid var(--line2);background:#fff}
.aw-list .aw-tools{margin-bottom:8px}
.aw-conv{display:flex;gap:9px;padding:10px 8px;border-radius:10px}
.aw-conv.on{background:var(--lav)}
.aw-conv>div{min-width:0;flex:1}
.aw-conv b{display:block;font-size:11.5px;color:#16133d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-conv p{font-size:11px;color:#67648c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.aw-conv__m{display:flex;gap:5px;margin-top:6px}
.aw-conv__m em{font-style:normal;font-size:9.5px;font-weight:600;height:18px;padding:0 7px;border-radius:99px;display:inline-flex;align-items:center;gap:4px}
.aw-conv__m .amt{background:var(--okbg);color:var(--ok)}.aw-conv__m .chn{background:var(--lav2);color:#5b4fe5}.aw-conv__m .chn .ic{width:10px;height:10px}
.aw-conv__m .stt{color:#16133d;padding:0 2px}
.aw-chat{display:flex;flex-direction:column;background:var(--lav2);min-width:0}
.aw-chat__h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--line2)}
.aw-chat__h>div{flex:1}.aw-chat__h b{display:block;font-size:12.5px;color:#16133d}.aw-chat__h small{font-size:10.5px;color:#67648c}
.aw-msgs{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.aw-msgs p{max-width:78%;font-size:12px;line-height:1.45;padding:9px 12px;border-radius:12px}
.aw-msgs p small{display:block;margin-top:4px;font-size:9.5px;opacity:.75}
.aw-msgs .in{background:#fff;border:1px solid var(--line2);color:#16133d;align-self:flex-start}
.aw-msgs .out{background:var(--grad);color:#fff;align-self:flex-end}
.aw-msgs .by{align-self:flex-end;background:none;padding:0;font-size:10px;color:var(--ok);font-weight:600;display:flex;gap:5px;align-items:center}
.aw-msgs .by .ic{width:11px;height:11px}
.aw-compose{margin:0 14px 14px;height:38px;border:1px solid var(--line2);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;font-size:11.5px;color:#67648c}
.aw-compose .ic{width:26px;height:26px;padding:6px;border-radius:8px;background:var(--grad);color:#fff;stroke:#fff}
/* kanban */
.aw-crmbar{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:11.5px;color:#67648c}
.aw-crmbar b{color:#16133d}.aw-crmbar .aw-seg{margin-left:auto}
.aw-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.aw-col{background:var(--lav2);border:1px solid var(--line);border-radius:12px;padding:8px}
.aw-col__h{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;font-size:11.5px}
.aw-col__h b{color:#16133d}.aw-col__h span{color:#67648c;font-weight:600}
.aw-deal{background:#fff;border:1px solid var(--line2);border-radius:10px;padding:10px;margin-top:8px;display:flex;flex-direction:column;gap:3px}
.aw-deal b{font-size:12px;color:#16133d}.aw-deal small{font-size:10.5px;color:#67648c}
.aw-deal .amt{font-style:normal;font-family:var(--font-display);font-weight:600;font-size:15px;color:#16133d;margin-top:2px}
.aw-deal p{font-size:10.5px;line-height:1.45;color:#67648c}
.aw-deal .aw-tag{align-self:flex-start;margin-top:4px}
/* people rail */
.aw-split{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px}
.aw-rail{border:1px solid var(--line2);border-radius:12px;padding:10px}
.aw-rail__t{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.aw-rail__t span{display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:8px;font-size:9.5px;color:#67648c}
.aw-rail__t span.on{background:var(--lav);color:var(--ind)}
.aw-rail__t b{font-family:var(--font-display);font-size:14px;color:#16133d}
.aw-rail>p{margin:12px 2px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#67648c}
.aw-f{display:flex;flex-direction:column;padding:8px 4px;border-top:1px solid var(--line);font-size:11px;font-weight:600;color:#16133d}
.aw-f em{font-style:normal;font-weight:500;color:var(--ind);font-size:10.5px;margin-top:2px}
/* dashboard */
.aw-hello{padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#f7f6ff,#f1f0fe);margin-bottom:12px}
.aw-hello small{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--ind)}
.aw-hello b{display:block;margin-top:6px;font-family:var(--font-display);font-size:26px;line-height:1.1;color:#16133d;font-weight:600}
.aw-hello em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.aw-guide{border:1px solid var(--line2);border-radius:12px;padding:12px 14px}
.aw-guide__h{display:flex;justify-content:space-between;font-size:12px}.aw-guide__h b{color:#16133d}.aw-guide__h small{color:#67648c}
.aw-guide__r{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.aw-guide__r span{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--line2);border-radius:9px;font-size:11px;color:#16133d}
.aw-guide__r .ic{width:13px;height:13px;color:var(--ind)}
.aw-guide__r span.done{background:var(--okbg);border-color:transparent;color:var(--ok)}.aw-guide__r span.done .ic{color:var(--ok)}
/* analytics funnel */
.aw-fun{border:1px solid var(--line2);border-radius:12px;padding:14px}
.aw-fun>p{font-size:12px;color:#67648c}.aw-fun>p b{color:#16133d}
.aw-fun__r{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;height:190px;margin-top:12px}
.aw-fun__s{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.aw-fun__s b{font-family:var(--font-display);font-size:16px;color:#16133d}.aw-fun__s small{font-size:10px;color:#67648c;margin-bottom:6px}
.aw-fun__s i{display:block;height:var(--h);min-height:8px;border-radius:8px 8px 3px 3px;background:var(--grad)}
.aw-fun__s:nth-child(n+4) i{background:linear-gradient(180deg,#c7c2f5,#7871fb)}
/* modal (agent setup) */
.aw-modal{position:relative;height:420px;border-radius:12px;background:rgba(22,19,61,.06);display:grid;place-items:center}
.aw-modal__card{width:480px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 24px 50px -24px rgba(37,31,149,.45)}
.aw-modal__t{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px;color:#16133d}
.aw-modal__t .ic{width:18px;height:18px;color:var(--ind)}
.aw-modal__card>p{margin-top:8px;font-size:12px;line-height:1.5;color:#67648c}
.aw-modal__card label{display:block;margin-top:14px;font-size:11px;font-weight:600;color:#16133d}
.aw-input{display:flex;align-items:center;height:36px;margin-top:6px;padding:0 12px;border:1px solid var(--lilac);border-radius:9px;font-size:12px;color:#16133d;box-shadow:0 0 0 3px var(--lav)}
.aw-note{padding:10px 12px;border-radius:9px;background:var(--lav2)}
.aw-modal__a{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

/* ───────── standalone widgets ───────── */
.pg-phone{margin:0 auto;max-width:360px}
.pg-phone__f{border-radius:36px;padding:12px;background:#16133d;box-shadow:0 30px 60px -30px rgba(37,31,149,.6)}
.pg-phone__h{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:#fff;border-radius:26px 26px 0 0;border-bottom:1px solid var(--line)}
.pg-phone__h b{display:block;font-size:13.5px;color:var(--ink)}.pg-phone__h small{display:block;font-size:11px;color:var(--body)}
.pg-phone__h>span{flex:none}
.pg-phone__m{background:var(--lav2);border-radius:0 0 26px 26px;padding:16px 12px 20px;display:flex;flex-direction:column;gap:9px;min-height:380px}
.pg-phone__m p{max-width:84%;font-size:13px;line-height:1.45;padding:9px 12px;border-radius:16px}
.pg-phone__m p small{display:block;font-size:10px;opacity:.7;margin-top:3px}
.pg-phone__m .in{background:#fff;border:1px solid var(--line2);color:var(--ink);align-self:flex-start}
.pg-phone__m .out{background:var(--grad);color:#fff;align-self:flex-end}
.pg-phone__m .sys{align-self:center;display:flex;align-items:center;gap:6px;background:var(--okbg);color:var(--ok);font-size:11.5px;font-weight:600;border-radius:999px;padding:6px 12px}
.pg-phone__m .sys .ic{width:13px;height:13px}
.pg-phone .aw-cap{justify-content:center}
.pg-mail{margin:0}
.pg-mail__card{background:#fff;border-radius:14px;box-shadow:var(--frame);overflow:hidden}
.pg-mail__h{padding:14px 20px;border-bottom:1px solid var(--line);display:grid;gap:6px;background:var(--lav2)}
.pg-mail__row{display:flex;gap:10px;font-size:13px;color:var(--ink)}
.pg-mail__row em{font-style:normal;width:52px;color:var(--body);flex:none}
.pg-mail__b{padding:20px 22px;display:grid;gap:12px;font-size:14.5px;line-height:1.6;color:var(--ink)}
.pg-mail__f{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}
.pg-seq{list-style:none;padding:0;margin:0;display:grid;gap:0;position:relative}
.pg-seq li{display:flex;gap:14px;padding:0 0 22px;position:relative}
.pg-seq li:not(:last-child)::before{content:"";position:absolute;left:19px;top:40px;bottom:2px;width:2px;background:var(--line2)}
.pg-seq__ic{width:40px;height:40px;border-radius:11px;background:var(--grad);display:grid;place-items:center;flex:none}
.pg-seq__ic .ic{width:18px;height:18px;color:#fff;stroke:#fff}
.pg-seq b{font-size:15.5px;color:var(--ink)}.pg-seq small{margin-left:8px;font-size:12.5px;color:var(--ind);font-weight:600}
.pg-seq p{margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--body)}
.pg-seqbox{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:26px 24px 6px;box-shadow:0 24px 50px -36px rgba(37,31,149,.5)}
.pg-sum{background:#fff;border-radius:14px;box-shadow:var(--frame);padding:20px 22px}
.pg-sum__h{display:flex;align-items:center;gap:10px}
.pg-sum__h>.ic{width:32px;height:32px;padding:8px;border-radius:9px;background:var(--grad);color:#fff;stroke:#fff}
.pg-sum__h b{flex:1;font-size:15px;color:var(--ink)}
.pg-sum>p{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--body)}
.pg-sum__t{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pg-sum__t span{height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:7px;background:var(--lav);color:var(--ind);font-size:12px;font-weight:600}
.pg-sum__c{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink)}
.pg-stack{display:grid;gap:18px}

/* the home page call player keeps its own section; on inner pages it sits on white */
.pg-callwrap .call8{padding-top:96px}

/* ───────── responsive ───────── */
@media (max-width:1100px){
  .pg-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .pg-hero__g,.pg-row__g{grid-template-columns:1fr;gap:40px}
  .pg-hero__v{margin-right:0}
  .pg-row--flip .pg-row__g{grid-template-columns:1fr}
  .pg-row--flip .pg-row__t{order:0}
  .pg-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-stats__l,.pg-steps{grid-template-columns:1fr}
  .pg-proof__f{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .pg-sec{padding:72px 0}
  .pg-hero{padding:36px 0 48px}
  .pg-hero h1{font-size:38px;line-height:1.08}
  .pg-hero__sub{font-size:16.5px}
  .pg-h2{font-size:30px}
  .pg-head{margin-bottom:32px}
  .pg-grid.c2,.pg-grid.c3,.pg-grid.c4,.pg-cases,.pg-plans{grid-template-columns:1fr}
  .pg-proof__in{gap:14px}
  .pg-proof__f{grid-template-columns:1fr 1fr;gap:16px}
  .pg-proof__f b{font-size:21px}
  .pg-stats__l b{font-size:44px}
  .pg-prose__in p{font-size:16.5px}
  .aw-in{grid-template-columns:minmax(0,1fr)}
  .aw-side{display:none}
  .aw-stats.s5,.aw-stats.s6{grid-template-columns:repeat(3,1fr)}
  .aw-inbox{grid-template-columns:1fr}
  .aw-list{display:none}
  .aw-split{grid-template-columns:1fr}
  .aw-rail{display:none}
  .aw-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aw-kanban .aw-col:nth-child(n+3){display:none}
  .aw-tbl .aw-th>span:nth-child(n+5),.aw-tbl .aw-tr>span:nth-child(n+5){display:none}
  .aw-t-calls .aw-th,.aw-t-calls .aw-tr,.aw-t-meet .aw-th,.aw-t-meet .aw-tr,.aw-t-people .aw-th,.aw-t-people .aw-tr,
  .aw-t-lists .aw-th,.aw-t-lists .aw-tr,.aw-t-hist .aw-th,.aw-t-hist .aw-tr,.aw-t-wf .aw-th,.aw-t-wf .aw-tr,
  .aw-t-agents .aw-th,.aw-t-agents .aw-tr,.aw-t-camp .aw-th,.aw-t-camp .aw-tr,.aw-t-inb .aw-th,.aw-t-inb .aw-tr,
  .aw-t-kb .aw-th,.aw-t-kb .aw-tr{grid-template-columns:2fr 1.2fr 1fr 1.2fr}
  .aw-guide__r{grid-template-columns:1fr 1fr}
  .aw-fun__r{grid-template-columns:repeat(3,1fr)}.aw-fun__s:nth-child(n+4){display:none}
  .aw-cap{justify-content:flex-start;flex-wrap:wrap}
  .pg-cta .tlink{margin-left:0}
}
@media (prefers-reduced-motion:reduce){a.pg-card:hover{transform:none}}