@font-face{font-family:GroupMono;src:url("/static/fonts/space-mono-400.woff2") format("woff2");font-weight:400}@font-face{font-family:GroupMono;src:url("/static/fonts/space-mono-700.woff2") format("woff2");font-weight:700}
.group-subscription-page{--paper:#f7f8f5;--ink:#151a1d;--blue:#2856c7;--pale:#d8edf0;--line:#9aa0a2;--muted:#656b70;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}
.group-subscription-page .landing-brand-name,.group-subscription-page .landing-account-link{font-family:GroupMono,monospace}.group-subscription-main{width:100%;max-width:none;margin:0;flex:1 0 auto;font-family:GroupMono,monospace}.group-info{margin:7px 7px 51px;border:1px solid var(--ink);border-top:0}.group-info *{box-sizing:border-box}.group-info h1,.group-info h2,.group-info h3,.group-info p{max-width:none}.group-info a:focus-visible,.group-info button:focus-visible,.group-info select:focus-visible,.group-info summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.group-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:525px;border-bottom:1px solid var(--ink)}.group-hero-copy{padding:44px 48px 28px;display:flex;flex-direction:column}.group-back{margin-bottom:26px;color:var(--muted);font-size:10px;font-weight:700;text-decoration:none}.group-back:hover{color:var(--blue)}.group-kicker,.group-breadcrumb{margin:0 0 16px!important;color:var(--blue)!important;font:700 12px/1.4 GroupMono,monospace!important;letter-spacing:.05em}.group-hero h1{margin:0;font-size:clamp(34px,3.6vw,58px);line-height:1.17;letter-spacing:-.045em}.group-hero h1 span{color:var(--blue)}.group-lede{max-width:650px!important;margin:22px 0 0!important;color:#34393d!important;font-size:15px!important;line-height:1.62!important}.group-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.group-actions a,.group-actions .disabled{min-height:45px;display:inline-flex;align-items:center;padding:0 22px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.group-actions .primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:4px 4px 0 var(--ink)}.group-actions .disabled{color:var(--muted)}.group-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}.group-facts div{display:grid;grid-template-columns:25px 1fr;padding:0 14px;border-right:1px solid #c4c7c7}.group-facts div:first-child{padding-left:0}.group-facts div:last-child{border:0}.group-facts b{grid-row:1/3;color:var(--blue);font-size:11px}.group-facts strong{font-size:10px}.group-facts span{margin-top:5px;color:var(--muted);font-size:9px}
.group-demo-console{align-self:center;margin:34px 30px;border:2px solid var(--ink);background:#111719;color:#f5f8f8;box-shadow:7px 7px 0 rgba(21,26,29,.14)}.group-window-bar,.group-console-status{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #778083;font-size:9px}.group-window-bar i{font-style:normal}.group-console-status{border:0;border-top:1px solid #778083}.status-online{color:#2bad68;font-weight:700}.group-video-stage{height:405px;position:relative;display:grid;place-items:center;overflow:hidden;background:#101617}.group-stage-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#778083 1px,transparent 1px),linear-gradient(90deg,#778083 1px,transparent 1px);background-size:32px 32px}.group-video-stage video{position:relative;z-index:1;height:370px;width:auto;aspect-ratio:9/16;object-fit:cover;border:1px solid #95a0a3;background:#06090a}.group-video-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);min-height:44px;padding:0 18px;border:1px solid #fff;background:rgba(17,23,25,.9);color:#fff;font:700 10px GroupMono,monospace}.group-video-play span+span{margin-left:8px}.group-video-play[hidden]{display:none}.group-video-error{position:absolute;z-index:4;inset:auto 10px 10px;margin:0!important;padding:10px;background:#fff;color:#a1231b!important;font-size:9px!important}.group-stage-note{position:absolute;z-index:2;right:18px;bottom:18px;display:flex;flex-direction:column;max-width:190px;padding:12px;border:1px solid #778083;background:rgba(17,23,25,.92);font-size:9px}.group-stage-note span{margin-top:5px;color:#bfc7c8}
.group-tabs-wrap{position:sticky;z-index:8;top:72px;background:rgba(247,248,245,.97);border-bottom:1px solid var(--ink)}.group-tabs-wrap>label,.group-tabs-wrap>select{display:none}.group-tabs{display:grid;grid-template-columns:repeat(5,1fr)}.group-tabs button{min-height:46px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font:700 11px GroupMono,monospace;cursor:pointer}.group-tabs button:last-child{border:0}.group-tabs button[aria-selected=true]{box-shadow:inset 0 -3px var(--blue);color:var(--blue)}.group-panel[hidden]{display:none}.group-panel{animation:group-panel-in .18s ease-out}.group-overview{display:grid;grid-template-columns:230px minmax(0,1.4fr) minmax(290px,.8fr);gap:30px;padding:18px 10px 30px}.group-index,.group-capabilities{border:1px solid var(--line);background:rgba(255,255,255,.4)}.group-panel-heading,.group-index-row{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px}.group-panel-heading span,.group-index-row span{margin-left:auto}.group-panel-heading b,.group-index-row b{color:var(--blue)}.group-index ol{margin:0;padding:13px 15px 13px 40px;border-bottom:1px solid var(--line);font-size:10px;line-height:2.8}.group-index li.active{color:var(--blue);font-weight:700}.group-index-row{font-weight:700}.group-doc-main{padding:10px 0}.group-breadcrumb{padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted)!important}.group-doc-main h2,.group-section-title h2,.group-recording-row h2{margin:18px 0 0;font-size:24px;line-height:1.35;letter-spacing:-.02em}.group-doc-main>p:not(.group-breadcrumb){font-size:12px;line-height:1.7}.group-doc-main h3{margin:30px 0 14px;font-size:13px}.group-journey{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.group-journey div{min-height:125px;display:flex;flex-direction:column;padding:14px;border-right:1px solid var(--line)}.group-journey div:last-child{border:0}.group-journey b{color:var(--blue);font-size:10px}.group-journey strong{margin-top:26px;font-size:11px}.group-journey span{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.5}.group-managed-note{display:grid;grid-template-columns:150px 1fr;align-items:center;margin-top:16px;border:1px solid var(--ink)}.group-managed-note>span{align-self:stretch;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:10px}.group-managed-note p{margin:0!important;padding:15px;font-size:10px!important;line-height:1.5!important}.group-capabilities>p{padding:0 14px;color:var(--muted);font-size:10px;line-height:1.5}.group-capability{min-height:70px;display:grid;grid-template-columns:40px 1fr 15px;align-items:center;gap:10px;margin:0 12px 8px;padding:8px;border:1px solid var(--line)}.group-capability i{font-style:normal;font-size:24px;text-align:center}.group-capability div{display:flex;flex-direction:column}.group-capability strong{font-size:10px}.group-capability span{margin-top:4px;color:var(--muted);font-size:8px}
.group-panel:not(.group-overview){padding:42px 40px 50px}.group-section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.group-section-title h2{margin:0}.group-section-title>p{max-width:400px;margin:0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.6!important}.group-system-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}.group-system-flow div{min-height:94px;display:grid;grid-template-columns:28px 1fr;align-content:center;padding:14px;border:1px solid var(--ink)}.group-system-flow div.active{background:var(--blue);color:#fff}.group-system-flow b{grid-row:1/3;color:var(--blue);font-size:10px}.group-system-flow .active b{color:var(--pale)}.group-system-flow span{font-size:11px;font-weight:700}.group-system-flow small{margin-top:6px;color:var(--muted);font-size:8px}.group-system-flow .active small{color:#fff}.group-system-flow i{padding:0 12px;color:var(--blue);font-style:normal}.group-setup-layout{display:grid;grid-template-columns:1fr 460px;gap:24px;margin-top:28px}.group-step-list{border:1px solid var(--line)}.group-step-list>div{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px;border-bottom:1px solid var(--line)}.group-step-list>div:last-child{border:0}.group-step-list b{color:var(--blue);font-size:10px}.group-step-list p{display:flex;flex-direction:column;margin:0!important;font-size:10px!important}.group-step-list p span{margin-top:5px;color:var(--muted)}.group-future-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.group-video-placeholder{aspect-ratio:9/16;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--ink);background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(40,86,199,.04) 10px 20px)}.group-video-placeholder span{color:var(--blue);font-size:10px}.group-video-placeholder i{margin:22px 0;font-size:28px;font-style:normal}.group-video-placeholder strong{font-size:10px;text-align:center}.group-video-placeholder small{margin-top:7px;color:var(--muted);font-size:8px}.group-table-wrap{margin-top:24px;overflow-x:auto;border:1px solid var(--line)}.group-table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.group-table-wrap caption{padding:15px;text-align:left;font-weight:700}.group-table-wrap th,.group-table-wrap td{padding:13px;border-top:1px solid var(--line);text-align:left}.group-table-wrap th{background:var(--pale)}
.group-config-grid,.group-payment-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.group-config-grid article{min-height:220px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.group-config-grid article:nth-child(2n){border-right:0}.group-config-grid article:nth-last-child(-n+2){border-bottom:0}.group-config-grid article>b,.group-payment-grid article>b{color:var(--blue);font-size:10px}.group-config-grid h3,.group-payment-grid h3{margin:30px 0 12px;font-size:17px}.group-config-grid ul{margin:0;padding-left:20px;color:var(--muted);font-size:11px;line-height:2}.group-recording-row{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center;margin-top:28px}.group-recording-row>div:last-child p:not(.group-breadcrumb){font-size:11px;line-height:1.7;color:var(--muted)}.group-payment-grid{grid-template-columns:repeat(3,1fr)}.group-payment-grid article{min-height:310px;display:flex;flex-direction:column;padding:24px;border-right:1px solid var(--line)}.group-payment-grid article:last-child{border:0}.group-payment-grid i{font-style:normal;font-size:32px}.group-payment-grid article>b{margin-top:24px}.group-payment-grid p{flex:1;margin-top:12px!important;color:var(--muted)!important;font-size:11px!important;line-height:1.7!important}.group-payment-grid a{color:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.group-security{margin-top:25px;padding:30px;border:1px solid var(--ink);background:var(--pale)}.group-security>b{color:var(--blue);font-size:10px}.group-security h3{max-width:900px;margin:20px 0 0;font-size:21px;line-height:1.5}
.group-faq{border:1px solid var(--line)}.group-faq details{border-bottom:1px solid var(--line)}.group-faq details:last-child{border:0}.group-faq summary{display:flex;justify-content:space-between;gap:20px;padding:19px;font-size:12px;font-weight:700;cursor:pointer}.group-faq summary span{color:var(--blue)}.group-faq details p{margin:0!important;padding:0 19px 19px;color:var(--muted)!important;font-size:11px!important;line-height:1.7!important}.group-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:30px;background:var(--ink);color:#fff}.group-final-cta b{color:var(--pale);font-size:10px}.group-final-cta h2{max-width:700px;margin:10px 0 0}.group-final-cta a{flex:0 0 auto;padding:16px 20px;border:1px solid #fff;color:#fff;font-size:10px;font-weight:700;text-decoration:none}
@keyframes group-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.group-hero{grid-template-columns:1fr}.group-demo-console{margin-top:0}.group-overview{grid-template-columns:190px 1fr}.group-capabilities{grid-column:1/-1}.group-journey{grid-template-columns:repeat(2,1fr)}.group-journey div:nth-child(2){border-right:0}.group-journey div:nth-child(-n+2){border-bottom:1px solid var(--line)}.group-setup-layout{grid-template-columns:1fr}.group-future-videos{max-width:460px;margin:auto}.group-payment-grid{grid-template-columns:1fr}.group-payment-grid article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:720px){.group-info{margin:7px 0 31px;border-left:0;border-right:0}.group-hero-copy{padding:34px 22px 22px}.group-facts{grid-template-columns:1fr;gap:14px}.group-facts div{padding:0;border:0}.group-demo-console{margin:18px 12px}.group-video-stage{height:410px}.group-video-stage video{height:380px}.group-stage-note{display:none}.group-tabs-wrap{top:70px;padding:10px}.group-tabs{display:none}.group-tabs-wrap>label{display:block;margin-bottom:5px;font-size:9px;font-weight:700}.group-tabs-wrap>select{display:block;width:100%;min-height:42px;padding:0 10px;border:1px solid var(--ink);background:var(--paper);font:700 11px GroupMono,monospace}.group-overview{grid-template-columns:1fr;padding:14px}.group-index{display:none}.group-journey{grid-template-columns:1fr}.group-journey div{border-right:0!important;border-bottom:1px solid var(--line)}.group-journey div:last-child{border:0}.group-managed-note{grid-template-columns:1fr}.group-managed-note>span{padding:12px}.group-panel:not(.group-overview){padding:32px 14px}.group-section-title{display:block}.group-section-title>p{margin-top:12px!important}.group-system-flow{grid-template-columns:1fr}.group-system-flow i{padding:8px;transform:rotate(90deg);text-align:center}.group-future-videos{grid-template-columns:1fr}.group-video-placeholder{width:210px;margin:auto}.group-config-grid{grid-template-columns:1fr}.group-config-grid article{border-right:0;border-bottom:1px solid var(--line)!important}.group-config-grid article:last-child{border:0!important}.group-recording-row{grid-template-columns:1fr}.group-recording-row .group-video-placeholder{grid-row:1}.group-final-cta{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.group-panel{animation:none}}

/* Section-aware tutorial player. Source media is always presented at 808:1600. */
.group-hero-copy{justify-content:center}
.group-hero{padding-block:24px}
.group-demo-console{width:min(calc(100% - 60px),340px);justify-self:center;margin:0 auto}
.group-video-stage{width:100%;height:auto;aspect-ratio:808/1600}
.group-video-stage video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:808/1600;object-fit:contain}
.group-video-empty{position:absolute;z-index:1;inset:0;width:100%;height:100%;aspect-ratio:808/1600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #95a0a3;background:#0b1012;color:#fff;text-align:center}
.group-video-empty[hidden]{display:none}
.group-video-empty b{font-size:11px}
.group-video-empty span{max-width:150px;color:#95a0a3;font-size:8px;line-height:1.5}
.group-stage-note{display:none}
.group-setup-layout--steps-only{grid-template-columns:1fr}
@media(max-width:1000px){.group-hero{padding-block:20px}.group-demo-console{width:min(calc(100% - 60px),370px)}}
@media(max-width:720px){.group-hero{padding-block:14px}.group-hero-copy{justify-content:flex-start}.group-demo-console{width:min(calc(100% - 24px),430px);margin:0 auto}.group-video-stage{height:auto}.group-video-stage video,.group-video-empty{height:100%}}

/* Keep the page itself below the sticky header; grid-item margins can be clipped. */
.group-subscription-main{padding-top:24px}
.group-info{border-top:0}
.group-hero{padding-top:0}
@media(max-width:1000px){.group-subscription-main{padding-top:20px}.group-hero{padding-top:0}}
@media(max-width:720px){.group-subscription-main{padding-top:14px}.group-hero{padding-top:0}}

/* Keep the tutorial console clear of the 84px sticky site header. */
@media(min-width:1001px){.group-demo-console{position:sticky;top:108px;align-self:start}}

/* The fixed site header is outside document flow: reserve its height plus a gap. */
.group-subscription-main{padding-top:112px}
@media(min-width:1001px){.group-demo-console{position:static;top:auto;align-self:center}}
@media(max-width:1000px){.group-subscription-main{padding-top:104px}}
@media(max-width:720px){.group-subscription-main{padding-top:84px}}

.group-demo-console{margin:24px auto}
.group-hero{padding-bottom:0}
@media(max-width:1000px){.group-demo-console{margin:20px auto}}
@media(max-width:720px){.group-demo-console{margin:14px auto}}

.group-subscription-page{--paper:#D0E7E6}

.group-hero-copy{padding-left:72px}
@media(max-width:1000px){.group-hero-copy{padding-left:48px}}
@media(max-width:720px){.group-hero-copy{padding-left:22px}}

/* Interactive Overview topic navigation. */
.group-overview{grid-template-columns:230px minmax(0,1fr)}
.group-overview-topics{border-bottom:1px solid var(--line)}
.group-overview-topics button{width:100%;min-height:54px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;padding:9px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:400 10px/1.45 GroupMono,monospace;text-align:left;cursor:pointer}
.group-overview-topics button:last-child{border-bottom:0}
.group-overview-topics button b{color:var(--muted);font-size:9px}
.group-overview-topics button[aria-selected=true]{background:var(--blue);color:#fff;font-weight:700}
.group-overview-topics button[aria-selected=true] b{color:var(--pale)}
.group-doc-main [data-group-section-panel][hidden]{display:none}
.group-doc-main [data-group-section-panel]{animation:group-panel-in .18s ease-out}
.group-overview-details{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;border:1px solid var(--line)}
.group-overview-details>div{min-height:150px;display:flex;flex-direction:column;padding:18px;border-right:1px solid var(--line)}
.group-overview-details>div:last-child{border-right:0}
.group-overview-details b{color:var(--blue);font-size:10px}
.group-overview-details strong{margin-top:30px;font-size:11px}
.group-overview-details span{margin-top:8px;color:var(--muted);font-size:9px;line-height:1.6}
.group-overview-audiences{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.group-overview{grid-template-columns:190px minmax(0,1fr)}.group-overview-details,.group-overview-audiences{grid-template-columns:repeat(2,1fr)}.group-overview-details>div:nth-child(2n){border-right:0}.group-overview-details>div:nth-child(n+3){border-top:1px solid var(--line)}.group-overview-details>div:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:720px){.group-overview{grid-template-columns:1fr}.group-overview .group-index{display:block}.group-overview .group-index-row{display:none}.group-overview-topics{display:grid;grid-template-columns:1fr 1fr}.group-overview-topics button{border-right:1px solid var(--line)}.group-overview-topics button:nth-child(2n){border-right:0}.group-overview-topics button:nth-last-child(-n+2){border-bottom:0}.group-doc-main{padding:6px 0}.group-overview-details,.group-overview-audiences{grid-template-columns:1fr}.group-overview-details>div{min-height:125px;border-right:0!important;border-top:0!important;border-bottom:1px solid var(--line)}.group-overview-details>div:last-child{grid-column:auto!important;border-bottom:0}.group-overview-details strong{margin-top:20px}}
.group-overview-copy{max-width:780px;margin-top:24px}
.group-overview-copy h3{margin:20px 0 5px}
.group-overview-copy p{margin:0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.7!important}
.group-doc-main [data-group-section-panel] p:not(.group-breadcrumb){font-size:14px!important;line-height:1.75!important}
.group-overview-topics button span{font-size:12px;line-height:1.45}

/* Reduce the portrait tutorial console by 25% while preserving 808:1600. */
.group-demo-console{width:min(calc(100% - 60px),255px)}
@media(max-width:1000px){.group-demo-console{width:min(calc(100% - 60px),278px)}}
@media(max-width:720px){.group-demo-console{width:min(calc(100% - 24px),323px)}}

/* Stronger, more readable Configuration instructions. */
#configuration .group-section-title>p{font-size:15px!important;font-weight:700}
#configuration .group-system-flow span{font-size:15px;font-weight:700}
#configuration .group-system-flow small{font-size:12px;font-weight:700;line-height:1.55}
#configuration .group-step-list>div{padding:18px}
#configuration .group-step-list b{font-size:14px;font-weight:700}
#configuration .group-step-list p{font-size:16px!important;font-weight:700;line-height:1.55!important}
#configuration .group-step-list p span{font-size:14px;font-weight:700;line-height:1.6}
#configuration .group-table-wrap table{font-size:14px;font-weight:700}
#configuration .group-table-wrap caption{font-size:14px;font-weight:700}
#configuration .group-table-wrap th{font-size:13px;font-weight:700}
.group-tabs{grid-template-columns:repeat(6,1fr)}
.group-text-link{color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}
.group-inline-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.group-inline-link:hover{color:var(--blue)}
.group-payment-details .group-security{margin-top:34px}

/* Three process-specific tutorial videos per main section. */
.group-hero{grid-template-columns:minmax(380px,.85fr) minmax(600px,1.35fr)}
.group-video-collection{width:min(calc(100% - 24px),793px);align-self:center;justify-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,255px));justify-content:center;gap:14px;padding:24px 0}
.group-video-collection .group-demo-console{width:100%;min-width:0;margin:0;box-shadow:4px 4px 0 rgba(21,26,29,.14)}
.group-video-collection .group-window-bar{height:34px;gap:6px;font-size:8px;font-weight:700;line-height:1.25}
.group-video-collection .group-window-bar i{flex:0 0 auto}
.group-video-collection .group-console-status{height:30px;gap:5px;font-size:7px}
.group-video-collection .group-video-play{min-height:38px;padding:0 12px;font-size:8px}
.group-video-collection .group-video-empty b{max-width:150px;padding:0 8px;line-height:1.45}
.group-video-collection .group-demo-console[hidden]{display:none}
.group-video-stage video:fullscreen,.group-video-stage video:-webkit-full-screen{width:100vw;height:100vh;object-fit:contain;background:#000}
.group-info[data-group-video-count="1"] .group-hero{grid-template-columns:1fr 1.05fr}
.group-info[data-group-video-count="1"] .group-video-collection{width:min(calc(100% - 60px),255px);grid-template-columns:1fr;justify-self:center;padding:24px 0}
@media(max-width:1000px){.group-hero{grid-template-columns:1fr}.group-video-collection{width:min(calc(100% - 40px),820px);margin:0 auto;padding:20px 0}}
@media(max-width:720px){.group-video-collection{width:100%;grid-template-columns:repeat(3,minmax(210px,1fr));gap:12px;margin:0;overflow-x:auto;padding:14px 12px 20px;scroll-snap-type:x proximity}.group-video-collection .group-demo-console{scroll-snap-align:start}}
@media(max-width:1000px){.group-info[data-group-video-count="1"] .group-hero{grid-template-columns:1fr}.group-info[data-group-video-count="1"] .group-video-collection{width:min(calc(100% - 60px),278px);padding:20px 0}}
@media(max-width:720px){.group-info[data-group-video-count="1"] .group-video-collection{width:min(calc(100% - 24px),323px);grid-template-columns:1fr;overflow:visible;padding:14px 0}}

/* Compact details layout shared by every tutorial panel. */
.group-info .group-hero{display:none}
.group-details-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;margin:18px 10px 0;padding:14px 18px;border:1px solid var(--line);background:var(--pale)}
.group-details-intro h1{margin:0;font-size:clamp(18px,1.55vw,25px);line-height:1.2;letter-spacing:-.035em}
.group-details-intro .group-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.group-details-intro .group-actions a,.group-details-intro .group-actions .disabled{justify-content:center;white-space:nowrap}
.group-info[data-group-active-section="faq"] .group-details-intro{display:none}
#overview,#admin,#pay-inside-bot,#configure-payment{grid-template-columns:230px minmax(0,1fr) 255px}
.group-configuration-panel:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:30px}
.group-panel-video{align-self:start;min-width:0}
.group-info[data-group-video-count="1"] .group-panel-video .group-video-collection{width:255px;padding:10px 0}
@media(min-width:1001px){.group-overview{padding-right:30px}}
@media(max-width:1000px){#overview,#admin,#pay-inside-bot,#configure-payment{grid-template-columns:190px minmax(0,1fr)}#overview>.group-index,#admin>.group-index,#pay-inside-bot>.group-index,#configure-payment>.group-index{grid-column:1;grid-row:1/3}#overview>.group-panel-video,#admin>.group-panel-video,#pay-inside-bot>.group-panel-video,#configure-payment>.group-panel-video{grid-column:2;grid-row:1}#overview>.group-doc-main,#admin>.group-doc-main,#pay-inside-bot>.group-doc-main,#configure-payment>.group-doc-main{grid-column:2;grid-row:2}.group-configuration-panel:not([hidden]){grid-template-columns:1fr}.group-configuration-panel>.group-panel-video{grid-column:1;grid-row:1}.group-configuration-panel>.group-configuration-content{grid-column:1;grid-row:2}.group-info[data-group-video-count="1"] .group-panel-video .group-video-collection{width:min(100%,278px);margin:0}}
@media(max-width:720px){.group-details-intro{align-items:flex-start;flex-direction:column;gap:12px;min-height:0;margin:14px 14px 0;padding:13px 14px}.group-details-intro .group-actions{width:100%;gap:8px}.group-details-intro .group-actions a,.group-details-intro .group-actions .disabled{min-width:0;padding:0 8px;font-size:clamp(8px,2.6vw,11px)}#overview,#admin,#pay-inside-bot,#configure-payment{grid-template-columns:minmax(0,1fr);gap:14px}#overview>.group-panel-video,#admin>.group-panel-video,#pay-inside-bot>.group-panel-video,#configure-payment>.group-panel-video{grid-column:1;grid-row:1;min-width:0}#overview>.group-index,#admin>.group-index,#pay-inside-bot>.group-index,#configure-payment>.group-index{display:block;grid-column:1;grid-row:2;min-width:0}#overview>.group-doc-main,#admin>.group-doc-main,#pay-inside-bot>.group-doc-main,#configure-payment>.group-doc-main{grid-column:1;grid-row:3;min-width:0;padding:0 4px}.group-info[data-group-video-count="1"] .group-panel-video .group-video-collection{width:min(100%,323px);margin:0 auto}.group-configuration-panel>.group-panel-video{grid-row:1}.group-configuration-panel>.group-configuration-content{grid-row:2}.group-doc-main h2{font-size:22px}.group-doc-main p{font-size:14px!important;line-height:1.7!important}}

/* Center the complete bot details page on desktop. */
@media(min-width:1001px){.group-info{width:min(1440px,calc(100% - 32px));margin:7px auto 55px}}

/* Server-rendered HTMX guide region. */
.group-section-form{display:none}
.group-tabs{border-top:1px solid var(--ink)}
.group-tabs a{min-height:46px;display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font:700 11px GroupMono,monospace;text-align:center;text-decoration:none}
.group-tabs a:last-child{border-right:0}
.group-tabs a[aria-selected=true]{box-shadow:inset 0 -3px var(--blue);color:var(--blue)}
.group-overview-topics a{width:100%;min-height:54px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;padding:9px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:400 10px/1.45 GroupMono,monospace;text-align:left;text-decoration:none}
.group-overview-topics a:last-child{border-bottom:0}
.group-overview-topics a b{color:var(--muted);font-size:9px}
.group-overview-topics a span{font-size:12px;line-height:1.45}
.group-overview-topics a[aria-selected=true]{background:var(--blue);color:#fff;font-weight:700}
.group-overview-topics a[aria-selected=true] b{color:var(--pale)}
#group-guide-panel{grid-template-columns:230px minmax(0,1fr) 255px;padding-right:30px}
#group-guide-panel[data-group-section=configuration],#group-guide-panel[data-group-section=faq]{grid-template-columns:minmax(0,1fr) 255px;padding-left:30px}
.group-panel-video .group-video-collection{width:255px;grid-template-columns:1fr;padding:10px 0}
.group-video-note{margin:0!important;padding:8px 10px;border-top:1px solid #778083;color:#bfc7c8!important;font-size:8px!important;line-height:1.5!important}
.group-guide-error{margin:0;padding:10px 14px;border-bottom:1px solid var(--ink);background:#fff1ef;color:#a1231b;font:700 10px GroupMono,monospace}
.group-guide-error a{margin-left:8px;color:inherit}
.group-info[aria-busy=true]{cursor:progress}
.group-details-intro>div:first-child{min-width:0}
.group-details-intro .group-back{display:inline-block;margin-bottom:8px}
.group-details-intro .group-kicker{margin-bottom:4px!important}
@media(max-width:1000px){#group-guide-panel{grid-template-columns:190px minmax(0,1fr);padding-right:14px}#group-guide-panel>.group-index{grid-column:1;grid-row:1/3}#group-guide-panel>.group-panel-video{grid-column:2;grid-row:1}#group-guide-panel>.group-doc-main{grid-column:2;grid-row:2}#group-guide-panel[data-group-section=configuration],#group-guide-panel[data-group-section=faq]{grid-template-columns:1fr;padding-left:14px}#group-guide-panel[data-group-section=configuration]>.group-panel-video,#group-guide-panel[data-group-section=faq]>.group-panel-video{grid-column:1;grid-row:1}#group-guide-panel[data-group-section=configuration]>.group-doc-main,#group-guide-panel[data-group-section=faq]>.group-doc-main{grid-column:1;grid-row:2}}
@media(max-width:720px){.group-tabs-wrap{border-top:1px solid var(--ink)}.group-section-form{display:grid;grid-template-columns:1fr;gap:6px}.group-section-form label{font-size:9px;font-weight:700}.group-section-form select{min-height:42px;padding:0 10px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:700 10px GroupMono,monospace}.group-tabs{display:none}#group-guide-panel,#group-guide-panel[data-group-section=configuration],#group-guide-panel[data-group-section=faq]{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}#group-guide-panel>.group-panel-video,#group-guide-panel[data-group-section=configuration]>.group-panel-video,#group-guide-panel[data-group-section=faq]>.group-panel-video{grid-column:1;grid-row:1}#group-guide-panel>.group-index{display:block;grid-column:1;grid-row:2}#group-guide-panel>.group-doc-main,#group-guide-panel[data-group-section=configuration]>.group-doc-main,#group-guide-panel[data-group-section=faq]>.group-doc-main{grid-column:1;grid-row:3;padding:0 4px}.group-info[data-group-video-count="1"] .group-panel-video .group-video-collection{width:min(100%,380px);margin:0 auto}.group-overview-topics{grid-template-columns:1fr 1fr}.group-overview-topics a{border-right:1px solid var(--line)}.group-overview-topics a:nth-child(2n){border-right:0}}

/* Compact mobile guide content and keep the custom select arrow off its border. */
@media(max-width:720px){
.group-section-form{position:relative}
.group-section-form select{-webkit-appearance:none;appearance:none;padding-right:42px}
.group-section-form::after{content:"↓";position:absolute;right:14px;bottom:11px;color:var(--muted);font:400 14px/1 GroupMono,monospace;pointer-events:none}
#group-guide-panel,#group-guide-panel[data-group-section=configuration],#group-guide-panel[data-group-section=faq]{gap:10px;padding:10px}
#group-guide-panel>.group-panel-video,#group-guide-panel[data-group-section=configuration]>.group-panel-video,#group-guide-panel[data-group-section=faq]>.group-panel-video{width:calc(100% - 8px);max-width:none;margin-right:4px;margin-left:4px}
.group-panel-video .group-video-collection{width:100%;max-width:none;margin:0;padding-right:0;padding-left:0}
.group-panel-video .group-demo-console{width:100%;max-width:none;margin:0}
#group-guide-panel>.group-doc-main,#group-guide-panel[data-group-section=configuration]>.group-doc-main,#group-guide-panel[data-group-section=faq]>.group-doc-main{padding:0 2px}
.group-doc-main h2{margin-top:12px;font-size:20px}
.group-doc-main h3,.group-overview-copy h3{margin:14px 0 4px}
.group-doc-main>p:not(.group-breadcrumb){margin-top:9px!important;margin-bottom:9px!important;font-size:12px!important;line-height:1.55!important}
.group-breadcrumb{margin-bottom:8px!important;padding-bottom:8px}
.group-overview-copy{margin-top:14px}
.group-overview-copy p{font-size:10px!important;line-height:1.55!important}
.group-system-flow div{min-height:72px;padding:9px 10px}
.group-system-flow i{padding:4px}
.group-step-list>div{grid-template-columns:32px 1fr;gap:7px;padding:9px 10px}
.group-step-list>div>p{display:contents}
.group-step-list>div>p>strong{grid-column:2}
.group-step-list>div>p>span{grid-column:1/-1;margin-top:2px}
.group-config-grid article,.group-payment-grid article{min-height:0;padding:14px}
.group-config-grid h3,.group-payment-grid h3{margin:16px 0 8px;font-size:15px}
.group-security{margin-top:18px;padding:16px}
.group-security h3{margin-top:10px;font-size:16px;line-height:1.4}
.group-faq summary{padding:14px}
.group-faq details p{padding:0 14px 14px}
.group-doc-main small,#configuration .group-system-flow small{margin-top:4px;color:#34393d;font-size:12px;font-weight:600;line-height:1.5}
#configuration .group-system-flow .active small{color:#fff}
}