.tutorial-page{color:#071723;background:#eef3f5;min-height:100vh}.tutorial-wide{width:min(1480px,100% - 72px);margin-inline:auto}.tutorial-topbar{color:#fff;background:#071723;border-bottom:1px solid #7ac4de29;justify-content:space-between;align-items:center;gap:28px;min-height:76px;padding:0 36px;display:flex}.tutorial-brand{letter-spacing:.16em;align-items:center;gap:11px;font-size:14px;font-weight:800;display:inline-flex}.tutorial-brand img{object-fit:contain;width:44px;height:33px}.tutorial-brand b{color:#59cce9}.tutorial-topbar nav{color:#a8c0ca;align-items:center;gap:30px;font-size:13px;font-weight:700;display:flex}.tutorial-topbar nav>a:hover{color:#fff}.tutorial-topbar .tutorial-top-cta{color:#fff;background:#0e73a7;border:1px solid #2798c1;border-radius:3px;align-items:center;gap:18px;min-height:40px;padding:0 16px;display:inline-flex}.tutorial-top-cta span{color:#91e3f6}.tutorial-progress-line{z-index:50;background:#bfcfd6;height:3px;position:sticky;top:0}.tutorial-progress-line i{background:linear-gradient(90deg,#0e73a7,#4bc8e7);height:100%;transition:width .25s;display:block}.tutorial-intro{color:#fff;background:#0a2e43;padding:82px 0 76px;position:relative;overflow:hidden}.tutorial-intro:after{content:"";border:1px solid #56cceb24;border-radius:50%;width:630px;height:630px;position:absolute;top:-410px;right:-180px;box-shadow:0 0 0 90px #56cceb08,0 0 0 180px #56cceb05}.tutorial-intro-grid{z-index:2;grid-template-columns:1.38fr .62fr;align-items:center;gap:100px;display:grid;position:relative}.tutorial-kicker{color:#65cfe9;letter-spacing:.17em;font-size:10px;font-weight:900;display:block}.tutorial-intro h1{letter-spacing:-.052em;max-width:930px;margin:23px 0 25px;font-size:clamp(46px,5vw,76px);line-height:.98}.tutorial-intro h1 em{color:#67d2ed}.tutorial-intro>div>div>p{color:#adc3cd;max-width:780px;margin:0;font-size:17px;line-height:1.7}.tutorial-resume-card{color:#071723;background:#fff;border-top:4px solid #48c6e6;padding:31px;box-shadow:0 25px 65px #0003}.tutorial-resume-card>span{color:#0e73a7;letter-spacing:.15em;font-size:9px;font-weight:900}.tutorial-resume-card>div:first-of-type{align-items:baseline;gap:7px;margin:22px 0 16px;display:flex}.tutorial-resume-card strong{letter-spacing:-.06em;font-size:47px;line-height:1}.tutorial-resume-card small{color:#718590;font-size:12px;font-weight:700}.tutorial-meter{background:#dce7eb;border-radius:3px;height:6px;overflow:hidden}.tutorial-meter i{background:#16aa7d;height:100%;transition:width .25s;display:block}.tutorial-resume-card button{color:#fff;cursor:pointer;text-align:left;background:#0e73a7;border:0;border-radius:3px;justify-content:space-between;align-items:center;width:100%;min-height:49px;margin-top:23px;padding:0 16px;font-size:12px;font-weight:800;display:flex}.tutorial-resume-card button span{color:#97e5f7;font-size:18px}.tutorial-resume-card>p{color:#82949c;text-align:center;margin:12px 0 0;font-size:9px}.tutorial-demo-notice{color:#365968;background:#dff1f6;border-bottom:1px solid #bfdae3}.tutorial-demo-notice>div{grid-template-columns:170px 1fr;align-items:center;gap:30px;min-height:75px;display:grid}.tutorial-demo-notice b{color:#0d6f99;letter-spacing:.12em;border:1px solid #7cb8cc;width:fit-content;padding:8px 10px;font-size:9px}.tutorial-demo-notice p{margin:0;font-size:14px;line-height:1.55}.tutorial-start{padding-block:90px 105px}.tutorial-start-heading{grid-template-columns:1.05fr .95fr;align-items:end;gap:80px;margin-bottom:38px;display:grid}.tutorial-start-heading span,.tutorial-procedure-title>span{color:#0e73a7;letter-spacing:.16em;font-size:9px;font-weight:900}.tutorial-start-heading h2{letter-spacing:-.045em;margin:14px 0 0;font-size:clamp(35px,3.8vw,55px);line-height:1.06}.tutorial-start-heading>p{color:#5c727e;max-width:620px;margin:0;font-size:16px;line-height:1.7}.tutorial-status-key{border-top:1px solid #b8cbd3;border-left:1px solid #b8cbd3;grid-template-columns:repeat(5,1fr);margin-bottom:44px;display:grid}.tutorial-status-key>div{background:#fff9;border-bottom:1px solid #b8cbd3;border-right:1px solid #b8cbd3;align-items:center;gap:13px;min-height:88px;padding:17px;display:flex}.tutorial-status-key i{border-radius:2px;flex:none;width:14px;height:42px}.tutorial-status-key .is-valid{background:#10b981}.tutorial-status-key .is-window{background:#facc15}.tutorial-status-key .is-expiry{background:#dc2626}.tutorial-status-key .is-booked{background:#3b82f6}.tutorial-status-key .is-missing{background:#94a3b8}.tutorial-status-key span{flex-direction:column;gap:5px;display:flex}.tutorial-status-key b{font-size:14px}.tutorial-status-key small{color:#738994;font-size:12px}.tutorial-index{border-top:1px solid #c4d3d9;border-left:1px solid #c4d3d9;grid-template-columns:repeat(4,1fr);display:grid}.tutorial-index button{color:#0c2534;cursor:pointer;text-align:left;background:#fff;border:1px solid #c4d3d9;border-top:0;border-left:0;grid-template-columns:32px 1fr auto;align-items:start;gap:11px;min-height:125px;padding:25px 22px;display:grid}.tutorial-index button:hover{background:#f6fbfc}.tutorial-index button>span{color:#0e73a7;font-size:10px;font-weight:900}.tutorial-index button div{flex-direction:column;gap:12px;display:flex}.tutorial-index button b{font-size:15px;line-height:1.32}.tutorial-index button small{color:#7a8d96;font-size:12px;line-height:1.4}.tutorial-index button>i{color:#18a77b;font-size:13px;font-style:normal}.tutorial-workspace{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:38px;padding-bottom:125px;display:grid}.tutorial-rail{color:#fff;background:#0a2e43;padding:25px 18px 21px;position:sticky;top:26px;box-shadow:0 18px 45px #08283921}.tutorial-rail>span{color:#65cce8;letter-spacing:.16em;margin:0 9px 18px;font-size:8px;font-weight:900;display:block}.tutorial-rail ol{gap:3px;margin:0;padding:0;list-style:none;display:grid}.tutorial-rail button{color:#a8bec8;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:3px;grid-template-columns:27px 1fr;align-items:center;gap:9px;width:100%;min-height:47px;padding:0 9px;display:grid}.tutorial-rail button:hover{color:#fff;background:#ffffff0a}.tutorial-rail button i{color:#6e91a2;border:1px solid #426477;border-radius:50%;place-items:center;width:21px;height:21px;font-size:8px;font-style:normal;font-weight:900;display:grid}.tutorial-rail button span{font-size:10px;font-weight:750;line-height:1.25}.tutorial-rail button.active{color:#fff;background:#0e73a7;border-color:#2b92b8}.tutorial-rail button.active i{color:#fff;border-color:#7dd7ee}.tutorial-rail button.complete i{color:#fff;background:#16a77b;border-color:#16a77b}.tutorial-rail-progress{border-top:1px solid #b2d3df24;margin:21px 9px 0;padding-top:17px}.tutorial-rail-progress span{color:#82a0ad;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.tutorial-rail-progress>i{background:#345467;height:3px;margin-top:9px;display:block;overflow:hidden}.tutorial-rail-progress b{background:#50c9e7;height:100%;display:block}.tutorial-chapters{gap:55px;min-width:0;display:grid}.tutorial-chapter{background:#fff;border:1px solid #ccd9de;padding:53px 56px 48px;scroll-margin-top:30px;box-shadow:0 18px 48px #08263613}.tutorial-chapter-header{border-bottom:1px solid #d8e3e7;grid-template-columns:86px 1fr;gap:30px;padding-bottom:37px;display:grid}.tutorial-chapter-number{flex-direction:column;gap:7px;display:flex}.tutorial-chapter-number span{color:#0e73a7;letter-spacing:-.05em;font-size:42px;font-weight:300;line-height:1}.tutorial-chapter-number small{color:#83969f;letter-spacing:.16em;font-size:7px;font-weight:900}.tutorial-meta{gap:8px;margin-bottom:14px;display:flex}.tutorial-meta span{color:#3e6577;letter-spacing:.07em;text-transform:uppercase;background:#e8f4f7;border:1px solid #cae0e6;padding:6px 9px;font-size:8px;font-weight:900}.tutorial-chapter h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,3.5vw,52px);line-height:1.03}.tutorial-chapter-header p{color:#607581;max-width:790px;margin:15px 0 0;font-size:16px;line-height:1.67}.tutorial-goal{color:#fff;background:#0b3858;border-left:4px solid #4bc5e5;grid-template-columns:120px 1fr;gap:30px;margin:34px 0;padding:25px 29px;display:grid}.tutorial-goal span{color:#6dd4ee;letter-spacing:.15em;font-size:8px;font-weight:900}.tutorial-goal p{color:#c0d2da;margin:0;font-size:15px;font-weight:650;line-height:1.6}.tutorial-procedure-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tutorial-procedure-title small{color:#83959e;font-size:9px}.tutorial-procedure ol{border-top:1px solid #cbd9de;margin:0;padding:0;list-style:none}.tutorial-procedure li{border-bottom:1px solid #dce5e8;grid-template-columns:49px 1fr;gap:20px;padding:23px 4px;display:grid}.tutorial-procedure li>span{color:#0e73a7;background:#e5f3f7;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;font-weight:900;display:grid}.tutorial-procedure h3{letter-spacing:-.015em;margin:1px 0 7px;font-size:18px}.tutorial-procedure p{color:#5d737f;margin:0;font-size:16px;line-height:1.65}.tutorial-screens{gap:18px;margin-top:35px;display:grid}.tutorial-screens-pair{grid-template-columns:1fr 1fr}.tutorial-screens figure{background:#f5f8f9;border:1px solid #bdcfd6;min-width:0;margin:0;overflow:hidden;box-shadow:0 13px 28px #092d3e17}.tutorial-screens figcaption{color:#fff;background:#071f31;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:0 18px;display:flex}.tutorial-screens figcaption>span{color:#63cce8;letter-spacing:.12em;align-items:center;gap:8px;font-size:7px;font-weight:900;display:flex}.tutorial-screens figcaption i{background:#18ad80;border-radius:50%;width:6px;height:6px;display:block}.tutorial-screens figcaption b{font-size:10px}.tutorial-screens figure>div{aspect-ratio:16/9;background:#dce6ea;place-items:center;display:grid;overflow:hidden}.tutorial-screens img{object-fit:contain;width:100%;height:100%;display:block}.tutorial-screens figure>small{color:#7a8d96;letter-spacing:.06em;text-transform:uppercase;align-items:center;min-height:36px;padding:0 17px;font-size:7px;font-weight:700;display:flex}.tutorial-checks{grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;display:grid}.tutorial-checks>div{grid-template-columns:31px 1fr;gap:13px;padding:22px;display:grid}.tutorial-checks>div>span{color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:900;display:grid}.tutorial-checks b{letter-spacing:.13em;font-size:8px}.tutorial-checks p{margin:8px 0 0;font-size:14px;line-height:1.58}.tutorial-result{color:#28594c;background:#e7f6f0;border:1px solid #c4e7da}.tutorial-result>span{background:#16a77b}.tutorial-result b{color:#138565}.tutorial-caution{color:#6a4d32;background:#fff5e8;border:1px solid #f0d8b8}.tutorial-caution>span{background:#dc752e}.tutorial-caution b{color:#b55a1f}.tutorial-complete-button{color:#fff;cursor:pointer;text-align:left;background:#0e73a7;border:0;border-radius:3px;grid-template-columns:39px 1fr auto;align-items:center;gap:14px;width:100%;min-height:68px;margin-top:25px;padding:0 20px;display:grid}.tutorial-complete-button>span{color:#0e73a7;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.tutorial-complete-button b{font-size:14px}.tutorial-complete-button i{color:#9fe7f7;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:800}.tutorial-complete-button.is-complete{background:#117c60}.tutorial-complete-button.is-complete>span{color:#117c60}.tutorial-complete-button.is-complete i{color:#bfeadd}.tutorial-finish{color:#fff;background:#0a2e43;padding:85px 0}.tutorial-finish>div{grid-template-columns:.32fr 1fr auto;align-items:center;gap:55px;display:grid}.tutorial-finish h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(34px,3.2vw,49px)}.tutorial-finish p{color:#a9c0ca;max-width:760px;margin:0;font-size:16px;line-height:1.65}.tutorial-finish a{white-space:nowrap;background:#0e73a7;border:1px solid #2a94ba;align-items:center;gap:32px;min-height:50px;padding:0 18px;font-size:12px;font-weight:800;display:inline-flex}.tutorial-finish a span{color:#9ae5f6;font-size:17px}.tutorial-footer{color:#78929d;background:#06141d;padding:29px 0}.tutorial-footer>div{letter-spacing:.07em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px;font-size:9px;display:grid}.tutorial-footer>div>div{color:#a8bec7;gap:25px;display:flex}.tutorial-footer>div>span:last-child{justify-self:end}@media (max-width:1120px){.tutorial-intro-grid{grid-template-columns:1fr .7fr;gap:55px}.tutorial-index{grid-template-columns:repeat(2,1fr)}.tutorial-workspace{grid-template-columns:210px minmax(0,1fr);gap:23px}.tutorial-chapter{padding-inline:37px}.tutorial-screens-pair,.tutorial-checks,.tutorial-finish>div{grid-template-columns:1fr}.tutorial-finish a{width:fit-content}}@media (max-width:800px){.tutorial-wide{width:min(100% - 34px,680px)}.tutorial-topbar{min-height:70px;padding-inline:17px}.tutorial-topbar nav>a:not(.tutorial-top-cta){display:none}.tutorial-topbar nav{gap:0}.tutorial-intro{padding-block:58px}.tutorial-intro-grid{grid-template-columns:1fr;gap:38px}.tutorial-intro h1{font-size:47px}.tutorial-demo-notice>div{grid-template-columns:1fr;gap:10px;padding-block:19px}.tutorial-start{padding-block:65px 75px}.tutorial-start-heading{grid-template-columns:1fr;gap:18px}.tutorial-status-key{grid-template-columns:1fr}.tutorial-status-key>div{min-height:68px}.tutorial-index{grid-template-columns:1fr}.tutorial-index button{min-height:94px}.tutorial-workspace{display:block}.tutorial-rail{z-index:30;align-items:center;gap:7px;margin-bottom:18px;padding:10px;display:flex;position:sticky;top:3px;overflow-x:auto}.tutorial-rail>span,.tutorial-rail-progress{display:none}.tutorial-rail ol{gap:6px;display:flex}.tutorial-rail li{flex:none}.tutorial-rail button{grid-template-columns:1fr;width:43px;min-height:41px;padding:0}.tutorial-rail button span{display:none}.tutorial-rail button i{margin:auto}.tutorial-chapters{gap:28px}.tutorial-chapter{padding:34px 20px 28px;scroll-margin-top:72px}.tutorial-chapter-header{grid-template-columns:1fr;gap:17px}.tutorial-chapter-number{flex-direction:row;align-items:baseline}.tutorial-chapter h2{font-size:36px}.tutorial-goal{grid-template-columns:1fr;gap:9px;padding:22px}.tutorial-procedure li{grid-template-columns:39px 1fr;gap:12px}.tutorial-screens figcaption{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:50px}.tutorial-checks{grid-template-columns:1fr}.tutorial-complete-button{grid-template-columns:39px 1fr;padding-block:13px}.tutorial-complete-button i{grid-column:2}.tutorial-finish{padding-block:65px}.tutorial-footer>div{grid-template-columns:1fr}.tutorial-footer>div>div{flex-wrap:wrap;gap:12px 20px}.tutorial-footer>div>span:last-child{justify-self:start}}@media (prefers-reduced-motion:reduce){.tutorial-progress-line i,.tutorial-meter i{transition:none}}