.ukiyo-homepage-root #connections .workflow-framed{margin:12px 0 0;padding:32px 28px;border:1px solid #9eafc72b;border-radius:24px 5px 24px 5px;background:radial-gradient(ellipse at 5% 0%,#a0b5cc0b,transparent 58%),linear-gradient(140deg,#15203055,#07101a55)}
.ukiyo-homepage-root .workflow-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:24px}.ukiyo-homepage-root .workflow-intro .eyebrow{font-size:9px;margin:0 0 14px;color:var(--nexus-cyan)}.ukiyo-homepage-root .workflow-intro h3{font:400 clamp(28px,3vw,42px)/1.12 var(--signal-display);letter-spacing:-.045em;margin:0}.ukiyo-homepage-root .workflow-intro>p{font:14px/1.7 var(--signal-reading);color:var(--nexus-slate);margin:0;max-width:400px}
.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;padding:5px;border:1px solid #97b4cf24;border-radius:11px;background:#050c1670;margin-bottom:26px}
.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch button{min-height:44px;padding:10px 12px;text-align:center;font-size:13px;border:1px solid transparent;border-radius:7px;color:#95a7bd}.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch button:after{display:none}.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch button[aria-pressed=true]{color:#e4f1f8;border-color:#8bbfce44;background:linear-gradient(120deg,#9fb8d01c,#24334266);box-shadow:inset 0 1px 0 #ffffff0a}.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch button:hover{color:#e4f1f8}
.ukiyo-homepage-root .workflow-framed .tools-workflow-heading{margin:0 0 20px;display:block}.ukiyo-homepage-root .workflow-situation-label{font:9px var(--signal-meta);letter-spacing:.09em;color:#a2a5be;margin:0 0 10px}.ukiyo-homepage-root #connections .workflow-framed #workflow-title{font:400 clamp(24px,2.5vw,34px)/1.2 var(--signal-display);letter-spacing:-.035em;max-width:850px;margin:0}
.ukiyo-homepage-root .workflow-ops-anchor{display:flex;gap:18px;align-items:center;padding:16px 0;border-block:1px solid #94aec123}.ukiyo-homepage-root .workflow-ops-anchor>strong{font:500 29px var(--signal-display);letter-spacing:-.07em;color:#e3eaf3;padding-right:18px;border-right:1px solid #9caec340}.ukiyo-homepage-root .workflow-ops-anchor>span{font:11px/1.5 var(--signal-reading);color:#b3c2d4}.ukiyo-homepage-root .workflow-ops-anchor i{font-style:normal;color:var(--nexus-cyan);margin:0 7px}.ukiyo-homepage-root .workflow-ops-anchor small{font:8px var(--signal-meta);color:#8da2ba;margin-left:auto;white-space:nowrap}
.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-path{margin:0;gap:24px}.ukiyo-homepage-root #connections .workflow-framed .workflow-step{padding:22px 0 18px;min-height:0}.ukiyo-homepage-root #connections .workflow-framed .workflow-step>strong{font-size:23px;line-height:1.2;margin:12px 0 9px}.ukiyo-homepage-root #connections .workflow-framed .workflow-step>p{font-size:13px;line-height:1.6;margin:0}.ukiyo-homepage-root #connections .workflow-framed .workflow-step-tool{font-size:12px}.ukiyo-homepage-root .workflow-framed .workflow-step-number{font-size:9px}
.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:4px;padding-top:20px;border-top:1px solid #8aa7b32b}.ukiyo-homepage-root .workflow-payoff>span{font:8px var(--signal-meta);letter-spacing:.08em;color:var(--nexus-cyan)}.ukiyo-homepage-root .workflow-payoff>p{font:14px/1.7 var(--signal-reading);color:#c6d2df;max-width:670px;margin:9px 0 0}.ukiyo-homepage-root #connections .workflow-framed #workflow-open{min-height:44px;flex-shrink:0;font-size:13px;display:flex;align-items:center;gap:16px;margin:0}
@media(max-width:700px){.ukiyo-homepage-root #connections .workflow-framed{padding:24px 18px}.ukiyo-homepage-root .workflow-intro{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.ukiyo-homepage-root .workflow-intro>p{font-size:13px}.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch button{font-size:12px}.ukiyo-homepage-root .workflow-ops-anchor{gap:10px}.ukiyo-homepage-root .workflow-ops-anchor>strong{font-size:26px;padding-right:10px}.ukiyo-homepage-root .workflow-ops-anchor>span{font-size:10px}.ukiyo-homepage-root .workflow-ops-anchor small{display:none}.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-path{grid-template-columns:1fr;gap:0}.ukiyo-homepage-root #connections .workflow-framed .workflow-step{padding:17px 0;border-bottom:1px solid #9aafc017}.ukiyo-homepage-root #connections .workflow-framed .workflow-step:not(:last-child):after{display:none}.ukiyo-homepage-root #connections .workflow-framed .workflow-step>strong{font-size:21px;margin:9px 0 6px}.ukiyo-homepage-root #connections .workflow-framed .workflow-step>p{font-size:12px}.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-bottom{display:block;margin-top:12px}.ukiyo-homepage-root .workflow-payoff>p{font-size:13px}.ukiyo-homepage-root #connections .workflow-framed #workflow-open{margin-top:14px}}
/* Override the older borderless workflow reset only in this framed section. */
.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch button{border:1px solid transparent!important;border-radius:7px;background:transparent!important}
.ukiyo-homepage-root #connections .workflow-framed .ops-workflow-switch button[aria-pressed=true]{border-color:#85d8e680!important;background:linear-gradient(120deg,#8fb7cc2e,#22394d99)!important;box-shadow:inset 0 1px 0 #d9f0fa15}
@media(max-width:700px){.ukiyo-homepage-root #connections .workflow-framed #tools-sequence-label{display:none}}