.tw-suite{--s-bg:var(--tw-suite-bg,#F3F7FF);--s-card:var(--tw-suite-card,#FFFFFF);--s-text:var(--tw-suite-text,#24365C);--s-head:var(--tw-suite-head,#081F49);--s-muted:var(--tw-suite-muted,#566587);--s-line:var(--tw-suite-line,#C7D5F3);--s-acc:var(--tw-suite-accent,#075AFF);--s-act:var(--tw-suite-acc-text,#0A47C2);--s-acc2:var(--tw-suite-accent2,#6137F5);--s-ok:var(--tw-suite-ok,#0B7D52);--s-btn:var(--tw-suite-btn,linear-gradient(135deg,#075AFF,#6137F5));--s-btn-fg:var(--tw-suite-btn-fg,#fff);--s-show-c:var(--tw-suite-show-c,block);--s-show-s:var(--tw-suite-show-s,none);--s-r:var(--tw-suite-radius,22px)}
.tw-suite[data-mode=dark]{--s-bg:var(--tw-suite-bg,#0E1A33);--s-card:var(--tw-suite-card,#0B1529);--s-text:var(--tw-suite-text,#D9E3FA);--s-head:var(--tw-suite-head,#F3F7FF);--s-muted:var(--tw-suite-muted,#9DAECF);--s-line:var(--tw-suite-line,#2B4373);--s-acc:var(--tw-suite-accent,#6897FF);--s-act:var(--tw-suite-acc-text,#8AB0FF);--s-acc2:var(--tw-suite-accent2,#B398FF);--s-ok:var(--tw-suite-ok,#4ADE9A);--s-btn:var(--tw-suite-btn,linear-gradient(135deg,#3E7BFF,#7B57FF));--s-show-c:var(--tw-suite-show-c,none);--s-show-s:var(--tw-suite-show-s,block)}
@media(prefers-color-scheme:dark){.tw-suite:not([data-mode]){--s-bg:var(--tw-suite-bg,#0E1A33);--s-card:var(--tw-suite-card,#0B1529);--s-text:var(--tw-suite-text,#D9E3FA);--s-head:var(--tw-suite-head,#F3F7FF);--s-muted:var(--tw-suite-muted,#9DAECF);--s-line:var(--tw-suite-line,#2B4373);--s-acc:var(--tw-suite-accent,#6897FF);--s-act:var(--tw-suite-acc-text,#8AB0FF);--s-acc2:var(--tw-suite-accent2,#B398FF);--s-ok:var(--tw-suite-ok,#4ADE9A);--s-btn:var(--tw-suite-btn,linear-gradient(135deg,#3E7BFF,#7B57FF));--s-show-c:var(--tw-suite-show-c,none);--s-show-s:var(--tw-suite-show-s,block)}}
.tw-suite{display:block;box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto clamp(30px,4vw,48px);font-family:var(--tw-suite-font,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif);font-size:16px;line-height:1.5;color:var(--s-text);text-align:start}
.tw-suite *,.tw-suite *::before,.tw-suite *::after{box-sizing:border-box}
.tw-suite .ts-card{position:relative;overflow:hidden;border:1px solid var(--s-line);border-radius:var(--s-r);padding:clamp(20px,4vw,38px);background:var(--s-card);background:linear-gradient(135deg,color-mix(in srgb,var(--s-acc) 10%,var(--s-card)),var(--s-card) 52%,color-mix(in srgb,var(--s-acc2) 10%,var(--s-card)))}
.tw-suite .ts-card::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--s-acc),var(--s-acc2))}
.tw-suite .ts-tag{display:block;margin:0 0 14px;text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--s-act)}
.tw-suite .ts-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,260px) minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,22px)}
.tw-suite .ts-prod{display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(10px,2vw,18px) clamp(8px,2vw,22px);border:1px solid var(--s-line);border-radius:calc(var(--s-r) - 6px);background:var(--s-card)}
.tw-suite .ts-prod a{display:flex;align-items:center;justify-content:center;max-width:100%}
.tw-suite .ts-lg{direction:ltr;display:block;height:clamp(28px,6vw,56px);width:auto;max-width:100%}
.tw-suite .tw-c{display:var(--s-show-c)}
.tw-suite .tw-s{display:var(--s-show-s)}
.tw-suite .ts-wire{position:relative;height:44px;min-width:0}
.tw-suite .ts-wire>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tw-suite .ts-base{fill:none;stroke:var(--s-line);stroke-width:2;vector-effect:non-scaling-stroke}
.tw-suite .ts-flow{fill:none;stroke:var(--s-acc);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:0.1 13;vector-effect:non-scaling-stroke;animation:ts-flow 1.3s linear infinite}
.tw-suite .ts-f2{stroke:var(--s-acc2);animation-direction:reverse}
.tw-suite .ts-shield{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;border-radius:50%;background:var(--s-card);border:2px solid var(--s-ok);color:var(--s-ok)}
.tw-suite .ts-shield::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--s-ok);opacity:0;animation:ts-pulse 2.4s ease-out infinite}
.tw-suite .ts-shield svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes ts-flow{to{stroke-dashoffset:-13.1}}
@keyframes ts-pulse{0%{transform:scale(.8);opacity:.7}70%,100%{transform:scale(1.35);opacity:0}}
.tw-suite .ts-t{margin:clamp(18px,3vw,28px) 0 14px;text-align:center;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--s-head)}
.tw-suite .ts-pts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tw-suite .ts-pts li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--s-line);border-radius:calc(var(--s-r) - 8px);background:var(--s-card);font-size:.95rem;color:var(--s-text)}
.tw-suite .ts-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--s-act);background:color-mix(in srgb,var(--s-acc) 12%,transparent)}
.tw-suite .ts-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tw-suite .ts-steps{list-style:none;counter-reset:ts;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tw-suite .ts-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:12px 14px;border-radius:calc(var(--s-r) - 8px);border:1px dashed var(--s-line)}
.tw-suite .ts-n{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800;color:var(--s-card);background:linear-gradient(135deg,var(--s-act),var(--s-acc2))}
.tw-suite .ts-steps li:last-child .ts-n{background:var(--s-ok)}
.tw-suite .ts-steps b{color:var(--s-head);font-size:1rem}
.tw-suite .ts-steps span.ts-d{font-size:.88rem;color:var(--s-muted)}
.tw-suite .ts-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0 0}
.tw-suite .ts-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:14px;border:1px solid var(--s-line);background:var(--s-card);color:var(--s-head);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.tw-suite .ts-btn.p{border-color:transparent;background:var(--s-btn);color:var(--s-btn-fg)}
.tw-suite .ts-btn:hover{border-color:var(--s-acc)}
.tw-suite .ts-btn:focus-visible,.tw-suite .ts-prod a:focus-visible{outline:3px solid var(--s-acc);outline-offset:3px}
@media(max-width:820px){.tw-suite .ts-pts,.tw-suite .ts-steps{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){.tw-suite .ts-row{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.tw-suite .ts-shield{width:36px;height:36px;margin:-18px 0 0 -18px}.tw-suite .ts-shield svg{width:18px;height:18px}.tw-suite .ts-btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.tw-suite .ts-flow,.tw-suite .ts-shield::after{animation:none}.tw-suite .ts-shield::after{opacity:.35;transform:scale(1.15)}.tw-suite .ts-flow{stroke-dasharray:0.1 13}}
.ftr .tw-suite{--tw-suite-bg:var(--bg2);--tw-suite-card:var(--card);--tw-suite-text:var(--text);--tw-suite-head:var(--head);--tw-suite-muted:var(--muted);--tw-suite-line:var(--line2);--tw-suite-accent:var(--accent);--tw-suite-acc-text:var(--acc-t);--tw-suite-accent2:var(--accent2);--tw-suite-ok:var(--ok);--tw-suite-btn:var(--btn);--tw-suite-show-c:var(--show-c);--tw-suite-show-s:var(--show-s);--tw-suite-radius:var(--r);--tw-suite-font:var(--font)}
@media print{.tw-suite{display:none}}