/* AWB — all-dark, consistent (Sep 2026). Loaded last on Work + Resources pages. */
:root{--line:#262B33;--soft:#14171D;--mute:#9DAAB4;--green:#8FBFA9}
html,body{background:#0B0C10!important;color:#E4EAEE}
h1,h2,h3,h4{color:#F2F6F8}
.eyebrow{color:#8FBFA9!important}
.sub,.lede,.fx-n,.crumb,.rs-menu,.rs-pn span,.tnote,.tl-note{color:#9DAAB4!important}
a{color:inherit}
/* header + footer */
header.top{background:rgba(11,12,16,.86)!important;border-bottom:1px solid #262B33!important}
.nav nav a:not(.btn){color:#B8C3CB}.nav nav a:not(.btn):hover,.nav nav a[aria-current]{color:#F2F6F8}
.awb-logo small{color:#8B98A3}
footer,.f-in{color:#9DAAB4}.f-in a:hover{color:#F2F6F8}
/* buttons */
.btn.dark,.btn.btn-dark{background:#F2F6F8!important;color:#0B0C10!important;border-color:#F2F6F8!important}
.btn.line{background:transparent!important;color:#F2F6F8!important;border-color:#3A424C!important}
.btn.light{background:#F2F6F8;color:#0B0C10}
/* surfaces */
.value,.card,.chip,.d-art,.d-cta,.demo,.dm-kpis div,.dm-toggle,.dm-phases button,.dm-plan,.tl-card,.d-nav button,.tool-dlg-x{background:#14171D!important;color:#E4EAEE}
.practice,.start{background:#0B0C10!important}
.pp,.demo-b,.pr-now{background:#14171D!important;color:#E4EAEE}
.card{border:1px solid #262B33!important}.card:hover,.card:focus-visible{background:#1A1D24!important}
.card.feat{background:#14171D!important;color:#E4EAEE!important;border-color:#262B33!important}
.card.feat .c-tag,.card.feat .c-num small{color:#9DAAB4!important}
.pr-link,.ptn b,.tech-link,.dm-s b{color:#F2F6F8!important}
.pp-probs li,.d-dl dd,.dm-tip,.dm-ph,.pp-build,.dm-s,.svc,.row p.d{color:#B8C3CB!important}
.chip{color:#C4CFD7!important}.chip[aria-pressed=true]{background:#F2F6F8!important;color:#0B0C10!important}
.pr-arr{background:#F2F6F8!important;color:#0B0C10!important}
.dm-toggle button{color:#B8C3CB}.dm-toggle button[aria-selected=true],.dm-phases button[aria-pressed=true],.dm-btn{background:#F2F6F8!important;color:#0B0C10!important}
.dm-btn.line{background:transparent!important;color:#F2F6F8!important;border-color:#3A424C!important}
.dm-bars i,.dm-bays .bay i{background:#262B33}.dm-tbl th{background:#14171D;color:#9DAAB4}.dm-tbl th:hover{color:#F2F6F8}
.rows,.row{border-color:#262B33!important}
.record,.ns{background:#0B0C10!important;color:#E4EAEE!important}
.case-dlg{background:#0B0C10!important;color:#E4EAEE!important}.d-bar{background:rgba(11,12,16,.92)!important}
.d-nav button:hover{background:#F2F6F8!important;color:#0B0C10!important}
/* resources */
.final,.rs-sec.soft{background:#0B0C10!important}
.final{border-top:1px solid #262B33}
.lk a,.sp a,.tcard,.tcard.feat,.rs-path a,.rs-pn a,.tool{background:#14171D!important;color:#E4EAEE!important;border-color:#262B33!important}
.lk-th,.lk-th.t1{background:linear-gradient(135deg,#17221D,#1B2A24)!important}.lk-th.t2{background:linear-gradient(135deg,#161C22,#1C242C)!important}.lk-th.t3{background:linear-gradient(135deg,#1F1B16,#26211A)!important}
.lk-th svg{stroke:#8FBFA9!important}.lk-th.t2 svg{stroke:#9DB8CC!important}.lk-th.t3 svg{stroke:#CBB08A!important}
.lk-th img{background:#fff}
.lk-b span,.rs-path span,.wn span,.rd-w,.bz span,.plan-s,.plan-l li,.gp-r:not(.t) span,.pk a>span>span{color:#B8C3CB!important}
.lk-b em,.wn em,.sp i{color:#8FBFA9!important}.sp em{color:#9DAAB4}
.tcard span{color:#B8C3CB!important}.tcard svg{stroke:#8FBFA9!important}
.crumb a{color:#F2F6F8!important;border-bottom-color:#3A424C!important}
.rs-menu select,.gp-ind select{background-color:#14171D!important;color:#F2F6F8!important;border-color:#3A424C!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23F2F6F8' stroke-width='1.8'/%3E%3C/svg%3E")!important}
.rs-pn,.tech ul,.tech li,.wn,.wn li,.wn li+li,.pk,.pk li,.rd,.rd a,.bz,.bz a{border-color:#262B33!important}
.tech li b{color:#F2F6F8}.tech li span{color:#9DAAB4}
/* tool dialog + tools */
.tool-dlg{background:#0B0C10!important;color:#E4EAEE!important;border:1px solid #262B33}
.tool-dlg::backdrop{background:rgba(0,0,0,.7)}
.tool-dlg-h,.st-nav{border-color:#262B33!important}.st-nav{background:#0B0C10!important}
.tl-f,.hc-q legend,.tl-msg,.gp-plan li,.hc-bar span{color:#E4EAEE!important}
.tl-f input,.tl-f textarea,.tl-row input{background:#14171D!important;color:#F2F6F8!important;border-color:#3A424C!important}
.tl-out,.plan .tl-kpis div{background:#14171D!important}.tl-kpis div,.plan,.hc-bar{background:#1A1D24!important}
.plan-l b{color:#F2F6F8!important}
.hc-o label{color:#C4CFD7!important;border-color:#3A424C!important}
.tl-t td,.tl-t th,.gp-pl,.gp-r,.hc-list,.hc-row,.plan-l li{border-color:#262B33!important}
.gp-r i{background:#262B33!important}
/* forms modal */
.awb-modal{background:#0B0C10!important;color:#E4EAEE!important;border:1px solid #262B33}
.awb-modal label,.awb-modal legend,.awb-modal .m-done p{color:#E4EAEE!important}
.awb-modal input,.awb-modal select,.awb-modal textarea{background:#14171D!important;color:#F2F6F8!important;border-color:#3A424C!important}
.x38{color:#F2F6F8}.x38 .x38-cap{color:#9AA6B0}
.trk{--tk-ink:#F2F6F8;--tk-fg:#F2F6F8;--tk-mute:#9AA6B0;--tk-card:#14171D;--tk-pill:#1A1D24;--tk-dot:rgba(242,246,248,.22);--tk-acc:#7FB39A}
.trk .trk-arr{color:#0B0C10}
input,select,textarea{color-scheme:dark}
.dm-sc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #262B33}
.dm-sc span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9DAAB4;margin-right:4px}
.dm-sc button{font:inherit;font-size:13px;font-weight:600;border:1px solid #3A424C;background:transparent;color:#C4CFD7;border-radius:999px;padding:7px 13px;cursor:pointer;min-height:36px}
.dm-sc button[aria-pressed=true]{background:#F2F6F8;color:#0B0C10;border-color:#F2F6F8}
.dm-flow .st{background:#2A1C19!important;color:#F2C9BD!important}
.dm-flow .st.ok{background:#1B2A24!important;color:#BFE3D1!important}
.dm-flow .ar{background:#3A424C!important}.dm-flow .ho{background:#0B0C10!important;border-color:#D0735C!important}
.awb-menu-btn{color:#F2F6F8!important;border-color:#3A424C!important}
.dm-win{margin:12px 0 4px;background:#16241E;border:1px solid #2E4A3E;border-radius:14px;padding:14px 16px}
.dm-win b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8FBFA9;margin-bottom:6px}
.dm-win ul{margin:0;padding:0 0 0 18px}.dm-win li{font-size:14px;line-height:1.5;color:#DCE8E1;padding:2px 0}.dm-win li:last-child{color:#F2F6F8;font-weight:600}
.demo-h em{background:#16241E!important;color:#8FBFA9!important;border:1px solid #2E4A3E}
.wc-v{margin-bottom:12px}.wc-top{display:flex;justify-content:flex-end;margin-bottom:4px}.wc-svg{width:100%;height:auto;display:block}
.wc-b{cursor:pointer;outline:none}.wc-b rect{transition:opacity .2s,transform .3s}.wc-b:hover rect,.wc-b:focus rect{opacity:.85}.wc-b.on rect{stroke:#F2F6F8;stroke-width:2}
.wc-svg rect{transition:y .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1)}
.wc-leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 4px;font-size:13px;color:#B8C3CB}.wc-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.wc-leg b{color:#F2F6F8;margin-left:4px}
.hc-o.col{display:flex;flex-direction:column;align-items:stretch}.hc-o.col label{border-radius:12px;padding:12px 14px;font-size:15px}
.mt-card{background:#16241E;border:1px solid #2E4A3E;border-radius:14px;padding:16px 18px}.mt-card b{display:block;font-size:20px;color:#F2F6F8}.mt-card span{display:block;margin-top:4px;color:#DCE8E1;font-size:15px}
.ht-up{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 6px}
.ht-file{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#F2F6F8;color:#0B0C10;font-weight:600;cursor:pointer}.ht-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ht-tpl{font:inherit;font-size:14px;color:#9DAAB4;background:none;border:0;text-decoration:underline;cursor:pointer}
.ht-g{display:grid;gap:3px;margin-bottom:10px}.ht-g span{font-size:10.5px;color:#9DAAB4;text-align:center;align-self:center}.ht-g .ht-d{text-align:left;font-size:12px;color:#C4CFD7}.ht-g i{display:block;height:22px;border-radius:4px;background:#1A1D24}
.ht-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#B8C3CB;margin:4px 0 10px}.ht-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* === Resources: unified icon chips + buttons === */
.ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#1C2B25,#141D19);border:1px solid rgba(143,191,169,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ic svg{width:24px!important;height:24px!important;margin:0!important;fill:none;stroke:#9CCBB5!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ic.big{width:56px;height:56px;border-radius:16px}.ic.big svg{width:34px!important;height:30px!important;stroke-width:4.2}
svg.ar{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.hb .go,.rs-path .go{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #333A44;color:#E4EAEE;transition:background .25s,color .25s,border-color .25s}
/* path cards */
.rs-path a{display:flex!important;align-items:center;gap:16px;padding:18px 18px 18px 18px!important}
.rs-path .rp-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rs-path .rp-t b{font-size:17px;color:#F2F6F8}.rs-path .rp-t span{grid-column:auto;font-size:14px}
/* hub tiles */
ul.hbs{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
a.hb{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:24px 24px 22px;border-radius:24px;background:#14171D;border:1px solid #262B33;color:#E4EAEE;text-decoration:none;transition:transform .3s,border-color .3s,background .3s}
.hb-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.hb-top em{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8FBFA9;padding-top:4px}
a.hb b{font-size:20px;letter-spacing:-.015em;color:#F2F6F8}
.hb-d{font-size:14.5px;line-height:1.5;color:#B8C3CB;padding-right:44px}
a.hb .go{position:absolute;right:20px;bottom:20px;width:36px;height:36px}
/* tool cards */
.tcards{grid-template-columns:1fr 1fr}
.tcard{gap:6px!important;padding:26px!important;border-radius:24px!important}
.tcard .ic{margin-bottom:12px}
.tcard b{font-size:20px!important;color:#F2F6F8}
.tcard .tc-d{flex:1}
.tcard .tc-go{align-self:flex-start;display:inline-flex!important;align-items:center;gap:8px;margin-top:14px;height:40px;padding:0 16px 0 18px;border-radius:999px;border:1px solid #3A424C;font-size:14px!important;font-weight:600;color:#F2F6F8!important;transition:background .25s,color .25s,border-color .25s}
@media(hover:hover){
 a.hb:hover,.tcard:hover,.rs-path a:hover{transform:translateY(-3px);border-color:#3A5A4C!important;background:#171B22!important}
 a.hb:hover .go,.rs-path a:hover .go,.tcard:hover .tc-go{background:#F2F6F8;color:#0B0C10!important;border-color:#F2F6F8}
 a.hb:hover svg.ar,.rs-path a:hover svg.ar,.tcard:hover svg.ar{transform:translateX(2px)}
}
.tcard:focus-visible,a.hb:focus-visible,.rs-path a:focus-visible{outline:2px solid #8FBFA9;outline-offset:3px}
/* link-page thumbnails: one tint */
.lk-th,.lk-th.t1,.lk-th.t2,.lk-th.t3{background:radial-gradient(120% 90% at 30% 20%,#1D2C26,#12171B)!important}
.lk-th svg,.lk-th.t2 svg,.lk-th.t3 svg{stroke:#9CCBB5!important;opacity:.9}
@media(max-width:1000px){ul.hbs{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
 ul.hbs{grid-template-columns:1fr;gap:10px;margin-top:26px}
 a.hb{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:2px;padding:16px 60px 16px 16px;border-radius:18px}
 .hb-top{margin:0;order:0}.hb-top em{display:none}
 a.hb b{font-size:17px;flex:1;min-width:0}
 .hb-d{flex-basis:100%;padding:0 0 0 62px;font-size:14px}
 a.hb .go{top:50%;bottom:auto;right:14px;transform:translateY(-50%);width:34px;height:34px}
 .ic.big{width:48px;height:48px;border-radius:14px}.ic.big svg{width:28px!important;height:26px!important}
 .tcard{padding:20px!important;display:grid!important;grid-template-columns:48px 1fr;column-gap:14px;row-gap:4px}
 .tcard .ic{margin:0;grid-row:1/3}.tcard b{font-size:18px!important;align-self:end}
 .tcard .tc-d{font-size:14.5px!important}
 .tcard .tc-go{grid-column:2;margin-top:8px;height:38px}
 .rs-path a{padding:14px!important;gap:14px}.rs-path .ic{width:44px;height:44px;border-radius:12px}
}
svg.ar{display:block}
@media(max-width:600px){.tcard .tc-go{justify-self:start}a.hb{align-content:center;row-gap:0}}
/* tools open in place on any page */
.awb-toolframe{border:0;padding:0;margin:auto;width:min(760px,94vw);height:min(720px,88vh);max-height:88vh;border-radius:24px;overflow:hidden;background:#14171D;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.awb-toolframe::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}
.awb-toolframe iframe{display:block;width:100%;height:100%;border:0;background:#14171D}
@media(max-width:600px){.awb-toolframe{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}
.awb-embed,.awb-embed body{background:#14171D!important}
.awb-embed body>*:not(dialog){display:none!important}
.awb-embed .tool-dlg{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.awb-embed .tool-dlg::backdrop{background:#14171D;backdrop-filter:none}
/* chat: tool buttons */
.ch-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ch-tools button{font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #3A5A4C;background:rgba(127,179,154,.1);color:#E4F1EA;cursor:pointer}
.ch-tools button:hover{background:#F2F6F8;color:#0B0C10;border-color:#F2F6F8}
/* practice slides: quiet link to the matching free tool */
.ps-tool{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 0;background:none;border:0;font:inherit;font-size:14.5px;font-weight:600;color:#8FBFA9;cursor:pointer;min-height:40px}
.ps-tool span{transition:transform .2s}.ps-tool:hover{color:#F2F6F8}.ps-tool:hover span{transform:translateX(3px)}
/* selected choice pills must read on black (tools, Let's talk form) */
input:checked+label{background:#F2F6F8!important;color:#0B0C10!important;border-color:#F2F6F8!important}
.awb-inline input:checked+label{background:#0B0C10!important;color:#fff!important;border-color:#0B0C10!important}
input:focus-visible+label{outline:2px solid #8FBFA9;outline-offset:2px}
/* chat: optional contact for a hot lead */
.ch-lead{margin-top:12px;padding:14px;border:1px solid #262B33;border-radius:14px;background:#14171D;display:grid;gap:10px}
.ch-lead label{font-size:13.5px;color:#B8C3CB;line-height:1.4}
.ch-lead div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ch-lead input{font:inherit;font-size:16px;min-width:0;height:44px;padding:0 12px;border-radius:10px;border:1px solid #333A44;background:#0B0C10;color:#F2F6F8}
.ch-lead input:focus{outline:2px solid #8FBFA9;outline-offset:1px}
.ch-lead button{justify-self:start;font:inherit;font-size:14px;font-weight:600;height:40px;padding:0 18px;border-radius:999px;border:0;background:#F2F6F8;color:#0B0C10;cursor:pointer}
.ch-sent{margin:10px 0 0;font-size:13.5px;color:#8FBFA9}
@media(max-width:600px){.ch-lead div{grid-template-columns:1fr}}
/* Which practice: one tap */
.mt1 .tl-k{margin:0 0 4px}
.mt1-s{margin:0 0 16px;font-size:15px;color:#9DAAB4}
.mt1-l{display:grid;gap:8px}
.mt1-l button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font:inherit;font-size:16px;font-weight:600;min-height:54px;padding:12px 18px;border-radius:14px;border:1px solid #2A3039;background:#14171D;color:#F2F6F8;cursor:pointer;transition:border-color .2s,background .2s}
.mt1-l button span{color:#8FBFA9;transition:transform .2s}
.mt1-l button:hover,.mt1-l button:focus-visible{border-color:#8FBFA9;background:#171B22;outline:none}
.mt1-l button:hover span{transform:translateX(3px)}
.mt1-ns,.mt1-back{margin-top:14px;padding:8px 0;background:none;border:0;font:inherit;font-size:14.5px;font-weight:600;color:#8FBFA9;cursor:pointer}
.mt1 .tl-acts{margin-top:18px}
/* perks grouped */
h3.pk-g{margin:40px 0 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8FBFA9}
h3.pk-g:first-child{margin-top:0}
h3.pk-g+ul.lk{margin-top:0}
/* Safari: flex:1 with an indefinite dialog height collapsed the tool body to 0 */
.tool-dlg-b{flex:1 1 auto!important;min-height:0!important}
/* "sample data" is a label, not a button */
.demo-h em{background:none!important;border:0!important;padding:0!important;border-radius:0!important;color:#7E8A94!important;font-weight:600!important}
/* case cards: "View the full case" always visible, not hover-only */
.c-more{opacity:1!important;transform:none!important}
/* Solutions: audience doors */
.aud{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;max-width:760px}
.aud button{display:flex;flex-direction:column;gap:3px;text-align:left;font:inherit;padding:14px 18px;border-radius:16px;border:1px solid #2A3039;background:#14171D;color:#E4EAEE;cursor:pointer;transition:border-color .2s,background .2s}
.aud button b{font-size:16px;font-weight:600}.aud button span{font-size:13px;color:#9DAAB4;line-height:1.35}
.aud button[aria-pressed=true]{background:#F2F6F8;border-color:#F2F6F8;color:#0B0C10}.aud button[aria-pressed=true] span{color:#46505A}
.aud button:focus-visible{outline:2px solid #8FBFA9;outline-offset:2px}
.ps-build{margin:0 0 6px;font-size:14.5px;line-height:1.6;color:#C3CDD4}
.ps-tools{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:10px}.ps-tools .ps-tool{margin-top:0}
@media(max-width:600px){.aud{grid-template-columns:1fr 1fr;gap:8px}.aud button{padding:12px}.aud button b{font-size:14.5px}.aud button span{display:none}}
/* Results: example switcher inside an area */
.pp-dsw{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.pp-dsw button{font:inherit;font-size:13.5px;font-weight:600;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #2A3039;background:#14171D;color:#C3CDD4;cursor:pointer}
.pp-dsw button[aria-pressed=true]{background:#F2F6F8;color:#0B0C10;border-color:#F2F6F8}
.pr-ic svg[hidden]{display:none!important}.pr-ic svg:not([hidden]){display:block!important}
.pr-dot{background:#333A44!important}.pr-dot[aria-current=true]{background:#8FBFA9!important}
.solve-band .aud+.sv-sub{margin-top:14px}
/* About: stage caption sits with the stage photo */
.stage-cap{margin-top:-16px;padding:0 2px}
.stage-cap .eyebrow{margin:0 0 6px}
.stage-cap h3{margin:0 0 8px;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.02em;line-height:1.15;color:#F2F6F8}
.stage-cap p:not(.eyebrow){margin:0 0 16px;font-size:15px;line-height:1.55;color:#9DAAB4;max-width:46ch}
.awb-bar .b-ask{border-color:#3A5A4C!important;color:#CFE6DA!important}
/* Tools & tech we like: logo chips */
.tech2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:8px}
.tech2 h3{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8FBFA9}
.tech2 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tech2 li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border:1px solid #262B33;border-radius:12px;background:#14171D;font-size:14.5px;font-weight:600;color:#E4EAEE}
.tech2 li img{width:20px;height:20px;border-radius:5px;background:#fff;padding:2px;box-sizing:content-box;object-fit:contain}
.tech2 li i{width:24px;height:24px;border-radius:6px;background:#1E2A25;flex:none}
@media(max-width:760px){.tech2{grid-template-columns:1fr;gap:22px}}
.tech2 li{padding:0!important;border:0!important;background:none!important}
.tech2 li a,.tech2 li.nl{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border:1px solid #262B33;border-radius:12px;background:#14171D;font-size:14.5px;font-weight:600;color:#E4EAEE;text-decoration:none;transition:border-color .2s,background .2s}
.tech2 li.nl{padding:7px 12px 7px 8px!important;border:1px solid #262B33!important;background:#14171D!important}
.tech2 li a em{font-style:normal;font-size:12px;color:#7E8A94}
.tech2 li a:hover{border-color:#8FBFA9;background:#171B22}

.tech2 li a em{font-size:10px!important;color:#3F4852!important;margin-left:-2px;transition:color .2s}
.tech2 li a:hover em,.tech2 li a:focus-visible em{color:#8FBFA9!important}

/* tech page polish */
.tech2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.tech2 section{border:1px solid #1E232A;border-radius:18px;padding:22px 22px 24px;background:linear-gradient(180deg,#101318,#0C0E12)}
.tech2 h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 16px!important}
.tech2 h3 small{font-size:11px;letter-spacing:.08em;color:#4A5560;font-weight:600}
.tech2 li i{display:inline-grid;place-items:center;width:24px!important;height:24px!important;border-radius:6px;background:#1E2A25!important;color:#8FBFA9;font-style:normal;font-size:12px;font-weight:700}
.tech2 li a,.tech2 li.nl{background:#12151A!important}
@media(max-width:760px){.tech2{grid-template-columns:1fr!important}.tech2 section{padding:18px 16px 20px}}
.awb-chat .ch-src{margin:8px 0 0;font-size:12px;line-height:1.5;color:#7E8A94}
.awb-chat .ch-src a{color:#8FBFA9;text-decoration:none;border-bottom:1px solid #2A3A33}
.awb-chat .ch-src a:hover{border-color:#8FBFA9}
.awb-chat .ch-slow{margin:6px 0 0;font-size:12.5px;color:#7E8A94}

/* resources hub v2: tools first */
.hub-hero{padding-bottom:12px!important}
.qt-sec{padding-top:8px!important}
.qt-g{margin-top:28px}
.qt-g h3{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8FBFA9}
ul.qt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qt-b{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:18px 18px;border:1px solid #1E232A;border-radius:16px;background:#12151A;color:#E4EAEE;font:inherit;cursor:pointer;min-height:84px;transition:border-color .2s,background .2s,transform .2s}
.qt-b:hover,.qt-b:focus-visible{border-color:#8FBFA9;background:#161A20}
.qt-b:active{transform:scale(.99)}
.qt-b .ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#1E2A25;border:1px solid #2A3A33}
.qt-b .ic svg{width:20px;height:20px;fill:none;stroke:#8FBFA9;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.qt-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.qt-t b{font-size:16px;font-weight:600;color:#F2F5F7}
.qt-t span{font-size:13.5px;line-height:1.35;color:#9AA6AF}
.qt-b .go{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #2A313A;display:grid;place-items:center;color:#C0D0D8}
.qt-b .go svg{width:14px;height:14px}
.qt-b:hover .go{border-color:#8FBFA9;color:#8FBFA9}
.qt-all{margin:22px 0 0;font-size:14px}
.qt-all a{color:#8FBFA9;text-decoration:none}
.qt-all a:hover{text-decoration:underline}
.more-sec .sec{font-size:clamp(28px,4vw,40px)!important;margin:0 0 18px!important}
ul.more{list-style:none;margin:0;padding:0;border-top:1px solid #1E232A}
ul.more a{display:grid;grid-template-columns:minmax(180px,280px) 1fr auto;align-items:center;gap:20px;padding:20px 4px;border-bottom:1px solid #1E232A;text-decoration:none;color:#E4EAEE}
ul.more a b{font-size:17px;font-weight:600}
ul.more a span:not(.go){font-size:14.5px;color:#9AA6AF}
ul.more .go{width:30px;height:30px;border-radius:50%;border:1px solid #2A313A;display:grid;place-items:center;color:#C0D0D8}
ul.more .go svg{width:14px;height:14px}
ul.more a:hover b{color:#8FBFA9}ul.more a:hover .go{border-color:#8FBFA9;color:#8FBFA9}
@media(max-width:1000px){ul.qt{grid-template-columns:1fr 1fr}}
@media(max-width:640px){ul.qt{grid-template-columns:1fr;gap:10px}.qt-b{min-height:72px;padding:14px}
 ul.more a{grid-template-columns:1fr auto;gap:4px 12px;padding:16px 2px}ul.more a b{grid-column:1}ul.more a span:not(.go){grid-column:1;grid-row:2}ul.more .go{grid-column:2;grid-row:1/3}}
.ps-tools{margin-top:22px!important;padding-top:14px;border-top:1px solid #1E232A}
.ps-tk{margin:0 0 2px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7E8A94}