:root{--paper:#F8F6F4;--soft:#EFECE8;--panel:#EFECE8;--card:#FBFAF8;--ink:#0E1020;--ink2:#43475C;--mute:#5B6078;--line:#E6E2DC;--brand:#4F1AD6;--brand-d:#3A12A8;--green:#0B7A54;
--head:'Schibsted Grotesk','Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:18px;line-height:1.7;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}a{color:inherit}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--head);font-weight:600;letter-spacing:-.025em;line-height:1.12}

.sub-box{position:relative;overflow:hidden;border-radius:22px;padding:24px 22px 20px;margin:0 0 20px;background:#0E1020;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 50px -30px rgba(79,26,214,.7)}
.sub-box::before{content:"";position:absolute;right:-90px;top:-110px;width:300px;height:300px;background:radial-gradient(closest-side,rgba(142,107,255,.55),transparent 70%);pointer-events:none}
.sub-box::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.sub-box>*{position:relative;z-index:1}
.sub-box h3{font:600 21px var(--head);letter-spacing:-.02em;margin:14px 0 6px;text-transform:none;color:#fff}.sub-box p{font-size:14.5px;color:#BDBAD6;line-height:1.5;margin:0 0 16px}
.sub-box::marker{content:none}.sub-ic{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4F1AD6,#8E6BFF);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(142,107,255,.8)}.sub-ic svg{width:20px;height:20px}
.sub-box form{display:flex;flex-direction:column;gap:10px}.sub-box input[type=email]{height:46px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;border-radius:12px;padding:0 14px;font:inherit;font-size:15px;width:100%;outline:0;transition:border-color .15s,background .15s}.sub-box input[type=email]::placeholder{color:#8F8CAD}.sub-box input[type=email]:focus{border-color:#8E6BFF;background:rgba(255,255,255,.11)}
.sub-box button{height:46px;border:0;border-radius:12px;background:var(--card);color:#0E1020;font:600 15px var(--head);cursor:pointer;transition:background .15s,color .15s}.sub-box button:hover{background:#8E6BFF;color:#fff}.sub-box button[disabled]{opacity:.6}
.sub-box .fine{margin:12px 0 0;font-size:12.5px;color:#8F8CAD}.sub-box .msg.ok{color:#6CE0A6}.sub-box .msg.no{color:#FF9AA0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.msg{font-size:14px;margin-top:2px}.msg.ok{color:var(--green)}.msg.no{color:#C0262D}
.share{display:flex;gap:8px;align-items:center}.share span{font:600 12.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.share a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink)}.share a:hover{background:#000;color:#fff;border-color:#000}.share svg{width:16px;height:16px}
.by .cm{margin-left:auto;color:var(--mute);text-decoration:none;white-space:nowrap}.by .cm:hover{color:var(--ink)}
.bio{display:flex;gap:20px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:24px;margin:44px 0 22px}
.bio .av2{width:76px;height:76px;border-radius:50%;overflow:hidden;background:#7B2FF2;flex:none}.bio .av2 img{width:100%;height:100%;object-fit:cover;transform:scale(1.34)}
.bio small{display:block;font:500 12.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}.body .bio h3{margin:4px 0 8px;font-size:22px}.body .bio p{margin:0 0 8px;font-size:16px;color:var(--ink2);line-height:1.6}.bio a{font-weight:600}
.help{border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin:0 0 30px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.help b{font:600 18px var(--head)}.help .yn{display:flex;gap:8px}.help button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 22px;font:600 15px var(--sans);cursor:pointer}.help button:hover{background:#000;color:#fff;border-color:#000}
.cmts h2{margin:0 0 16px!important}.cmt{border-top:1px solid var(--line);padding:16px 0}.cmt b{font-weight:600}.cmt small{color:var(--mute);margin-left:8px}.cmt p{margin:6px 0 0}
.cmt-r{margin:10px 0 0 18px;padding:10px 14px;border-left:3px solid var(--brand);background:#F8F6F4;border-radius:0 10px 10px 0}.cmt-r b{font-size:14px}.cmt-r p{margin:4px 0 0}
.cform{display:grid;gap:10px;margin-top:18px}.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cform input,.cform textarea{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;width:100%}.cform textarea{min-height:120px;resize:vertical}.cform input:focus,.cform textarea:focus{outline:2px solid var(--brand);border-color:transparent}
.cform button{justify-self:start;height:46px;padding:0 26px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:600 16px var(--head);cursor:pointer}.cform button:hover{background:var(--brand-d)}.cform button[disabled]{opacity:.6}
.bigcta{background:var(--brand);color:#fff;margin:50px 0 0}.bigcta .wrap{padding-top:70px;padding-bottom:70px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.bigcta h2{font-size:clamp(30px,4vw,50px);max-width:720px;margin:0}.bigcta .btn{background:var(--card);color:#0E1020;height:54px}.bigcta .btn:hover{background:#000;color:#fff}
.fnews{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #26233A;padding-bottom:34px;margin-bottom:38px}.fnews b{font:600 22px var(--head);letter-spacing:-.02em;flex:1 1 280px}
.fnews form{display:flex;gap:8px;flex:1 1 380px;flex-wrap:wrap}.fnews input[type=email]{flex:1 1 220px;height:48px;border-radius:10px;border:1px solid #3A3750;background:#0E0D18;color:#fff;padding:0 16px;font:inherit}.fnews button{height:48px;padding:0 24px;border:0;border-radius:10px;background:var(--card);color:#0E1020;font:600 16px var(--head);cursor:pointer}.fnews .msg{flex-basis:100%;color:#C9C7DD}.fnews .msg.ok{color:#7BE3B0}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr .wrap{height:68px;display:flex;align-items:center;gap:28px}
.hdr .links{display:flex;gap:22px;font-size:16px;font-weight:500;color:var(--ink2)}.hdr .links a{text-decoration:none}.hdr .links a:hover{color:var(--ink)}
.hdr .r{margin-left:auto;display:flex;gap:10px;align-items:center}.hdr .login{font-size:16px;font-weight:500;padding:8px 10px;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:10px;font:600 16px var(--head);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.btn.sm{height:40px;padding:0 18px;font-size:15px;border-radius:8px}
.btn-p{background:var(--brand);color:#fff}.btn-p:hover{background:var(--brand-d)}
.btn-o{background:var(--card);border:1px solid var(--line)}.btn-o:hover{border-color:var(--ink)}
.btn-w{background:var(--card);color:var(--ink)}.btn-w:hover{background:#ECEAF8}
.btn-g{border:1px solid rgba(255,255,255,.4);color:#fff}.btn-g:hover{background:rgba(255,255,255,.1)}
/* article */
.crumbs{font-size:14px;color:var(--mute);padding:26px 0 0}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs span{margin:0 8px}
.art-h{padding:18px 0 28px;max-width:860px}
.tag{display:inline-flex;align-items:center;font:600 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#000;color:#fff;padding:3px 9px;border-radius:5px}
.art-h h1{font-size:clamp(36px,5.2vw,60px);margin-bottom:18px}.art-h h1 .tag{vertical-align:.55em;margin:0 0 0 12px}
.lead{font-size:clamp(18px,1.8vw,21px);color:var(--ink2);max-width:760px}
.by{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:15px;color:var(--mute)}.by b{color:var(--ink);font-weight:600}
.by .av{width:56px;height:56px;border-radius:50%;background:#7B2FF2;overflow:hidden;flex:none}.by .av img{width:100%;height:100%;object-fit:cover;transform:scale(1.34)}
.banner{border-radius:22px;border:1px solid #E1DBF8;background-color:#F4F1FE;background-image:radial-gradient(#D3CCF3 1.2px,transparent 1.4px);background-size:24px 24px;padding:40px 30px;margin:6px 0 10px;display:flex;justify-content:center}
.banner svg{width:100%;max-width:1000px;overflow:visible}.dg-m{display:none}
.layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:64px;padding:34px 0 40px;align-items:start;justify-content:space-between}
.side{position:sticky;top:92px;font-size:15px}.toc{margin-bottom:26px}.toc h3{font:600 13px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.toc a{display:block;padding:6px 0 6px 14px;border-left:2px solid var(--line);color:var(--ink2);text-decoration:none;line-height:1.35}.toc a:hover{color:var(--brand);border-color:var(--brand)}
.toc .sub a{padding-left:28px;font-size:14px}
.body{min-width:0;overflow-wrap:break-word}pre{max-width:100%}.body h2{font-size:clamp(28px,3.2vw,38px);margin:48px 0 16px;scroll-margin-top:90px}.body h2:first-child{margin-top:0}
.body h3{font-size:24px;margin:30px 0 10px;scroll-margin-top:90px}
.body p{margin:0 0 18px}.body ul,.body ol.plain{margin:0 0 20px 24px}.body li{margin:6px 0}
.body a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.body strong{font-weight:600}.body a.btn{text-decoration:none}.body a.btn-p,.body a.btn-g{color:#fff}.body a.btn-w,.body a.btn-o{color:var(--ink)}
.body code{font:500 15px var(--mono);background:#EEF0F4;color:#0E1020;padding:2px 7px;border-radius:6px}
pre{background:#0E1020;color:#E9E6FF;border-radius:14px;padding:44px 22px 20px;margin:0 0 22px;overflow:auto;font:400 14.5px/1.65 var(--mono);position:relative}
.body pre code{background:none;padding:0;color:inherit;font:inherit;white-space:pre}pre.q{padding-right:22px}.body pre.q code{white-space:pre-wrap}
.cp{position:absolute;top:10px;right:10px;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;font:500 12px var(--mono);padding:4px 10px;cursor:pointer;background:rgba(255,255,255,.06)}.cp:hover{background:rgba(255,255,255,.16)}
.step{border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin:0 0 22px;background:var(--card)}
.step .n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font:600 16px var(--head);margin-bottom:10px}
.step h3{margin:0 0 10px;font-size:23px}.step p:last-child,.step pre:last-child{margin-bottom:0}
.tabs{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 16px;font:500 14px var(--sans);cursor:pointer}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tp{display:none}.tp.on{display:block}
.note{border-left:5px solid #000;background:#F8F6F4;border-radius:0 14px 14px 0;padding:16px 20px;margin:0 0 22px;font-size:17px}.note b{color:#000}
.note.warn{border-color:#4F1AD6}.note.warn b{color:#4F1AD6}
table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:16px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font:600 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);background:var(--soft)}td:first-child{white-space:nowrap}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 26px}.facts div{border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:16px;line-height:1.5}.facts b{display:block;font:600 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}
.cta{background:var(--ink);color:#fff;border-radius:22px;padding:40px 36px;margin:44px 0 10px;text-align:left}
.cta h2{font-size:clamp(26px,3vw,36px);margin:0 0 10px;color:#fff}.cta p{color:#C9C7DD;margin:0 0 20px;max-width:560px}.cta .bt{display:flex;gap:12px;flex-wrap:wrap}
.rel{padding:20px 0 70px}.rel h2{font-size:30px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid var(--line);border-radius:18px;padding:24px;text-decoration:none;display:block;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--brand);transform:translateY(-2px)}
.card small{font:500 12.5px var(--mono);color:var(--mute);letter-spacing:.04em;text-transform:uppercase}.card h3{font-size:21px;margin:8px 0 8px}.card p{font-size:15.5px;color:var(--ink2);line-height:1.55}
html.ot-chrome body{padding-top:100px}
@media(max-width:700px){.body table,.body tbody,.body tr,.body td{display:block;white-space:normal;width:100%}.body thead{display:none}.body tr{border-bottom:1px solid var(--line);padding:12px 0}.body td{border:0;padding:2px 0}.body table code{word-break:break-all}pre{overflow-x:auto}}
html.ot-chrome header.hdr,html.ot-chrome .bigcta,html.ot-chrome footer{display:none}
footer{background:#000;color:#fff;border-radius:34px 34px 0 0;padding:64px 0 34px;margin-top:20px}
.fgrid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:30px}.fgrid h3{font:600 13px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#9C98B8;margin-bottom:12px}
.fgrid a{display:block;color:#E9E6FF;text-decoration:none;font-size:16px;padding:4px 0}.fgrid a:hover{color:#fff;text-decoration:underline}.fgrid p{color:#9C98B8;font-size:15.5px;margin-top:14px;max-width:300px;line-height:1.55}
.legal{margin-top:40px;padding-top:20px;border-top:1px solid #26233A;color:#8A86A6;font-size:14px}
@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr);gap:0}.layout>*{min-width:0}.side{position:static;margin-top:30px}.toc{display:none}.cform .row{grid-template-columns:1fr}.bio{flex-direction:column}.facts,.cards{grid-template-columns:minmax(0,1fr)}.fgrid{grid-template-columns:1fr 1fr 1fr}.hdr .links{display:none}.banner{padding:26px 14px}}
@media(max-width:700px){.dg-d{display:none}.banner svg.dg-m{display:block;max-width:340px}.banner{padding:26px 12px}}
@media(max-width:700px){.fgrid{grid-template-columns:1fr 1fr}.hdr .r .login{display:none}}
@media(max-width:560px){body{font-size:17px}.wrap{padding:0 18px}.step{padding:20px 18px}.hdr .login{display:none}.fgrid{grid-template-columns:1fr 1fr}table{display:block;overflow:auto}td:first-child{white-space:normal;word-break:break-word}}


.a2{--glow:#8E6BFF}
.a2 .wrap{max-width:1200px}
.a2 a{text-decoration-thickness:1px}
.a2-hero{padding:14px 0 0}
.a2-eyebrow{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin:14px 0 16px}
.a2-eyebrow span:first-child::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--brand);margin-right:10px}
.a2-hero h1{font-weight:600;font-size:clamp(36px,4.4vw,60px);letter-spacing:-.045em;line-height:1;max-width:1000px}
.a2-hero h1 em{font-style:normal;color:var(--brand)}
.a2-hero .lead{margin-top:18px;font-size:clamp(18px,1.6vw,22px);max-width:720px;color:var(--ink2)}
.a2-cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}
.a2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:10px;background:var(--brand);color:#fff!important;font:600 16px var(--head);letter-spacing:-.01em;text-decoration:none!important;transition:background .15s}.a2-btn:hover{background:var(--brand-d)}
.a2-link{font:600 16px var(--head);color:var(--ink);text-decoration:none!important;display:inline-flex;gap:8px;align-items:center}.a2-link:hover{color:var(--brand)}
.a2-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.a2-pills span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink2);border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px}.a2-pills svg{width:14px;height:14px}
/* the workflow picture */
.mx{margin:34px 0 0;border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden}
.mx-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.mx-top b{font-weight:500;border:1px solid var(--line);padding:4px 10px;border-radius:4px;color:var(--ink2)}
.mx-stage{position:relative;padding:34px 20px 8px;background-image:linear-gradient(#EEF0F5 1px,transparent 1px),linear-gradient(90deg,#EEF0F5 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px}
.mx svg{display:block;width:100%;max-width:980px;margin:0 auto;overflow:visible}
.nd{opacity:.38;transition:opacity .45s}.nd rect.b{fill:#fff;stroke:#D6D9E3;stroke-width:1.5;transition:stroke .45s}
.lk{fill:none;stroke:#C9CDDA;stroke-width:2;stroke-dasharray:5 6;transition:stroke .45s}
.mx[data-s="1"] .n-mcp,.mx[data-s="2"] .n-mcp,.mx[data-s="2"] .n-ot,.mx[data-s="3"] .n-ai,.mx[data-s="3"] .n-mcp,.mx[data-s="4"] .nd,.mx[data-s="5"] .n-mcp,.mx[data-s="5"] .n-gtm{opacity:1}
.mx[data-s="1"] .n-mcp rect.b,.mx[data-s="2"] .n-ot rect.b,.mx[data-s="3"] .n-ai rect.b,.mx[data-s="4"] .n-mcp rect.b,.mx[data-s="5"] .n-gtm rect.b{stroke:var(--brand);stroke-width:2.2}
.mx[data-s="2"] .l-ot,.mx[data-s="3"] .l-ai,.mx[data-s="4"] .lk,.mx[data-s="5"] .l-gtm{stroke:var(--brand);animation:mxd 1s linear infinite}
@keyframes mxd{to{stroke-dashoffset:-22}}
.mx-cap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center;padding:20px 24px 22px;border-top:1px solid var(--line);background:#fff;min-height:92px}
.mx-cap h3{font:600 20px var(--head);letter-spacing:-.02em;margin:0 0 4px}.mx-cap p{margin:0;color:var(--ink2);font-size:15.5px}
.mx-cap code{display:block;background:#0E1020;color:#E9E6FF;border-radius:10px;padding:12px 14px;font:400 13.5px/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;margin:0}
.mx-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.mx-tabs button{position:relative;text-align:left;padding:14px 18px 16px;border-right:1px solid var(--line);font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute);background:#fff;cursor:pointer}
.mx-tabs button:last-child{border-right:0}.mx-tabs button b{display:block;margin-top:5px;font:500 14.5px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.mx-tabs button i{position:absolute;left:0;top:0;height:2px;width:100%;background:var(--line)}.mx-tabs button i::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--brand);transform:scaleX(0);transform-origin:0 50%}
.mx-tabs button.on{color:var(--brand)}.mx-tabs button.on i::after{transform:scaleX(1);transition:transform 4.2s linear}.mx-tabs button.done i::after{transform:scaleX(1)}.mx.paused .mx-tabs button.on i::after{transition:none}
/* layout */
.a2-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:80px;padding:64px 0 30px;align-items:start;justify-content:space-between}
.a2-layout .side{position:sticky;top:104px;align-self:start}
.a2 .toc h3{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.a2 .toc a{display:flex;gap:12px;padding:7px 0;border-left:0;color:var(--ink2);text-decoration:none;line-height:1.3;font-size:15px;transition:color .15s}
.a2 .toc a span{font:500 12px var(--mono);color:var(--mute);padding-top:2px;min-width:20px}
.a2 .toc a:hover,.a2 .toc a.on{color:var(--ink)}.a2 .toc a.on{font-weight:600}.a2 .toc a.on span{color:var(--brand)}
.a2 .toc .sub{display:none;padding-left:32px}.a2 .toc.cfg .sub{display:block}.a2 .toc .sub a{font-size:14px;padding:4px 0}.a2 .toc .sub a.on{color:var(--brand)}
.a2-prog{height:2px;background:var(--line);margin:0 0 18px}.a2-prog i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--rp,0));background:var(--brand)}
.a2 .sub-box{margin:22px 0 0;padding:16px;border-radius:14px;background:#0E1020;box-shadow:none}.a2 .sub-box::before,.a2 .sub-box::after,.a2 .sub-box .sub-ic,.a2 .sub-box>p:not(.fine){display:none}
.a2 .sub-box h3{font:600 16px var(--head);margin:0 0 10px}.a2 .sub-box form{flex-direction:row;gap:8px;flex-wrap:wrap}.a2 .sub-box input[type=email]{height:40px;flex:1 1 130px;min-width:0;font-size:14px}.a2 .sub-box button{height:40px;padding:0 14px;font-size:14px}.a2 .sub-box .msg{flex-basis:100%}
.a2 .sub-box .fine{display:block;margin:10px 0 0;font-size:12px}
.a2 .share{margin-top:18px}
.a2-toc-m{display:none}
/* article text */
.a2 .body{font-size:18px}
.a2 .sl{font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);display:flex;align-items:center;gap:10px;margin:60px 0 12px}.a2 .sl:first-child{margin-top:0}
.a2 .sl::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--brand)}.a2 .sl em{font-style:normal;color:var(--mute)}
.a2 .body h2{font-weight:600;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;line-height:1.06;margin:0 0 20px;scroll-margin-top:96px}
.a2 .body .def{font-size:21px;line-height:1.55;color:var(--ink);margin:0 0 30px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.a2-rows{border-top:1px solid var(--line);margin:0 0 20px}.a2-row{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.a2-row code{background:none;padding:0;font:500 14px var(--mono);color:var(--ink);word-break:break-all}.a2-row p{margin:0;font-size:16.5px;color:var(--ink2);line-height:1.5}.a2-row em{font-style:normal;font:500 11.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--brand);margin-left:6px;white-space:nowrap}
.a2-prompts{border-top:1px solid var(--line);margin:0 0 20px}
.a2-prompt{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font:400 15.5px/1.5 var(--mono);color:var(--ink)}
.a2-prompt::before{content:">";color:var(--brand);font-weight:600}.a2-prompt span{flex:1}.a2-prompt button{flex:none;border:1px solid var(--line);border-radius:6px;font:500 12px var(--mono);padding:5px 10px;color:var(--ink2);background:#fff;cursor:pointer}.a2-prompt button:hover{border-color:var(--ink);color:var(--ink)}
.a2-3{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 28px;border-top:1px solid var(--line)}
.a2-3 div{padding:20px 22px 6px 0}.a2-3 div+div{padding-left:22px;border-left:1px solid var(--line)}.a2-3 span{font:500 12px var(--mono);color:var(--brand)}.a2-3 b{display:block;font:600 19px var(--head);letter-spacing:-.015em;margin:8px 0 6px}.a2-3 p{margin:0;font-size:15.5px;color:var(--ink2);line-height:1.5}
.a2-vs{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}.a2-vs th{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:none;border-bottom:1px solid var(--ink);padding:10px 14px 10px 0;text-align:left}.a2-vs th:last-child{color:var(--brand)}
.a2-vs td{padding:14px 14px 14px 0;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;white-space:normal}.a2-vs td:first-child{font-weight:600;width:24%}.a2-vs td:last-child{color:var(--ink)}
.a2-need{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px;padding:0;list-style:none}.a2 .body .a2-need{margin-left:0}.a2-need li{margin:0;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:15.5px}.a2-need li a{text-decoration:none}
/* steps */
.a2-steps{position:relative;padding-left:54px;margin:0 0 20px;--p:0}
.a2-steps::before{content:"";position:absolute;left:16px;top:16px;bottom:30px;width:2px;background:var(--line)}
.a2-steps::after{content:"";position:absolute;left:16px;top:16px;width:2px;height:calc((100% - 46px) * var(--p));background:var(--brand)}
.a2-steps .step{position:relative;margin:0 0 20px;border:1px solid var(--line);border-radius:20px;padding:24px 26px;background:#fff;box-shadow:none;transition:border-color .25s}
.a2-steps .step .n{position:absolute;left:-54px;top:18px;margin:0;width:34px;height:34px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;border:0;border-radius:50%;box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--line);background:#fff;color:var(--ink);font:500 14px var(--mono);z-index:3}
.a2-steps .step.on{border-color:#CFC4F7}.a2-steps .step.on .n,.a2-steps .step.past .n{background:var(--brand);color:#fff;box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--brand)}
.a2-steps .step h3{font:600 22px var(--head);letter-spacing:-.025em;margin:0 0 10px}
.a2-term{background:#0E1020;border-radius:10px;padding:14px 16px;font:400 14px/1.7 var(--mono);color:#E9E6FF;margin:0 0 18px;overflow:auto}.a2-term .g{color:#6CE0A6}.a2-term .m{color:#8E8CAE}
.a2-list{margin:0 0 20px;padding:0;list-style:none;border-top:1px solid var(--line)}.a2 .body .a2-list{margin-left:0}.a2-list li{margin:0;padding:13px 0 13px 28px;border-bottom:1px solid var(--line);position:relative;font-size:16.5px}.a2-list li::before{content:"";position:absolute;left:2px;top:21px;width:10px;height:10px;border-radius:2px;background:var(--brand)}
.a2-faq{border-top:1px solid var(--line)}.a2-faq details{border-bottom:1px solid var(--line)}.a2-faq summary{list-style:none;cursor:pointer;padding:20px 0;font:600 19px var(--head);letter-spacing:-.015em;display:flex;justify-content:space-between;gap:16px;align-items:center}
.a2-faq summary::-webkit-details-marker{display:none}.a2-faq summary::after{content:"+";font:300 28px var(--sans);color:var(--ink2);line-height:1}.a2-faq details[open] summary::after{content:"\2212"}.a2-faq details p{padding:0 0 20px;margin:0;color:var(--ink2);max-width:640px}
.a2-end{border:1px solid var(--line);border-radius:22px;padding:40px 36px;margin:70px 0 10px;display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap;background:#fff}
.a2-end h2{margin:0!important;font-size:clamp(26px,3vw,38px)!important;max-width:520px}.a2-end p{margin:10px 0 0;color:var(--ink2);max-width:480px}
@media(max-width:980px){.a2-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:34px}.a2-layout .side{position:static;margin-top:30px}.a2 .toc,.a2-prog{display:none}.a2-toc-m{display:block;border:1px solid var(--line);border-radius:12px;background:#fff;margin:0 0 30px}.a2-toc-m summary{cursor:pointer;list-style:none;padding:14px 16px;font:500 13px var(--mono);letter-spacing:.05em;text-transform:uppercase}.a2-toc-m summary::-webkit-details-marker{display:none}.a2-toc-m div{padding:0 16px 10px}.a2-toc-m a{display:block;padding:9px 0;color:var(--ink2);text-decoration:none;border-top:1px solid var(--line)}
.a2-3{grid-template-columns:1fr}.a2-3 div,.a2-3 div+div{padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.mx-cap{grid-template-columns:1fr;gap:14px;padding:16px}.mx-tabs{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.mx-tabs button{padding:12px 6px 12px 10px;font-size:10.5px}.mx-tabs button b{display:none}.mx-stage{padding:22px 8px 4px}.a2-row{grid-template-columns:1fr;gap:6px}.a2-steps{padding-left:40px}.a2-steps::before,.a2-steps::after{left:9px}.a2-steps .step{padding:20px 18px}.a2-steps .step .n{left:-40px;width:26px;height:26px;font-size:12px;box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--line)}
.a2-vs,.a2-vs tbody,.a2-vs tr,.a2-vs td{display:block;width:100%}.a2-vs thead{display:none}.a2-vs tr{border-bottom:1px solid var(--line);padding:6px 0}.a2-vs td{border:0;padding:5px 0}.a2-vs td:first-child{width:100%;padding-top:10px}.a2-vs td:nth-child(2)::before{content:"By hand: ";font-weight:600;color:var(--mute)}.a2-vs td:last-child::before{content:"With MCP: ";font-weight:600;color:var(--brand)}
.a2-end{padding:28px 22px}.a2-prompt{font-size:13.5px;flex-wrap:wrap}.a2 .body{font-size:17px}.a2 .sl{margin-top:56px}}
@media(prefers-reduced-motion:reduce){.lk,.mx-tabs button.on i::after{animation:none;transition:none}}
/* big screens: 27 and 30 inch displays get a wider page and larger text, not a small page in the middle */
@media(min-width:1700px){.a2-hero h1{font-size:clamp(60px,3.8vw,88px);max-width:1300px}.a2 .wrap{max-width:1480px}.a2-layout{grid-template-columns:minmax(0,860px) 300px}.a2 .body{font-size:20px}.a2 .body .def{font-size:24px}.a2-hero .lead{font-size:24px;max-width:820px}.a2-row p{font-size:18px}.a2 .toc a{font-size:16px}.a2-steps .step h3{font-size:25px}.a2-faq summary{font-size:21px}.mx svg{max-width:1100px}.a2-hero h1{font-size:clamp(84px,4.6vw,112px)}}
@media(min-width:2200px){.a2 .wrap{max-width:1720px}.a2-layout{grid-template-columns:minmax(0,1020px) 340px}.a2 .body{font-size:23px}.a2 .body .def{font-size:28px}.a2-hero .lead{font-size:28px;max-width:980px}.a2-row p{font-size:21px}.a2-row code{font-size:16px}.a2-row{grid-template-columns:minmax(0,320px) minmax(0,1fr)}.a2 .toc a{font-size:18px}.a2-prompt{font-size:18px}.a2-faq summary{font-size:24px}.a2-steps .step h3{font-size:28px}.mx svg{max-width:1300px}.a2-hero h1{font-size:120px;max-width:1700px}.a2 .body h2{font-size:52px}.a2-vs{font-size:19px}.a2-3 p{font-size:18px}.a2-3 b{font-size:22px}.a2-need li{font-size:18px}}


.a2-upd{margin:16px 0 0;color:var(--mute);font-size:14.5px}.a2-eyebrow{font:500 14px var(--sans);letter-spacing:0;text-transform:none;gap:8px;margin:12px 0 14px}
.a2-eyebrow span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 13px}.a2-eyebrow span:first-child::before{display:none}
.a2 .sl{display:none}.a2 .toc a span{display:none}
.a2 .toc h3{font:600 15px var(--head);letter-spacing:-.01em;text-transform:none;color:var(--ink);margin:0 0 10px}.a2 .toc a{padding:7px 0 7px 14px;border-left:2px solid var(--line);font-size:15px}.a2 .toc a.on{border-color:var(--brand);color:var(--brand)}.a2 .toc .sub{padding-left:14px}.a2 .toc .sub a{padding-left:16px}
.a2 .body h2{margin-top:56px}.a2 .body .def+h2{margin-top:0}
.a2-logos{display:flex;align-items:center;gap:14px 34px;flex-wrap:wrap;margin-top:34px;color:var(--ink2);font-size:14.5px}.a2-logos img{height:28px;width:auto}
.a2-rows{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0}
.a2-row{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px}
.a2-row code{font:600 15px var(--mono)}.a2-row p{font-size:16px}.a2-row em{display:inline-block;margin:8px 0 0;background:var(--brand);color:#fff;border-radius:999px;padding:2px 10px;font:600 12px var(--sans);letter-spacing:0;text-transform:none}
.a2-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border:0}.a2-3 div,.a2-3 div+div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.a2-3 span{display:none}.a2-3 b{margin-top:0}
.a2-prompts{border:0;display:grid;gap:10px}.a2-prompt{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.a2-vs{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;border-collapse:separate;border-spacing:0}.a2-vs th{padding:14px 18px;background:#fff;border-bottom:1px solid var(--line);color:var(--ink2);font:600 14px var(--sans);letter-spacing:0;text-transform:none}.a2-vs td{padding:14px 18px}.a2-vs tr:last-child td{border-bottom:0}
.a2-list{border:0;display:grid;gap:10px}.a2 .body .a2-list li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px 14px 40px;font-size:16.5px}.a2-list li::before{left:18px;top:21px}
.a2-faq{border:0}.a2-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:0 20px}.a2-faq summary{padding:18px 0}
.a2-end h2,.a2-end p{color:#fff}.a2-end p{opacity:1}.a2-end .a2-btn{background:#FFB93B;color:#0E1020!important}.a2-end .a2-btn:hover{background:#fff;color:#0E1020!important}.a2-end .a2-link{color:#fff}
.a2-steps .step{border-radius:20px}
.a2-fig{position:relative;margin:30px 0 0;border-radius:28px;padding:56px 34px;display:flex;justify-content:center;background-size:cover;background-position:center;overflow:hidden;animation:a2in 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes a2in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}

.a2-fig svg{width:100%;max-width:880px;overflow:visible}.a2-fig .dg-m{display:none}
.ani .fl{fill:none;stroke:#4F1AD6;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 9;animation:a2fl 1.1s linear infinite}
@keyframes a2fl{to{stroke-dashoffset:-15}}
.ani .pk{opacity:0;offset-rotate:0deg}
.ani .pa{animation:a2pa 5s ease-in-out infinite}.ani .pb{animation:a2pb 5s ease-in-out infinite}
@keyframes a2pa{0%{offset-distance:0%;opacity:0}4%{opacity:1}26%{offset-distance:100%;opacity:1}30%{offset-distance:100%;opacity:0}100%{offset-distance:100%;opacity:0}}
@keyframes a2pb{0%,32%{offset-distance:0%;opacity:0}36%{opacity:1}60%{offset-distance:100%;opacity:1}64%{offset-distance:100%;opacity:0}100%{offset-distance:100%;opacity:0}}
.ani .pls{fill:none;stroke:#4F1AD6;stroke-width:2.4;opacity:0;transform-box:fill-box;transform-origin:center;animation:a2pls 6s infinite}
@keyframes a2pls{0%,14%{opacity:0;transform:scale(1)}16%{opacity:.7}26%{opacity:0;transform:scale(1.1)}100%{opacity:0;transform:scale(1.1)}}
.ani .ok{opacity:0;animation:a2ok 6s infinite}.ani .ok{transform-box:fill-box}
@keyframes a2ok{0%,38%{opacity:0}42%{opacity:1}88%{opacity:1}96%,100%{opacity:0}}
.ani .lb{opacity:0}.ani .la{animation:a2la 6s infinite}.ani .lb2{animation:a2lb 6s infinite}
@keyframes a2la{0%{opacity:0}3%{opacity:1}15%{opacity:1}18%,100%{opacity:0}}
@keyframes a2lb{0%,24%{opacity:0}28%{opacity:1}40%{opacity:1}44%,100%{opacity:0}}
@media(min-width:1100px){.a2-hero h1{font-size:clamp(40px,4.4vw,68px);max-width:1000px}.a2-hero .lead{max-width:760px}.a2-fig{margin-top:34px}}
@media(min-width:1700px){.a2-hero h1{font-size:clamp(64px,3.9vw,92px);max-width:1300px}}
@media(max-width:700px){.a2-fig{padding:26px 14px;border-radius:22px}.a2-fig .dg-d{display:none}.a2-fig .dg-m{display:block;max-width:340px}}
@media(min-width:1700px){.a2-fig svg{max-width:1100px}}
@media(prefers-reduced-motion:reduce){.ani .fl,.ani .pk,.ani .pls,.ani .lb{animation:none}.ani .ok{animation:none;opacity:1}}
@media(max-width:760px){.a2-rows,.a2-3{grid-template-columns:1fr}}
/* clear difference: text is flat, clickable things look like buttons or links */
.a2-rows{display:block;border-top:1px solid var(--line)}
.a2-row{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:22px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0}
.a2-row code{font:600 14.5px var(--mono);background:none;padding:0;color:var(--ink)}.a2-row p{margin:0;color:var(--ink2)}
.a2-row em{display:inline;margin:0 0 0 8px;background:none;color:var(--brand);padding:0;font:600 13px var(--sans);border-bottom:1px dashed var(--brand)}
.a2-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.a2-3 div,.a2-3 div+div{background:none;border:0;border-radius:0;padding:20px 22px 6px 0}.a2-3 div+div{border-left:1px solid var(--line);padding-left:22px}
.a2-3 span{display:block;font:500 12px var(--mono);color:var(--brand)}
.a2 .body .a2-list{display:block;border-top:1px solid var(--line)}
.a2 .body .a2-list li{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 0 13px 26px}.a2-list li::before{left:2px;top:21px}
.a2-prompts{display:grid;gap:10px;border:0}
.a2-prompt{background:#0E1020;color:#E9E6FF;border:1px solid #0E1020;border-radius:14px;padding:12px 12px 12px 18px;cursor:pointer;transition:border-color .15s,transform .15s}
.a2-prompt:hover{border-color:#8E6BFF;transform:translateY(-1px)}
.a2-prompt::before{color:#8E6BFF}
.a2-prompt button{background:var(--brand);border:0;color:#fff;border-radius:9px;font:600 13px var(--sans);padding:9px 16px;cursor:pointer}.a2-prompt button:hover{background:#fff;color:#0E1020}
.a2-prompt span{font-size:15px}
.a2 .bio{border:0;background:none;padding:10px 0 0;margin:34px 0 0;border-top:1px solid var(--line);border-radius:0}
.a2 .bio a{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:10px;border:1.5px solid var(--ink);color:var(--ink);font:600 14.5px var(--head);text-decoration:none;margin:4px 8px 0 0;transition:background .15s,color .15s}.a2 .bio a:hover{background:var(--ink);color:#fff}
.a2 .rel .card,.a2 .card{position:relative;display:block;border:1.5px solid var(--ink);border-radius:18px;padding:22px 56px 22px 24px;background:#fff;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.a2 .card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 16px 30px -22px rgba(79,26,214,.8)}
.a2 .card::after{content:"\2192";position:absolute;right:20px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;transition:background .15s}
.a2 .card:hover::after{background:var(--brand)}.a2 .card h3{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.a2-faq details{border:1.5px solid var(--ink);border-radius:14px;background:#fff;padding:0 18px}.a2-faq summary{cursor:pointer}.a2-faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font:500 20px var(--sans)}
.a2-faq details[open] summary::after{content:"\2212"}.a2-faq details[open]{border-color:var(--brand)}.a2-faq details[open] summary::after{background:var(--brand)}

/* calmer: clickable = soft card that lifts, with a small purple arrow or plus; no heavy black outlines */
.a2 .rel .card,.a2 .card{border:1px solid var(--line);border-radius:20px;padding:22px 60px 22px 24px;box-shadow:0 1px 0 rgba(14,16,32,.03)}
.a2 .rel .card:hover,.a2 .card:hover{border-color:#CFC4F7;box-shadow:0 18px 36px -24px rgba(79,26,214,.55);transform:translateY(-2px)}
.a2 .card::after{content:"\2192";background:#EEEAFD;color:var(--brand);width:34px;height:34px;margin-top:-17px;font-size:17px;right:20px}
.a2 .card:hover::after{background:var(--brand);color:#fff}
.a2 .card h3{text-decoration:none}.a2 .card:hover h3{color:var(--brand)}
.a2-faq details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 20px;transition:border-color .15s}
.a2-faq details:hover{border-color:#CFC4F7}.a2-faq details[open]{border-color:#CFC4F7;background:#fff}
.a2-faq summary::after{width:30px;height:30px;background:#EEEAFD;color:var(--brand);font:500 20px var(--sans);transition:background .15s,color .15s}
.a2-faq summary:hover::after{background:var(--brand);color:#fff}
.a2-faq details[open] summary::after{background:var(--brand);color:#fff}
.a2 .bio p a+a,.a2 .bio a{margin-right:8px}.a2 .bio a{border:1px solid var(--line);color:var(--brand);background:#fff}.a2 .bio a:hover{border-color:var(--brand);background:var(--brand);color:#fff}
.a2-prompt{background:#0E1020;border:1px solid #0E1020}
.a2-prompt:hover{border-color:#4F1AD6;transform:none}

/* Why use it: big rows with a small picture each */
.why{margin:6px 0 10px;display:grid;gap:34px}
.wy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center}.wy.rev .wt{order:2}
.wt span{display:inline-block;font:600 13px var(--mono);color:#fff;background:var(--brand);border-radius:999px;padding:3px 11px;margin-bottom:14px;letter-spacing:.04em}
.wt h3{font:600 clamp(26px,2.6vw,36px) var(--head);letter-spacing:-.03em;line-height:1.1;margin:0 0 14px}
.wt p{margin:0;font-size:17.5px;line-height:1.65;color:var(--ink2)}
.wv{margin:0!important;padding:30px 24px!important;min-height:230px;display:flex;align-items:center}
.wv .card2{width:100%;background:#fff;border-radius:18px;padding:20px;box-shadow:0 26px 50px -28px rgba(14,16,32,.55);font-size:15px}
.bar{position:relative;border-radius:12px;padding:13px 16px;margin:0 0 12px;overflow:hidden;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;background:#F3F4F7}
.bar i{position:absolute;left:0;top:0;bottom:0;background:#FFE3A8;width:0;animation:wy1 5s ease-in-out infinite;z-index:0}.bar.b2 i{background:#C9B8FF;animation-name:wy2}
.bar b,.bar em{position:relative;z-index:1}.bar b{font-weight:600}.bar em{font-style:normal;color:var(--ink2);font-size:14px}
@keyframes wy1{0%{width:0}60%,90%{width:100%}100%{width:100%}}@keyframes wy2{0%{width:0}14%,90%{width:22%}100%{width:22%}}
.msg1{margin-left:auto;width:max-content;max-width:90%;background:#0E1020;color:#fff;padding:9px 14px;border-radius:14px 14px 3px 14px;margin-bottom:10px;font-weight:500}
.msg2{display:flex;gap:10px;align-items:center;background:#F3F4F7;border-radius:12px;padding:9px 12px;margin-bottom:8px;opacity:0;animation:wy3 6s ease-in-out infinite}.msg2:nth-of-type(3){animation-delay:1.2s}.msg2 img{flex:none}
@keyframes wy3{0%,8%{opacity:0;transform:translateY(8px)}18%,92%{opacity:1;transform:none}100%{opacity:0}}
.ws{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ws b{font:600 17px var(--head)}.ws em{font:600 12px var(--sans);font-style:normal;color:#fff;background:#0B7A54;border-radius:999px;padding:3px 10px}
.ws2{color:var(--ink2);font-size:14px;margin-bottom:16px}
.pub{display:flex;align-items:center;gap:12px;border:1px dashed #BFC4D2;border-radius:12px;padding:12px 14px;font-weight:600;color:var(--mute)}.pub u{text-decoration:none;font-weight:500;font-size:13.5px;margin-left:auto;color:var(--ink2);animation:wy4 2.4s ease-in-out infinite}
@keyframes wy4{50%{opacity:.35}}
@media(max-width:860px){.wy{grid-template-columns:1fr;gap:18px}.wy.rev .wt{order:0}.wv{min-height:0}.why{gap:30px}}
@media(prefers-reduced-motion:reduce){.bar i{animation:none;width:100%}.bar.b2 i{width:22%}.msg2{animation:none;opacity:1}.pub u{animation:none}}

.a2 .share{display:flex;align-items:center;gap:10px;margin:18px 0 0;flex-wrap:wrap}.a2 .share>span{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);width:100%}
.a2 .share a,.a2 .share button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.a2 .share a:hover,.a2 .share button:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-2px)}.a2 .share svg{width:18px;height:18px}

/* tools: each tool is a card with a colour band that shows the request you would type (information only, not clickable) */
.tcs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 6px}
.tc{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:default}
.tb{display:flex;align-items:center;justify-content:flex-end;min-height:0;padding:12px 16px}
.tb.amber{background:#FFB93B}.tb.purple{background:var(--brand)}.tb.green{background:#0B7A54}.tb.blue{background:#3D63F5}
.tq{background:#0E1020;color:#fff;font:500 13.5px var(--sans);padding:6px 12px;border-radius:14px 14px 3px 14px;max-width:94%}
.tx{padding:14px 18px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.tc code{font:500 12.5px var(--mono);color:var(--mute);background:none;padding:0;word-break:break-all}
.tc h3{font:600 18px var(--head);letter-spacing:-.02em;line-height:1.2;margin:0}
.tc p{margin:0;font-size:15px;line-height:1.5;color:var(--ink2)}
.tc em{align-self:flex-start;margin-top:4px;font:600 12px var(--sans);font-style:normal;color:#fff;background:var(--ink);border-radius:999px;padding:3px 11px}
.tc.wide{grid-column:1/-1;flex-direction:row;align-items:center;background:#0E1020;border-color:#0E1020;padding:16px 20px;gap:18px}
.tc.wide .tx{padding:0}.tc.wide code{color:#9C98B8}.tc.wide h3{color:#fff}.tc.wide p{color:#C9C7DD}.tc.wide em{margin:0 0 0 auto;background:#fff;color:var(--ink);flex:none;align-self:center}
@media(max-width:760px){.tcs{grid-template-columns:1fr}.tc.wide{flex-direction:column;align-items:flex-start}.tc.wide em{margin:0}.tb{min-height:0}}
@media(max-width:760px){.a2-row{grid-template-columns:1fr;gap:4px}.a2-3{grid-template-columns:1fr}.a2-3 div,.a2-3 div+div{border-left:0;border-bottom:1px solid var(--line);padding:16px 0}.a2 .card{padding-right:52px}}

/* richer blocks: colour stages with hand-drawn loops, floating labels, numbers, colour CTA */
.a2-fig .figin{width:100%;background:#fff;border-radius:22px;padding:30px 20px;box-shadow:0 30px 60px -30px rgba(14,16,32,.5);display:flex;justify-content:center}
.chp{position:absolute;background:#fff;color:#0E1020;font:600 14px var(--sans);padding:8px 14px 8px 28px;border-radius:999px;box-shadow:0 12px 24px -14px rgba(14,16,32,.5);white-space:nowrap;animation:a2fy 6s ease-in-out infinite}
.chp::before{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:2px;background:var(--brand)}
.chp.c1{left:5%;top:11px;transform:rotate(-3deg)}.chp.c2{left:34%;top:6px;animation-delay:-1.2s;transform:rotate(2deg)}.chp.c3{right:8%;top:14px;animation-delay:-2.4s;transform:rotate(-2deg)}.chp.c4{left:9%;bottom:12px;animation-delay:-3.2s;transform:rotate(2deg)}.chp.c5{right:12%;bottom:10px;animation-delay:-4.4s;transform:rotate(-3deg)}
@keyframes a2fy{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:900px){.chp{display:none}.a2-fig{padding:26px 14px}}
.nums{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 30px;background:#0E1020;border-radius:18px;overflow:hidden}
.nums div{display:flex;align-items:baseline;gap:9px;padding:15px 18px;border-left:1px solid rgba(255,255,255,.12);white-space:nowrap}.nums div:first-child{border-left:0}
.nums b{display:inline;font:600 28px var(--head);letter-spacing:-.03em;line-height:1;margin:0;color:#fff}.nums span{font-size:14px;color:#C9C7DD}
@media(max-width:760px){.nums{grid-template-columns:1fr 1fr}.nums div{padding:13px 16px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.nums div:nth-child(-n+2){border-top:0}.nums div:nth-child(even){border-left:1px solid rgba(255,255,255,.12)}}
.a2-end{position:relative;overflow:hidden;text-align:center;justify-content:center;flex-direction:column;border:0;border-radius:28px;padding:64px 34px;margin:44px 0 6px;background-size:cover;background-position:center}
.a2-end h2{margin:0 auto!important;max-width:620px}.a2-end p{margin:12px auto 24px;max-width:520px}.a2-end .a2-cta-row{justify-content:center}
@media(max-width:760px){.a2-end{padding:40px 20px}}
.a2 .sub-box.stg-purple{background-color:#4F1AD6;border:0;padding:22px 20px 18px;background-size:cover}
.a2 .sub-box h3{color:#fff;font-size:19px}.a2 .sub-box .fine{color:rgba(255,255,255,.8)}
.a2 .sub-box input[type=email]{background:#fff;border:0;color:#0E1020}.a2 .sub-box input[type=email]::placeholder{color:#7B8096}
.a2 .sub-box button{background:#FFB93B;color:#0E1020}.a2 .sub-box button:hover{background:#0E1020;color:#fff}
.nospam{display:inline-block;font:italic 700 15px var(--sans);color:#FFB93B;transform:rotate(-5deg);margin:0 0 6px}
.faqh{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:44px 0 14px}.faqh h2{margin:0!important}.faqh svg{flex:none;width:150px;height:auto}
@media(max-width:620px){.faqh svg{display:none}}
.a2 .stage{margin-bottom:18px}

.kt{border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:16px;background:#fff;padding:22px 26px;margin:0 0 34px}
.kt b{display:block;font:600 19px var(--head);letter-spacing:-.02em;margin-bottom:10px}.kt ul{margin:0;padding:0;list-style:none}.kt li{position:relative;padding:5px 0 5px 22px;font-size:17px;line-height:1.55}.kt li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:8px;border-radius:2px;background:var(--brand)}
.a2-shot{margin:22px 0 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.a2-shot img{display:block;width:100%;height:auto}.a2-shot figcaption{padding:12px 18px;font-size:14.5px;color:var(--ink2);border-top:1px solid var(--line)}
/* tighter rhythm: no big gaps */
.a2 .body h2{margin-top:44px;margin-bottom:14px}.a2 .body .kt+h2{margin-top:0}.a2 .body p{margin-bottom:14px}
.a2-layout{padding-top:36px;gap:56px}.a2-hero .lead{margin-top:14px}.a2-upd{margin:12px 0 0}
.a2-row{padding:18px 22px;gap:6px}.a2-row em{display:table;margin:8px 0 0}
.a2-3 div,.a2-3 div+div{padding:18px 20px}
.a2-list{gap:8px}.a2 .body .a2-list li{padding:12px 16px 12px 38px;margin:0}
.a2-faq details{margin-bottom:8px}.a2-end{margin:40px 0 6px;padding:32px 30px}
.a2-steps .step{margin-bottom:16px;padding:22px 24px}
.a2-fig{margin-top:24px}
@media(max-width:980px){.a2-layout{padding-top:24px}}
@media(max-width:760px){.kt{padding:18px}.kt li{font-size:16px}.a2 .body h2{margin-top:36px}.a2-end{padding:26px 20px}}
@media(min-width:2200px){.kt li{font-size:21px}.kt b{font-size:23px}}



.a2-fig.stg-lilac{border:1px solid #E1DBF8;background-color:#F4F1FE;background-image:radial-gradient(#D3CCF3 1.2px,transparent 1.4px);background-size:24px 24px}
.pfig{position:relative;margin:26px 0 0;border-radius:28px;padding:34px 30px;display:flex;justify-content:center;overflow:hidden;background-size:cover;background-position:center;animation:a2in .9s cubic-bezier(.2,.7,.2,1) both}
.pfig .figin{width:100%;background:var(--card);border-radius:22px;padding:14px 18px;box-shadow:0 30px 60px -30px rgba(14,16,32,.5);display:flex;justify-content:center}
.pfig svg{width:100%;max-width:920px;overflow:visible}
.pfig .nd{opacity:1}.pfig .nd .b{fill:#fff;stroke:#D6D9E3;stroke-width:1.5}.pfig .nd:nth-of-type(2) .b{stroke:#4F1AD6;stroke-width:2.2}
.pfig .lk{fill:none;stroke:#4F1AD6;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 9;animation:a2fl 1.1s linear infinite}
.pfig .pk{opacity:0;offset-rotate:0deg}.pfig .pa{animation:a2pa 5s ease-in-out infinite}.pfig .pb{animation:a2pb 5s ease-in-out infinite}
.pfig .gr{transform-box:fill-box;transform-origin:0 50%;animation:pgr 5s ease-in-out infinite}.pfig .g1{animation-delay:.25s}.pfig .g2{animation-delay:.5s}.pfig .g3{animation-delay:.75s}
@keyframes pgr{0%{transform:scaleX(0)}35%,88%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.pfig .st .b{fill:#fff;stroke:#D6D9E3;stroke-width:1.5}.pfig .st{opacity:0;animation:pst 6s ease-in-out infinite}.pfig .s1{animation-delay:.3s}.pfig .s2{animation-delay:.6s}.pfig .s3{animation-delay:.9s}.pfig .s4{animation-delay:1.2s}
@keyframes pst{0%{opacity:0;transform:translateY(14px)}12%,90%{opacity:1;transform:none}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.pfig .lk,.pfig .pk,.pfig .gr,.pfig .st{animation:none}.pfig .st{opacity:1}}
@media(max-width:700px){.pfig{padding:20px 12px;border-radius:20px}.pfig .figin{padding:14px 6px}}
.plates{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:30px 0 0;border-radius:28px;padding:44px 34px;background-size:cover;animation:a2in .9s cubic-bezier(.2,.7,.2,1) both}
.plate{background:var(--card);border-radius:20px;padding:24px;text-align:center;box-shadow:0 30px 60px -30px rgba(14,16,32,.5)}.plate img{height:48px;margin:0 auto 10px}.plate b{display:block;font:600 24px var(--head);letter-spacing:-.02em}.plate span{font-size:14.5px;color:var(--ink2)}
.vs{font:700 15px var(--mono);color:#fff;background:#0E1020;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;animation:vsp 3s ease-in-out infinite}@keyframes vsp{50%{transform:scale(1.12)}}
@media(max-width:760px){.plates{grid-template-columns:1fr;padding:24px 14px}.vs{margin:0 auto}}
.stg-purple{background-color:#4F1AD6}.stg-amber{background-color:#FFB93B}.stg-blue{background-color:#3D63F5}.stg-green{background-color:#0B7A54}
.a2 .body .bl{list-style:none;margin:0 0 20px;padding:0}.a2 .body .bl li{position:relative;padding:7px 0 7px 26px;margin:0}.a2 .body .bl li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;border-radius:2px;background:var(--brand)}
.a2 .body .nl{margin:0 0 20px 22px}
.cb{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
.cc{position:relative;border-radius:20px;padding:22px 22px 20px;color:#fff}.cc .lg{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:12px;background:var(--card);display:flex;align-items:center;justify-content:center}.cc .lg img{width:24px;height:24px;object-fit:contain}
.lgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:0 0 26px}.lgs div{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px 10px;text-align:center}.lgs img{height:34px;width:auto;max-width:70%;margin:0 auto 8px;object-fit:contain}.lgs b{display:flex;width:34px;height:34px;margin:0 auto 8px;border-radius:10px;background:var(--brand);color:#fff;align-items:center;justify-content:center}.lgs span{font:500 13.5px var(--sans);color:var(--ink2)}.cc.c0{background:#4F1AD6}.cc.c1{background:#0B7A54}.cc.c2{background:#3D63F5}.cc.c3{background:#0E1020}
.cc span{display:inline-block;font:600 12px var(--mono);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:2px 9px;margin-bottom:12px}.cc a{color:#fff;text-decoration:underline}.cc h3{font:600 20px var(--head);letter-spacing:-.02em;margin:0 0 8px;color:#fff}.cc p{margin:0;font-size:15.5px;line-height:1.55;color:#fff}
@media(max-width:760px){.cb{grid-template-columns:1fr}}
.pk2{border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:16px;background:var(--card);padding:18px 22px;margin:0 0 14px}.pk2 b{display:block;font:600 19px var(--head);letter-spacing:-.02em;margin-bottom:6px}.pk2 ul{list-style:none;margin:0;padding:0}.pk2 li{position:relative;padding:5px 0 5px 20px}.pk2 li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;border-radius:2px;background:var(--brand)}
.sx{margin:0 0 26px}
.ckl{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:18px 22px 10px;margin:0 0 24px}.ckb{height:8px;border-radius:9px;background:#EEF0F5;position:relative;margin-bottom:8px}.ckb i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:9px;background:#0B7A54;transition:width .35s}.ckc{display:block;font:600 13px var(--mono);color:var(--ink2);margin-bottom:6px}
.ckl label{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);cursor:pointer;font-size:16.5px;line-height:1.5}.ckl input{appearance:none;flex:none;width:24px;height:24px;border-radius:8px;border:2px solid #BFC4D2;margin-top:1px;cursor:pointer;display:grid;place-items:center;transition:.15s}.ckl input:checked{background:#0B7A54;border-color:#0B7A54}.ckl input:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}.ckl input:checked+span{color:var(--mute);text-decoration:line-through}
.fx{display:grid;gap:12px;margin:0 0 24px}.fxi{display:grid;grid-template-columns:1fr 1fr 1.3fr;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}.fxi>div{padding:16px 18px;font-size:15.5px;line-height:1.5}.fxi small{display:block;font:600 11.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;color:var(--mute)}.fxi .fxs{background:#0E1020;color:#fff}.fxi .fxs small{color:#9C98B8}.fxi .fxf{background:#0B7A54;color:#fff}.fxi .fxf small{color:#fff}.fxi .fxf a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.fxi{grid-template-columns:1fr}}
.tm{margin:0 0 24px;border-top:1px solid var(--line)}.tm div{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.tm dt{font:600 17px var(--head)}.tm dd{margin:0;color:var(--ink2)}@media(max-width:700px){.tm div{grid-template-columns:1fr;gap:4px}}
.mxw{margin:0 0 26px;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow-x:auto}.mx{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:15px}.mx th,.mx td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.mx thead th{font:600 15px var(--head);color:var(--ink);padding:16px 14px;background:var(--card);position:sticky;top:0}.mx thead th.mxo{background:var(--brand);color:#fff}.mx tbody th,.mx thead th:first-child,.mx .mxp th{text-align:left;font-weight:500;color:var(--ink)}.mx tbody th[scope=row]{font:500 15px/1.35 var(--body,inherit);letter-spacing:0;text-transform:none;color:var(--ink)}.mx .na{font-size:18px;color:#B8BDC9}.mx .mxp th{font:600 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}.mx .mxp td{font-weight:600;font-size:14.5px;background:#F3F0EC}.mx .mxp td.mxo{background:var(--card);color:var(--brand);box-shadow:inset 0 0 0 0}.mx td.mxo{background:rgba(0,0,0,0);border-left:2px solid var(--brand);border-right:2px solid var(--brand)}.mx .mxg th{background:#0E1020;color:#fff;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:9px 14px}.mx tbody tr:last-child td,.mx tbody tr:last-child th{border-bottom:0}.mx .ok,.mx .no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font:700 13px/1 var(--head);color:#fff}.mx .ok{background:#12805C}.mx .no{background:#B8BDC9}.mx td small{display:block;font-size:12.5px;color:var(--mute);margin-top:4px}.mx .tx{font-weight:600}.mx .na{font-size:12.5px;color:var(--mute)}.mxn{font-size:13.5px;color:var(--mute);margin:-14px 0 22px}.mx thead th:first-child,.mx tbody th{position:sticky;left:0;background:var(--card);z-index:1}.mx .mxg th{position:static}
.dtw{margin:0 0 26px;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}.dt{width:100%;border-collapse:collapse;font-size:15.5px}.dt th{text-align:left;font:600 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute);padding:12px 16px;border-bottom:1px solid var(--line);background:#F3F0EC}.dt td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top;white-space:normal}.dt tr:last-child td{border-bottom:0}.dt td:first-child{font-weight:600}@media(max-width:700px){.dt thead{display:none}.dt tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.dt tr:last-child{border-bottom:0}.dt td{display:flex;gap:12px;border:0;padding:4px 16px;justify-content:space-between}.dt td::before{content:attr(data-l);font:500 12px var(--mono);color:var(--mute);flex:none;max-width:42%}.dt td:first-child{font-size:17px;padding-top:8px}}
.bx-hero{padding-bottom:26px}.bx-hero h1,.bx-hero .lead{max-width:calc(100% - 340px)}@media(max-width:900px){.bx-hero h1,.bx-hero .lead{max-width:none}}.bx-hero h1{margin-top:18px}.bxp .wrap{max-width:1240px}.bx-sec{padding-top:56px}.bx-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}.bx-h h2{font:600 32px var(--head);letter-spacing:-.03em;margin:0}.bx-h a{font:600 15px var(--head);color:var(--brand);text-decoration:none}.bx-n{font:500 13px var(--mono);color:var(--mute)}
.bx-th{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;overflow:hidden}.bx-th.kg{background:#4F1AD6}.bx-th.ki{background:#0B7A54}.bx-th.kc{background:#3D63F5}.bx-th.kt{background:#0E1020}.bx-th.ko{background:#C2410C}.bx-th::before{content:'';position:absolute;right:-12%;bottom:-38%;width:62%;aspect-ratio:1;border-radius:50%;background:rgba(14,16,32,.16)}.bx-th::after{content:'';position:absolute;left:-8%;bottom:-30%;width:26%;aspect-ratio:1;border-radius:50%;background:rgba(14,16,32,.12)}.bx-th>*{position:relative;z-index:1}.bx-tag{position:absolute;left:14px;top:12px;font:600 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#fff;opacity:.9}
 .bx-th{font-size:14px}.bx-th.big{font-size:21px}.bx-art{display:flex;flex-direction:column;align-items:center;gap:.9em;margin-top:.4em}.bx-row{display:flex;align-items:center;gap:.9em}.bx-lg{width:4.2em;height:4.2em;border-radius:1.15em;background:var(--card);display:flex;align-items:center;justify-content:center;box-shadow:0 .25em 0 rgba(14,16,32,.22)}.bx-lg img{width:2.5em;height:2.5em;object-fit:contain}.bx-lg.dim{opacity:.55}.bx-wire{width:3.6em;border-top:.22em dashed #fff;position:relative}.bx-wire::after{content:'';position:absolute;right:-.3em;top:-.5em;width:.55em;height:.55em;background:var(--card);border-radius:50%}.bx-vsb{font:700 .8em var(--mono);background:#0E1020;color:#fff;border-radius:50%;width:2.6em;height:2.6em;display:flex;align-items:center;justify-content:center}.bx-pills{display:flex;gap:.5em;flex-wrap:wrap;justify-content:center}.bx-pills b{font:600 .78em var(--mono);border:.13em solid #fff;border-radius:999px;padding:.25em .8em;color:#fff;letter-spacing:.02em}
.bx-card2{background:var(--card);border-radius:1em;padding:1em 1.2em;width:15em;color:var(--ink);box-shadow:0 .3em 0 rgba(14,16,32,.22)}.bx-ln{display:flex;align-items:center;gap:.7em;font:600 .95em var(--head);padding:.45em 0}.bx-ln+.bx-ln{border-top:1px solid var(--line)}.bx-ln i{width:1.5em;height:1.5em;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 .8em var(--head);font-style:normal;color:#fff;flex:none}.bx-ln.bad i{background:#C2260B}.bx-ln.good i{background:#12805C}.bx-card2.term{text-align:left}.bx-card2.term b{font:600 2.2em/1 var(--head);display:block;color:var(--ink)}.bx-card2.term span{display:block;height:.45em;border-radius:.3em;background:#0E1020;margin-top:.7em;width:70%}.bx-card2.term span.s{width:45%;background:#B8BDC9}.bx-bars{display:flex;align-items:flex-end;gap:.45em;height:4.4em}.bx-bars u{flex:1;background:currentColor;border-radius:.25em .25em 0 0;text-decoration:none;color:#4F1AD6}.bx-th.kc .bx-bars u{color:#3D63F5}.bx-th.ki .bx-bars u{color:#0B7A54}.bx-th.kt .bx-bars u{color:#0E1020}.bx-chk{display:flex;align-items:center;gap:.6em;margin-top:.8em;font:600 .85em var(--head)}.bx-chk i{width:1.5em;height:1.5em;border-radius:50%;background:#12805C;color:#fff;font:700 .8em var(--head);font-style:normal;display:flex;align-items:center;justify-content:center}
.bx-node{font:600 .85em var(--head);background:var(--card);color:var(--ink);border-radius:.8em;padding:.8em 1em;box-shadow:0 .25em 0 rgba(14,16,32,.22)}.bx-th .bx-wire{width:1.6em}.bx-fn{display:flex;align-items:center;gap:.8em;padding:.32em 0;font:600 .85em var(--head)}.bx-fn span{width:3em;flex:none}.bx-fn u{display:block;height:1.1em;border-radius:.3em;background:#4F1AD6;text-decoration:none}.bx-th.kc .bx-fn u{background:#3D63F5}.bx-th.ki .bx-fn u{background:#0B7A54}.bx-th.kt .bx-fn u{background:#0E1020}.bx-brand{position:absolute;left:14px;bottom:11px;display:flex;align-items:center;gap:.5em;font:600 .82em var(--head);color:#fff;z-index:1}.bx-brand img{width:1.7em;height:1.7em;border-radius:.45em;background:var(--card);padding:.1em}.bx-th.big .bx-brand{left:20px;bottom:16px}.bx-th .bx-tag{z-index:1}
.bx-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bx-nums a{display:flex;flex-direction:column;justify-content:space-between;min-height:230px;border-radius:20px;padding:26px;text-decoration:none;color:var(--ink);position:relative;overflow:hidden}.bx-nums a::after{content:'';position:absolute;right:-14%;bottom:-30%;width:60%;aspect-ratio:1;border-radius:50%;background:rgba(14,16,32,.06)}.bx-nums b{font:600 64px/1 var(--head);letter-spacing:-.04em;position:relative;z-index:1}.bx-nums span{font:500 16.5px/1.35 var(--head);position:relative;z-index:1;max-width:15em}.bx-nums .n1{background:#E9E3FB}.bx-nums .n2{background:#E2F0E8}.bx-nums .n3{background:#E3EAFE}.bx-nums .n4{background:#FBF0CF}.bx-nums a{color:var(--ink)!important}.bx-nums a:hover{transform:translateY(-3px)}.bx-nums a{transition:transform .18s}
@media(max-width:1100px){.bx-nums{grid-template-columns:1fr 1fr}}@media(max-width:600px){.bx-nums b{font-size:48px}.bx-nums a{min-height:180px}}
.err .wrap{padding-top:30px;padding-bottom:20px}.err-code{display:block;font:600 clamp(88px,14vw,168px)/1 var(--head);letter-spacing:-.05em;color:var(--brand);margin:6px 0 4px}.err h1{margin-top:0}.shot{margin:0 0 28px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden;box-shadow:0 18px 40px -24px rgba(14,16,32,.35)}.shot-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#0E1020}.shot-bar i{width:10px;height:10px;border-radius:50%;background:#4b5068}.shot-bar span{margin-left:10px;font:500 12px var(--mono);color:#aeb3c6}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:12px 16px;font-size:14px;color:var(--mute);border-top:1px solid var(--line)}.bx-th{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#0E1020}.bx-lab{position:absolute;left:18px;top:16px;right:46%;font:700 clamp(20px,2.3vw,30px)/1.02 var(--head);letter-spacing:-.04em;z-index:2}.bx-th.big .bx-lab{font-size:clamp(34px,4vw,56px);left:28px;top:26px}.bx-obj{position:absolute;right:-4%;bottom:-8%;width:62%;height:auto;transform:rotate(-7deg);z-index:1}.bx-obj.bx-ill.flip{transform:scaleX(-1) rotate(2deg);right:auto;left:3%}.bx-obj.bx-ill{right:3%;bottom:4%;width:auto;height:84%;max-width:60%;object-fit:contain;transform:rotate(-2deg)}.cat.ill{filter:none}.cat.ill:hover{transform:rotate(-4deg) scale(1.04)}.bx-th.big .bx-obj{width:58%;right:2%;bottom:-6%}.bx-th.big .bx-obj.bx-ill{width:auto;height:88%;right:4%;bottom:4%}.bx-sm .bx-lab{font-size:15px;left:10px;top:9px}.bx-sm .bx-obj{width:70%}.bx-th.shot{background:var(--card);border:1px solid var(--line)}.bx-th.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.bx-chips2{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px}.bx-chips2 i{width:46px;height:46px;border-radius:13px;background:var(--card);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 rgba(14,16,32,.25)}.bx-chips2 i img{width:28px;height:28px;object-fit:contain}.bx-chips2 em{font:700 11px var(--mono);font-style:normal;background:#0E1020;color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.bx-th.big .bx-chips2 i{width:64px;height:64px;border-radius:18px}.bx-th.big .bx-chips2 i img{width:40px;height:40px}.bx-th.big .bx-chips2{left:20px;bottom:20px}.bx-sm .bx-th{aspect-ratio:4/3}.bx-sm .bx-chips2 i{width:34px;height:34px;border-radius:10px}.bx-sm .bx-chips2 i img{width:20px;height:20px}.bx-sm .bx-chips2{left:8px;bottom:8px}.bx-sm .bx-chips2 em{display:none}.cat{display:block;height:auto;filter:drop-shadow(0 7px 0 rgba(14,16,32,.16));transition:transform .28s cubic-bezier(.3,1.6,.5,1)}.cat:hover{transform:rotate(-7deg) scale(1.07)}.mascot{overflow:visible;height:auto}
[data-rv]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}[data-rv].in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}.cat{transition:none}.bx-mq .tr{animation:none!important}}
.ul{position:relative;white-space:nowrap}.ul::after{content:'';position:absolute;left:-2%;right:-2%;bottom:-.14em;height:.32em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9 C 30 2, 60 13, 100 7 S 170 4, 198 9' fill='none' stroke='%23F5B700' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.bx-heroart{position:absolute;right:0;top:-20px;width:340px;height:300px;pointer-events:none}.bx-heroart .mascot{position:absolute;right:120px;top:0;transform:rotate(7deg)}.bx-heroart .cat{position:absolute;right:0;bottom:6px;width:150px;transform:rotate(9deg);pointer-events:auto}.bx-heroart .bub{position:absolute;left:0;top:34px;background:#0E1020;color:#fff;font:600 15px var(--head);padding:11px 16px;border-radius:16px 16px 16px 4px}.bx-hero .wrap{position:relative}.bx-secart{position:absolute;right:0;top:-6px;width:300px;pointer-events:none}.bx-secart img{width:100%}@media(max-width:900px){.bx-secart{display:none}}
.bx-h .cat{width:84px;margin:-30px 0 -16px;transform:rotate(-5deg)}.bx-two{display:grid;grid-template-columns:330px 1fr;gap:30px;align-items:center}.bx-two.r{grid-template-columns:330px 1fr}.bx-pan{position:relative;border-radius:24px;padding:28px 26px 26px;min-height:340px;color:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.bx-pan.o{background:#FBE7DC}.bx-pan.b{background:#E3EAFE}.bx-pan h2{font:600 30px/1.05 var(--head);letter-spacing:-.03em;margin:0 0 8px;color:var(--ink);position:relative;z-index:1}.bx-pan p{margin:0 0 14px;font-size:15.5px;color:var(--ink2);position:relative;z-index:1;max-width:14em}.bx-pan a{font:500 15px var(--head);color:var(--ink);border-bottom:1px solid rgba(14,16,32,.35);align-self:flex-start;position:relative;z-index:1}.bx-pan .cat.ill{position:absolute;right:16px;top:16px;width:46%;margin:0}.bx-two .bx-fix{margin:0}.bx-two .bx-terms{align-content:center}@media(max-width:900px){.bx-two,.bx-two.r{grid-template-columns:1fr}.bx-pan{min-height:240px}}.cat.stk{filter:none}.bx-h.cr{align-items:flex-end}.bx-sub{position:relative}.bx-sub .cat{position:absolute;right:6%;top:-96px;width:150px;transform:rotate(-4deg)}
.bx-mq{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:34px 0 0;padding:16px 0;background:var(--card)}.bx-mq .tr{display:flex;gap:56px;width:max-content;animation:mq 38s linear infinite;align-items:center}.bx-mq img{height:30px;width:auto;filter:grayscale(1);opacity:.65}@keyframes mq{to{transform:translateX(-50%)}}.bx-mq:hover .tr{animation-play-state:paused}
.bx-au{display:inline-flex;align-items:center;gap:7px}.bx-au img{width:18px;height:auto}.bx-card:hover .bx-th{transform:translateY(-3px) rotate(-.4deg)}
.bx-cta{position:relative;overflow:visible}.bx-cta .mascot{position:absolute;left:8%;bottom:-6px;width:110px}.bx-cta .cat{position:absolute;right:8%;bottom:10px;width:170px}
.err .wrap{position:relative}.err-art{position:absolute;right:4%;top:20px;width:340px;height:300px;pointer-events:none}.err-art .mascot{position:absolute;left:0;top:10px;transform:rotate(-8deg)}.err-art .cat{position:absolute;right:0;bottom:0;width:190px;transform:rotate(6deg);pointer-events:auto}
@media(max-width:900px){.bx-heroart,.err-art{display:none}.bx-cta .mascot,.bx-cta .cat{display:none}.bx-sub .cat{width:90px;top:-62px}}
.play{position:relative;height:300px;border-radius:30px;background:#0E1020;overflow:hidden;touch-action:none;user-select:none}.play .pl{position:absolute;left:0;top:0;width:76px;height:76px;border-radius:22px;background:var(--card);display:flex;align-items:center;justify-content:center;cursor:grab;will-change:transform;box-shadow:0 6px 0 rgba(255,255,255,.18)}.play .pl img{width:42px;height:42px;object-fit:contain;pointer-events:none}.play .ph{position:absolute;left:22px;right:22px;top:18px;text-align:left;color:rgba(255,255,255,.55);font:600 14px var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}@media(max-width:700px){.play{height:280px}}
.stt{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;margin:8px 0 30px;background:#0E1020;color:#fff;border-radius:24px;padding:28px 32px}.stt b{font:600 clamp(54px,7vw,92px)/1 var(--head);letter-spacing:-.045em;color:#F5B700}.stt p{margin:0 0 8px;font:500 clamp(17px,1.7vw,21px)/1.4 var(--head);color:#fff}.stt small{font-size:13px;color:#aeb3c6}.stt a{color:#fff;text-decoration:underline}@media(max-width:700px){.stt{grid-template-columns:1fr;padding:22px}}
.calc{display:grid;grid-template-columns:1.05fr 1fr;gap:0;border-radius:26px;overflow:hidden;margin:8px 0 32px;border:1px solid var(--line);background:var(--card)}.calc .cin{padding:28px}.calc h3{font:600 26px/1.1 var(--head);letter-spacing:-.03em;margin:0 0 6px}.calc .cin h2{font:600 26px/1.1 var(--head)!important;letter-spacing:-.03em!important;margin:0 0 6px!important}.calc .cs{margin:0 0 18px;color:var(--mute);font-size:14.5px}.calc label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font:500 15.5px var(--head)}.calc label input[type=number]{width:110px;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:600 16px var(--head);text-align:right}.calc .c-mv{font:700 18px var(--head);color:var(--brand)}.calc input[type=range]{width:100%;accent-color:#4F1AD6;margin:10px 0 4px}.calc .cn{font-size:13px;color:var(--mute);margin:8px 0 0}
.calc .cout{background:#4F1AD6;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:14px}.calc .row{border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:12px}.calc .row small{display:block;font:500 13px var(--head);opacity:.85}.calc .row b{display:block;font:600 clamp(34px,4vw,50px)/1.05 var(--head);letter-spacing:-.04em;color:#F5B700}.calc .row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0}.calc .row.two b{font-size:clamp(30px,3.4vw,42px);color:#fff}.calc .row.two div:last-child b{color:#F5B700}.calc .cf{margin:0;font-size:14.5px;line-height:1.5;opacity:.95}@media(max-width:800px){.calc{grid-template-columns:1fr}}

/* article layout variants v0..v11 */
.a2 .hv-art.side{position:absolute;right:2%;top:-8px;width:21%;max-width:300px;pointer-events:none}.a2 .hv-art.side img{width:100%}.a2 .a2-hero .wrap{position:relative}@media(max-width:1100px){.a2 .hv-art.side{display:none}}
.a2.v1 .a2-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;column-gap:48px;align-items:center}.a2.v1 .a2-hero .wrap>*{grid-column:1}.a2.v1 .crumbs{grid-column:1/-1}.a2.v1 .a2-hero .wrap>.hv-art{grid-column:2;grid-row:2/span 4;background:var(--vbg);border-radius:30px;aspect-ratio:1.1;display:flex;align-items:center;justify-content:center;padding:22px}.a2.v1 .hv-art img{max-height:100%;max-width:100%;width:auto;height:auto}
.a2.v2 .a2-hero{background:var(--vbg);color:var(--vfg);padding-bottom:40px;position:relative;overflow:hidden}.a2.v2 .a2-hero h1,.a2.v2 .a2-hero .lead,.a2.v2 .a2-hero .crumbs,.a2.v2 .a2-hero .crumbs a,.a2.v2 .a2-hero .a2-upd,.a2.v2 .a2-hero .a2-link{color:var(--vfg)}.a2.v2 .a2-hero h1 em{color:var(--vfg);text-decoration:underline;text-decoration-thickness:6px;text-underline-offset:6px}.a2.v2 .a2-hero .a2-btn{background:var(--card);color:#0E1020!important}.a2.v2 .hv-art{position:absolute;right:4%;bottom:14px;width:30%;max-width:380px}.a2.v2 .hv-art img{width:100%}
.a2.v3 .a2-hero{background:#0E1020;color:#fff;padding-bottom:44px;position:relative;overflow:hidden}.a2.v3 .a2-hero h1,.a2.v3 .a2-hero .lead,.a2.v3 .a2-hero .crumbs,.a2.v3 .a2-hero .crumbs a,.a2.v3 .a2-hero .a2-upd,.a2.v3 .a2-hero .a2-link{color:#fff}.a2.v3 .a2-hero h1 em{color:#F5B700}.a2.v3 .a2-hero .a2-btn{background:#F5B700;color:#0E1020!important}.a2.v3 .hv-art{position:absolute;right:5%;bottom:10px;width:28%;max-width:360px}.a2.v3 .hv-art img{width:100%}
.a2.v4 .a2-hero h1{font-size:clamp(46px,7vw,92px);letter-spacing:-.05em;line-height:.98}.a2.v4 .a2-hero .lead{font-size:22px;max-width:36em}.a2.v4 .a2-hero .wrap{border-top:6px solid #0E1020;padding-top:26px}
.a2.v5 .a2-hero .wrap{text-align:center}.a2.v5 .crumbs,.a2.v5 .a2-cta-row{justify-content:center}.a2.v5 .a2-hero .lead{margin-left:auto;margin-right:auto}.a2.v5 .hv-art{margin:26px auto 0;max-width:760px;height:300px;background:var(--vbg);border-radius:30px;display:flex;align-items:center;justify-content:center}.a2.v5 .hv-art img{height:86%;width:auto}
.a2.v6 .a2-hero h1{border-left:10px solid var(--vbg);padding-left:22px}.a2.v6 .a2-hero .lead{padding-left:32px}.a2.v6 .a2-cta-row,.a2.v6 .a2-upd{padding-left:32px}
.a2.v7 .a2-hero .wrap{position:relative}.a2.v7 .hv-art{position:absolute;right:0;top:0;width:min(300px,28%);transform:rotate(5deg)}.a2.v7 .hv-art img{width:100%}.a2.v7 .a2-hero h1,.a2.v7 .a2-hero .lead{max-width:min(720px,68%)}
.a2.v8 .body{counter-reset:h2c}.a2.v8 .body h2{counter-increment:h2c;display:flex;align-items:baseline;gap:14px}.a2.v8 .body h2::before{content:counter(h2c,decimal-leading-zero);font:600 .5em var(--mono);color:#fff;background:var(--vbg);border-radius:8px;padding:5px 9px;flex:none}
.a2.v9 .body h2{background:#0E1020;color:#fff;padding:14px 20px;border-radius:14px;font-size:clamp(22px,2.4vw,30px)}.a2.v9 .body h2 em{color:#F5B700}
.a2.v10 .body h2{position:relative;display:inline-block}.a2.v10 .body h2::after{content:'';position:absolute;left:-2%;right:-2%;bottom:-.1em;height:.3em;background:var(--vbg);opacity:.35;z-index:-1;border-radius:4px}.a2.v10 .body>p:first-of-type::first-letter{float:left;font:700 4.4em/.8 var(--head);padding:.08em .1em 0 0;color:var(--vbg)}
.a2.v11 .a2-layout{grid-template-columns:minmax(0,1fr)!important}.a2.v11 .body{max-width:820px;margin:0 auto;font-size:19px}.a2.v11 .side{display:none}.a2.v11 .body .note{border-left:8px solid var(--vbg);background:var(--card);font-size:1.05em}
@media(max-width:900px){.a2.v1 .a2-hero .wrap{display:block}.a2.v1 .hv-art{margin-top:20px}.a2.v2 .hv-art,.a2.v3 .hv-art,.a2.v7 .hv-art{position:static;width:60%;margin:16px auto 0;transform:none}.a2.v7 .a2-hero h1,.a2.v7 .a2-hero .lead{max-width:none}}
.bx-intg{display:grid;grid-template-columns:.85fr 1.35fr;gap:48px;align-items:center;background:#E9E3FB;border-radius:28px;padding:48px 52px}.bx-intg h2{font:600 clamp(28px,3vw,40px)/1.08 var(--head);letter-spacing:-.03em;margin:0 0 14px}.bx-intg p{margin:0 0 20px;color:var(--ink2);font-size:17px;line-height:1.55;max-width:26em}.bx-link{font:500 15px var(--head);color:var(--ink);border-bottom:1px solid rgba(14,16,32,.35);padding-bottom:2px;text-decoration:none}.bx-link:hover{color:var(--brand);border-color:var(--brand)}.bx-intg .g{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 14px}.bx-intg .g a{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink2);font:500 13px var(--head);text-decoration:none;transition:transform .2s}.bx-intg .g a:hover{transform:translateY(-3px);color:var(--ink)}.bx-intg .g img{width:40px;height:40px;object-fit:contain}@media(max-width:900px){.bx-intg{grid-template-columns:1fr;padding:30px 26px;gap:26px}.bx-intg .g{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.bx-intg .g{grid-template-columns:repeat(3,1fr)}}
.a2-end{position:relative;overflow:hidden}.a2-end .endart{position:absolute;right:20px;bottom:-10px;height:110%;width:auto;max-width:36%;opacity:1;pointer-events:none}.a2-end h2,.a2-end p,.a2-end .a2-cta-row{position:relative;z-index:1;max-width:60%}@media(max-width:800px){.a2-end .endart{display:none}.a2-end h2,.a2-end p,.a2-end .a2-cta-row{max-width:none}}.bx-feat{padding-top:6px}.bx-feat .wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:28px}.bx-big{display:block;text-decoration:none;color:inherit}.bx-big .bx-th{aspect-ratio:16/10}.bx-bb{padding:18px 4px 0}.bx-bb small,.bx-b small,.bx-sm small{font:500 12.5px var(--mono);color:var(--mute);letter-spacing:.02em}.bx-bb h2{font:600 34px/1.12 var(--head);letter-spacing:-.03em;margin:8px 0 10px}.bx-bb p{font-size:17px;color:var(--ink2);margin:0 0 14px}.bx-more{font:600 15px var(--head);color:var(--brand)}.bx-big:hover h2{color:var(--brand)}
.bx-side{display:grid;gap:18px;align-content:start}.bx-sm{display:grid;grid-template-columns:170px 1fr;gap:18px;text-decoration:none;color:inherit;padding-bottom:18px;border-bottom:1px solid var(--line)}.bx-sm:last-child{border-bottom:0}.bx-sm .bx-th{aspect-ratio:4/3;border-radius:12px}.bx-sm .bx-th{font-size:9px}.bx-sm .bx-brand,.bx-sm .bx-tag{display:none}.bx-sm .bx-pills{display:none}.bx-sm .bx-card2{width:12em}.bx-sm h3{font:600 19px/1.25 var(--head);letter-spacing:-.02em;margin:6px 0 0}.bx-sm:hover h3{color:var(--brand)}
.bx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 24px}.bx-card{display:block;text-decoration:none;color:inherit}.bx-card[hidden]{display:none}.bx-b{padding:12px 2px 0}.bx-b h3{font:600 19px/1.28 var(--head);letter-spacing:-.02em;margin:6px 0 0}.bx-card:hover h3{color:var(--brand)}.bx-card:hover .bx-th{transform:translateY(-2px)}.bx-th{transition:transform .18s}
.bx-vsg{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.bx-vs{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--card)}.bx-vs .bx-th{aspect-ratio:16/10}.bx-vs .bx-lab{font-size:20px;right:12px}.bx-vs .bx-chips2{left:12px;bottom:12px}.bx-vs .bx-chips2 i{width:42px;height:42px}.bx-vs>b{display:block;font:600 17px/1.25 var(--head);margin:14px 4px 4px;letter-spacing:-.015em}.bx-vs>span{display:block;font-size:14px;color:var(--mute);margin:0 4px 4px}.bx-vs:hover{border-color:var(--brand)}.bx-alt{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:18px;font-size:15.5px}.bx-alt b{font-weight:600}.bx-alt a{color:var(--brand);text-decoration:none;font-weight:500}
.bx-sub{margin-top:64px;background:#E9E3FB;color:var(--ink);padding:44px 0}.bx-sub .wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.bx-sub h2{font:600 34px/1.1 var(--head);letter-spacing:-.03em;margin:0 0 8px;color:var(--ink)}.bx-sub p{margin:0;color:var(--ink2);font-size:17px}.bx-sub form{display:flex;gap:10px;margin:0}.bx-sub input[type=email],.bx-sub input[type=text]{flex:1;height:52px;border-radius:12px;border:0;padding:0 18px;font:inherit;font-size:16px}.bx-sub button{height:52px;border-radius:12px;border:0;background:#4F1AD6;color:#fff;font:600 16px var(--head);padding:0 26px;cursor:pointer}
.bx-ig{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.bx-ig a{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 12px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;color:var(--ink);text-align:center}.bx-ig img{width:44px;height:44px;object-fit:contain}.bx-ig span{font:500 14px/1.3 var(--head)}.bx-ig a:hover{border-color:var(--brand)}
.bx-fix{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.bx-fix a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font:500 17px/1.3 var(--head)}.bx-fix a i{font-style:normal;color:var(--brand)}.bx-fix a:hover span{color:var(--brand)}
.bx-terms{display:flex;flex-wrap:wrap;gap:10px}.bx-terms a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 16px;text-decoration:none;color:var(--ink);font-size:15px}.bx-terms a:hover{border-color:var(--brand);color:var(--brand)}
.bx-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.bx-chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 16px;font:500 15px var(--head);color:var(--ink);cursor:pointer}.bx-chip em{font:500 12px var(--mono);color:var(--mute);font-style:normal;margin-left:4px}.bx-chip.on{background:#0E1020;border-color:#0E1020;color:#fff}.bx-chip.on em{color:#fff;opacity:.7}
.bx-pager{display:flex;gap:8px;justify-content:center;margin-top:38px}.bx-pager button{min-width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);font:600 15px var(--head);color:var(--ink);cursor:pointer}.bx-pager button.on{background:#4F1AD6;border-color:#4F1AD6;color:#fff}.bx-pager button:disabled{opacity:.4;cursor:default}.bx-empty{text-align:center;color:var(--mute);padding:30px 0}
.bx-cta{margin-top:70px;background:#0E1020;color:#fff;padding:64px 0;text-align:center}.bx-cta h2{font:600 clamp(30px,4vw,48px)/1.1 var(--head);letter-spacing:-.035em;margin:0 0 24px;color:#fff}
@media(max-width:1100px){.bx-vsg{grid-template-columns:repeat(3,1fr)}.bx-ig{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.bx-feat .wrap{grid-template-columns:1fr}.bx-grid{grid-template-columns:repeat(2,1fr)}.bx-sub .wrap{grid-template-columns:1fr}.bx-fix{grid-template-columns:1fr}}@media(max-width:600px){.bx-grid{grid-template-columns:1fr}.bx-vsg{grid-template-columns:1fr 1fr}.bx-ig{grid-template-columns:repeat(3,1fr)}.bx-sm{grid-template-columns:120px 1fr}.bx-bb h2{font-size:26px}.bx-sub form{flex-direction:column}.bx-h h2{font-size:26px}}
.bidx{display:grid;gap:34px;padding:10px 0 70px}.bidx h2{font:600 26px var(--head);letter-spacing:-.025em;margin:0 0 14px}.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.bidx .card{padding:18px 20px}.bidx .card h3{font:600 17.5px var(--head);letter-spacing:-.015em;margin:4px 0 0}.bsearch{width:100%;max-width:520px;height:50px;border:1px solid var(--line);border-radius:12px;padding:0 18px;font:inherit;font-size:16px;margin:20px 0 6px;background:var(--card)}
.a2 .rel .card h3{font-size:19px}
.a2-end{align-items:flex-start;text-align:left;gap:0;padding:26px 34px 28px;min-height:0;margin:36px 0 6px;border-radius:24px}
.a2-end h2{margin:0!important;max-width:62%;font-size:clamp(22px,2.3vw,28px)!important;line-height:1.08;letter-spacing:-.03em}
.a2-end p{margin:8px 0 16px;max-width:min(60%,32em);font-size:14.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a2-end .a2-cta-row{justify-content:flex-start;max-width:62%;gap:16px}.a2-end .a2-btn{padding:11px 20px;font-size:14px;border-radius:12px}.a2-end .a2-link{font-size:14px}
.a2-end .endart{height:104%;max-width:30%;right:26px;bottom:-12px;object-fit:contain;object-position:bottom right;transform:rotate(-4deg);filter:drop-shadow(0 6px 0 rgba(14,16,32,.18))}
@media(min-width:900px){.a2-hero .wrap:has(.hv-art.side) h1{max-width:calc(100% - 290px)}}
@media(max-width:820px){.a2-end{padding:24px 20px}.a2-end h2,.a2-end p,.a2-end .a2-cta-row{max-width:none}.a2-end .endart{display:none}}


.mo-w{container-type:inline-size;margin:40px 0;clear:both}
.mo{position:relative;margin:0;border-radius:28px;padding:26px;display:grid;gap:22px;grid-template-columns:minmax(0,1fr);overflow:hidden;clear:both}
.mo.t-ink{background:#0E1020;color:#fff}.mo.t-col{background:var(--vbg);color:var(--mfg,var(--vfg))}.mo.t-paper{background:#F4F1FE;color:#0E1020;border:1px solid #E1DBF8}
.mo-k{display:block;font:500 12px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.mo .mo-h{font:700 clamp(22px,4.2cqw,32px)/1.06 var(--head);letter-spacing:-.035em;margin:8px 0 8px;color:inherit}
.mo .mo-p{font-size:15px;line-height:1.5;margin:0;max-width:34em;color:inherit}
.mo .mo-a{display:inline-block;margin-top:14px;font:600 14px var(--head);color:inherit;text-decoration:underline;text-underline-offset:4px}
.mo-v{min-width:0;position:relative}
@container (min-width:600px){.mo.o-lr{grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);align-items:center;gap:30px}.mo.o-rl{grid-template-columns:minmax(0,1.4fr) minmax(0,.78fr);align-items:center;gap:30px}.mo.o-rl .mo-t{order:2}}
.mo i,.mo b,.mo em,.mo u{font-style:normal;text-decoration:none}
.mo-chip{background:#fff;color:#0E1020;border-radius:14px;box-shadow:0 3px 0 rgba(14,16,32,.25)}
.mo-lg{width:52px;height:52px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(14,16,32,.22);flex:none}.mo-lg img{width:30px;height:30px;object-fit:contain}
/* data in, clean out */
.mf{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:6px}
.mf-in,.mf-out{display:grid;gap:9px;min-width:0}
.mf-in i{display:flex;align-items:center;gap:8px;font:500 12px var(--mono);padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.1);color:inherit;border:1px dashed rgba(255,255,255,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-paper .mf-in i,.t-col .mf-in i{background:rgba(255,255,255,.88);color:#0E1020;border-color:rgba(14,16,32,.35)}
.mf-in i::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF5C5C;flex:none}
.mf-out b{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:#fff;color:#0E1020;box-shadow:0 3px 0 rgba(14,16,32,.25);min-width:0}
.mf-out b img{width:28px;height:28px;object-fit:contain;flex:none}.mf-out b span{font:600 13px var(--head);white-space:nowrap}.mf-out b em{margin-left:auto;font:500 11px var(--mono);color:#0B7050;white-space:nowrap}
.mf-hub{position:relative;height:92px;display:flex;align-items:center;justify-content:center}.mf-hub img{position:relative;width:62px;height:62px;border-radius:18px;box-shadow:0 6px 0 rgba(14,16,32,.3);z-index:1}
.mf-hub s{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:20px;border:2px solid #F5B700;opacity:0}
.mf-hub::before,.mf-hub::after{content:"";position:absolute;top:50%;height:3px;width:22px;margin-top:-1px;background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 11px);opacity:.7}.mf-hub::before{left:-14px}.mf-hub::after{right:-14px}
.mo.go .mf-in i{animation:mfd 3.4s ease-in-out infinite}.mo.go .mf-in i:nth-child(2){animation-delay:.4s}.mo.go .mf-in i:nth-child(3){animation-delay:.8s}.mo.go .mf-in i:nth-child(4){animation-delay:1.2s}
@keyframes mfd{0%,100%{transform:translateX(0) rotate(0);opacity:1}50%{transform:translateX(7px) rotate(-1.2deg);opacity:.55}}
.mo.go .mf-hub s{animation:mfr 2.4s ease-out infinite}.mo.go .mf-hub s:nth-of-type(2){animation-delay:1.2s}
@keyframes mfr{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.mo.go .mf-out b{animation:mfo 6s ease-in-out infinite}.mo.go .mf-out b:nth-child(2){animation-delay:.5s}.mo.go .mf-out b:nth-child(3){animation-delay:1s}.mo.go .mf-out b:nth-child(4){animation-delay:1.5s}
@keyframes mfo{0%{opacity:0;transform:translateX(-14px)}12%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateX(8px)}}
@container (max-width:520px){.mf{grid-template-columns:1fr;gap:14px}.mf-hub{height:70px}.mf-hub::before,.mf-hub::after{display:none}}
/* stacked cards */
.mo.mo-deck{overflow:visible;background:none!important;border:0!important;padding:0;color:inherit}.mo-deck .mo-t{padding:0 4px}.mo-deck .mo-h,.mo-deck .mo-p,.mo-deck .mo-k{color:#0E1020}
.md{display:grid;gap:14px}
.md-c{position:sticky;top:calc(86px + var(--i)*14px);display:grid;grid-template-columns:auto minmax(0,1fr) 112px;align-items:center;gap:18px;border-radius:24px;padding:22px 24px;min-height:136px;box-shadow:0 -10px 24px -16px rgba(14,16,32,.5)}
.md-c .n{font:700 clamp(34px,6cqw,52px)/1 var(--head);letter-spacing:-.05em;opacity:.95}.md-c p{margin:0;font:600 clamp(16px,2.6cqw,20px)/1.22 var(--head);letter-spacing:-.02em;color:inherit}.md-c img{width:112px;height:100px;object-fit:contain;justify-self:end}
@container (max-width:520px){.md-c{grid-template-columns:auto minmax(0,1fr);position:static}.md-c img{display:none}}
/* setup in a minute */
.ms{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.ms-box{background:#fff;color:#0E1020;border-radius:22px;padding:16px;box-shadow:0 5px 0 rgba(14,16,32,.18)}
.ms-bar{height:6px;border-radius:6px;background:#E8E5F5;overflow:hidden;margin:2px 0 14px}.ms-bar i{display:block;height:100%;width:100%;background:#4F1AD6;border-radius:6px}
.ms ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ms li{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;background:#F6F4FC;font:600 14px/1.2 var(--head);min-width:0}
.ms li i{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #CFC8EE;display:flex;align-items:center;justify-content:center;font:600 12px var(--mono);flex:none;color:#4F1AD6}
.ms li span{min-width:0}.ms li u{margin-left:auto;color:#0B7050;font:600 12px var(--mono);white-space:nowrap}
.ms-log{background:#0E1020;color:#C8CCE0;border-radius:18px;padding:14px 16px;font:500 12px/1.9 var(--mono);display:grid;align-content:start;min-height:120px}.t-ink .ms-log{background:#1B1F3A}.ms-log p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-log em{color:#37D6A0}
@container (min-width:560px){.ms{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.mo.go .ms-bar i{animation:msb 7s linear infinite;transform-origin:0 50%}@keyframes msb{0%{transform:scaleX(0)}85%,100%{transform:scaleX(1)}}
.mo.go .ms li i{animation:msi 7s linear infinite}.mo.go .ms li u{animation:msu 7s linear infinite}
.mo.go .ms li:nth-child(1) i,.mo.go .ms li:nth-child(1) u{animation-delay:0s}.mo.go .ms li:nth-child(2) i,.mo.go .ms li:nth-child(2) u{animation-delay:1.3s}.mo.go .ms li:nth-child(3) i,.mo.go .ms li:nth-child(3) u{animation-delay:2.6s}.mo.go .ms li:nth-child(4) i,.mo.go .ms li:nth-child(4) u{animation-delay:3.9s}
@keyframes msi{0%{background:#fff;border-color:#CFC8EE;color:#4F1AD6}8%,88%{background:#4F1AD6;border-color:#4F1AD6;color:#fff}100%{background:#fff;border-color:#CFC8EE;color:#4F1AD6}}
@keyframes msu{0%,6%{opacity:0}12%,88%{opacity:1}100%{opacity:0}}
.mo.go .ms-log p{animation:msl 7s linear infinite}.mo.go .ms-log p:nth-child(2){animation-delay:1.3s}.mo.go .ms-log p:nth-child(3){animation-delay:2.6s}.mo.go .ms-log p:nth-child(4){animation-delay:3.9s}
@keyframes msl{0%{opacity:0;transform:translateX(-8px)}8%,88%{opacity:1;transform:none}100%{opacity:0}}
/* ask AI */
.mc{display:grid;gap:10px;background:#fff;color:#0E1020;border-radius:22px;padding:16px;box-shadow:0 5px 0 rgba(14,16,32,.18);min-height:290px;align-content:start}
.mc-q,.mc-a{max-width:88%;padding:11px 14px;border-radius:16px;font:500 14px/1.4 var(--body,inherit);margin:0}.mc-q{justify-self:end;background:#4F1AD6;color:#fff;border-bottom-right-radius:5px}
.mc-a{background:#F1EEFB;border-bottom-left-radius:5px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start}.mc-a img{width:26px;height:26px;border-radius:8px}
.mc-t{justify-self:start;display:flex;gap:5px;padding:12px 14px;background:#F1EEFB;border-radius:16px;border-bottom-left-radius:5px}.mc-t i{width:7px;height:7px;border-radius:50%;background:#8C7BD6}
.mc-s{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.mc-s span{font:500 12px var(--mono);padding:7px 11px;border-radius:999px;border:1.5px solid #CFC8EE;color:#4F1AD6;background:#fff}
.mo.go .mc-q,.mo.go .mc-a,.mo.go .mc-s{animation:mcu 11s ease-in-out infinite}.mo.go .mc-q{animation-delay:0s}.mo.go .mc-a{animation-delay:2.2s}.mo.go .mc-s{animation-delay:3.6s}
.mo.go .mc-t{animation:mct 11s ease-in-out infinite;animation-delay:.8s}.mo.go .mc-t i{animation:mcb .9s ease-in-out infinite}.mo.go .mc-t i:nth-child(2){animation-delay:.15s}.mo.go .mc-t i:nth-child(3){animation-delay:.3s}
@keyframes mcu{0%{opacity:0;transform:translateY(12px)}6%,88%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mct{0%{opacity:0;height:0;padding:0}2%,16%{opacity:1;height:auto}20%,100%{opacity:0;height:0;padding:0;margin:-5px 0}}
@keyframes mcb{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* globe */
.mg{display:grid;place-items:center;min-height:300px}.mg-w{position:relative;width:min(300px,88%);aspect-ratio:1}.mg-w svg{position:absolute;inset:14%;width:72%;height:72%;overflow:visible}
.mg-o{position:absolute;inset:0;border-radius:50%;border:2px dashed currentColor;opacity:.9}.mg-o s b{position:absolute;left:calc(50% - 26px);top:-26px;width:52px;height:52px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 rgba(14,16,32,.25)}.mg-o s b img{width:30px;height:30px;object-fit:contain}
.mg-o s{position:absolute;inset:0}
.mo.go .mg-o{animation:mgo 28s linear infinite}.mo.go .mg-o s b{animation:mgb 28s linear infinite}@keyframes mgo{to{transform:rotate(360deg)}}@keyframes mgb{from{transform:rotate(calc(var(--r)*-1))}to{transform:rotate(calc(var(--r)*-1 - 360deg))}}
.mo.go .mg-m{animation:mgm 9s linear infinite;transform-box:fill-box;transform-origin:center}.mo.go .mg-m:nth-of-type(2){animation-delay:-3s}.mo.go .mg-m:nth-of-type(3){animation-delay:-6s}
@keyframes mgm{0%{transform:scaleX(1)}50%{transform:scaleX(.03)}100%{transform:scaleX(1)}}
.mo.go .mg-p{animation:mgp 2.4s ease-in-out infinite}@keyframes mgp{0%,100%{opacity:1}50%{opacity:.2}}
/* brands, odometer, marquee */
.mb{display:grid;gap:18px}.mb-odo{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.odo{display:flex;font:700 clamp(56px,13cqw,92px)/1 var(--head);letter-spacing:-.05em}
.odo .d{display:block;height:1em;overflow:hidden;position:relative}.odo .d i{display:block;transform:translateY(calc(var(--n)*-1em))}.odo .d i span{display:block;height:1em}
.mo.seen .odo .d i{animation:odo 2.2s cubic-bezier(.2,.8,.15,1) both}@keyframes odo{from{transform:translateY(0)}}
.mb-odo small{font:500 14px/1.3 var(--head);padding-bottom:12px;max-width:12em}
.mb-row{overflow:hidden;border-radius:18px}.mb-row div{display:flex;gap:12px;width:max-content}.mb-row div .mo-lg{width:120px;height:64px}.mb-row div .mo-lg img{width:88px;height:38px;object-fit:contain}
.mb-row.p div .mo-lg{width:64px}.mb-row.p div .mo-lg img{width:34px;height:34px}
.mo.go .mb-row div{animation:mbm 30s linear infinite}.mo.go .mb-row.r div{animation-direction:reverse;animation-duration:38s}@keyframes mbm{to{transform:translateX(-50%)}}
/* stores */
.mt{display:grid;gap:0;justify-items:center}.mt-r{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mt-l{width:3px;height:36px;background:repeating-linear-gradient(180deg,currentColor 0 6px,transparent 6px 11px);opacity:.7}
.mt-h{position:relative;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:20px;background:#fff;color:#0E1020;box-shadow:0 5px 0 rgba(14,16,32,.28)}.mt-h img{width:46px;height:46px;border-radius:13px}.mt-h b{font:700 15px var(--head)}.mt-h small{display:block;font:500 11px var(--mono);color:#5A5F7A}
.mt-o{position:absolute;right:-10px;top:-14px;background:#F5B700;color:#0E1020;font:700 12px var(--mono);padding:4px 9px;border-radius:999px;opacity:0}
.mo.go .mt-r:first-child .mo-lg{animation:mtp 4.8s ease-in-out infinite}.mo.go .mt-r:first-child .mo-lg:nth-child(2){animation-delay:1.2s}.mo.go .mt-r:first-child .mo-lg:nth-child(3){animation-delay:2.4s}.mo.go .mt-r:first-child .mo-lg:nth-child(4){animation-delay:3.6s}
@keyframes mtp{0%,60%,100%{transform:none}15%{transform:translateY(-8px) scale(1.06)}}
.mo.go .mt-o{animation:mto 2.4s ease-out infinite}@keyframes mto{0%{opacity:0;transform:translateY(10px)}25%{opacity:1;transform:none}70%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}
.mo.go .mt-r:last-child .mo-lg{animation:mtq 3.2s ease-in-out infinite}.mo.go .mt-r:last-child .mo-lg:nth-child(2){animation-delay:.6s}.mo.go .mt-r:last-child .mo-lg:nth-child(3){animation-delay:1.2s}@keyframes mtq{0%,100%{transform:none}50%{transform:translateY(5px)}}
/* tracking check */
.mk{display:grid;gap:14px;background:#fff;color:#0E1020;border-radius:22px;padding:16px;box-shadow:0 5px 0 rgba(14,16,32,.18)}
.mk-u{display:flex;align-items:center;gap:8px;background:#F6F4FC;border-radius:14px;padding:8px 8px 8px 14px;font:500 13px var(--mono);color:#5A5F7A}.mk-u b{margin-left:auto;background:#4F1AD6;color:#fff;border-radius:10px;padding:8px 14px;font:600 13px var(--head)}
.mk-b{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:center}.mk svg{width:104px;height:104px;transform:rotate(-90deg)}.mk svg circle{fill:none;stroke-width:11;stroke-linecap:round}.mk .tr{stroke:#ECE8FA}.mk .pg{stroke:#4F1AD6;stroke-dasharray:289;stroke-dashoffset:0}
.mk ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.mk li{display:flex;align-items:center;gap:9px;font:600 14px/1.2 var(--head);min-width:0}.mk li i{width:22px;height:22px;border-radius:50%;background:#0B7A54;color:#fff;display:flex;align-items:center;justify-content:center;font:700 12px var(--mono);flex:none}
.mk-n{font:500 11px var(--mono);color:#5B6078;text-transform:uppercase;letter-spacing:.06em}
.mo.go .mk .pg{animation:mkp 6s ease-in-out infinite}@keyframes mkp{0%{stroke-dashoffset:289}55%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:289}}
.mo.go .mk li i{animation:mki 6s ease-in-out infinite}.mo.go .mk li:nth-child(2) i{animation-delay:.6s}.mo.go .mk li:nth-child(3) i{animation-delay:1.2s}.mo.go .mk li:nth-child(4) i{animation-delay:1.8s}
@keyframes mki{0%{transform:scale(0);opacity:0}10%{transform:scale(1.25);opacity:1}16%,90%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
/* live feed */
.mv{background:#0E1020;color:#C8CCE0;border-radius:22px;overflow:hidden;box-shadow:0 5px 0 rgba(14,16,32,.28)}.t-ink .mv{background:#1B1F3A}
.mv-h{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.12);font:600 12px var(--mono);color:#fff;letter-spacing:.08em}.mv-h i{width:9px;height:9px;border-radius:50%;background:#37D6A0}.mv-h em{margin-left:auto;font-weight:500;color:#8E94B3}
.mv-b{height:228px;overflow:hidden;position:relative}.mv-c{display:grid}.mv-c p{margin:0;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:center;height:38px;padding:0 16px;font:500 12px var(--mono);border-bottom:1px solid rgba(255,255,255,.06)}
.mv-c p b{color:#fff;font-weight:500}.mv-c p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv-c p em{color:#37D6A0;white-space:nowrap}.mv-c p u{color:#F5B700}
@container (max-width:520px){.mv-c p{grid-template-columns:104px minmax(0,1fr)}.mv-c p span{display:none}.mv-c p em{text-align:right}}
.mo.go .mv-c{animation:mvs 16s linear infinite}@keyframes mvs{to{transform:translateY(-50%)}}.mo.go .mv-h i{animation:mgp 1.6s ease-in-out infinite}
/* grab one, throw it */
.mo.mo-play{padding:0;background:none!important;border:0!important;overflow:visible}.mo-play .mo-t{padding:2px 4px 0}.mo-play .mo-h,.mo-play .mo-p,.mo-play .mo-k{color:#0E1020}
.mo-play .play{height:340px}
@media(prefers-reduced-motion:reduce){.mo *{animation:none!important}}