/* KaLa experience: light, responsive motion with content at the center. */
.workflow-section{padding-block:80px 50px}.workflow-shell{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #ffffff24;border-radius:24px;background:radial-gradient(ellipse at right top,#00587730,transparent 60%),#0b1321;overflow:hidden;box-shadow:0 26px 100px #0003}.workflow-rail{padding:34px;border-right:1px solid #ffffff16}.workflow-topline{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.14em;color:#d7e5f2}.workflow-topline>span:last-child{margin-left:auto;border:1px solid #ffffff26;border-radius:4px;padding:2px 6px;font-size:8px;color:#9aaec3}.scenario-switch{display:grid;gap:8px;margin:28px 0}.scenario-switch button{text-align:left;padding:13px 15px;border-radius:9px;border:1px solid #ffffff16;color:#9eafc4;font-size:11px;transition:background .2s,border-color .2s}.scenario-switch button[aria-pressed=true]{color:#ffd05e;border-color:#ffb40070;background:#ffb40010}.workflow-request{font-size:16px;line-height:1.8;min-height:120px;color:#e0e7f1}.workflow-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:25px}.workflow-actions .btn{font-size:11px}.workflow-actions>button:last-child{font-size:11px;color:#95a8bc}.workflow-display{padding:34px;min-width:0}.workflow-display-head{display:flex;justify-content:space-between;font-size:9px;color:#8da7bc;letter-spacing:.12em;padding-bottom:24px;border-bottom:1px solid #ffffff15}.workflow-display-head>span:last-child{color:#00deb3}.workflow-steps{list-style:none;padding:0;margin:26px 0;display:grid;gap:20px}.workflow-steps li{display:flex;gap:15px;align-items:flex-start}.workflow-steps li>span{width:32px;height:32px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#8498b0;font-size:10px;transition:background .3s}.workflow-steps strong{font-size:13px;font-weight:600;color:#b9c6d8}.workflow-steps p{font-size:11px;color:#7c94ad;line-height:1.8;margin-top:4px}.workflow-steps .done>span{background:#00deb31a;color:#00deb3;border-color:#00deb36a}.workflow-steps .done strong{color:#f0f6ff}.workflow-result{padding:20px;border:1px solid #00c9ba32;border-radius:12px;background:#00c9ba07;min-height:113px}.workflow-result>span{font-size:9px;color:#00e4b9;letter-spacing:.1em}.workflow-result p{font-size:12px;line-height:1.8;color:#b6c7d6;margin-top:7px}.price-equivalent{font-size:10px;line-height:1.7;color:#a7bdcf;min-height:42px;margin:8px 0 18px}.pricing-cards{align-items:stretch}.price-card{transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.price-card:hover{transform:translateY(-5px);border-color:#ffb40080;box-shadow:0 18px 50px #0004}.price-card.popular{background:linear-gradient(145deg,#26302410,#ffb4000d),#111c2c}.price-card li{font-size:11px}.scope-details{margin-top:26px;text-align:left;border:1px solid #ffffff20;border-radius:12px;background:#0d1726}.scope-details summary{cursor:pointer;list-style:none;padding:19px 22px;display:flex;justify-content:space-between;font-size:12px;color:#d8e3f0}.scope-details summary span{color:#ffbf38}.scope-details>div{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 22px 24px}.scope-details p{font-size:11px;line-height:1.9;color:#9cb0c7}.scope-details strong{color:#e6efff}.pricing-note{line-height:1.9!important;max-width:1000px;margin-inline:auto}.role-switch{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid #ffffff20;padding-bottom:14px}.role-switch button{padding:8px 12px;border-radius:7px;color:#95aabf;font-size:10px}.role-switch button[aria-pressed=true]{color:#091522;background:#ffbd32}.team-role-detail{min-height:175px;margin-bottom:25px}.team-role-detail>span{font-size:8px;letter-spacing:.14em;color:#06dcbe}.team-role-detail h3{font-size:23px;line-height:1.4;margin:10px 0}.team-role-detail p{font-size:11px;line-height:1.8;color:#afc0d3}.team-role-detail small{display:block;font-size:8px;margin-top:13px;color:#758ca5}.team-config{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px;max-width:520px}.team-config>div{border:1px solid #ffffff20;border-radius:10px;background:#080f1a80;padding:15px 10px}.team-config strong{display:block;font-size:28px;color:#ffbe34;font-weight:600}.team-config span{font-size:9px;color:#b3c4d8;line-height:1.6;display:block}.team-config p{grid-column:1/-1;font-size:9px;line-height:1.8;color:#92aac2}.team-diagram{align-self:center}.hero-copy{animation:hero-enter .8s ease-out both}.ami-visual-label{letter-spacing:.25em}.header .brand-logo{transition:transform .25s}.header .brand:hover .brand-logo{transform:scale(1.035)}.feature-card{transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);border-color:#00c9da55}.revealed{animation:section-enter .65s ease-out both}.btn:active{transform:translateY(1px)}
@keyframes section-enter{from{opacity:.5;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-enter{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.workflow-shell{grid-template-columns:1fr}.workflow-rail{border-right:0;border-bottom:1px solid #ffffff16}.workflow-request{min-height:0}.scenario-switch{grid-template-columns:repeat(3,1fr)}.scenario-switch button{font-size:10px;padding:12px}.team-inner{gap:35px}}
@media(max-width:600px){.workflow-section{padding-block:45px 25px}.workflow-rail,.workflow-display{padding:22px}.workflow-shell{border-radius:16px}.scenario-switch{grid-template-columns:1fr;margin:20px 0;gap:6px}.scenario-switch button{padding:11px 13px}.workflow-request{font-size:14px}.workflow-display-head{font-size:8px;letter-spacing:.05em}.workflow-steps{gap:18px}.workflow-result p{font-size:11px}.scope-details>div{grid-template-columns:1fr;gap:16px}.team-role-detail{min-height:0}.team-role-detail h3{font-size:22px}.team-config strong{font-size:25px}.role-switch button{font-size:9px}.price-equivalent{min-height:0}.price-card:hover,.feature-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-copy,.revealed{animation:none!important}.price-card,.feature-card,.header .brand-logo,.workflow-steps li>span{transition:none!important}.price-card:hover,.feature-card:hover,.header .brand:hover .brand-logo{transform:none}html{scroll-behavior:auto}}