@layer bricks {.brxe-code{width:100%}}.cannaly-payment-two-page { --pay2-dark: #07091a; --pay2-text: #23252b; --pay2-muted: #6b7280; --pay2-green: #3fc553; --pay2-lime: #d7ff00; --pay2-border: #edf0f3; --pay2-radius-lg: 32px; --pay2-radius-md: 24px; --pay2-radius-pill: 999px; --pay2-shadow: 0 24px 70px rgba(7, 9, 26, .07); --pay2-shadow-hover: 0 32px 90px rgba(7, 9, 26, .11); width: 100%; overflow-x: hidden; overflow-x: clip; color: var(--pay2-text); background: radial-gradient(circle at top left, rgba(208, 65, 255, .12), transparent 34%), radial-gradient(circle at top right, rgba(215, 255, 0, .16), transparent 30%), linear-gradient(135deg, #fff7fb 0%, #fffaf3 55%, #f7ffe8 100%);}.cannaly-payment-two-page *,.cannaly-payment-two-page *::before,.cannaly-payment-two-page *::after { box-sizing: border-box;}.cannaly-payment-two-page a { text-decoration: none;}.cannaly-payment-two-page section { position: relative;}.pay2-hero { padding: 96px 20px 56px;}.pay2-hero__inner { max-width: 940px; margin: 0 auto; text-align: center;}.pay2-badge,.pay2-section-heading span,.pay2-video-content span,.pay2-help-card span { width: fit-content; margin: 0 auto 18px; padding: 10px 18px; border-radius: var(--pay2-radius-pill); background: rgba(63, 197, 83, .13); color: var(--pay2-green); font-size: 13px; line-height: 1; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center;}.pay2-hero h1 { max-width: 860px; margin: 0 auto 22px; color: var(--pay2-dark); font-size: clamp(54px, 7vw, 92px); line-height: .92; font-weight: 900; letter-spacing: -.06em;}.pay2-hero p { max-width: 680px; margin: 0 auto 34px; color: var(--pay2-muted); font-size: 20px; line-height: 1.55; font-weight: 600;}.pay2-hero__actions { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap;}.pay2-btn { min-height: 54px; padding: 0 28px; border-radius: var(--pay2-radius-pill); font-size: 15px; line-height: 1; font-weight: 900; text-align: center; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; display: inline-flex; align-items: center; justify-content: center;}.pay2-btn:hover { transform: translateY(-2px);}.pay2-btn--primary { background: var(--pay2-lime); color: var(--pay2-dark); box-shadow: 0 16px 34px rgba(215, 255, 0, .34);}.pay2-btn--primary:hover { box-shadow: 0 22px 46px rgba(215, 255, 0, .46);}.pay2-btn--secondary { border: 1px solid rgba(7, 9, 26, .12); background: rgba(255, 255, 255, .74); color: var(--pay2-dark); box-shadow: 0 12px 28px rgba(7, 9, 26, .05);}.pay2-btn--dark { background: var(--pay2-dark); color: #fff; box-shadow: 0 18px 42px rgba(7, 9, 26, .25);}.pay2-btn--dark:hover { background: #111528; box-shadow: 0 24px 54px rgba(7, 9, 26, .32);}.pay2-options-section,.pay2-chooser-section,.pay2-video-section,.pay2-help-section { padding: 52px 20px;}.pay2-section-heading { max-width: 760px; margin: 0 auto 38px; text-align: center;}.pay2-section-heading h2,.pay2-video-content h2,.pay2-help-card h2 { margin: 0 0 16px; color: var(--pay2-dark); font-size: clamp(36px, 5vw, 58px); line-height: .98; font-weight: 900; letter-spacing: -.05em;}.pay2-section-heading p,.pay2-video-content p,.pay2-help-card p { margin: 0; color: var(--pay2-muted); font-size: 17px; line-height: 1.6; font-weight: 600;}.pay2-options-grid { width: 100%; max-width: 980px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; align-items: stretch;}.pay2-card { position: relative; min-height: 800px; padding: 30px; border: 1px solid rgba(237, 240, 243, .9); border-radius: var(--pay2-radius-lg); background: rgba(255, 255, 255, .88); box-shadow: var(--pay2-shadow); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; display: grid; grid-template-rows: 42px  88px  56px  112px  92px  minmax(230px, 1fr)  76px  24px  54px;  align-items: start;}.pay2-card::before { content: ""; position: absolute; right: -120px; bottom: -120px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(215, 255, 0, .34), transparent 70%); pointer-events: none;}.pay2-card:hover { transform: translateY(-6px); border-color: rgba(215, 255, 0, .75); box-shadow: var(--pay2-shadow-hover);}.pay2-card--featured { border-color: rgba(63, 197, 83, .32); background: radial-gradient(circle at top right, rgba(215, 255, 0, .18), transparent 34%), rgba(255, 255, 255, .94);}.pay2-card__top,.pay2-card__icon,.pay2-card h3,.pay2-card > p,.pay2-card__best,.pay2-steps,.pay2-note,.pay2-card .pay2-btn { position: relative; z-index: 2;}.pay2-card__top { grid-row: 1; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;}.pay2-card__number { width: 42px; height: 42px; border-radius: 50%; background: #f3f4f6; color: var(--pay2-dark); font-size: 14px; font-weight: 900; display: flex; align-items: center; justify-content: center;}.pay2-card__tag { min-height: 34px; padding: 0 14px; border-radius: var(--pay2-radius-pill); background: rgba(63, 197, 83, .13); color: var(--pay2-green); font-size: 12px; line-height: 1; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center;}.pay2-card__icon { grid-row: 2; width: 72px; height: 72px; margin: 16px 0 0; border-radius: 22px; background: linear-gradient(135deg, #f3e8ff 0%, #eaffc7 100%); color: var(--pay2-dark); font-size: 34px; font-weight: 900; display: flex; align-items: center; justify-content: center;}.pay2-card h3 { grid-row: 3; margin: 0; color: var(--pay2-dark); font-size: 30px; line-height: 1.05; font-weight: 900; letter-spacing: -.04em; display: flex; align-items: flex-start;}.pay2-card > p { grid-row: 4; margin: 0; color: var(--pay2-muted); font-size: 15px; line-height: 1.55; font-weight: 600;}.pay2-card__best { grid-row: 5; width: 100%; min-height: 64px; margin: 0; padding: 16px; border-radius: 18px; background: #f8fafc; color: var(--pay2-muted); font-size: 14px; line-height: 1.45; font-weight: 600; display: flex; align-items: center;}.pay2-card__best strong { color: var(--pay2-dark); font-weight: 900;}.pay2-steps { grid-row: 6; width: 100%; margin: 22px 0 0; padding: 0; list-style: none;}.pay2-steps li { position: relative; margin: 0 0 11px; padding-left: 28px; color: var(--pay2-text); font-size: 14px; line-height: 1.45; font-weight: 700;}.pay2-steps li::before { content: "✓"; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; border-radius: 50%; background: rgba(63, 197, 83, .14); color: var(--pay2-green); font-size: 12px; font-weight: 900; display: flex; align-items: center; justify-content: center;}.pay2-note { grid-row: 7; align-self: end; width: 100%; min-height: 58px; margin: 0; padding: 14px 16px; border-radius: 18px; background: rgba(215, 255, 0, .18); color: var(--pay2-dark); font-size: 13px; line-height: 1.45; font-weight: 800; display: flex; align-items: center;}.pay2-note--warning { background: rgba(255, 237, 213, .72); color: #9a3412;}.pay2-card .pay2-btn { grid-row: 9; align-self: end; width: 100%; margin: 0;}.pay2-video-card { max-width: 1180px; margin: 0 auto; padding: 34px; border-radius: var(--pay2-radius-lg); background: radial-gradient(circle at top left, rgba(208, 65, 255, .10), transparent 36%), rgba(255, 255, 255, .9); box-shadow: var(--pay2-shadow); display: grid; grid-template-columns: .8fr 1.2fr; gap: 32px; align-items: center;}.pay2-video-content { text-align: left;}.pay2-video-content span { margin-left: 0;}.pay2-video-box { width: 100%; aspect-ratio: 16 / 9; border-radius: 26px; overflow: hidden; background: #07091a; box-shadow: 0 18px 45px rgba(7, 9, 26, .16);}.pay2-video-box iframe,.pay2-video-box video { width: 100%; height: 100%; border: 0; display: block; object-fit: cover; background: #07091a;}.pay2-chooser-grid { max-width: 820px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px;}.pay2-mini-card { padding: 28px; border-radius: var(--pay2-radius-md); background: rgba(255, 255, 255, .86); box-shadow: 0 18px 50px rgba(7, 9, 26, .055); text-align: center;}.pay2-mini-card__icon { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(135deg, #f3e8ff 0%, #eaffc7 100%); font-size: 28px; display: flex; align-items: center; justify-content: center;}.pay2-mini-card h3 { margin: 0 0 12px; color: var(--pay2-dark); font-size: 22px; line-height: 1.1; font-weight: 900; letter-spacing: -.03em;}.pay2-mini-card p { margin: 0; color: var(--pay2-muted); font-size: 15px; line-height: 1.55; font-weight: 600;}.pay2-mini-card strong { color: var(--pay2-dark); font-weight: 900;}.pay2-help-section { padding-bottom: 96px;}.pay2-help-card { max-width: 1180px; margin: 0 auto; padding: 42px; border-radius: var(--pay2-radius-lg); background: radial-gradient(circle at right, rgba(215, 255, 0, .28), transparent 36%), linear-gradient(135deg, #fff 0%, #fff7fb 52%, #f7ffe8 100%); box-shadow: var(--pay2-shadow); display: flex; align-items: center; justify-content: space-between; gap: 28px;}.pay2-help-card span { margin-left: 0;}.pay2-help-card p { max-width: 720px;}@media (max-width: 1024px) { .pay2-options-grid, .pay2-chooser-grid { grid-template-columns: 1fr; max-width: 680px; } .pay2-card { min-height: auto; display: flex; flex-direction: column; } .pay2-card__icon { margin: 18px 0 22px; } .pay2-card h3 { margin: 0 0 14px; } .pay2-card > p, .pay2-card__best { margin: 0 0 20px; } .pay2-steps { margin: 0 0 22px; } .pay2-note { margin: auto 0 24px; } .pay2-video-card { grid-template-columns: 1fr; } .pay2-video-content { text-align: center; } .pay2-video-content span, .pay2-help-card span { margin-left: auto; } .pay2-help-card { flex-direction: column; text-align: center; }}@media (max-width: 768px) { .pay2-hero { padding: 70px 16px 40px; } .pay2-hero h1 { font-size: clamp(44px, 13vw, 64px); } .pay2-hero p { font-size: 17px; } .pay2-options-section, .pay2-chooser-section, .pay2-video-section, .pay2-help-section { padding: 38px 16px; } .pay2-card, .pay2-video-card, .pay2-help-card { padding: 24px; border-radius: 26px; } .pay2-section-heading h2, .pay2-video-content h2, .pay2-help-card h2 { font-size: clamp(34px, 10vw, 48px); } .pay2-hero__actions { flex-direction: column; align-items: stretch; } .pay2-hero__actions .pay2-btn, .pay2-help-card .pay2-btn { width: 100%; }}@media (max-width: 480px) { .pay2-card, .pay2-video-card, .pay2-help-card, .pay2-mini-card { padding: 22px; } .pay2-card h3 { font-size: 25px; } .pay2-btn { width: 100%; }}