.tutorials-page{background:radial-gradient(ellipse at 90% 8%,#e8efff80,transparent 35%),#f8f9fc;color:#1d2b42}.tutorial-main{padding-top:42px;padding-bottom:78px}.tutorial-hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:48px;min-height:380px;padding:34px 0 62px}.tutorial-hero h1{max-width:760px;margin:0;color:#182640;font-size:clamp(46px,7vw,80px);line-height:.99;letter-spacing:-.075em;font-weight:650}.tutorial-hero h1 em{color:#3473e7;font-style:normal}.tutorial-hero>div:first-child>p:not(.eyebrow){max-width:635px;margin:21px 0 0;color:#59677d;font-size:17px;line-height:1.72}.tutorial-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px}.tutorial-orbit{position:relative;display:grid;place-items:center;width:min(100%,270px);aspect-ratio:1;margin:auto;border:1px solid #dbe5f5;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,#f0f5ff 22.5% 23%,transparent 23.5%);box-shadow:inset 0 0 40px #dfeaff80}.tutorial-orbit:before,.tutorial-orbit:after{position:absolute;content:"";inset:18%;border:1px dashed #cad8ee;border-radius:50%;transform:rotate(-25deg) scaleX(1.35)}.tutorial-orbit:after{transform:rotate(38deg) scaleX(1.35)}.orbit-center{z-index:1;display:grid;place-items:center;width:74px;height:74px;border-radius:23px;background:#3473e7;color:white;font-size:28px;font-weight:800;letter-spacing:-.08em;box-shadow:0 13px 26px #3473e740;animation:mp-float 3.5s ease-in-out infinite}.orbit-center span{color:#bcd2ff}.orbit-part{position:absolute;z-index:2;display:grid;place-items:center;width:43px;height:43px;border:1px solid #dce6f5;border-radius:15px;background:#fff;color:#3671da;font-size:11px;font-weight:800;box-shadow:0 10px 22px #203b6514;animation:mp-float 3.2s ease-in-out infinite}.part-one{top:7%;left:38%}.part-two{right:4%;bottom:30%;animation-delay:-1s}.part-three{bottom:9%;left:28%;animation-delay:-2s}.tutorial-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:24px 0 20px;border-bottom:1px solid #e2e7f0}.tutorial-intro h2{margin:0;color:#24334c;font-size:clamp(27px,3.8vw,40px);letter-spacing:-.06em}.tutorial-intro>p{max-width:420px;margin:0;color:#748096;font-size:13px;line-height:1.6}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-top:23px}.tutorial-card{display:flex;flex-direction:column;min-height:390px;padding:25px;border:1px solid #e2e8f2;border-radius:18px;background:#fff;box-shadow:0 14px 36px #233d6708}.tutorial-card-beta{background:linear-gradient(150deg,#fff,#f6f8ff)}.tutorial-card-top{display:flex;align-items:center;justify-content:space-between}.tutorial-number{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#edf3ff;color:#3370df;font-size:12px;font-weight:800}.tutorial-chip{padding:7px 9px;border:1px solid #e3e9f1;border-radius:999px;color:#718099;font-size:9px;font-weight:800;letter-spacing:.1em}.beta-chip{border-color:#dce4fb;background:#f0f4ff;color:#586fbb}.tutorial-card h2{margin:22px 0 0;color:#253550;font-size:22px;line-height:1.17;letter-spacing:-.045em}.tutorial-card>p{margin:11px 0 0;color:#718096;font-size:13px;line-height:1.65}.tutorial-card ol{display:grid;gap:9px;margin:17px 0 21px;padding-left:19px;color:#53637c;font-size:12px;line-height:1.5}.tutorial-card li{padding-left:3px}.tutorial-card .button{align-self:flex-start;margin-top:auto}.tutorial-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:23px;padding:18px 20px;border:1px solid #dfe8f5;border-radius:15px;background:#f3f7ff}.tutorial-note-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e2ecff;color:#3970cf;font-weight:800}.tutorial-note strong{color:#33465f;font-size:13px}.tutorial-note p{margin:4px 0 0;color:#77859a;font-size:11px;line-height:1.55}.tutorial-note>a,.tutorial-contact>a{color:#326adb;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.tutorial-contact{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:68px;padding:32px;border:1px solid #e0e8f4;border-radius:19px;background:linear-gradient(115deg,#fff,#f3f7ff)}.tutorial-contact h2{max-width:650px;margin:0;color:#22324c;font-size:clamp(25px,3.5vw,38px);line-height:1.1;letter-spacing:-.055em}.tutorial-contact>div>p:not(.eyebrow){max-width:640px;margin:11px 0 0;color:#6f7c91;font-size:13px;line-height:1.65}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0;border-top:1px solid #e5e9f0}.tutorial-footer p,.tutorial-footer>span{color:#8490a2;font-size:11px}.tutorial-footer nav{display:flex;gap:18px;font-size:11px}.tutorial-footer nav a{color:#65758c;text-decoration:none}.tutorial-footer nav a[aria-current=page]{color:#326adb;font-weight:700}.tutorial-footer .brand-logo{width:135px}@keyframes mp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:800px){.tutorial-main{padding-top:25px}.tutorial-hero{grid-template-columns:1fr;gap:20px;min-height:0;padding:35px 0 43px}.tutorial-hero h1{font-size:clamp(43px,11vw,64px)}.tutorial-orbit{width:205px;grid-row:1;margin:0 auto 3px}.tutorial-grid{grid-template-columns:1fr}.tutorial-card{min-height:0}.tutorial-intro{align-items:start;flex-direction:column;gap:9px}.tutorial-note{grid-template-columns:auto 1fr}.tutorial-note>a{grid-column:2}.tutorial-contact{align-items:flex-start;flex-direction:column;margin-top:45px;padding:24px}.tutorial-footer{flex-wrap:wrap;justify-content:center}.tutorial-footer nav{width:100%;justify-content:center}.tutorial-footer>span{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.orbit-center,.orbit-part{animation:none}}