.ok-use-page,.ok-logo-page,.ok-qr-page{--ok-text: #263241;--ok-muted: #647184;--ok-heading: #111827;--ok-border: #e5e9ef;--ok-bg: #ffffff;--ok-soft: #f7f9fc;--ok-blue-soft: #f3f7ff;--ok-primary: #2563eb;--ok-primary-hover: #1d4ed8;--ok-radius: 18px;--ok-shadow: 0 12px 32px rgba(15, 23, 42, .08);color:var(--ok-text);background:var(--ok-bg);font-family:inherit;line-height:1.65}.ok-use-page *,.ok-use-page *:before,.ok-use-page *:after,.ok-logo-page *,.ok-logo-page *:before,.ok-logo-page *:after,.ok-qr-page *,.ok-qr-page *:before,.ok-qr-page *:after{box-sizing:border-box}.ok-use-container,.ok-logo-container,.ok-qr-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.ok-use-section,.ok-logo-section,.ok-qr-section{padding:72px 0}.ok-use-section--soft,.ok-logo-section--soft,.ok-qr-section--soft{background:var(--ok-soft)}.ok-use-section--blue,.ok-logo-section--blue,.ok-qr-section--blue{background:var(--ok-blue-soft)}.ok-use-center,.ok-logo-center,.ok-qr-center{text-align:center}.ok-use-page h1,.ok-use-page h2,.ok-use-page h3,.ok-logo-page h1,.ok-logo-page h2,.ok-logo-page h3,.ok-qr-page h1,.ok-qr-page h2,.ok-qr-page h3{margin-top:0;color:var(--ok-heading);line-height:1.2}.ok-use-page h1,.ok-logo-page h1,.ok-qr-page h1{margin-bottom:22px;font-size:clamp(40px,5vw,64px);letter-spacing:-.04em}.ok-use-page h2,.ok-logo-page h2,.ok-qr-page h2{margin-bottom:18px;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.025em}.ok-use-page h3,.ok-logo-page h3,.ok-qr-page h3{margin-bottom:10px;font-size:20px}.ok-use-page p,.ok-logo-page p,.ok-qr-page p{margin-top:0;margin-bottom:18px;color:var(--ok-muted)}.ok-use-lead,.ok-logo-lead,.ok-qr-lead{max-width:780px;font-size:19px;line-height:1.72}.ok-use-center .ok-use-lead,.ok-logo-center .ok-logo-lead,.ok-qr-center .ok-qr-lead{margin-left:auto;margin-right:auto}.ok-use-eyebrow,.ok-logo-eyebrow,.ok-qr-eyebrow{display:inline-block;margin-bottom:12px;color:var(--ok-primary);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.ok-use-breadcrumb,.ok-logo-breadcrumb,.ok-qr-breadcrumb{padding:15px 0;color:#737d8c;font-size:13px}.ok-use-breadcrumb a,.ok-logo-breadcrumb a,.ok-qr-breadcrumb a{color:inherit;text-decoration:none}.ok-use-breadcrumb a:hover,.ok-logo-breadcrumb a:hover,.ok-qr-breadcrumb a:hover{text-decoration:underline}.ok-use-btns,.ok-logo-btns,.ok-qr-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.ok-use-btns--center,.ok-logo-btns--center,.ok-qr-btns--center{justify-content:center}.ok-use-btn,.ok-logo-btn,.ok-qr-btn{display:inline-flex;min-height:50px;padding:13px 24px;align-items:center;justify-content:center;border-radius:999px;font-size:15px;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.ok-use-btn:hover,.ok-logo-btn:hover,.ok-qr-btn:hover{transform:translateY(-1px)}.ok-use-btn--primary,.ok-logo-btn--primary,.ok-qr-btn--primary{border:1px solid var(--ok-primary);color:#fff!important;background:var(--ok-primary)}.ok-use-btn--primary:hover,.ok-logo-btn--primary:hover,.ok-qr-btn--primary:hover{border-color:var(--ok-primary-hover);background:var(--ok-primary-hover)}.ok-use-btn--secondary,.ok-logo-btn--secondary,.ok-qr-btn--secondary{border:1px solid #d3d9e2;color:var(--ok-heading)!important;background:#fff}.ok-use-btn--secondary:hover,.ok-logo-btn--secondary:hover,.ok-qr-btn--secondary:hover{border-color:#aeb8c6}.ok-use-text-link,.ok-logo-text-link,.ok-qr-text-link{color:var(--ok-primary);font-weight:700;text-decoration:none}.ok-use-text-link:hover,.ok-logo-text-link:hover,.ok-qr-text-link:hover{text-decoration:underline}.ok-use-hero,.ok-logo-hero,.ok-qr-hero{padding:82px 0 76px;background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at 90% 18%,rgba(96,165,250,.08),transparent 30%),linear-gradient(180deg,#fff,#f8fbff)}.ok-use-hero-grid,.ok-logo-hero-grid,.ok-qr-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:58px;align-items:center}.ok-use-hero-media,.ok-logo-hero-media,.ok-qr-hero-media{position:relative;overflow:hidden;aspect-ratio:1 / .88;border:1px solid var(--ok-border);border-radius:26px;background:#f2f4f7;box-shadow:var(--ok-shadow)}.ok-use-hero-media img,.ok-logo-hero-media img,.ok-qr-hero-media img{display:block;width:100%;height:100%;object-fit:cover}.ok-use-hero-label,.ok-logo-hero-label,.ok-qr-hero-label{position:absolute;left:22px;bottom:22px;padding:10px 15px;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#111827;background:#ffffffeb;box-shadow:0 7px 22px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:750}.ok-use-grid-3,.ok-use-use-grid,.ok-logo-use-grid,.ok-qr-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.ok-use-card,.ok-use-use-card,.ok-logo-use-card,.ok-qr-use-card{overflow:hidden;height:100%;border:1px solid var(--ok-border);border-radius:var(--ok-radius);background:#fff;transition:transform .2s ease,box-shadow .2s ease}.ok-use-card:hover,.ok-use-use-card:hover,.ok-logo-use-card:hover,.ok-qr-use-card:hover{transform:translateY(-2px);box-shadow:var(--ok-shadow)}.ok-use-card-image,.ok-use-use-image,.ok-logo-use-image,.ok-qr-use-image{overflow:hidden;aspect-ratio:16 / 10;background:#edf1f5}.ok-use-card-image img,.ok-use-use-image img,.ok-logo-use-image img,.ok-qr-use-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.ok-use-card:hover .ok-use-card-image img,.ok-use-use-card:hover .ok-use-use-image img,.ok-logo-use-card:hover .ok-logo-use-image img,.ok-qr-use-card:hover .ok-qr-use-image img{transform:scale(1.025)}.ok-use-card-body,.ok-use-use-body,.ok-logo-use-body,.ok-qr-use-body{padding:24px}.ok-use-card-body p:last-of-type,.ok-use-use-body p:last-of-type,.ok-logo-use-body p:last-of-type,.ok-qr-use-body p:last-of-type{margin-bottom:12px}.ok-use-split,.ok-logo-split,.ok-qr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center}.ok-use-info-box,.ok-logo-info-box,.ok-qr-info-box{padding:34px;border:1px solid var(--ok-border);border-radius:22px;background:#fff;box-shadow:var(--ok-shadow)}.ok-use-check-list,.ok-logo-check-list,.ok-qr-check-list{margin:23px 0 0;padding:0;list-style:none}.ok-use-check-list li,.ok-logo-check-list li,.ok-qr-check-list li{position:relative;margin-bottom:12px;padding-left:29px}.ok-use-check-list li:before,.ok-logo-check-list li:before,.ok-qr-check-list li:before{position:absolute;top:0;left:0;content:"\2713";color:var(--ok-primary);font-weight:800}.ok-use-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}.ok-use-info-card{height:100%;padding:24px;border:1px solid var(--ok-border);border-radius:16px;background:#fff}.ok-use-info-card h3{font-size:18px}.ok-use-info-card p:last-child{margin-bottom:0}.ok-use-table-wrap,.ok-logo-table-wrap,.ok-qr-table-wrap{overflow-x:auto;margin-top:30px;border:1px solid var(--ok-border);border-radius:17px;background:#fff}.ok-use-table,.ok-logo-table,.ok-qr-table{width:100%;min-width:670px;border-collapse:collapse}.ok-use-table th,.ok-use-table td,.ok-logo-table th,.ok-logo-table td,.ok-qr-table th,.ok-qr-table td{padding:17px 20px;border-bottom:1px solid var(--ok-border);text-align:left;vertical-align:middle}.ok-use-table th,.ok-logo-table th,.ok-qr-table th{color:var(--ok-heading);background:#f7f9fb;font-size:14px}.ok-use-table tr:last-child td,.ok-logo-table tr:last-child td,.ok-qr-table tr:last-child td{border-bottom:0}.ok-use-quick-answer,.ok-logo-quick-answer,.ok-qr-quick-answer{margin-top:25px;padding:19px 23px;border-left:4px solid var(--ok-primary);border-radius:0 12px 12px 0;background:var(--ok-blue-soft)}.ok-use-quick-answer strong,.ok-logo-quick-answer strong,.ok-qr-quick-answer strong{color:var(--ok-heading)}.ok-use-steps,.ok-logo-steps,.ok-qr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:35px}.ok-use-step,.ok-logo-step,.ok-qr-step{padding:25px 22px;border:1px solid var(--ok-border);border-radius:15px;background:#fff}.ok-use-step-number,.ok-logo-step-number,.ok-qr-step-number{display:flex;width:35px;height:35px;margin-bottom:15px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--ok-heading);font-size:14px;font-weight:800}.ok-use-step h3,.ok-logo-step h3,.ok-qr-step h3{font-size:17px}.ok-use-decision-grid,.ok-logo-decision-grid,.ok-qr-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.ok-use-decision-card,.ok-logo-decision-card,.ok-qr-decision-card{padding:32px;border:1px solid var(--ok-border);border-radius:20px;background:#fff}.ok-use-faq,.ok-logo-faq,.ok-qr-faq{max-width:900px;margin:34px auto 0}.ok-use-faq details,.ok-logo-faq details,.ok-qr-faq details{border-top:1px solid var(--ok-border)}.ok-use-faq details:last-child,.ok-logo-faq details:last-child,.ok-qr-faq details:last-child{border-bottom:1px solid var(--ok-border)}.ok-use-faq summary,.ok-logo-faq summary,.ok-qr-faq summary{position:relative;padding:21px 42px 21px 0;color:var(--ok-heading);cursor:pointer;list-style:none;font-weight:750}.ok-use-faq summary::-webkit-details-marker,.ok-logo-faq summary::-webkit-details-marker,.ok-qr-faq summary::-webkit-details-marker{display:none}.ok-use-faq summary:after,.ok-logo-faq summary:after,.ok-qr-faq summary:after{position:absolute;top:15px;right:4px;content:"+";font-size:28px;font-weight:400}.ok-use-faq details[open] summary:after,.ok-logo-faq details[open] summary:after,.ok-qr-faq details[open] summary:after{content:"\922d\fffd"}.ok-use-faq details p,.ok-logo-faq details p,.ok-qr-faq details p{margin:0;padding:0 42px 21px 0}.ok-use-related-grid,.ok-logo-related-grid,.ok-qr-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:30px}.ok-use-related,.ok-logo-related,.ok-qr-related{display:block;padding:20px;border:1px solid var(--ok-border);border-radius:14px;color:var(--ok-heading);background:#fff;text-decoration:none;font-weight:750}.ok-use-related:hover,.ok-logo-related:hover,.ok-qr-related:hover{border-color:#b6c0ce;box-shadow:0 8px 23px #0f172a0f}.ok-use-related span,.ok-logo-related span,.ok-qr-related span{display:block;margin-top:6px;color:var(--ok-muted);font-size:13px;font-weight:400;line-height:1.5}.ok-use-final-cta,.ok-logo-final-cta,.ok-qr-final-cta{padding:68px 32px;border-radius:26px;color:#fff;background:#111827;text-align:center}.ok-use-final-cta h2,.ok-logo-final-cta h2,.ok-qr-final-cta h2{color:#fff}.ok-use-final-cta p,.ok-logo-final-cta p,.ok-qr-final-cta p{max-width:680px;margin-right:auto;margin-left:auto;color:#ffffffc7}.ok-use-final-cta .ok-use-btns,.ok-logo-final-cta .ok-logo-btns,.ok-qr-final-cta .ok-qr-btns{width:100%;justify-content:center;align-items:center}.ok-use-final-cta .ok-use-btn--secondary,.ok-logo-final-cta .ok-logo-btn--secondary,.ok-qr-final-cta .ok-qr-btn--secondary{border-color:#ffffff52}@media(max-width:990px){.ok-use-hero-grid,.ok-logo-hero-grid,.ok-qr-hero-grid,.ok-use-split,.ok-logo-split,.ok-qr-split{grid-template-columns:1fr}.ok-use-hero-grid,.ok-logo-hero-grid,.ok-qr-hero-grid{gap:38px}.ok-use-hero-media,.ok-logo-hero-media,.ok-qr-hero-media{max-width:720px}.ok-use-grid-3,.ok-use-use-grid,.ok-logo-use-grid,.ok-qr-use-grid,.ok-use-steps,.ok-logo-steps,.ok-qr-steps,.ok-use-related-grid,.ok-logo-related-grid,.ok-qr-related-grid,.ok-use-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ok-use-container,.ok-logo-container,.ok-qr-container{width:min(calc(100% - 28px),1180px)}.ok-use-section,.ok-logo-section,.ok-qr-section{padding:52px 0}.ok-use-hero,.ok-logo-hero,.ok-qr-hero{padding:52px 0 58px}.ok-use-page h1,.ok-logo-page h1,.ok-qr-page h1{font-size:clamp(34px,11vw,48px)}.ok-use-page h2,.ok-logo-page h2,.ok-qr-page h2{font-size:clamp(27px,8vw,36px)}.ok-use-lead,.ok-logo-lead,.ok-qr-lead{font-size:17px}.ok-use-hero-grid,.ok-logo-hero-grid,.ok-qr-hero-grid{display:flex;flex-direction:column}.ok-use-hero-media,.ok-logo-hero-media,.ok-qr-hero-media{width:100%;aspect-ratio:4 / 3;border-radius:20px}.ok-use-grid-3,.ok-use-use-grid,.ok-logo-use-grid,.ok-qr-use-grid,.ok-use-steps,.ok-logo-steps,.ok-qr-steps,.ok-use-decision-grid,.ok-logo-decision-grid,.ok-qr-decision-grid,.ok-use-related-grid,.ok-logo-related-grid,.ok-qr-related-grid,.ok-use-grid-4{grid-template-columns:1fr}.ok-use-btns,.ok-logo-btns,.ok-qr-btns{flex-direction:column}.ok-use-btn,.ok-logo-btn,.ok-qr-btn{width:100%}.ok-use-final-cta .ok-use-btns,.ok-logo-final-cta .ok-logo-btns,.ok-qr-final-cta .ok-qr-btns{align-items:stretch}.ok-use-info-box,.ok-logo-info-box,.ok-qr-info-box,.ok-use-decision-card,.ok-logo-decision-card,.ok-qr-decision-card{padding:25px}.ok-use-card-body,.ok-use-use-body,.ok-logo-use-body,.ok-qr-use-body{padding:20px}.ok-use-final-cta,.ok-logo-final-cta,.ok-qr-final-cta{padding:50px 22px;border-radius:20px}.ok-use-table,.ok-logo-table,.ok-qr-table{min-width:600px}}@media(prefers-reduced-motion:reduce){.ok-use-btn,.ok-logo-btn,.ok-qr-btn,.ok-use-card,.ok-use-use-card,.ok-logo-use-card,.ok-qr-use-card,.ok-use-card-image img,.ok-use-use-image img,.ok-logo-use-image img,.ok-qr-use-image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page-custom.css.map */