.tutorials-module__TflxZG__page{--coral:#ff6557;--ink:#081c42;--muted:#536a88;min-height:100%;color:var(--ink);background:#fcfdff}.tutorials-module__TflxZG__subnav{background:#fff;border-bottom:1px solid #dfe5ee;grid-template-columns:150px 1fr auto;align-items:stretch;gap:28px;min-height:58px;padding:0 36px;display:grid}.tutorials-module__TflxZG__subnav>strong{color:#e94e43;align-items:center;gap:10px;font-size:16px;display:flex}.tutorials-module__TflxZG__subnav>strong svg{width:21px}.tutorials-module__TflxZG__subnav>div{align-items:stretch;gap:28px;display:flex}.tutorials-module__TflxZG__subnav a{color:#425575;border-bottom:3px solid #0000;align-items:center;font-size:13px;font-weight:650;text-decoration:none;display:flex}.tutorials-module__TflxZG__subnav a:hover,.tutorials-module__TflxZG__subnav .tutorials-module__TflxZG__activeTab{color:#ec5549;border-color:var(--coral)}.tutorials-module__TflxZG__subnav>span{color:#62738e;border-left:1px solid #e0e5ec;align-items:center;gap:8px;padding-left:26px;font-size:11px;display:flex}.tutorials-module__TflxZG__subnav>span svg{width:15px}.tutorials-module__TflxZG__hero{background-image:linear-gradient(#0a539a06 1px,#0000 1px),linear-gradient(90deg,#0a539a06 1px,#0000 1px);background-size:32px 32px;grid-template-columns:.86fr 1.14fr;gap:30px;max-width:1540px;min-height:330px;margin:0 auto;padding:34px 42px 26px;display:grid;overflow:hidden}.tutorials-module__TflxZG__hero>div:first-child>span{color:#ee584d;letter-spacing:.1em;font-size:11px;font-weight:800}.tutorials-module__TflxZG__hero h1{letter-spacing:-.045em;margin:10px 0 11px;font-size:clamp(36px,3.4vw,53px);line-height:1.02}.tutorials-module__TflxZG__hero p{max-width:620px;color:var(--muted);margin:0;font-size:15px;line-height:1.6}.tutorials-module__TflxZG__hero form{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;max-width:670px;margin-top:24px;display:grid}.tutorials-module__TflxZG__hero form>svg{z-index:1;color:#345b8a;grid-area:1/1;width:20px;margin-left:13px}.tutorials-module__TflxZG__hero input{outline-color:var(--coral);height:48px;font:inherit;border:1px solid #d6dfe9;border-radius:7px;grid-area:1/1/auto/3;padding:0 14px 0 44px}.tutorials-module__TflxZG__hero button{color:#fff;background:var(--coral);cursor:pointer;border:0;border-radius:7px;height:48px;padding:0 20px;font-weight:750}.tutorials-module__TflxZG__visual{position:relative}.tutorials-module__TflxZG__visual>svg:first-child{color:#5386b2;filter:drop-shadow(0 20px 15px #0a2f5129);background:#edf5fb;border:12px solid #243b56;border-bottom-width:26px;border-radius:12px;width:300px;height:230px;padding:30px;position:absolute;top:8px;left:16%}.tutorials-module__TflxZG__visual>svg:nth-child(2){color:#8299ac;stroke-width:1px;filter:drop-shadow(0 18px 14px #0a2f511f);background:#f0f6fad9;width:330px;height:210px;padding:24px;position:absolute;bottom:0;right:3%;transform:skewY(-3deg)}.tutorials-module__TflxZG__visual span{color:#334e70;background:#ffffffe6;border:1px solid #cddae6;margin-left:-8px;padding:10px 14px;font-size:9px;display:inline-block;position:relative;top:210px;left:1%;transform:rotate(-4deg)}.tutorials-module__TflxZG__statusBar{color:#475c78;background:#fffdf9;border:1px solid #ecdcca;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;max-width:1456px;margin:0 auto 14px;padding:12px 16px;text-decoration:none;display:grid}.tutorials-module__TflxZG__statusBar svg{width:18px}.tutorials-module__TflxZG__statusBar span{font-size:11px}.tutorials-module__TflxZG__statusBar strong{color:#e4584e;align-items:center;gap:8px;font-size:11px;display:flex}.tutorials-module__TflxZG__statusBar strong svg{width:14px}.tutorials-module__TflxZG__software,.tutorials-module__TflxZG__products,.tutorials-module__TflxZG__catalogue{max-width:1456px;margin:0 auto;padding:0 0 14px}.tutorials-module__TflxZG__software h2,.tutorials-module__TflxZG__catalogue h2{margin:0 0 9px;font-size:17px}.tutorials-module__TflxZG__software>div{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tutorials-module__TflxZG__software>div>a{min-height:205px;color:var(--ink);background:#fff;border:1px solid #dce4ed;border-radius:9px;padding:16px;text-decoration:none}.tutorials-module__TflxZG__software a:hover{border-color:#ff887f;box-shadow:0 10px 25px #cb473b12}.tutorials-module__TflxZG__software header{gap:10px;display:flex}.tutorials-module__TflxZG__software header>svg{color:#fff;background:var(--coral);border-radius:7px;width:38px;height:38px;padding:8px}.tutorials-module__TflxZG__software h3{margin:0;font-size:16px;line-height:1.2}.tutorials-module__TflxZG__software header span{color:#ec574c;margin-top:3px;font-size:9px;font-weight:700;display:block}.tutorials-module__TflxZG__software ul{color:#4e627f;margin:18px 0 12px;padding-left:17px;font-size:10px;line-height:1.8}.tutorials-module__TflxZG__software li::marker{color:var(--coral)}.tutorials-module__TflxZG__software footer{color:#667890;background:#edf2f6;border-radius:6px;align-items:center;gap:6px;width:max-content;margin-top:auto;padding:5px 8px;font-size:9px;display:flex}.tutorials-module__TflxZG__software footer svg{width:13px}.tutorials-module__TflxZG__empty{color:#60718a;text-align:center;border:1px dashed #ced9e4;border-radius:8px;padding:20px}.tutorials-module__TflxZG__products{background:#fff;border:1px solid #dce4ed;border-radius:8px;padding:12px 16px 16px}.tutorials-module__TflxZG__products header{align-items:center;gap:20px;margin-bottom:10px;display:flex}.tutorials-module__TflxZG__products h2{color:#ec584d;margin:0;font-size:15px}.tutorials-module__TflxZG__products header p{color:#64758e;margin:0;font-size:10px}.tutorials-module__TflxZG__products>div{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.tutorials-module__TflxZG__products article{border:1px solid #e0e6ed;border-radius:7px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.tutorials-module__TflxZG__products article svg{color:#236394;width:24px}.tutorials-module__TflxZG__products article strong{font-size:11px}.tutorials-module__TflxZG__products article span{color:#62738a;background:#edf2f6;border-radius:6px;padding:4px 7px;font-size:8px}.tutorials-module__TflxZG__catalogue>header{align-items:center;gap:16px;display:flex}.tutorials-module__TflxZG__catalogue nav{gap:6px;display:flex}.tutorials-module__TflxZG__catalogue nav a{color:#526782;background:#f5f8fa;border:1px solid #dbe3eb;border-radius:999px;padding:5px 8px;font-size:8px;text-decoration:none}.tutorials-module__TflxZG__catalogue nav a.tutorials-module__TflxZG__activeFilter{color:#d94c42;background:#fff0ee;border-color:#ffaaa3}.tutorials-module__TflxZG__catalogue>[role=table]{background:#fff;border:1px solid #dce4ed;border-radius:8px;overflow:hidden}.tutorials-module__TflxZG__catalogue [role=row]{border-bottom:1px solid #e5eaf0;grid-template-columns:1.7fr 1.1fr 1fr 1fr 1fr .7fr;align-items:center;gap:12px;padding:10px 14px;font-size:9px;display:grid}.tutorials-module__TflxZG__catalogue [role=row]:last-child{border:0}.tutorials-module__TflxZG__catalogue [role=row] span{color:#526781;align-items:center;gap:5px;display:flex}.tutorials-module__TflxZG__catalogue [role=row] span svg{color:#f06458;width:13px}.tutorials-module__TflxZG__catalogue [role=row] strong{color:#50617a;background:#edf2f6;border-radius:6px;width:max-content;padding:5px 8px;font-size:8px}.tutorials-module__TflxZG__scope{color:#5c718c;background:#f8fafc;border-top:1px solid #dde5ec;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 24px;font-size:9px;display:flex}.tutorials-module__TflxZG__scope svg{width:15px}.tutorials-module__TflxZG__supportingPage{text-align:center;background-image:linear-gradient(#e7504509 1px,#0000 1px),linear-gradient(90deg,#e7504509 1px,#0000 1px);background-size:34px 34px;align-content:center;justify-items:center;min-height:620px;padding:50px 24px;display:grid}.tutorials-module__TflxZG__supportingPage>div{color:#e7594e;background:#fff1ef;border:1px solid #efc3bf;border-radius:20px;place-items:center;width:76px;height:76px;display:grid}.tutorials-module__TflxZG__supportingPage>div svg{width:34px}.tutorials-module__TflxZG__supportingPage>span{color:#e7594e;letter-spacing:.1em;margin-top:18px;font-size:10px;font-weight:800}.tutorials-module__TflxZG__supportingPage h1{margin:9px 0;font-size:42px}.tutorials-module__TflxZG__supportingPage p{max-width:700px;color:var(--muted);margin:0;line-height:1.7}.tutorials-module__TflxZG__supportingPage>a{color:#fff;background:#e7594e;border-radius:6px;align-items:center;gap:8px;margin-top:20px;padding:11px 16px;font-weight:750;text-decoration:none;display:flex}.tutorials-module__TflxZG__supportingPage>a svg{width:15px}@media (max-width:1180px){.tutorials-module__TflxZG__subnav{grid-template-columns:auto 1fr;padding-inline:20px}.tutorials-module__TflxZG__subnav>span{display:none}.tutorials-module__TflxZG__subnav>div{gap:16px;overflow-x:auto}.tutorials-module__TflxZG__hero{grid-template-columns:1fr}.tutorials-module__TflxZG__visual{display:none}.tutorials-module__TflxZG__statusBar,.tutorials-module__TflxZG__software,.tutorials-module__TflxZG__products,.tutorials-module__TflxZG__catalogue{margin-inline:20px}.tutorials-module__TflxZG__software>div{grid-template-columns:1fr 1fr}.tutorials-module__TflxZG__products>div{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.tutorials-module__TflxZG__subnav{padding:12px 16px 0;display:block}.tutorials-module__TflxZG__subnav>strong{margin-bottom:10px}.tutorials-module__TflxZG__subnav a{flex:none;padding:8px 0 12px}.tutorials-module__TflxZG__hero{min-height:auto;padding:28px 16px}.tutorials-module__TflxZG__hero h1 br{display:none}.tutorials-module__TflxZG__hero form{grid-template-columns:20px 1fr}.tutorials-module__TflxZG__hero button{grid-column:1/3}.tutorials-module__TflxZG__statusBar{grid-template-columns:20px 1fr}.tutorials-module__TflxZG__statusBar strong{grid-column:2}.tutorials-module__TflxZG__software>div{grid-template-columns:1fr}.tutorials-module__TflxZG__products header{flex-direction:column;align-items:flex-start}.tutorials-module__TflxZG__products>div{grid-template-columns:1fr}.tutorials-module__TflxZG__catalogue>header{flex-direction:column;align-items:flex-start}.tutorials-module__TflxZG__catalogue nav{max-width:100%;overflow-x:auto}.tutorials-module__TflxZG__catalogue [role=row]{grid-template-columns:1fr 1fr}.tutorials-module__TflxZG__catalogue [role=row]>:nth-child(n+3){display:none}}