.tutorial-page{color:#edf6ef;max-width:1040px;margin:auto;padding:24px 24px 70px}.tutorial-header{max-width:800px;padding:28px 0}.tutorial-header h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(40px,6vw,68px);line-height:1.07}.tutorial-header em{color:#28d048;font-style:normal}.tutorial-page p{color:#b8c7bd;margin:15px 0;font-size:17px;line-height:1.75}.tutorial-formula{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.tutorial-formula span{background:#172a1d;border:1px solid #2b5135;border-radius:8px;padding:10px 14px;font-size:14px}.tutorial-nav{border-bottom:1px solid #294132;flex-wrap:wrap;gap:20px;padding:20px 0;display:flex}.tutorial-nav a{color:#62df7a;text-underline-offset:5px;text-decoration:underline}.tutorial-page section{border-bottom:1px solid #294132;padding:44px 0;scroll-margin-top:20px}.chapter-label{color:#6bd783;letter-spacing:.09em;font-size:13px}.tutorial-page h2{letter-spacing:-.025em;margin:14px 0;font-size:clamp(28px,4vw,40px)}.tutorial-page h3{margin:36px 0 12px;font-size:25px}.tutorial-screen{background:#101b14;border:1px solid #314c39;border-radius:16px;margin:24px 0 32px;overflow:hidden}.screen-tools{justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.screen-tools strong{font-size:15px}.tutorial-page button{cursor:pointer;color:#e6f6e9;background:#192c20;border:1px solid #42634b;border-radius:8px;padding:9px 14px;font-size:14px}.shot-overflow{overflow:auto}.shot-stage{isolation:isolate;position:relative}.shot-stage img{width:100%;height:auto;display:block}.shot-stage.zoomed{min-width:1250px}.shot-stage svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tutorial-page .shot-pin{color:#fff;background:#0b2715;border:2px solid #fff;border-radius:50%;width:30px;height:30px;padding:0;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #2de65455}.tutorial-page .shot-pin[aria-pressed=true]{color:#06160a;background:#2ddb51}.tutorial-screen figcaption{padding:18px 20px}.shot-steps{flex-wrap:wrap;gap:8px;display:flex}.shot-steps button[aria-pressed=true],.template-switch button[aria-pressed=true]{color:#b5ffc4;background:#254b2e;border-color:#35db57}.tutorial-screen figcaption p{margin-bottom:0;font-size:16px}.template-switch{gap:12px;margin:38px 0 20px;display:flex}.template-switch button{flex:1;padding:16px;font-weight:700}.template-lesson{border-left:3px solid #28d048;padding-left:24px}.edit-comparison{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-comparison>div{background:#152019;border:1px solid #2d4033;border-radius:12px;padding:20px}.edit-comparison>div+div{background:#183421;border-color:#3b8b4d}.edit-comparison span{letter-spacing:.08em;color:#8adc9c;font-size:12px}.replacement{background:#122419;border:1px solid #31593c;border-radius:14px;margin:22px 0;padding:22px}.replacement>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.replacement p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}.keep-note{background:#1d3424;border-radius:12px;padding:20px;font-size:16px;line-height:1.8}.keep-note p{margin-bottom:0;font-size:15px}.four-shots{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px;display:grid}.four-shots>div{background:#17271d;border:1px solid #33513c;border-radius:12px;padding:18px}.four-shots span{color:#35d653;font-weight:800}.four-shots p{font-size:15px}.tutorial-page .tutorial-small{color:#91a899;font-size:14px}.tutorial-finish{text-align:center;padding:44px 0}.tutorial-finish small{color:#819888;margin-top:22px;display:block}@media (max-width:650px){.tutorial-page{padding:20px 16px 45px}.tutorial-header{padding-top:10px}.tutorial-page p{font-size:16px}.template-lesson{padding-left:12px}.template-switch,.edit-comparison{flex-direction:column;display:flex}.screen-tools{align-items:flex-start;padding:12px}.screen-tools button{flex-shrink:0}.tutorial-screen figcaption{padding:14px}.four-shots{grid-template-columns:1fr 1fr}.tutorial-page .shot-pin{width:24px;height:24px;font-size:12px}.shot-steps button{padding:8px;font-size:13px}}.direcut-step-link{color:#d9ffe3;background:#1a3d24;border:1px solid #34984b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:fit-content;margin:22px 0;padding:15px 19px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.direcut-step-link:hover{background:#245532}.direcut-step-link span{letter-spacing:.07em;color:#06210c;white-space:nowrap;background:#2bd14b;border-radius:5px;padding:5px 8px;font-size:11px}.direcut-offer{background:radial-gradient(at 100% 0,#2d6431,#102418 70%);border:1px solid #42bc5a;border-radius:22px;margin:35px 0;padding:32px;position:relative}.offer-code{align-items:center;gap:20px;margin-top:22px;display:flex}.offer-code strong{letter-spacing:.12em;color:#8cff9f;font-size:30px}.direcut-offer .direcut-step-link{color:#06210c;background:#2bd14b}.direcut-offer .direcut-step-link span{display:none}