.bl{width:100%;max-width:1280px;padding:0 var(--gr) 72px var(--gl);flex:1;margin-inline:auto}.bl-crumbs{color:var(--ink-50);flex-wrap:wrap;gap:6px;padding-top:18px;font-size:13px;display:flex}.bl-crumbs a{color:var(--ink-70);text-decoration:none}.bl-crumbs a:hover{text-decoration:underline}.bl-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(20px,3.5vw,44px) 0 8px;display:grid}.bl-eyebrow{background:color-mix(in srgb, var(--lemon) 34%, transparent);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-86);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:12px;display:inline-flex}.bl-mark{width:18px;height:18px;color:var(--tangerine)}.bl-h1{letter-spacing:-.045em;text-wrap:balance;margin-top:16px;font-size:clamp(38px,5.2vw,72px);line-height:.98}.bl-lede{max-width:34em;color:var(--ink-70);margin-top:18px;font-size:clamp(16px,1.3vw,18.5px);line-height:1.55}.bl-cta{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.mv-btn.tang.bl-dl{background:var(--tangerine-btn);color:#fff6e6;box-shadow:inset 0 -3px #5016064d,inset 0 1px #ffffff59,0 14px 28px -14px #e65a2fbf}.mv-btn.tang.bl-dl:hover{background:var(--tangerine-btn-hover)}.bl-dl svg{width:18px;height:18px}.mv-btn.bl-ghost{box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.mv-btn.bl-ghost:hover{background:var(--hover)}.bl-meta{font-family:var(--f-mono);color:var(--ink-70);margin-top:14px;font-size:12.5px}.bl-note{max-width:36em;color:var(--ink-50);margin-top:6px;font-size:13.5px;line-height:1.5}.bl-hero-media{margin:0}.bl-hero-media .cl-cmp,.bl-example .cl-cmp{aspect-ratio:16/9;box-shadow:var(--shadow);border-radius:var(--r2)}.bl-hero-media figcaption,.bl-example figcaption{color:var(--ink-50);margin-top:10px;font-size:12.5px;line-height:1.45}.bl-sec{margin-top:clamp(56px,7vw,96px);scroll-margin-top:80px}.bl-sec h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(28px,3.4vw,44px);line-height:1.05}.bl-sub{max-width:46em;color:var(--ink-70);margin-top:12px;font-size:16px;line-height:1.6}.bl-hint{max-width:52em;color:var(--ink-50);margin-top:14px;font-size:13px;line-height:1.5}.bl-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.bl-card{--tone:var(--lemon);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:22px;position:relative}.bl-card[data-kind=animate]{--tone:var(--mint)}.bl-card[data-kind=texture]{--tone:var(--lilac)}.bl-card-ico{background:var(--tone);color:#352242;border-radius:14px;place-items:center;width:46px;height:46px;display:inline-grid;box-shadow:inset 0 -3px #35224224}.bl-card h3{letter-spacing:-.015em;margin-top:16px;font-size:21px}.bl-card p{color:var(--ink-70);margin-top:8px;font-size:15px;line-height:1.55}.bl-card ul{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.bl-card li{color:var(--ink-86);padding-left:20px;font-size:14px;line-height:1.45;position:relative}.bl-card li:before{content:"";background:var(--tone);border-radius:3px;width:8px;height:8px;position:absolute;top:.5em;left:2px;box-shadow:inset 0 0 0 1px #35224233}.bl-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.bl-example{margin:0}.bl-steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.bl-steps li{border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;align-items:flex-start;gap:8px;padding:22px;display:flex}.bl-steps b{background:var(--ink);width:34px;height:34px;color:var(--on-ink);font-family:var(--f-mono);border-radius:50%;place-items:center;font-size:15px;display:inline-grid}.bl-steps h3{letter-spacing:-.01em;margin-top:6px;font-size:19px}.bl-steps p{color:var(--ink-70);flex:1;font-size:14.5px;line-height:1.55}.bl-steps .mv-btn{margin-top:6px}.bl-flow{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.bl-flow-list{counter-reset:step;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.bl-flow-list li{counter-increment:step;color:var(--ink-86);padding:2px 0 2px 44px;font-size:16px;line-height:1.5;position:relative}.bl-flow-list li:before{content:counter(step);background:color-mix(in srgb, var(--tangerine) 16%, transparent);width:30px;height:30px;color:var(--tangerine);font-family:var(--f-mono);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;left:0}.bl-panel{margin:0}.bl-panel figcaption{text-align:center;color:var(--ink-50);margin-top:10px;font-size:12.5px}.bl-panel-win{color:#e6e6e6;font:12.5px/1.3 var(--f-ui);background:#2b2b2b;border-radius:14px;grid-template-columns:26px 1fr;display:grid;overflow:hidden;box-shadow:0 0 0 1px #00000080,0 28px 60px -24px #140c1aa6}.bl-panel-tabs{background:#232323;flex-direction:column;gap:2px;padding-top:10px;display:flex}.bl-panel-tabs span{writing-mode:vertical-rl;color:#9a9a9a;padding:10px 4px;font-size:11px;transform:rotate(180deg)}.bl-panel-tabs span.on{color:#fff;box-shadow:inset 2px 0 0 var(--tangerine);background:#2b2b2b}.bl-panel-body{gap:8px;padding:10px;display:grid}.bl-panel-head{background:#353535;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 9px;font-weight:700;display:flex}.bl-panel-head em{color:#b8e0a6;font-style:normal;font-weight:500}.bl-panel-sec{background:#303030;border-radius:6px;gap:6px;padding:9px;display:grid}.bl-panel-title{color:#fff;font-weight:700}.bl-seg{background:#545454;border-radius:5px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.bl-seg span{text-align:center;padding:4px 0}.bl-seg span.on{color:#fff;background:#4772b3}.bl-field{color:#dcdcdc;background:#1d1d1d;border-radius:5px;padding:5px 8px;box-shadow:inset 0 0 0 1px #3d3d3d}.bl-field.sm{flex:1}.bl-row{align-items:center;gap:8px;display:flex}.bl-row>span:first-child{text-align:right;color:#a8a8a8;width:44px}.bl-go{color:#fff;text-align:center;background:#4772b3;border-radius:5px;margin-top:4px;padding:9px 0;font-weight:700}.bl-bar{background:#1d1d1d;border-radius:5px;padding:5px 8px;position:relative;overflow:hidden}.bl-bar i{opacity:.75;background:#4772b3;width:38%;position:absolute;inset:0 auto 0 0}.bl-bar span{position:relative}.bl-price-groups{gap:14px;max-width:980px;margin-top:20px;display:grid}.bl-table-wrap{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;overflow-x:auto}.bl-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.4}.bl-table caption{text-align:left;padding:14px 14px 6px;font-size:15px;font-weight:800}.bl-table th,.bl-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:10px 14px}.bl-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-50);font-size:11.5px;font-weight:700}.bl-table tbody th{white-space:nowrap;width:30%;font-weight:700}.bl-table td:nth-child(2){color:var(--ink-70)}.bl-table td:last-child{white-space:nowrap;font-family:var(--f-mono);font-weight:700}.bl-table td small{color:var(--ink-50);font-size:11px;font-weight:500;display:block}.bl-notes{gap:10px;max-width:52em;margin:18px 0 0;padding:0;list-style:none;display:grid}.bl-notes li{border-left:3px solid var(--mint);color:var(--ink-70);padding-left:14px;font-size:15.5px;line-height:1.55}.bl-faq-list{gap:8px;max-width:900px;margin-top:18px;display:grid}.bl-faq details{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;padding:14px 18px}.bl-faq summary{cursor:pointer;font-size:16px;font-weight:800}.bl-faq details p{color:var(--ink-70);margin-top:8px;font-size:15px;line-height:1.55}.bl-close{border-radius:var(--r3);background:var(--ink);color:var(--on-ink);justify-items:start;gap:12px;margin-top:72px;padding:clamp(24px,4vw,44px);display:grid}.bl-close h2{letter-spacing:-.03em;font-size:clamp(28px,3.6vw,48px)}.bl-close p{opacity:.8;max-width:36em}.bl-tm{color:var(--ink-50);margin:26px 0 0;font-size:12px}@media (max-width:900px){.bl-hero,.bl-flow,.bl-cards,.bl-steps,.bl-examples{grid-template-columns:1fr}.bl-panel{max-width:380px}}@media (max-width:520px){.bl-cta .mv-btn{width:100%}.bl-table tbody th{white-space:normal}.bl-table td:nth-child(2),.bl-table thead th:nth-child(2){display:none}}
