.workflow-page{background:#faf9f6}.workflow-page .header .nav{min-height:84px}.workflow-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;padding-block:75px 60px}.workflow-hero h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(48px,5.3vw,82px);line-height:1.02;letter-spacing:-.035em;margin:20px 0 0;max-width:820px}.workflow-lead{font-size:18px;line-height:1.75;color:#526278;margin:0 0 25px}.flow-section{background:#10253e;color:#f9fbff;padding:48px 28px 55px;overflow:hidden}.flow-layout{max-width:1660px;margin:auto;display:grid;grid-template-columns:290px minmax(0,1fr);gap:34px;align-items:center}.flow-directions h2{font-size:44px;line-height:1.1;margin:15px 0 28px}.flow-directions .eyebrow{color:#8ab5ff}.flow-step{display:flex;position:relative;width:100%;text-align:start;gap:17px;padding:19px 10px;background:transparent;color:#96a8bf;border:0;border-bottom:1px solid #ffffff24;cursor:pointer;font:inherit}.flow-step strong{display:block;font-size:16px;font-weight:600}.flow-step small{display:block;line-height:1.65;margin-top:9px;font-size:12px}.step-num{font-family:'Instrument Serif',serif;font-size:30px}.flow-step[aria-pressed=true]{color:white}.flow-step[aria-pressed=true] .step-num{color:#81b5ff}.flow-step[aria-pressed=true]:before{content:'';position:absolute;inset-inline-start:-9px;top:22px;height:26px;width:3px;background:#78aeff}.flow-play{border:1px solid #ffffff55;border-radius:30px;color:white;background:transparent;padding:12px 22px;margin-top:25px;cursor:pointer;font:inherit;font-size:12px}.flow-cinema{min-width:0;background:#f2f6fb;border-radius:14px;box-shadow:0 35px 75px #020c1d70;overflow:hidden;color:#192e47}.flow-top{display:flex;align-items:center;gap:9px;padding:17px 20px;border-bottom:1px solid #d6e1ed;font-size:11px}.flow-top .live-dot{background:#429781;animation:none}.flow-top button{margin-inline-start:auto;background:white;border:1px solid #cddbeb;border-radius:6px;padding:8px 12px;color:#17468b;font:inherit;cursor:pointer}.flow-stage{position:relative;overflow:auto}.flow-stage figure{position:relative;margin:0;animation:scene-arrive .55s ease-out}.flow-stage figure[hidden]{display:none}.flow-stage img{display:block;width:100%;height:auto;user-select:none}.flow-stage figcaption{display:flex;align-items:center;gap:15px;padding:14px 22px;font-size:13px;background:#fff}.flow-stage figcaption b{color:#2155cc}.flow-pointer{pointer-events:none;position:absolute;color:#fff;text-shadow:0 1px 4px #142338;font:700 38px sans-serif;filter:drop-shadow(0 3px 3px #163c6866);z-index:2}.pointer-0{left:26%;top:27%}.pointer-1{left:36%;top:27%}.pointer-2{left:71%;top:53%}.flow-playing .flow-pointer{animation:pointer-arrive 5s ease-in-out infinite}.flow-progress{height:3px;background:#d8e3f2}.flow-progress i{height:100%;display:block;background:#3476fa;width:33.333%;transition:width .5s ease}.flow-layout.expanded{grid-template-columns:1fr}.expanded .flow-directions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.expanded .flow-directions h2{margin:0;font-size:30px}.expanded .flow-steps{display:flex;flex:1;min-width:500px}.expanded .flow-step small{display:none}.expanded .flow-play{margin:0}.workflow-context{padding-block:75px}.workflow-context>h2{font-size:48px;margin:15px 0}.workflow-context>p:not(.eyebrow){font-size:17px;line-height:1.9;max-width:850px;color:#526278}.workflow-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.workflow-benefits article{border-top:1px solid #cfd8e4;padding-top:25px}.workflow-benefits span{color:#3168dd;font-size:12px}.workflow-benefits h3{font-size:21px;font-weight:500}.workflow-benefits p{color:#526278;line-height:1.8;font-size:14px}.native-lab{padding-block:65px;background:#edf3fb}.native-lab h2{font-size:64px;margin:15px 0}.native-lab .wrap>p:not(.eyebrow){color:#526278;max-width:800px;line-height:1.75}.native-methods{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.native-methods a{border:1px solid #bdcfe7;padding:12px 20px;border-radius:7px;background:white;font-size:14px}.native-methods a[aria-current=true]{background:#173dea;color:white;border-color:#173dea}.native-shell{margin:30px auto;max-width:1800px;width:calc(100% - 48px);border:1px solid #c8d9ed;border-radius:12px;background:white;overflow:auto}.native-shell iframe{display:block;border:0;width:100%;height:1050px;min-width:1000px}.native-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.native-footer>a:first-child{color:#245ac0;font-size:13px}.workflow-end{padding-block:65px}.workflow-explore{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.workflow-explore>a{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:155px;padding:28px;background:#f0f4fb;border:1px solid #cbd7e8;border-radius:10px;transition:transform .2s,background .2s}.workflow-explore>a:hover{background:#e6eeff;transform:translateY(-3px)}.workflow-explore span{color:#245de0;font-size:17px}.workflow-explore strong{font-family:'Instrument Serif',serif;font-size:32px;font-weight:400;line-height:1.13}.workflow-closing{padding:65px 0 30px;text-align:center}.workflow-closing h2{font-size:58px}.workflow-closing p{max-width:650px;margin:20px auto;color:#526278;line-height:1.8}.workflow-closing>a:last-child{font-size:13px;color:#245ac0}.workflow-page button:focus-visible,.workflow-page a:focus-visible{outline:3px solid #64a7ff;outline-offset:4px}@keyframes scene-arrive{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pointer-arrive{0%{transform:translate(35px,24px);opacity:0}25%,75%{transform:none;opacity:1}85%{transform:scale(.85);opacity:1}100%{opacity:0}}
@media(max-width:1000px){.workflow-hero{gap:30px}.flow-layout{grid-template-columns:1fr}.flow-directions h2{font-size:34px;margin:8px 0 18px}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flow-step small{font-size:11px}.flow-play{margin-top:15px}.workflow-page .nav nav{display:flex}.workflow-page .nav nav a:nth-child(2){display:none}.workflow-page .nav{gap:20px}.workflow-page .login-link{display:block}.workflow-benefits{gap:25px}.native-shell{width:calc(100% - 32px)}}
@media(max-width:600px){.workflow-hero{grid-template-columns:1fr;padding-block:40px;gap:22px}.workflow-hero h1{font-size:49px}.workflow-lead{font-size:15px}.flow-section{padding:30px 16px}.flow-steps{grid-template-columns:1fr;gap:0}.flow-step{padding:13px 9px}.flow-step small{display:none}.flow-step[aria-pressed=true] small{display:block}.flow-directions h2{font-size:36px}.flow-layout{gap:24px}.flow-top{padding:12px;font-size:9px;flex-wrap:wrap}.flow-top button{font-size:10px}.flow-pointer{font-size:24px}.flow-stage figcaption{font-size:11px;padding:12px}.expanded .flow-steps{min-width:0;display:block;flex-basis:100%}.expanded .flow-stage figure{min-width:850px}.workflow-context{padding-block:45px}.workflow-context>h2{font-size:40px}.workflow-context>p:not(.eyebrow){font-size:15px}.workflow-benefits{grid-template-columns:1fr;gap:15px}.workflow-benefits article{padding-top:15px}.workflow-benefits h3{margin:12px 0}.native-lab h2{font-size:46px}.native-shell iframe{height:980px}.native-footer{align-items:stretch;flex-direction:column}.workflow-explore{grid-template-columns:1fr}.workflow-page .nav nav{display:none}.workflow-page .login-link{font-size:11px}.workflow-closing h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.flow-stage figure,.flow-playing .flow-pointer{animation:none}.flow-pointer{display:none}.workflow-explore>a,.flow-progress i{transition:none}}