@font-face{font-family:Riosark;src:url(https://cdn.shopify.com/s/files/1/0901/7522/0657/files/Riosark-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PPNeueMachina;src:url(https://cdn.shopify.com/s/files/1/0901/7522/0657/files/PPNeueMachina-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--qoio-orange: #c9733a;--qoio-dark: #0f0f0f;--qoio-muted: rgba(255,255,255,.45);--qoio-body: rgba(255,255,255,.72)}.qoio-tutorial{background:var(--qoio-dark);color:var(--qoio-body);min-height:100vh}.qoio-tutorial__section{padding:72px 24px;max-width:760px;margin:0 auto}.qoio-tutorial__section--wide{max-width:960px}.qoio-tutorial__eyebrow{display:inline-flex;align-items:center;gap:8px;background:#c9733a1f;color:var(--qoio-orange);font-family:"PPNeueMachina",var(--font-heading-family, sans-serif);font-size:10px;letter-spacing:.25em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:20px}.qoio-tutorial__hero{padding:80px 24px 0;max-width:760px;margin:0 auto;text-align:center}.qoio-tutorial__hero-title{font-family:"Riosark",var(--font-heading-family, sans-serif);font-size:clamp(38px,8vw,64px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#fff;margin:0 0 16px}.qoio-tutorial__hero-title span{color:var(--qoio-orange)}.qoio-tutorial__hero-sub{font-family:"PPNeueMachina",var(--font-heading-family, sans-serif);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--qoio-muted);margin:0 0 40px}.qoio-tutorial__video-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#1a1a1a;border-radius:16px;overflow:hidden;margin-bottom:72px;border:1px solid rgba(255,255,255,.08)}.qoio-tutorial__video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.qoio-tutorial__heading{font-family:"Riosark",var(--font-heading-family, sans-serif);font-size:clamp(28px,5vw,42px);text-transform:uppercase;color:#fff;margin:0 0 8px;line-height:1.05}.qoio-tutorial__subtext{font-size:15px;color:var(--qoio-muted);line-height:1.65;margin:0 0 48px}.qoio-tutorial__steps{display:flex;flex-direction:column;gap:32px}.qoio-tutorial__step{display:grid;grid-template-columns:1fr;gap:0;background:#181818;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.qoio-tutorial__step-img{overflow:hidden;background:#1d1d1d;display:flex;align-items:center;justify-content:center;height:180px;border-bottom:1px solid rgba(255,255,255,.06)}.qoio-tutorial__step-img img{width:100%;height:100%;object-fit:cover;display:block}.qoio-tutorial__step-img--placeholder{width:100%;height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(45deg,rgba(201,115,58,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(201,115,58,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(201,115,58,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(201,115,58,.04) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;background-color:#1d1d1d;opacity:.8}.qoio-tutorial__step-body{padding:20px 24px 26px;display:flex;flex-direction:column;gap:6px}.qoio-tutorial__step-num{font-family:"Riosark",var(--font-heading-family, sans-serif);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--qoio-orange);font-weight:400;font-style:normal;display:flex;align-items:center;gap:10px;margin-bottom:4px}.qoio-tutorial__step-num:before{content:attr(data-num);font-family:Riosark,sans-serif;font-size:32px;line-height:1;color:#c9733a40;letter-spacing:-.02em;flex-shrink:0}.qoio-tutorial__step-title{font-family:"Riosark",var(--font-heading-family, sans-serif);font-size:18px;text-transform:uppercase;color:#fff;margin:0;line-height:1.15}.qoio-tutorial__step-desc{font-size:14px;line-height:1.65;color:var(--qoio-body);margin:0;text-transform:none!important}.qoio-tutorial__step{transition:transform .2s ease,box-shadow .2s ease}.qoio-tutorial__step:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0000004d}.qoio-tutorial__care{background:#c9733a1a;border:1px solid rgba(201,115,58,.3);border-radius:16px;padding:28px 32px;display:flex;align-items:flex-start;gap:20px;max-width:760px;margin:64px auto}.qoio-tutorial__care-icon{font-size:32px;flex-shrink:0;line-height:1}.qoio-tutorial__care-label{font-family:"PPNeueMachina",var(--font-heading-family, sans-serif);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--qoio-orange);display:block;margin-bottom:6px}.qoio-tutorial__care-text{font-size:15px;line-height:1.6;color:#fff;margin:0;text-transform:none}.qoio-tutorial__divider{width:48px;height:2px;background:var(--qoio-orange);margin:0 auto 64px;opacity:.6}.qoio-tutorial__brand-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:40px}.qoio-tutorial__brand-card{background:#181818;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px}.qoio-tutorial__brand-card-icon{font-size:28px;margin-bottom:14px;display:block}.qoio-tutorial__brand-card-title{font-family:"Riosark",var(--font-heading-family, sans-serif);font-size:17px;text-transform:uppercase;color:#fff;margin:0 0 10px}.qoio-tutorial__brand-card-text{font-size:14px;line-height:1.65;color:var(--qoio-body);margin:0;text-transform:none}.qoio-tutorial__faq{margin-top:40px}.qoio-tutorial__faq-item{border-bottom:1px solid rgba(255,255,255,.08);padding:20px 0}.qoio-tutorial__faq-item:first-child{border-top:1px solid rgba(255,255,255,.08)}.qoio-tutorial__faq-q{font-family:"PPNeueMachina",var(--font-heading-family, sans-serif);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:none;width:100%;text-align:left;padding:0}.qoio-tutorial__faq-q:after{content:"+";font-family:Riosark,sans-serif;font-size:22px;color:var(--qoio-orange);flex-shrink:0;transition:transform .25s ease}.qoio-tutorial__faq-item.is-open .qoio-tutorial__faq-q:after{transform:rotate(45deg)}.qoio-tutorial__faq-a{font-size:14px;line-height:1.65;color:var(--qoio-body);margin:0;max-height:0;overflow:hidden;transition:max-height .35s ease,padding-top .25s ease;text-transform:none}.qoio-tutorial__faq-item.is-open .qoio-tutorial__faq-a{max-height:300px;padding-top:14px}.qoio-tutorial__cta-block{text-align:center;background:#181818;border:1px solid rgba(201,115,58,.2);border-radius:20px;padding:52px 32px;max-width:760px;margin:0 auto 80px}.qoio-tutorial__cta-heading{font-family:"Riosark",var(--font-heading-family, sans-serif);font-size:clamp(24px,5vw,36px);text-transform:uppercase;color:#fff;margin:16px 0 12px;line-height:1.05}.qoio-tutorial__cta-sub{font-size:14px;color:var(--qoio-muted);margin:0 0 32px;line-height:1.6;text-transform:none}.qoio-tutorial__cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--qoio-orange);color:#fff;font-family:"PPNeueMachina",var(--font-heading-family, sans-serif);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:16px 36px;border-radius:100px;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.qoio-tutorial__cta-btn:hover{opacity:.88;transform:translateY(-2px)}.qoio-tutorial__cta-micro{margin-top:16px;font-family:"PPNeueMachina",var(--font-heading-family, sans-serif);font-size:11px;letter-spacing:.06em;color:var(--qoio-muted);text-transform:none}@media(min-width:768px){.qoio-tutorial__section{padding:96px 40px}.qoio-tutorial__hero{padding:100px 40px 0}.qoio-tutorial__steps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.qoio-tutorial__step:nth-child(5):last-child{grid-column:1 / -1;max-width:640px;margin:0 auto}.qoio-tutorial__brand-grid{grid-template-columns:1fr 1fr}.qoio-tutorial__care{padding:36px 40px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/qoio-tutorial.css.map */