.sp-upd{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:#8f9fcc}
.sp-upd b{color:#dfe6ff;font-weight:600}
.sp-upd i{width:6px;height:6px;border-radius:50%;background:#ffd27a}
.ar{display:grid;grid-template-columns:230px minmax(0,1fr);gap:72px;align-items:start}
.ar>*{min-width:0}
.ar.no-toc{grid-template-columns:minmax(0,1fr)}
.ar-toc{position:sticky;top:110px;display:grid;gap:2px}
.ar-toc b{margin-bottom:10px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9aa3b5}
.ar-toc a{display:block;padding:8px 12px;border-radius:10px;font-size:14.5px;line-height:20px;font-weight:600;color:#4d585f;transition:background .2s,color .2s}
.ar-toc a:hover{background:#eef3ff;color:#1d1d1d}
.ar-body{width:100%;max-width:820px;font-size:18px;line-height:30px;color:#33404a}
.ar.no-toc .ar-body{margin:0 auto}
.ar-body>*:first-child{margin-top:0}
.ar-body p{margin:18px 0 0;text-wrap:pretty}
.ar-body b{color:#1d1d1d;font-weight:650}
.ar-body a{color:#1d1d1d;font-weight:600;text-decoration:underline;text-decoration-color:#406ae4;text-decoration-thickness:1.5px;text-underline-offset:4px}
.ar-body code,.ar-body .lx-mono{font-family:"Fragment Mono",ui-monospace,monospace;font-size:.86em;padding:2px 6px;border-radius:6px;background:#eef1f8;color:#1d1d1d}
.ar-h2{margin:64px 0 0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:36px;line-height:1.08;letter-spacing:-.03em;color:#1d1d1d;text-wrap:balance;scroll-margin-top:100px}
.ar-anchor{display:block;height:0;scroll-margin-top:100px}
.ar-h3{margin:44px 0 0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:25px;line-height:1.15;letter-spacing:-.02em;color:#1d1d1d;scroll-margin-top:100px}
.ar-h4{margin:30px 0 0;font-size:19px;font-weight:700;color:#1d1d1d}
.ar-body ul,.ar-body ol{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.ar-body ul li{position:relative;padding-left:26px}
.ar-body ul li::before{content:"";position:absolute;left:4px;top:12px;width:7px;height:7px;border-radius:50%;background:#406ae4}
.ar-body ol{counter-reset:ol}
.ar-body ol li{position:relative;padding-left:38px;counter-increment:ol}
.ar-body ol li::before{content:counter(ol);position:absolute;left:0;top:3px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#111a33;color:#ffd27a;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-size:12.5px;font-weight:600}
.ar-tbl{margin:28px 0 0;overflow-x:auto;border-radius:18px;box-shadow:0 0 0 1px rgba(20,35,80,.09);background:#ffffff}
.ar-tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px}
.ar-tbl th{position:sticky;top:0;text-align:left;vertical-align:bottom;padding:14px 16px;background:#f6f8fd;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7b858d}
.ar-tbl td{padding:14px 16px;border-top:1px solid #eef1f6;vertical-align:top;color:#33404a}
.ar-tbl td:first-child{font-weight:650;color:#1d1d1d}
.ar-tbl th.us{background:#111a33;color:#ffd27a}
.ar-tbl td.us{background:#f3f6ff;color:#1d1d1d}
.ar-tbl a{font-weight:600;color:#1d1d1d}
.ar-tbl sup a,.ar-body sup a{font-size:11px;font-weight:700;color:#406ae4;text-decoration:none;margin-left:1px}
.ar-pre{margin:24px 0 0;padding:18px 20px;border-radius:16px;background:#111a33;color:#ffd27a;font-family:"Fragment Mono",ui-monospace,monospace;font-size:14.5px;line-height:22px;white-space:pre-wrap}
.ar-quote{margin:32px 0 0;padding:26px 28px;border-radius:20px;background:#111a33;color:#dfe6ff;font-size:18px;line-height:29px}
.ar-quote a{color:#ffd27a;text-decoration-color:#ffd27a}
.ar-quote em{font-style:normal}
.ar-quote b,.ar-quote a b,.ar-quote a em{color:inherit}
.ar-call{margin:0 0 8px;padding:22px 24px;border-radius:18px;background:#eef3ff;color:#1d1d1d;font-size:17px;line-height:28px}
.ar-call p{margin:0}
.ar-link{display:inline-flex;margin-top:18px}
.ar-faq{margin-top:28px}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rel a{display:flex;flex-direction:column;border-radius:22px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.08),0 18px 40px rgba(20,35,80,.04);overflow:hidden;transition:transform .25s,box-shadow .25s}
.rel a:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(64,106,228,.35),0 24px 50px rgba(20,35,80,.09)}
.rel .cv{position:relative;height:150px;background:linear-gradient(180deg,#0b1531,#17295c);overflow:hidden}
.rel .cv::after{content:"";position:absolute;right:22px;top:22px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 36% 34%,#fffbea,#ffe9b3 62%,#f6d68a);box-shadow:0 0 30px 6px rgba(255,226,160,.18)}
.rel .cv i{position:absolute;bottom:0;width:26px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#1b2b5e,#132250);background-image:radial-gradient(#ffd27a 1.5px,transparent 1.6px);background-size:8px 9px;background-position:3px 4px}
.rel .t{padding:20px 22px 24px}
.rel small{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:100px;background:#eef3ff;color:#2f55c8;font-size:12px;font-weight:700}
.rel.blog>a:first-child{grid-column:span 2}
.rel.blog>a:first-child .cv{height:190px}
.rel.blog>a:first-child h3{font-size:27px;max-width:620px}
.rel h3{margin:12px 0 0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:21px;line-height:1.18;letter-spacing:-.02em;color:#1d1d1d}
.blog-end{margin-top:28px;font-size:15px;color:#7b858d;text-align:center}
.wtu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wtu>div{padding:30px;border-radius:24px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.08)}
.wtu>div.us{background:#111a33;color:#dfe6ff;box-shadow:0 30px 70px rgba(17,26,51,.22)}
.wtu h3{margin:0 0 18px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:23px;letter-spacing:-.02em;color:#1d1d1d}
.wtu .us h3{color:#ffffff}
.wtu .us .sp-list li{color:#dfe6ff}
.wtu .us .sp-list li>i{background:rgba(255,210,122,.16);color:#ffd27a}
.both{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin-top:20px;padding:28px 32px;border-radius:24px;background:#eef3ff}
.both h3{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:24px;letter-spacing:-.02em;color:#1d1d1d}
.both p{margin:8px 0 0;font-size:17px;line-height:27px;color:#33404a}
.both b{color:#1d1d1d}
.srcs{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:s}
.srcs li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px;font-size:14.5px;line-height:22px;color:#4d585f;counter-increment:s;scroll-margin-top:100px}
.srcs li::before{content:"[" counter(s) "]";font-weight:700;color:#406ae4}
.srcs a{color:#1d1d1d;font-weight:600}
.srcs span{display:block;font-family:"Fragment Mono",ui-monospace,monospace;font-size:11.5px;color:#9aa3b5;word-break:break-all}
/* v1 compare components, restyled */
.lx-tl,.lx-flow{border-radius:22px;background:#ffffff;color:#1d1d1d;box-shadow:0 40px 90px rgba(3,8,28,.45);padding:22px 24px}
.lx-tl__head{display:flex;justify-content:space-between;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:18px}
.lx-tl__head span{font-family:"Inter",sans-serif;font-size:12.5px;font-weight:500;color:#9aa3b5}
.lx-tl__rels,.lx-tl__cells{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.lx-tl__rels{margin:18px 0 8px 132px;font-size:11.5px;font-weight:700;color:#9aa3b5;text-align:center}
.lx-tl__row{display:grid;grid-template-columns:126px minmax(0,1fr);gap:6px;align-items:center;margin-top:8px}
.lx-tl__cells i{height:30px;border-radius:7px;background:#f1f3f8}
.lx-tl__row .lx-tl__cells i.on{background:#ffd27a;box-shadow:inset 0 0 0 1.5px #e8b04a}
.lx-tl__row--us .lx-tl__cells i{background:#406ae4}
.lx-tl__foot{margin-top:14px;font-size:12px;color:#9aa3b5}
.lx-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:100px;background:#eef1f6;color:#4d585f;font-size:12px;font-weight:700;white-space:nowrap}
.lx-tag--amber{background:#fff1d6;color:#7a4a00}
.lx-tag--blue{background:#eef3ff;color:#2f55c8}
.lx-tag--red{background:#ffe9e9;color:#c4373c}
.lx-flow{display:grid;gap:8px}
.lx-flow__step{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#f6f8fd}
.lx-flow__step--us{background:#eef3ff;box-shadow:inset 0 0 0 1.5px #406ae4}
.lx-flow__step b{display:block;font-size:15px}
.lx-flow__step span{font-size:13.5px;color:#4d585f}
.lx-flow__step>span.lx-tag{font-size:11.5px}
.lx-flow__arrow{text-align:center;font-weight:700;color:#9aa3b5;font-size:14px}
.lx-iconbox{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#eef3ff;color:#406ae4}
.lx-iconbox svg{width:20px;height:20px}
.lx-mono{font-family:"Fragment Mono",ui-monospace,monospace;font-size:.88em}
.lx-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.lx-prose p{margin:18px 0 0;font-size:18px;line-height:30px;color:#33404a}
.lx-prose b{color:#1d1d1d}
.lx-h2{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:44px;line-height:1.04;letter-spacing:-.035em;color:#1d1d1d}
.lx-h3,.lx-h4{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:normal;font-weight:600;font-size:21px;letter-spacing:-.02em;color:#1d1d1d}
.lx-head{margin-bottom:36px}
.lx-lead{margin:14px 0 0;font-size:19px;line-height:30px;color:#4d585f}
.lx-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lx-card{padding:24px;border-radius:20px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.08)}
.lx-p{margin:0;font-size:15.5px;line-height:24px;color:#4d585f}
.lx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lx-step{padding:26px 24px;border-radius:22px;background:#ffffff;box-shadow:0 0 0 1px rgba(20,35,80,.08)}
.lx-step p{margin:8px 0 0;font-size:15.5px;line-height:24px;color:#4d585f}
.lx-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;padding:20px 22px;border-radius:18px;background:#fff8e8;box-shadow:inset 0 0 0 1px #f3d9a0;font-size:15.5px;line-height:24px;color:#4d3a12}
.lx-note svg{width:22px;height:22px;color:#b07a10}
.lx-note sup a{font-size:11px;font-weight:700;color:#406ae4}
@media (max-width:1180px){ .ar{grid-template-columns:minmax(0,1fr);gap:0} .ar-toc{display:none} .ar-body{margin:0 auto} }
@media (max-width:1000px){ .rel{grid-template-columns:minmax(0,1fr)} .rel.blog>a:first-child{grid-column:auto} .rel.blog>a:first-child .cv i:nth-child(n+10){display:none} .rel.blog>a:first-child .cv{height:150px} .rel.blog>a:first-child h3{font-size:21px} .wtu,.lx-split{grid-template-columns:minmax(0,1fr);gap:28px} .lx-steps{grid-template-columns:minmax(0,1fr)} }
@media (max-width:640px){ .ar-body{font-size:16.5px;line-height:27px} .ar-h2{font-size:28px;margin-top:48px} .ar-h3{font-size:21px} .ar-tbl table{font-size:13.5px} .ar-tbl th,.ar-tbl td{padding:11px 12px} .lx-tl__rels{margin-left:96px} .lx-tl__row{grid-template-columns:90px minmax(0,1fr)} .lx-tl__row .lx-tag{font-size:10.5px;padding:0 6px} .both{grid-template-columns:minmax(0,1fr);padding:22px} .both>div:first-child{display:none} .lx-grid2{grid-template-columns:minmax(0,1fr)} .wtu>div{padding:22px} .lx-h2{font-size:30px} }