@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap");

.tutorials-page{--purple:#4323d8;--purple-2:#5c38ed;--gold:#f2b632;--ink:#08090c;--paper:#f8f8f6;min-height:100vh;overflow:hidden;background:var(--paper);color:var(--ink);font-family:"Inter",Arial,sans-serif}.tutorials-page *{box-sizing:border-box}.tutorials-page a{color:inherit;text-decoration:none}.tutorials-nav{height:92px;padding:10px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:30px;border:2px solid var(--ink);background:#fff}.tutorials-brand{display:block;width:225px;height:70px}.tutorials-brand img{width:100%;height:100%;object-fit:contain}.tutorials-nav-actions{display:flex;align-items:center;gap:32px}.tutorials-home-link{font:800 17px "Barlow Condensed",sans-serif;text-transform:uppercase}.tutorials-home-link:hover{color:var(--purple)}.tutorials-download{padding:14px 28px;border:2px solid var(--ink);background:var(--gold);box-shadow:4px 4px 0 rgba(0,0,0,.12);font:800 18px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em}

.tutorials-hero{min-height:650px;display:grid;grid-template-columns:minmax(340px,.72fr) minmax(540px,1.28fr);border:2px solid var(--ink);border-top:0;background:#fff}.tutorials-heading{padding:clamp(54px,7vw,105px) clamp(28px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.tutorials-kicker{margin-bottom:16px;color:var(--purple);font:800 18px "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase}.tutorials-heading h1{margin:0;font:900 clamp(76px,8vw,126px)/.78 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.045em;text-transform:uppercase}.tutorials-heading p{max-width:520px;margin:30px 0 28px;font-size:clamp(17px,1.35vw,21px);font-weight:600;line-height:1.45}.tutorials-youtube-link{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;gap:12px;border:2px solid var(--ink);background:#fff;font:800 17px "Barlow Condensed",sans-serif;text-transform:uppercase;transition:transform .16s,box-shadow .16s}.tutorials-youtube-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}

.tutorials-player-wrap{position:relative;padding:clamp(54px,7vw,100px) clamp(28px,5vw,76px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#4021cc,#5d3cf1);color:#fff}.tutorials-player-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.07) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.07) 50%,transparent 50.2%);background-size:54px 54px;pointer-events:none}.tutorials-player-label,.tutorials-player,.tutorials-player-wrap>p{position:relative;z-index:1}.tutorials-player-label{margin-bottom:14px;display:flex;align-items:center;gap:14px;font:800 17px "Barlow Condensed",sans-serif;letter-spacing:.07em;text-transform:uppercase}.tutorials-player-label i{flex:1;height:2px;background:var(--gold)}.tutorials-player{width:100%;aspect-ratio:16/9;border:3px solid var(--ink);background:#05070d;box-shadow:14px 14px 0 rgba(0,0,0,.25)}.tutorials-player iframe{display:block;width:100%;height:100%;border:0}.tutorials-player-wrap>p{margin:22px 0 0;font-size:14px;font-weight:600}

.tutorials-strip{min-height:70px;padding:12px clamp(28px,5vw,76px);display:flex;align-items:center;justify-content:space-around;gap:28px;border:2px solid var(--ink);border-top:0;background:var(--ink);color:#fff;font:800 clamp(18px,2vw,28px) "Barlow Condensed",sans-serif;text-transform:uppercase}.tutorials-strip i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--gold)}.tutorials-cta{padding:clamp(38px,6vw,80px) clamp(28px,6vw,94px);display:flex;align-items:center;justify-content:space-between;gap:40px;border:2px solid var(--ink);border-top:0;background:var(--gold)}.tutorials-cta span{font:800 18px "Barlow Condensed",sans-serif;text-transform:uppercase}.tutorials-cta h2{margin:5px 0 0;font:900 clamp(42px,5vw,74px)/.9 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.tutorials-cta>a{min-width:245px;min-height:58px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);background:var(--ink);color:#fff;font:800 18px "Barlow Condensed",sans-serif;text-transform:uppercase}.tutorials-footer{min-height:150px;padding:28px clamp(28px,5vw,76px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:48px;border:2px solid var(--ink);border-top:0;background:#fff}.tutorials-footer img{width:220px}.tutorials-footer a{font:800 16px "Barlow Condensed",sans-serif;text-transform:uppercase}.tutorials-footer p{margin:0;font-size:13px}

@media(max-width:950px){.tutorials-hero{grid-template-columns:1fr}.tutorials-heading{padding-top:65px;padding-bottom:65px}.tutorials-player-wrap{padding-top:60px;padding-bottom:70px}.tutorials-cta{align-items:flex-start;flex-direction:column}.tutorials-footer{grid-template-columns:1fr 1fr}.tutorials-footer p{grid-column:1/-1}}
@media(max-width:600px){.tutorials-nav{height:auto;min-height:84px;padding:8px 18px}.tutorials-brand{width:185px;height:62px}.tutorials-nav-actions{gap:12px}.tutorials-home-link{display:none}.tutorials-download{padding:11px 16px;font-size:16px}.tutorials-heading{padding:54px 24px}.tutorials-heading h1{font-size:76px}.tutorials-player-wrap{padding:46px 22px 56px}.tutorials-player{box-shadow:8px 8px 0 rgba(0,0,0,.25)}.tutorials-strip{padding:13px 22px;gap:12px;font-size:18px}.tutorials-strip span:first-child,.tutorials-strip i:first-of-type{display:none}.tutorials-cta{padding:42px 24px}.tutorials-cta>a{width:100%}.tutorials-footer{grid-template-columns:1fr;gap:22px}.tutorials-footer p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.tutorials-page *{transition:none!important}}