:root{--byl-ink: #0f172a;--byl-muted: #475569;--byl-soft: #f1f5f9;--byl-card: #ffffff;--byl-border: rgba(15, 23, 42, .12);--byl-shadow: 0 14px 40px rgba(15, 23, 42, .12);--byl-radius: 18px;--byl-radius-sm: 14px;--byl-max: 1120px}.byl-wrap{background:transparent}.byl-container{max-width:var(--byl-max);margin:0 auto;padding:28px 18px 64px}.byl-title{font-size:clamp(30px,4.4vw,52px);line-height:1.04;letter-spacing:-.03em;margin:0;font-weight:900}.byl-h2{margin:0;font-size:clamp(22px,2.8vw,34px);letter-spacing:-.02em;font-weight:900}.byl-lede{margin:0;color:var(--byl-muted);line-height:1.6;max-width:70ch;font-size:16px}.byl-hero{display:grid;gap:18px;padding:22px;border-radius:calc(var(--byl-radius) + 10px);background:radial-gradient(1200px 500px at 20% -10%,rgba(34,197,94,.18),transparent 55%),radial-gradient(900px 400px at 95% 10%,rgba(59,130,246,.18),transparent 50%),linear-gradient(180deg,rgba(15,23,42,.05),transparent 70%);border:1px solid var(--byl-border);box-shadow:var(--byl-shadow);overflow:hidden;position:relative}.byl-hero:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;opacity:.7;background:radial-gradient(520px 200px at 18% 0%,rgba(245,158,11,.14),transparent 60%),radial-gradient(520px 220px at 88% 16%,rgba(236,72,153,.12),transparent 60%);mix-blend-mode:multiply}.byl-hero__top{display:grid;gap:12px;position:relative;z-index:1}.byl-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:750;font-size:13px;letter-spacing:.2px;color:var(--byl-muted);background:#0f172a0f;border:1px solid rgba(15,23,42,.08);padding:8px 12px;border-radius:999px;width:fit-content;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.byl-subtitle{margin:0;font-size:clamp(15px,1.7vw,19px);line-height:1.6;color:var(--byl-muted);max-width:70ch}.byl-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.byl-cta-row .button{width:auto}.byl-hero__grid{display:grid;gap:14px;margin-top:8px}.byl-microgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.byl-pill{position:relative;background:#ffffffe0;border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:10px 14px;display:grid;gap:2px;min-height:66px;text-align:center;box-shadow:0 10px 22px #0f172a14;overflow:hidden}.byl-pill:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,#22c55ef2,#3b82f6f2);opacity:.9}.byl-pill strong{font-size:13px;font-weight:900;letter-spacing:-.01em}.byl-pill span{font-size:12px;color:var(--byl-muted)}.byl-section{margin-top:34px}.byl-section__head{display:grid;gap:8px;margin-bottom:14px}.byl-panel{border-radius:calc(var(--byl-radius) + 10px);border:1px solid var(--byl-border);box-shadow:var(--byl-shadow);padding:18px;overflow:hidden}.byl-panel--mint{background:radial-gradient(900px 260px at 15% 0%,rgba(34,197,94,.22),transparent 60%),linear-gradient(180deg,#22c55e1a,#ffffffdb)}.byl-panel--sky{background:radial-gradient(900px 260px at 85% 0%,rgba(59,130,246,.22),transparent 60%),linear-gradient(180deg,#3b82f61a,#ffffffdb)}.byl-panel--sun{background:radial-gradient(900px 260px at 20% 0%,rgba(245,158,11,.22),transparent 60%),linear-gradient(180deg,#f59e0b1a,#ffffffdb)}.byl-steps{display:grid;gap:12px}.byl-step{display:grid;gap:12px;grid-template-columns:54px 1fr;padding:16px;border-radius:var(--byl-radius);border:1px solid rgba(15,23,42,.14);background:#ffffffd1;box-shadow:0 10px 26px #0f172a12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.byl-step__num{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:18px;background:#ffffffc7;border:1px solid rgba(15,23,42,.1);box-shadow:0 10px 18px #0f172a14}.byl-step__body{display:grid;gap:8px}.byl-step__badge{display:inline-flex;align-items:center;gap:10px}.byl-icon{width:65px;height:65px;border-radius:12px;display:grid;place-items:center;background:#ffffffc7;border:1px solid rgba(15,23,42,.12);box-shadow:0 20px 36px #0f172a14;font-size:32px}.byl-step__title{margin:0;font-size:18px;letter-spacing:-.01em;font-weight:900}.byl-step__text{margin:0;color:var(--byl-muted);line-height:1.65}.byl-split{display:grid;gap:14px}.byl-card{padding:16px;border-radius:var(--byl-radius);border:1px solid rgba(15,23,42,.14);background:#ffffffd1;box-shadow:0 10px 26px #0f172a12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.byl-bullets{margin:10px 0 0;padding-left:18px;color:var(--byl-muted);line-height:1.7}.byl-img{border-radius:var(--byl-radius);border:1px solid rgba(15,23,42,.14);background:#ffffffd1;overflow:hidden;min-height:240px;display:grid;place-items:center;padding:0;box-shadow:0 10px 26px #0f172a12}.byl-faq{display:grid;gap:10px}.byl-faq details{border:1px solid rgba(15,23,42,.14);border-radius:var(--byl-radius);background:#ffffffd6;padding:12px 14px;box-shadow:0 10px 26px #0f172a0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.byl-faq summary{cursor:pointer;font-weight:900;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.byl-faq summary::-webkit-details-marker{display:none}.byl-faq .byl-faq__a{margin-top:8px;color:var(--byl-muted);line-height:1.65}.byl-faq .byl-chevron{width:18px;height:18px;opacity:.7;transition:transform .18s ease}.byl-faq details[open] .byl-chevron{transform:rotate(180deg)}.byl-final-cta{margin-top:36px;padding:18px;border-radius:calc(var(--byl-radius) + 10px);border:1px solid rgba(15,23,42,.14);background:radial-gradient(900px 260px at 20% 0%,rgba(34,197,94,.22),transparent 60%),radial-gradient(900px 260px at 85% 0%,rgba(59,130,246,.16),transparent 60%),linear-gradient(180deg,#0f172a08,#ffffffdb);box-shadow:var(--byl-shadow);display:grid;gap:12px}.byl-final-cta h3{margin:0;font-size:22px;letter-spacing:-.02em;font-weight:900}.byl-final-cta p{margin:0;color:var(--byl-muted);line-height:1.65;max-width:78ch;font-size:16px}.byl-footnote{margin-top:10px;color:#475569f2;font-size:12px;line-height:1.5}.byl-step,.byl-card,.byl-faq details,.byl-pill{transition:transform .12s ease,box-shadow .2s ease}.byl-step:hover,.byl-card:hover,.byl-faq details:hover,.byl-pill:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0f172a1a}@media(min-width:860px){.byl-hero{grid-template-columns:1.2fr .8fr;align-items:center;padding:26px}.byl-hero__grid{margin-top:0}.byl-split{grid-template-columns:1.1fr .9fr;align-items:stretch}.byl-img{min-height:100%}}@media(max-width:520px){.byl-step{grid-template-columns:48px 1fr}.byl-step__num{width:48px;height:48px;border-radius:14px}}.byl-quicknav{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.byl-quicknav a{text-decoration:none;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--byl-border);font-weight:700;font-size:14px;color:var(--byl-ink);box-shadow:0 8px 18px #0f172a0f;transition:all .15s ease}.byl-quicknav a:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}html:focus-within{scroll-behavior:smooth}html{scroll-behavior:smooth}
/*# sourceMappingURL=/cdn/shop/t/13/assets/byl-how-it-works.css.map */