.article{padding:0 0 40px}.article-wrap{max-width:760px;margin:0 auto;padding:0 24px}.article-head{max-width:820px;margin:0 auto;padding:44px 24px 0;text-align:center}.article-head .a-cat{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--purple);background:var(--purple-tint);padding:7px 14px;border-radius:99px}.article-head h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.08;margin:18px 0 0;letter-spacing:-.025em}.article-head .deck{font-size:clamp(17px,1.5vw,20px);color:#4a5366;line-height:1.55;margin:18px auto 0;max-width:640px}.a-meta{gap:14px;margin-top:26px;flex-wrap:wrap}.a-meta,.a-meta .av{display:flex;align-items:center;justify-content:center}.a-meta .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6a5bff,#4636e6);color:#fff;font-weight:800;font-size:15px}.a-meta .who{text-align:left}.a-meta .nm{font-weight:700;font-size:14.5px}.a-meta .sub{font-size:13px;color:var(--muted)}.a-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--line-strong,#d7d3ec)}.verdict{display:flex;gap:13px;align-items:flex-start;margin:22px 0 0;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.verdict .v-lbl{flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);background:var(--purple-tint);padding:5px 11px;border-radius:99px;margin-top:1px}.verdict p{margin:0;font-size:15.5px;line-height:1.55;color:#2c3344}.verdict.good{border-color:#cfe9d9;background:linear-gradient(170deg,var(--green-tint),#fff)}.verdict.good .v-lbl{color:var(--green);background:#fff}.dl-band{gap:18px;margin:30px 0 0;padding:22px 24px;border-radius:18px;background:linear-gradient(170deg,var(--purple-tint2),#fff);border:1px solid #e2dcff}.dl-band,.dl-band .dl-ic{display:flex;align-items:center}.dl-band .dl-ic{width:48px;height:48px;flex:0 0 auto;border-radius:13px;background:var(--purple);color:#fff;justify-content:center;box-shadow:0 12px 24px -12px rgba(91,75,255,.7)}.dl-band .dl-ic svg{width:24px;height:24px}.dl-band .dl-tx{flex:1 1 auto;min-width:0}.dl-band .dl-tx h4{margin:0;font-size:16.5px;font-weight:800}.dl-band .dl-tx p{margin:3px 0 0;font-size:14px;color:#4a5366}.dl-band .dl-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:var(--purple);color:#fff;font-weight:700;font-size:14.5px;padding:11px 18px;border-radius:11px;border:none}.dl-band .dl-btn svg{width:17px;height:17px}.dl-band .dl-btn:hover{background:var(--purple-deep,#4636e6)}@media (max-width:600px){.dl-band{flex-wrap:wrap}.dl-band .dl-btn{width:100%;justify-content:center}}.toc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:38px 0 8px;box-shadow:var(--shadow-sm)}.toc h4{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:grid;grid-template-columns:1fr 1fr;gap:9px 26px}.toc ol li{counter-increment:toc}.toc ol li a{display:flex;gap:10px;align-items:baseline;font-size:14.5px;color:#3a4257;font-weight:600;padding:3px 0}.toc ol li a:before{content:counter(toc);font-size:12px;font-weight:800;color:var(--purple);background:var(--purple-tint);min-width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.toc ol li a:hover{color:var(--purple)}.prose{font-size:17px;line-height:1.72;color:#2c3344}.prose>h2{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:46px 0 0;line-height:1.2;scroll-margin-top:90px}.prose>h2+.sub-deck{color:var(--muted);font-size:16px;margin-top:8px}.prose>h3{font-size:20px;font-weight:800;margin:34px 0 0}.prose p{margin:18px 0 0}.prose a:not(.btn){color:var(--purple);font-weight:600;border-bottom:1px solid rgba(91,75,255,.3)}.prose a:not(.btn):hover{border-bottom-color:var(--purple)}.prose strong{font-weight:700;color:var(--ink)}.prose ol,.prose ul{margin:16px 0 0;padding-left:0}.prose ul{list-style:none;display:flex;flex-direction:column;gap:11px}.prose ul li{position:relative;padding-left:30px}.prose ul li:before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--purple)}.prose ol{list-style:none;counter-reset:li;display:flex;flex-direction:column;gap:11px}.prose ol li{position:relative;padding-left:34px;counter-increment:li}.prose ol li:before{content:counter(li);position:absolute;left:0;top:.05em;width:24px;height:24px;border-radius:8px;background:var(--purple-tint);color:var(--purple);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}.prose hr{border:none;border-top:1px solid var(--line);margin:42px 0 0}.step-block{display:flex;gap:20px;margin:38px 0 0;scroll-margin-top:90px}.step-block .s-num{width:50px;height:50px;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#6a5bff,#5b4bff);color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px -12px rgba(91,75,255,.7)}.step-block .s-body{flex:1 1 auto;min-width:0;padding-top:3px}.step-block .s-body h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.015em}.step-block .s-body>p{margin-top:12px}.subgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.subcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 18px 20px;box-shadow:var(--shadow-sm)}.subcard .sc-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;margin-bottom:13px}.subcard .sc-h .badge{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:99px}.badge-purple{color:var(--purple);background:var(--purple-tint)}.badge-orange{color:var(--orange);background:var(--orange-tint)}.badge-green{color:var(--green);background:var(--green-tint)}.subcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:#3a4257}.subcard ul li{display:flex;gap:9px;align-items:flex-start}.subcard ul li svg{width:16px;height:16px;color:var(--purple);flex:0 0 auto;margin-top:2px}.callout{display:flex;gap:15px;border-radius:16px;padding:20px 22px;margin:30px 0 0;border:1px solid}.callout .c-ic{width:38px;height:38px;border-radius:11px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.callout .c-ic svg{width:20px;height:20px}.callout h4{margin:0 0 4px;font-size:15.5px;font-weight:800}.callout p{margin:0;font-size:15px;line-height:1.6}.callout.purple{background:var(--purple-tint2);border-color:#e2dcff}.callout.purple .c-ic{background:var(--purple);color:#fff}.callout.purple h4{color:var(--purple-deep)}.callout.orange{background:var(--orange-tint);border-color:#ffd9be}.callout.orange .c-ic{background:var(--orange);color:#fff}.callout.orange h4{color:#b44a00}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 0}.compare .col{border-radius:18px;padding:26px;border:1px solid var(--line)}.compare .col.bad{background:#fcfbfd}.compare .col.good{background:linear-gradient(170deg,var(--purple-tint2),#fff);border-color:#e2dcff}.compare .col .c-tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:6px 13px;border-radius:99px;margin-bottom:16px}.compare .col.bad .c-tag{color:var(--red);background:var(--red-tint)}.compare .col.good .c-tag{color:var(--purple);background:#fff}.compare .col h4{margin:0 0 14px;font-size:18px;font-weight:800}.compare .col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.compare .col ul li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:#3a4257;line-height:1.5}.compare .col ul li .mk{width:22px;height:22px;border-radius:7px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-top:1px}.compare .col ul li .mk svg{width:14px;height:14px}.compare .col.bad .mk{background:var(--red-tint);color:var(--red)}.compare .col.good .mk{background:var(--purple);color:#fff}.table-wrap{margin:24px 0 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}table.data{width:100%;border-collapse:collapse;font-size:14.5px}table.data thead th{background:var(--bg);text-align:left;font-weight:800;font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line)}table.data td{padding:13px 16px;border-bottom:1px solid var(--line2);color:#2c3344;vertical-align:top}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--purple-tint2)}table.data td .pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px}.example{display:flex;flex-direction:column;gap:10px;margin:18px 0 0}.example .ex{display:flex;gap:11px;align-items:flex-start;padding:13px 16px;border-radius:12px;font-size:15px;line-height:1.5}.example .ex.wrong{background:var(--red-tint);color:#7c2428}.example .ex.right{background:var(--green-tint);color:#15623b}.example .ex .lbl{font-weight:800;flex:0 0 auto}.app-promo{margin:50px 0 0;background:linear-gradient(135deg,#5b4bff,#3a18c7);border-radius:24px;padding:40px;color:#fff;position:relative;overflow:hidden}.app-promo:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:hsla(0,0%,100%,.08);top:-120px;right:-80px}.app-promo h3{font-size:25px;font-weight:800;margin:0 0 8px;position:relative}.app-promo>p{margin:0 0 22px;opacity:.9;font-size:16px;position:relative;max-width:560px}.app-promo ul{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative}.app-promo ul li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.45;padding-left:0}.app-promo ul li:before{display:none}.app-promo ul li svg{width:19px;height:19px;flex:0 0 auto;margin-top:2px;color:#fff}.app-promo .stores{display:flex;gap:13px;flex-wrap:wrap;position:relative}.store{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:12px;padding:11px 18px;font-weight:700}.store svg{width:22px;height:22px}.store .st-s{font-size:10.5px;color:var(--muted);font-weight:600;line-height:1}.store .st-b{font-size:15px;line-height:1.1}.author-box{gap:16px;margin:46px 0 0;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.author-box,.author-box .av{display:flex;align-items:center}.author-box .av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#6a5bff,#4636e6);color:#fff;justify-content:center;font-weight:800;font-size:18px;flex:0 0 auto}.author-box .nm{font-weight:800;font-size:16px}.author-box .bio{font-size:14px;color:var(--muted);margin-top:2px}.related{margin:18px 0 0}.related .r-card{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .2s,border-color .2s}.related .r-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#e2dcff}.related .r-card .r-ic{width:48px;height:48px;border-radius:13px;background:var(--purple-tint);color:var(--purple);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.related .r-card .r-ic svg{width:23px;height:23px}.related .r-card .r-k{font-size:12px;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.04em}.related .r-card .r-t{font-weight:800;font-size:16.5px;margin-top:3px}.related .r-card .r-arrow{margin-left:auto;color:var(--purple);flex:0 0 auto}.related .r-card .r-arrow svg{width:22px;height:22px}@media (max-width:760px){.app-promo ul,.compare,.subgrid,.toc ol{grid-template-columns:1fr}.step-block{gap:14px}.step-block .s-num{width:42px;height:42px;font-size:19px;border-radius:12px}.app-promo,.article-hero .frame{padding:28px}table.data{font-size:13.5px}}.article-hero{max-width:980px;margin:34px auto 0;padding:0 24px}.article-hero .frame{aspect-ratio:16/8;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(150deg,#eeebff,#f4f2ff 55%,#fff1e8);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.article-hero .frame img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.article-hero .frame .ic{width:74px;height:74px;border-radius:20px;background:#fff;color:var(--purple);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.article-hero .frame .ic svg{width:36px;height:36px}.article-hero .cap{text-align:center;font-size:13px;color:var(--muted);margin-top:12px}.lead-magnet{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin:34px 0 0;padding:30px 32px;border-radius:22px;background:linear-gradient(155deg,#f1ecff,#fff 70%);border:1px solid #e2dcff;box-shadow:var(--shadow)}.lead-magnet .lm-visual{flex:0 0 auto}.lm-paper{width:128px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 14px;box-shadow:0 18px 36px -18px rgba(74,34,232,.5);transform:rotate(-3deg)}.lm-paper .lm-bar{height:7px;width:60%;border-radius:99px;background:var(--purple);margin-bottom:13px}.lm-paper .lm-ln{display:flex;align-items:center;gap:8px;margin-top:9px}.lm-paper .lm-ln .ck{width:15px;height:15px;border-radius:5px;background:var(--purple-tint);color:var(--purple);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.lm-paper .lm-ln .ck svg{width:10px;height:10px}.lm-paper .lm-ln .bar{height:5px;border-radius:99px;background:#e7e4f2;flex:1 1 auto}.lead-magnet .lm-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--purple);background:#fff;border:1px solid #e2dcff;padding:5px 12px;border-radius:99px}.lead-magnet .lm-tag svg{width:14px;height:14px}.lead-magnet h3{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:13px 0 0}.lead-magnet>.lm-body>p{font-size:15px;line-height:1.55;color:#4a5366;margin:7px 0 0;max-width:46ch}.lead-magnet form{display:flex;gap:10px;margin:18px 0 0;max-width:430px}.lead-magnet input{flex:1 1 auto;min-width:0;font-family:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line-strong);border-radius:12px;padding:13px 15px;outline:none;transition:border-color .15s,box-shadow .15s}.lead-magnet input::-moz-placeholder{color:#aeb4c2}.lead-magnet input::placeholder{color:#aeb4c2}.lead-magnet input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(91,75,255,.14)}.lead-magnet button{flex:0 0 auto;border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:15px;color:#fff;border-radius:12px;padding:13px 20px;background:linear-gradient(135deg,#6a5bff,#5b4bff);box-shadow:0 12px 24px -12px rgba(91,75,255,.8);transition:transform .12s,box-shadow .2s}.lead-magnet button:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(91,75,255,.9)}.lead-magnet .lm-fine{font-size:12.5px;color:var(--muted);font-weight:600;margin:11px 0 0}.lead-magnet .lm-done{display:none;align-items:center;gap:13px;margin-top:18px}.lead-magnet .lm-done .dk{width:42px;height:42px;border-radius:50%;background:var(--green-tint);color:var(--green);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.lead-magnet .lm-done .dk svg{width:22px;height:22px}.lead-magnet .lm-done .dt b{font-weight:800;font-size:15.5px}.lead-magnet .lm-done .dt p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}.lead-magnet.sent .lm-form-wrap{display:none}.lead-magnet.sent .lm-done{display:flex}@media (max-width:680px){.lead-magnet{grid-template-columns:1fr;gap:20px;padding:26px 22px;text-align:left}.lead-magnet .lm-visual{align-self:flex-start}.lead-magnet form{flex-direction:column}.lead-magnet button{width:100%}}.calc-box{margin:24px 0 0;border-radius:16px;border:1px solid #e2dcff;background:var(--purple-tint2);padding:22px 24px}.calc-box .eq{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;color:var(--purple-deep,#3a18c7);font-weight:700;line-height:1.7}.calc-box .eq .res{background:var(--purple);color:#fff;padding:2px 9px;border-radius:7px;font-weight:800}.calc-box .note{font-size:14px;color:#4a5366;margin:12px 0 0;line-height:1.55}.compare.two-worlds .col .c-tag{white-space:nowrap}.compare.two-worlds .col .tw-desc{margin:0;font-size:15px;line-height:1.55;color:#3a4257}.compare.two-worlds .col .tw-q{margin:16px 0 0;padding-top:15px;border-top:1px solid var(--line2);font-size:15px;line-height:1.5;color:var(--ink)}.compare.two-worlds .col .tw-q b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);margin-bottom:5px}