body.page-id-10145{background:#000}
.t2-page .t2-diagram{padding:26px!important;border:1px solid #444;border-radius:22px;background:#0a0a0a;gap:16px!important;min-width:0}
.t2-page .t2-diagram-flow{gap:0!important}
.t2-page .t2-diagram-node{padding:17px 20px!important;border:1px solid #444;border-radius:12px;gap:6px!important;background:#111;text-align:center}
.t2-page .t2-stage-support{border-color:#FF0073;background:#180911}
.t2-page .t2-stage-existing{border-color:#0075F2;background:#071323}
.t2-page .t2-diagram-node h3{font:600 22px/1.25 'Exo 2',sans-serif!important;color:#fff!important;text-transform:none!important}
.t2-page .t2-diagram-node p{font:400 14px/1.5 'Work Sans',sans-serif;color:#C7CFE8;margin:0}
.t2-page .t2-connector{display:flex;flex-direction:column;align-items:center;gap:0;padding:5px 0 8px;color:#C7CFE8;font:500 10px/1.4 'Work Sans',sans-serif;letter-spacing:.08em}
.t2-page .t2-connector svg{width:90px;height:35px;display:block}
.t2-page .t2-diagram-caption p{font:400 11px/1.6 'Work Sans',sans-serif!important;color:#C7CFE8;margin:0;text-align:center}
.t2-page .t2-destination{background:#000;color:#fff}
.t2-page .t2-destination-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:28px!important}
.t2-page .t2-url-example{border:1px solid #FF0073;border-left-width:3px;border-radius:14px;padding:24px!important;gap:16px!important;background:#10060b}
.t2-page .t2-url-example h3,.t2-page .t2-destinations h3{font-size:24px!important;color:#fff!important}
.t2-page .t2-url-example p,.t2-page .t2-destinations{font-size:16px;line-height:1.75;color:#C7CFE8}
.t2-page .t2-url-example code{font-size:14px;color:#fff;background:transparent;overflow-wrap:anywhere}
.t2-page .t2-url-example strong{color:#fff}
.t2-page .t2-destinations{padding:16px 0!important;gap:14px!important}
.t2-page .t2-destinations ul{padding-left:22px;margin:0}
.t2-page .t2-destinations li{margin:0 0 12px}
.t2-page .t2-order-guidance{font-size:15px;line-height:1.7;border-left:3px solid #FF0073;padding:12px 18px;background:#fff}
.t2-page .t2-order-guidance p{margin:0}
.t2-page .t2-explanation .gp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px!important}
.t2-page .t2-explanation .gp-card h3{font-size:22px!important}
.t2-page .t2-quality{padding-block:32px!important}
.t2-page .t2-quality>.bfl-inner{gap:18px!important}
.t2-page .t2-quality .gp-grid{gap:8px 28px!important}
.t2-page .t2-quality .gp-card{padding:14px 0 14px 28px!important;gap:10px!important}
.t2-page .t2-quality .gp-card::before{display:none!important}
.t2-page .t2-quality .elementor-widget-heading{position:relative;overflow:visible}
.t2-page .t2-quality .gp-card .elementor-widget-heading::before{content:'';position:absolute;left:-28px;top:.5em;width:12px;height:7px;border-left:2px solid #FF0073;border-bottom:2px solid #FF0073;transform:rotate(-45deg)}
.t2-page .gp-hero-copy .elementor-widget-text-editor p:first-child{font-weight:600;color:#fff}
.t2-page .gp-section-10 .elementor-tab-content,.t2-page .gp-section-3 .elementor-tab-content{color:#262933;background:#fff}
@media(max-width:900px){.t2-page .t2-destination-grid{grid-template-columns:1fr}}
@media(max-width:600px){.t2-page .t2-explanation .gp-grid{grid-template-columns:1fr}.t2-page .t2-diagram{padding:20px!important}.t2-page .t2-diagram-node h3{font-size:20px!important}.t2-page .t2-url-example{padding:20px!important}}
/* Reuse shared motion without the process section surface and padding. */
.t2-page .t2-diagram-flow.bfl-how{background:transparent!important;color:#fff}
.t2-page .t2-connector-widget.bfl-step{padding:0!important;border:0!important;background:transparent!important}
.t2-page .t2-connector-widget.bfl-motion-visible path{stroke-dasharray:120;animation:t2-connection-draw 400ms ease both;animation-delay:var(--bfl-motion-delay,0ms)}
@keyframes t2-connection-draw{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.t2-page .t2-connector-widget.bfl-motion-visible path{animation:none;stroke-dashoffset:0}}

/* One-time directional highlight, driven by the shared reveal state. */
.t2-page .t2-diagram-node.bfl-motion-visible{animation:bfl-page-reveal 400ms ease backwards,t2-stage-highlight 760ms ease-out both;animation-delay:var(--bfl-motion-delay,0ms),var(--bfl-motion-delay,0ms)}
@keyframes t2-stage-highlight{0%{box-shadow:0 0 0 0 rgba(255,0,115,0);border-color:#FF0073}35%{box-shadow:0 0 0 2px rgba(255,0,115,.8),0 0 22px rgba(255,0,115,.25);border-color:#FF0073}100%{box-shadow:0 0 0 0 rgba(255,0,115,0)}}
.t2-page .t2-connector-widget.bfl-motion-visible path{stroke-dasharray:55;animation:t2-straight-flow 400ms ease-out both;animation-delay:var(--bfl-motion-delay,0ms)}
@keyframes t2-straight-flow{0%{stroke-dashoffset:55;filter:drop-shadow(0 0 3px #FF0073)}100%{stroke-dashoffset:0;filter:drop-shadow(0 0 0 transparent)}}
@media(prefers-reduced-motion:reduce){.t2-page .t2-diagram-node.bfl-motion-visible,.t2-page .t2-connector-widget.bfl-motion-visible path{animation:none!important}}

/* Deliberate top-to-bottom flow with pink straight arrows. */
.t2-page .t2-diagram-flow>.bfl-step:nth-child(1){--bfl-motion-delay:0ms!important}
.t2-page .t2-diagram-flow>.bfl-step:nth-child(2){--bfl-motion-delay:650ms!important}
.t2-page .t2-diagram-flow>.bfl-step:nth-child(3){--bfl-motion-delay:1300ms!important}
.t2-page .t2-diagram-flow>.bfl-step:nth-child(4){--bfl-motion-delay:1950ms!important}
.t2-page .t2-diagram-flow>.bfl-step:nth-child(5){--bfl-motion-delay:2600ms!important}
.t2-page .t2-diagram-node.bfl-motion-visible{animation-duration:400ms,1300ms}
.t2-page .t2-connector-widget.bfl-motion-visible path{stroke:#FF0073;animation-duration:750ms}