@font-face{font-family:"A4M Inter";src:url("https://markaigen.com/wp-content/plugins/ai4marketing-ai-frameworks/assets/css/../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap} .a4m-fw{--navy:#031126;--blue:#075EF5;--violet:#7643F8;--sky:#82AEFA;--ink:#1C293C;--head:#031126;--slate:#6D7581;--line:#E3E5E7;--mist:#F9F9FA;--r:24px; box-sizing:border-box;max-width:1180px;margin:0 auto;padding:clamp(12px,3vw,32px);background:#fff;color:var(--ink); font-family:"A4M Inter",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased} body.a4m-canvas{margin:0;background:#fff} .a4m-fw *,.a4m-fw *::before,.a4m-fw *::after{box-sizing:border-box} .a4m-fw h1,.a4m-fw h2,.a4m-fw h3,.a4m-fw h4{margin:0;color:var(--head);font-family:inherit;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:none;overflow-wrap:anywhere;hyphens:auto} .a4m-fw .fw-crumb span,.a4m-fw .fw-related b,.a4m-fw .fw-problems a,.a4m-fw .fw-tabs button{overflow-wrap:anywhere;hyphens:auto} .a4m-fw p,.a4m-fw ul,.a4m-fw ol,.a4m-fw dl,.a4m-fw dd,.a4m-fw fieldset{margin:0} .a4m-fw ul,.a4m-fw ol{padding:0;list-style:none} .a4m-fw fieldset{border:0;padding:0;min-width:0} .a4m-fw a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px} .a4m-fw button,.a4m-fw input,.a4m-fw select,.a4m-fw textarea{font:inherit;color:inherit;margin:0} .a4m-fw :focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px} .a4m-fw .fw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .a4m-fw section{margin-top:clamp(36px,5vw,60px)} .a4m-fw .fw-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;flex:none} .a4m-fw .fw-crumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:.88em;color:var(--slate)} .a4m-fw .fw-crumb a{text-decoration:none;font-weight:600} .a4m-fw .fw-crumb a::after{content:"›";margin-left:8px;color:var(--slate)} .a4m-fw .fw-hero{margin-top:0;padding:clamp(24px,4.5vw,56px);border-radius:var(--r);background:var(--navy);color:#fff} .a4m-fw .fw-title{color:#fff;font-size:clamp(2em,4.4vw,3.3em);font-weight:800;letter-spacing:-.04em;line-height:1.05;max-width:20ch} .a4m-fw .fw-tag{margin-top:12px;color:#D2E2FD;font-size:1.15em;font-weight:600} .a4m-fw .fw-lead,.a4m-fw .fw-def{margin-top:14px;max-width:70ch;color:rgba(255,255,255,.86);font-size:1.05em} .a4m-fw .fw-card-p{display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:999px;background:rgba(141,180,255,.16);color:#D2E2FD;font-size:.84em;font-weight:600} .a4m-fw .fw-solve{margin-top:28px;color:rgba(255,255,255,.75);font-size:.92em} .a4m-fw .fw-problems{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:8px;margin-top:10px} .a4m-fw .fw-problems a{display:block;padding:11px 14px;border:1px solid rgba(255,255,255,.3);border-radius:14px;color:#fff;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s} .a4m-fw .fw-problems a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)} .a4m-fw .fw-model{margin-top:26px;padding:clamp(16px,2.6vw,28px);border-radius:18px;background:#fff;color:var(--ink)} .a4m-fw .fw-hero .fw-btn{margin-top:20px} .a4m-fw .fw-flow{display:flex;flex-wrap:wrap;gap:10px 6px;align-items:center} .a4m-fw .fw-flow li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px;font-size:.95em} .a4m-fw .fw-flow li b{color:var(--head)} .a4m-fw .fw-flow li+li::before{content:"";width:0;height:0;margin-left:-6px;margin-right:4px;border-style:solid;border-width:5px 0 5px 7px;border-color:transparent transparent transparent var(--blue)} .a4m-fw .fw-levels li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 12px;padding:10px 0 10px calc(var(--i) * 28px);border-bottom:1px solid var(--line)} .a4m-fw .fw-levels li:last-child{border-bottom:0} .a4m-fw .fw-levels b{color:var(--head)} .a4m-fw .fw-levels li>span:last-child{grid-column:2;color:var(--slate);font-size:.92em} .a4m-fw .fw-sum{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .a4m-fw .fw-sum li{padding:7px 14px;border-radius:12px;background:var(--mist);color:var(--head);font-weight:600;font-size:.95em} .a4m-fw .fw-sum li+li::before{content:"+";margin-right:12px;color:var(--blue);font-weight:700} .a4m-fw .fw-split{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:12px;align-items:stretch} .a4m-fw .fw-split .fw-side{padding:16px;border-radius:14px;background:var(--mist)} .a4m-fw .fw-split .fw-side.s1{background:rgba(0,85,233,.08)} .a4m-fw .fw-split .fw-side b{display:block;margin-bottom:8px;color:var(--head);font-size:1.05em} .a4m-fw .fw-split .fw-side li{padding:4px 0;border-top:1px solid rgba(0,0,51,.08)} .a4m-fw .fw-link{position:relative;align-self:center;height:60px;width:2px;background:var(--blue);justify-self:center} .a4m-fw .fw-link::before,.a4m-fw .fw-link::after{content:"";position:absolute;left:-5px;width:0;height:0;border:6px solid transparent} .a4m-fw .fw-link::before{top:-10px;border-bottom-color:var(--blue)} .a4m-fw .fw-link::after{bottom:-10px;border-top-color:var(--blue)} .a4m-fw .fw-quad{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:1.6;max-width:640px;padding:0 0 26px 26px} .a4m-fw .fw-q{display:grid;place-items:center;padding:12px;border-radius:12px;background:var(--mist);text-align:center;font-size:.92em} .a4m-fw .fw-q.q1{background:rgba(0,85,233,.12)}.a4m-fw .fw-q.q2{background:rgba(121,61,247,.12)}.a4m-fw .fw-q.q3{background:rgba(141,180,255,.22)} .a4m-fw .fw-ay,.a4m-fw .fw-ax{position:absolute;font-size:.78em;font-weight:600;color:var(--slate)} .a4m-fw .fw-ay{left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center} .a4m-fw .fw-ax{left:50%;bottom:0;transform:translateX(-50%)} .a4m-fw .fw-dots{position:absolute;left:26px;right:0;top:0;bottom:26px;pointer-events:none} .a4m-fw .fw-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--navy);border:2px solid #fff;transform:translate(-50%,50%);box-shadow:0 0 0 2px var(--navy)} .a4m-fw .fw-dot.on{background:var(--violet);box-shadow:0 0 0 2px var(--violet)} .a4m-fw .fw-layers{display:grid;gap:6px;max-width:560px} .a4m-fw .fw-layers li{padding:11px 16px;border-radius:12px;background:var(--mist);color:var(--head);font-weight:600;text-align:center} .a4m-fw .fw-layers li:nth-child(odd){background:rgba(0,85,233,.1)} .a4m-fw .fw-all h2,.a4m-fw .fw-how h2,.a4m-fw .fw-parts h2,.a4m-fw .fw-use h2,.a4m-fw .fw-tool h2,.a4m-fw .fw-related h2{font-size:clamp(1.4em,2.4vw,1.9em)} .a4m-fw .fw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px;margin-top:20px} .a4m-fw .fw-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:18px} .a4m-fw .fw-card .fw-card-p{background:var(--mist);color:var(--blue)} .a4m-fw .fw-card h3{font-size:1.12em} .a4m-fw .fw-card h3 a{color:var(--head);text-decoration:none} .a4m-fw .fw-card h3 a:hover{color:var(--blue)} .a4m-fw .fw-card>p{margin-top:8px;color:var(--slate);font-size:.93em} .a4m-fw .fw-mini{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0;font-size:.8em;color:var(--head)} .a4m-fw .fw-mini li{padding:3px 9px;border-radius:999px;background:var(--mist)} .a4m-fw .fw-mini li+li::before{content:"›";margin-right:6px;color:var(--blue)} .a4m-fw .fw-more{margin-top:auto;font-weight:600;text-decoration:none} .a4m-fw .fw-howl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:10px;margin-top:18px} .a4m-fw .fw-howl div{padding:14px 16px;border-radius:14px;background:var(--mist)} .a4m-fw .fw-howl div.on{background:var(--navy);color:#fff} .a4m-fw .fw-howl dt{font-weight:700;color:var(--head)} .a4m-fw .fw-howl div.on dt{color:#fff} .a4m-fw .fw-howl dd{font-size:.9em;color:var(--slate)} .a4m-fw .fw-howl div.on dd{color:rgba(255,255,255,.85)} .a4m-fw .fw-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px 28px;margin-top:18px} .a4m-fw .fw-dl div{padding:14px 0;border-top:1px solid var(--line)} .a4m-fw .fw-dl dt{font-weight:700;color:var(--head)} .a4m-fw .fw-dl dd{margin-top:4px;color:var(--slate);font-size:.95em} .a4m-fw .fw-steps{display:grid;gap:10px;margin-top:18px;counter-reset:s} .a4m-fw .fw-steps li{counter-increment:s;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px} .a4m-fw .fw-steps li::before{content:counter(s);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mist);color:var(--blue);font-weight:700;font-size:.85em} .a4m-fw .fw-intro{margin-top:8px;max-width:70ch;color:var(--slate)} .a4m-fw .fw-app{margin-top:20px} .a4m-fw .fw-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0} .a4m-fw .fw-dim{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px} .a4m-fw .fw-dim legend{float:left;width:100%;margin-bottom:8px;font-weight:600;color:var(--head)} .a4m-fw .fw-opts{clear:both;display:grid;grid-template-columns:minmax(0,1fr);gap:6px} .a4m-fw .fw-opts label{display:flex;gap:10px;align-items:flex-start;padding:7px 10px;border-radius:10px;cursor:pointer;font-size:.95em} .a4m-fw .fw-opts label:hover{background:var(--mist)} .a4m-fw .fw-opts input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--blue);flex:none} .a4m-fw .fw-opts span{min-width:0;overflow-wrap:anywhere} .a4m-fw .fw-f{display:grid;gap:5px} .a4m-fw .fw-f>span{font-size:.86em;font-weight:600;color:var(--head)} .a4m-fw .fw-f input,.a4m-fw .fw-f select,.a4m-fw .fw-f textarea{width:100%;min-height:42px;padding:9px 12px;border:1px solid #D2D4D8;border-radius:12px;background:#fff;color:var(--head);font-size:.95em} .a4m-fw .fw-f textarea{min-height:64px;resize:vertical;line-height:1.5} .a4m-fw .fw-f input:focus,.a4m-fw .fw-f select:focus,.a4m-fw .fw-f textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,85,233,.14)} .a4m-fw .fw-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .a4m-fw .fw-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .a4m-fw .fw-axis{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;align-content:start} .a4m-fw .fw-axis-h{font-weight:700;color:var(--head)} .a4m-fw .fw-actions{display:flex;flex-wrap:wrap;gap:10px} .a4m-fw .fw-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:600;font-size:.95em;text-decoration:none;cursor:pointer} .a4m-fw .fw-btn:hover{background:#064BC4} .a4m-fw .fw-btn-light{background:#fff;color:var(--navy)} .a4m-fw .fw-btn-light:hover{background:#E1ECFE} .a4m-fw .fw-btn2{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--head);font-weight:600;font-size:.9em;cursor:pointer} .a4m-fw .fw-btn2:hover{border-color:var(--blue)} .a4m-fw .fw-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:14px} .a4m-fw .fw-tbl table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:.88em} .a4m-fw .fw-tbl th,.a4m-fw .fw-tbl td{padding:8px 10px;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;background:none;color:inherit} .a4m-fw .fw-tbl thead th{background:var(--mist);color:var(--slate);font-weight:600} .a4m-fw .fw-tbl tbody th{font-weight:600;color:var(--head)} .a4m-fw .fw-tbl select{min-height:34px;padding:4px 8px;border:1px solid #D2D4D8;border-radius:9px;background:#fff} .a4m-fw .fw-tabs{display:flex;flex-wrap:wrap;gap:6px} .a4m-fw .fw-tabs button{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:.9em;cursor:pointer} .a4m-fw .fw-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff} .a4m-fw .fw-tabs button[aria-selected="true"] .fw-n{background:#fff;color:var(--navy)} .a4m-fw .fw-pane{margin-top:14px;padding:18px 20px;border-radius:16px;background:var(--mist)} .a4m-fw.fw-js .fw-pane[hidden]{display:none} .a4m-fw .fw-pane h3{font-size:1.1em} .a4m-fw .fw-pane p{margin-top:8px} .a4m-fw .fw-pane ul{padding-left:1.2em;list-style:disc;margin-top:4px} .a4m-fw .fw-pane .fw-done{list-style:none;padding:0} .a4m-fw .fw-pane .fw-done li::before{content:"✓";margin-right:8px;color:var(--blue);font-weight:700} .a4m-fw .fw-map{margin-top:22px} .a4m-fw .fw-map h3{margin-bottom:12px;font-size:1.05em} .a4m-fw .fw-maplist{display:grid;gap:6px;margin-top:12px;font-size:.9em} .a4m-fw .fw-maplist li{display:flex;flex-wrap:wrap;gap:8px 14px;padding:8px 12px;border:1px solid var(--line);border-radius:12px} .a4m-fw .fw-maplist b{color:var(--head)} .a4m-fw .fw-maplist span{color:var(--slate)} .a4m-fw .fw-maplist button{margin-left:auto;border:0;background:none;color:var(--slate);cursor:pointer} .a4m-fw .fw-out:not(:empty){margin-top:20px} .a4m-fw .fw-res{padding:20px 22px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px -22px rgba(10,16,64,.3)} .a4m-fw .fw-res-h{font-size:.84em;font-weight:600;color:var(--slate)} .a4m-fw .fw-res h3{margin-top:4px;font-size:1.45em} .a4m-fw .fw-res>p{margin-top:8px;max-width:70ch} .a4m-fw .fw-score{display:inline-block;margin-top:10px;padding:4px 12px;border-radius:999px;background:var(--mist);color:var(--head);font-weight:700;font-size:.9em} .a4m-fw .fw-res h4{margin-top:18px;font-size:1em} .a4m-fw .fw-res ul{margin-top:8px;display:grid;gap:6px;font-size:.93em} .a4m-fw .fw-res ul li{padding-left:16px;position:relative} .a4m-fw .fw-res ul li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--blue)} .a4m-fw .fw-res ul.fw-fix li::before{background:var(--violet)} .a4m-fw .fw-bars{display:grid;gap:8px;margin-top:10px} .a4m-fw .fw-bar{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:.88em} .a4m-fw .fw-bar i{display:block;height:10px;border-radius:5px;background:var(--mist);overflow:hidden} .a4m-fw .fw-bar i::after{content:"";display:block;height:100%;width:var(--w,0);background:var(--blue);border-radius:5px} .a4m-fw .fw-bar.low i::after{background:var(--violet)} .a4m-fw .fw-bar b{text-align:right;font-variant-numeric:tabular-nums} .a4m-fw .fw-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px} .a4m-fw .fw-kpi{padding:12px 14px;border-radius:14px;background:var(--mist)} .a4m-fw .fw-kpi span{display:block;font-size:.8em;color:var(--slate)} .a4m-fw .fw-kpi b{display:block;margin-top:2px;font-size:1.25em;color:var(--head);font-variant-numeric:tabular-nums} .a4m-fw .fw-kpi.net{background:var(--navy)} .a4m-fw .fw-kpi.net span{color:#D2E2FD} .a4m-fw .fw-kpi.net b{color:#fff} .a4m-fw .fw-code{position:relative;margin-top:12px;border-radius:14px;background:var(--navy);color:#E1ECFE} .a4m-fw .fw-code pre{margin:0;padding:18px 20px 18px;max-height:420px;overflow:auto;font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:none;color:inherit;border:0} .a4m-fw .fw-copy{position:absolute;top:8px;right:8px;padding:5px 11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(0,0,51,.9);color:#fff;font-size:.8em;font-weight:600;cursor:pointer} .a4m-fw .fw-warn{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(121,61,247,.1);color:var(--head);font-size:.92em} .a4m-fw .fw-note{margin-top:12px;font-size:.88em;color:var(--slate)} .a4m-fw .fw-related ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;margin-top:18px} .a4m-fw .fw-related a{display:block;height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none} .a4m-fw .fw-related a:hover{border-color:var(--blue)} .a4m-fw .fw-related b{display:block;color:var(--head)} .a4m-fw .fw-related span{display:block;margin-top:4px;font-size:.88em;color:var(--slate)} .a4m-fw .fw-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:center;margin-top:clamp(36px,5vw,60px);padding:clamp(22px,3.6vw,44px);border-radius:var(--r);background:var(--navy);color:#fff} .a4m-fw .fw-cta h2{color:#fff;font-size:clamp(1.35em,2.4vw,1.9em);max-width:28ch} .a4m-fw .fw-cta p{margin-top:8px;max-width:60ch;color:rgba(255,255,255,.86)} @media (max-width:760px){ .a4m-fw .fw-grid2,.a4m-fw .fw-grid3,.a4m-fw .fw-cta{grid-template-columns:minmax(0,1fr)} .a4m-fw .fw-split{grid-template-columns:minmax(0,1fr)} .a4m-fw .fw-link{width:60px;height:2px} .a4m-fw .fw-link::before,.a4m-fw .fw-link::after{left:auto;top:-5px} .a4m-fw .fw-link::before{left:-10px;border:6px solid transparent;border-right-color:var(--blue)} .a4m-fw .fw-link::after{right:-10px;border:6px solid transparent;border-left-color:var(--blue)} .a4m-fw .fw-levels li{padding-left:calc(var(--i) * 12px)} .a4m-fw .fw-quad{aspect-ratio:1.1} .a4m-fw .fw-bar{grid-template-columns:minmax(0,1fr) 44px} .a4m-fw .fw-bar i{grid-column:1/-1} } @media (prefers-reduced-motion:reduce){.a4m-fw *{transition:none!important}} @media print{.a4m-fw .fw-cta,.a4m-fw .fw-actions,.a4m-fw .fw-copy{display:none!important}} .a4m-fw .g-strategy{--gc:#075EF5}.a4m-fw .g-value{--gc:#7643F8}.a4m-fw .g-workflow{--gc:#075EF5}.a4m-fw .g-content{--gc:#7643F8}.a4m-fw .g-control{--gc:#031126} .a4m-fw .fw-hero-hub{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:8px 32px;align-items:center} .a4m-fw .fw-hero-solve{grid-column:1/-1} .a4m-fw .fw-hero-art{align-self:center} .a4m-fw .fw-sys{display:block;width:100%;max-width:360px;height:auto;margin:0 auto} .a4m-fw .fw-sys-l{stroke:rgba(255,255,255,.45);stroke-width:1.6;stroke-dasharray:3 5;fill:none} .a4m-fw .fw-sys-n{fill:#fff;font:800 30px/1 "A4M Inter",system-ui,sans-serif} .a4m-fw .fw-sys-w{fill:rgba(255,255,255,.85);font:600 11px/1 "A4M Inter",system-ui,sans-serif} .a4m-fw .fw-sys .fw-i{color:#031126} .a4m-fw .fw-hsearch{display:flex;align-items:center;gap:8px;margin-top:22px;max-width:600px;padding:6px 6px 6px 14px;border-radius:16px;background:#fff} .a4m-fw .fw-hsearch input{flex:1;min-width:0;padding:10px 4px;border:0;background:transparent;color:var(--head);font-size:1em;outline:none} .a4m-fw .fw-hsearch button{padding:10px 20px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer} .a4m-fw .fw-hsearch:focus-within{box-shadow:0 0 0 3px rgba(141,180,255,.55)} .a4m-fw .fw-gl{width:20px;height:20px;flex:none;fill:none;stroke:var(--slate);stroke-width:2;stroke-linecap:round} .a4m-fw .fw-all-head p{margin-top:8px;max-width:70ch;color:var(--slate)} .a4m-fw .fw-lib{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(20px,3vw,36px);margin-top:22px;align-items:start} .a4m-fw nav.fw-side{position:sticky;top:var(--fw-top,110px);max-height:calc(100dvh - var(--fw-top,110px) - 16px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;scrollbar-width:thin} .a4m-fw nav.fw-side summary{display:none} .a4m-fw .fw-side-h{font-size:.8em;font-weight:700;letter-spacing:.02em;color:var(--slate);margin-bottom:8px} .a4m-fw .fw-side-g>li+li{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)} .a4m-fw .fw-side-ga{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;color:var(--head);font-weight:700;font-size:.9em;text-decoration:none} .a4m-fw .fw-side-ga i{width:10px;height:10px;border-radius:3px;background:var(--gc)} .a4m-fw .fw-side-ga b{min-width:24px;padding:1px 7px;border-radius:999px;background:var(--mist);color:var(--slate);font-size:.82em;text-align:center;font-variant-numeric:tabular-nums} .a4m-fw .fw-side-ga:hover{background:var(--mist)} .a4m-fw .fw-side-g ol{margin-top:4px;padding-left:4px;border-left:2px solid color-mix(in srgb,var(--gc) 30%,transparent);margin-left:10px} .a4m-fw .fw-side-g ol a{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:5px 8px;border-radius:8px;color:var(--ink);font-size:.86em;line-height:1.3;text-decoration:none;transition:background-color .2s,opacity .2s} .a4m-fw .fw-side-g ol a .fw-i{width:22px;height:22px;color:var(--gc)} .a4m-fw .fw-side-g ol a:hover{background:var(--mist)} .a4m-fw .fw-side-g ol a.on{background:color-mix(in srgb,var(--gc) 10%,#fff);color:var(--head);font-weight:600;box-shadow:inset 3px 0 0 var(--gc)} .a4m-fw .fw-side-g ol a.off{opacity:.38} .a4m-fw .fw-side-cta{display:inline-block;margin-top:14px;padding:3px 0;font-size:.88em;font-weight:600} .a4m-fw .fw-main{min-width:0} .a4m-fw .fw-toolbar{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff} .a4m-fw .fw-search{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 14px;border:1px solid #D2D4D8;border-radius:14px} .a4m-fw .fw-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,85,233,.14)} .a4m-fw .fw-search input{flex:1;min-width:0;min-height:42px;padding:6px 0;border:0;background:transparent;color:var(--head);font-size:1em;outline:none} .a4m-fw .fw-search kbd{padding:1px 8px;border:1px solid var(--line);border-radius:6px;background:var(--mist);color:var(--slate);font:600 .8em/1.6 ui-monospace,Menlo,Consolas,monospace} .a4m-fw .fw-q-clear{width:32px;height:32px;border:0;border-radius:8px;background:var(--mist);color:var(--slate);font-size:1.2em;cursor:pointer} .a4m-fw .fw-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px} .a4m-fw .fw-chips-h{margin-right:4px;font-size:.82em;font-weight:700;color:var(--head)} .a4m-fw .fw-chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.86em;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s} .a4m-fw .fw-chips button i{width:9px;height:9px;border-radius:3px;background:var(--gc)} .a4m-fw .fw-chips button b{color:var(--slate);font-weight:600;font-variant-numeric:tabular-nums} .a4m-fw .fw-chips button:hover{border-color:var(--blue)} .a4m-fw .fw-chips button[aria-pressed="true"]{background:var(--head);border-color:var(--head);color:#fff} .a4m-fw .fw-chips button[aria-pressed="true"] b{color:#D2E2FD} .a4m-fw .fw-chips button:disabled{opacity:.4;cursor:default} .a4m-fw .fw-bar-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px} .a4m-fw .fw-count{font-size:.9em;color:var(--slate)} .a4m-fw .fw-reset{padding:4px 0;border:0;background:none;color:var(--blue);font-weight:600;font-size:.88em;cursor:pointer} .a4m-fw.fw-js .fw-reset[hidden],.a4m-fw [hidden]{display:none!important} .a4m-fw .fw-group,.a4m-fw .fw-results{margin-top:28px} .a4m-fw .fw-group-h{display:grid;gap:4px;padding-bottom:12px;border-bottom:2px solid color-mix(in srgb,var(--gc) 25%,transparent)} .a4m-fw .fw-group-h h3,.a4m-fw .fw-results h3{display:flex;align-items:center;gap:10px;font-size:1.25em} .a4m-fw .fw-group-h h3 i{width:12px;height:12px;border-radius:4px;background:var(--gc)} .a4m-fw .fw-group-h p{color:var(--slate);font-size:.94em} .a4m-fw .fw-lib .fw-cards{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));margin-top:14px} .a4m-fw .fw-card{position:relative;transition:border-color .2s,box-shadow .25s,transform .25s} .a4m-fw .fw-card:hover{border-color:color-mix(in srgb,var(--gc,var(--blue)) 45%,#fff);box-shadow:0 14px 30px -22px rgba(10,16,64,.45);transform:translateY(-2px)} .a4m-fw .fw-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px} .a4m-fw .fw-ico{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--gc,var(--blue)) 10%,#fff);color:var(--gc,var(--blue));flex:none} .a4m-fw .fw-ico .fw-i{width:34px;height:34px} .a4m-fw .fw-type{padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--slate);font-size:.75em;font-weight:600} .a4m-fw .fw-card h4{font-size:1.06em;line-height:1.3} .a4m-fw .fw-card h4 a{color:var(--head);text-decoration:none} .a4m-fw .fw-card h4 a::after{content:"";position:absolute;inset:0;border-radius:18px} .a4m-fw .fw-card h4 a:focus-visible::after{outline:2px solid var(--blue);outline-offset:2px} .a4m-fw .fw-short{margin-top:6px;color:var(--slate);font-size:.92em} .a4m-fw .fw-hit{margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--mist);font-size:.84em;color:var(--ink)} .a4m-fw .fw-hit b{color:var(--head)} .a4m-fw mark{background:rgba(0,85,233,.16);color:inherit;border-radius:3px;padding:0 1px} .a4m-fw .fw-card.flash{animation:fw-flash 1.4s ease-out} @keyframes fw-flash{0%,30%{box-shadow:0 0 0 3px var(--gc,var(--blue))}} .a4m-fw .fw-empty{margin-top:24px;padding:18px;border-radius:16px;background:var(--mist)} .a4m-fw .fw-problems-light{margin-top:12px} .a4m-fw .fw-problems-light a{border-color:var(--line);color:var(--head);background:#fff} .a4m-fw .fw-problems-light a:hover{background:#fff;border-color:var(--blue)} .a4m-fw .fw-hero-top{display:flex;align-items:center;gap:14px;margin-bottom:12px} .a4m-fw .fw-hero-top .fw-card-p{margin:0} .a4m-fw .fw-ico-l{width:64px;height:64px;border-radius:18px;background:#fff;color:var(--blue)} .a4m-fw .fw-ico-l .fw-i{width:42px;height:42px} .a4m-fw .fw-related a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 12px;align-items:start} .a4m-fw .fw-related .fw-ico{grid-row:span 2;width:44px;height:44px;border-radius:12px} .a4m-fw .fw-related .fw-ico .fw-i{width:28px;height:28px} .a4m-fw .fw-related li:last-child a{grid-template-columns:minmax(0,1fr)} .a4m-fw .fw-i{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible} .a4m-fw .fw-i circle,.a4m-fw .fw-i rect{fill:#fff} .a4m-fw .fw-i .k{stroke:var(--blue)} .a4m-fw .fw-i .kf{fill:var(--violet);stroke:var(--violet)} .a4m-fw .fw-i .lt{stroke-width:1.6;opacity:.45} .a4m-fw .fw-i .fl{stroke:var(--violet);stroke-dasharray:2 3} .a4m-fw .fw-i *{transform-box:fill-box;transform-origin:center} .a4m-fw .fw-i.play .dr{stroke-dasharray:1;animation:fw-draw .9s cubic-bezier(.2,.8,.2,1) var(--d,0s) both} .a4m-fw .fw-i.play .pp{animation:fw-pop .45s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both} .a4m-fw .fw-i.play .gr{transform-origin:bottom;animation:fw-grow .6s cubic-bezier(.2,.8,.2,1) var(--d,0s) both} .a4m-fw .fw-i.play .mv{animation:fw-move .9s cubic-bezier(.2,.8,.2,1) var(--d,0s) both} .a4m-fw .fw-i.play .tl{transform-box:view-box;transform-origin:24px 15px;animation:fw-tilt 1.3s ease-in-out both} .a4m-fw .fw-i.play .fl{animation:fw-flow .8s linear 3} .a4m-fw .fw-i.play .sw{transform-box:view-box;transform-origin:21px 21px;animation:fw-spin 1.3s cubic-bezier(.3,.7,.3,1) both} .a4m-fw .fw-i.play .bl{animation:fw-blink .9s step-end 3} .a4m-fw .fw-i.play .wv{animation:fw-wave .5s ease-out var(--d,0s) 2 both} .a4m-fw .fw-i.play .bb{animation:fw-bub 1.2s ease-out var(--d,0s) 2} .a4m-fw .fw-i.play .nd{transform-box:view-box;transform-origin:24px 33px;animation:fw-needle 1.2s cubic-bezier(.3,1.4,.5,1) both} .a4m-fw .fw-i.play .dp{animation:fw-drop .5s cubic-bezier(.2,.8,.2,1) var(--d,0s) both} @keyframes fw-draw{from{stroke-dashoffset:1}} @keyframes fw-pop{from{transform:scale(0);opacity:0}} @keyframes fw-grow{from{transform:scaleY(0)}} @keyframes fw-move{from{transform:translate(var(--dx,0),var(--dy,0))}} @keyframes fw-tilt{0%{transform:rotate(-9deg)}45%{transform:rotate(7deg)}75%{transform:rotate(-3deg)}100%{transform:rotate(0)}} @keyframes fw-flow{to{stroke-dashoffset:-10}} @keyframes fw-spin{from{transform:rotate(-270deg)}} @keyframes fw-blink{50%{opacity:0}} @keyframes fw-wave{from{opacity:0;transform:translateX(-4px)}} @keyframes fw-bub{0%{transform:translateY(2px);opacity:0}30%{opacity:1}100%{transform:translateY(-14px);opacity:0}} @keyframes fw-needle{from{transform:rotate(-100deg)}} @keyframes fw-drop{from{transform:translateY(-10px);opacity:0}} .a4m-fw .fw-sys.play .fw-sys-l{animation:fw-flow 1s linear var(--d,0s) 4} .a4m-fw .fw-sys.play .fw-sys-node{transform-box:fill-box;transform-origin:center;animation:fw-pop .5s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both} @media (max-width:979px){ .a4m-fw .fw-lib{grid-template-columns:minmax(0,1fr)} .a4m-fw nav.fw-side{position:static;max-height:none;padding:0;border:0} .a4m-fw nav.fw-side summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--line);border-radius:14px;font-weight:700;color:var(--head);cursor:pointer;list-style:none} .a4m-fw nav.fw-side summary::-webkit-details-marker{display:none} .a4m-fw nav.fw-side summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);transform:rotate(45deg);transition:transform .2s} .a4m-fw nav.fw-side details[open] summary::after{transform:rotate(-135deg)} .a4m-fw nav.fw-side details[open]>.fw-side-g{margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:14px} .a4m-fw .fw-side-h{display:none} .a4m-fw .fw-hero-hub{grid-template-columns:minmax(0,1fr)} .a4m-fw .fw-hero-art{display:none} } @media (prefers-reduced-motion:reduce){.a4m-fw .fw-i *,.a4m-fw .fw-sys *{animation:none!important}.a4m-fw .fw-card:hover{transform:none}} .a4m-fw input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none} .a4m-fw .fw-hero-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .a4m-fw .fw-hero .fw-hero-b .fw-btn{margin:0} .a4m-fw .fw-btn .fw-gl,.a4m-fw .fw-btn2 .fw-gl{width:17px;height:17px;margin-right:7px;stroke:currentColor} .a4m-fw .fw-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff} .a4m-fw .fw-btn-ghost:hover{background:rgba(255,255,255,.1)} .a4m-fw .fw-dlp{padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:var(--r);background:#fff} .a4m-fw .fw-dl-head{display:flex;gap:16px;align-items:center} .a4m-fw .fw-dl-head h2{font-size:clamp(1.3em,2.2vw,1.7em)} .a4m-fw .fw-dl-head p{margin-top:4px;color:var(--slate);max-width:64ch} .a4m-fw .fw-dlp .fw-ico-l{background:rgba(0,85,233,.08)} .a4m-fw .fw-dl-form{display:grid;gap:18px;margin-top:20px} .a4m-fw .fw-dl-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end} .a4m-fw .fw-seg legend,.a4m-fw .fw-pick legend{margin-bottom:6px;font-size:.86em;font-weight:600;color:var(--head)} .a4m-fw .fw-seg{display:flex;flex-wrap:wrap;gap:6px} .a4m-fw .fw-seg legend{width:100%} .a4m-fw .fw-seg label{position:relative;cursor:pointer} .a4m-fw .fw-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer} .a4m-fw .fw-seg span{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:.9em;font-weight:500;transition:background-color .2s,border-color .2s,color .2s} .a4m-fw .fw-seg input:checked+span{background:var(--head);border-color:var(--head);color:#fff} .a4m-fw .fw-seg input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px} .a4m-fw .fw-dl-go .fw-btn{min-width:180px} .a4m-fw .fw-mail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:end;padding-top:18px;border-top:1px solid var(--line)} .a4m-fw .fw-mail .fw-check{grid-column:1/-1} .a4m-fw .fw-mail .fw-send{grid-row:1;grid-column:2;min-height:42px} .a4m-fw .fw-check{display:flex;gap:10px;align-items:flex-start;font-size:.88em;color:var(--slate);cursor:pointer} .a4m-fw .fw-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue);flex:none} .a4m-fw .fw-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden} .a4m-fw .fw-dl-status{min-height:1.4em;font-size:.92em;color:var(--slate)} .a4m-fw .fw-dl-status.ok{color:#008F67;font-weight:600} .a4m-fw .fw-dl-status.err{color:#A84F40;font-weight:600} .a4m-fw .fw-dl-status.busy::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;vertical-align:-1px;animation:fw-turn .8s linear infinite} @keyframes fw-turn{to{transform:rotate(360deg)}} .a4m-fw .fw-dl-form.is-busy .fw-get,.a4m-fw .fw-dl-form.is-busy .fw-send{opacity:.6} .a4m-fw .fw-pick-a{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px} .a4m-fw .fw-pick-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:14px} .a4m-fw .fw-pick-c p{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.84em;font-weight:700;color:var(--head)} .a4m-fw .fw-pick-c p i{width:10px;height:10px;border-radius:3px;background:var(--gc)} .a4m-fw .fw-pick-c label{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 8px;border-radius:8px;font-size:.9em;cursor:pointer} .a4m-fw .fw-pick-c label:hover{background:var(--mist)} .a4m-fw .fw-pick-c input{width:17px;height:17px;margin:0;accent-color:var(--blue)} .a4m-fw .fw-pick-c label span{flex:1;min-width:0;overflow-wrap:anywhere;hyphens:auto} .a4m-fw .fw-worked{padding:1px 8px;border-radius:999px;background:rgba(121,61,247,.12);color:var(--violet);font-size:.78em;font-style:normal;font-weight:600} .a4m-fw .fw-side-dl{display:flex;align-items:center;gap:6px;margin-top:14px;padding:8px 10px;border-radius:10px;background:var(--mist);color:var(--head);font-weight:600;font-size:.88em;text-decoration:none} .a4m-fw .fw-side-dl .fw-gl{width:16px;height:16px;stroke:var(--blue)} .a4m-fw .fw-side-dl:hover{background:rgba(0,85,233,.1)} .a4m-fw .fw-status-l{margin-top:12px;max-width:260px} @media (max-width:760px){ .a4m-fw .fw-dl-opts{grid-template-columns:minmax(0,1fr)} .a4m-fw .fw-mail{grid-template-columns:minmax(0,1fr)} .a4m-fw .fw-mail .fw-send{grid-row:auto;grid-column:auto;justify-self:start} .a4m-fw .fw-dl-head{align-items:flex-start} } @media print{.a4m-fw .fw-dlp{display:none!important}} .wp-block-post-content:has(>.a4m-fw){margin-top:0!important;padding-top:0!important} .wp-block-post-content>.a4m-fw{margin-top:0!important;width:100%;max-width:1244px;padding-top:24px} .a4m-fw section,.a4m-fw .fw-card,.a4m-fw .fw-cta{scroll-margin-top:calc(var(--fw-top,110px) + 16px)} .a4m-fw .fw-hero>*{min-width:0} .a4m-fw p,.a4m-fw li,.a4m-fw label,.a4m-fw button{overflow-wrap:anywhere} .a4m-fw input:not([type=checkbox]):not([type=radio]),.a4m-fw select,.a4m-fw textarea{font-size:max(16px,.95em);max-width:100%;min-width:0;min-height:44px} .a4m-fw button,.a4m-fw .fw-seg span,.a4m-fw .fw-pick-c label,.a4m-fw .fw-side-ga,.a4m-fw .fw-side-g ol a{min-height:44px} .a4m-fw .fw-flow li{max-width:100%;min-width:0} .a4m-fw .fw-flow li b{min-width:0;overflow-wrap:anywhere} .a4m-fw .fw-hero-art{align-self:start} @media(max-width:560px){ .a4m-fw .fw-hero{padding:24px 18px} .a4m-fw .fw-hsearch{flex-wrap:wrap;padding:8px} .a4m-fw .fw-hsearch input{width:calc(100% - 36px);flex-basis:calc(100% - 36px)} .a4m-fw .fw-hsearch button{width:100%} .a4m-fw .fw-levels li{padding-left:0} .a4m-fw .fw-model{padding:14px} .a4m-fw .fw-dlp{padding:18px 14px} .a4m-fw .fw-dl-head{flex-direction:column} .a4m-fw .fw-dl-go .fw-btn{min-width:0;width:100%} .a4m-fw .fw-quad{padding-left:22px;font-size:.85em} .a4m-fw .fw-q{padding:8px;min-width:0} .a4m-fw .fw-ay{font-size:.85em;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)} } .a4m-fw .fw-sources h2{font-size:1.5em}.a4m-fw .fw-sources p,.a4m-fw .fw-sources ul{margin-top:12px}.a4m-fw .fw-sources li{margin:8px 0}