.funnel-completion{--completion-surface:oklch(16% .005 85);--completion-ink:oklch(94.2548% .0205268 81.7807);--completion-gold:oklch(69.9451% .128519 79.7439);--completion-gold-bright:oklch(82% .14 85);--completion-gold-soft:color-mix(in oklab, var(--completion-gold) 16%, transparent);--completion-muted:color-mix(in oklab, var(--completion-ink) 68%, var(--completion-surface));--completion-action:oklch(60% .17 150);--completion-action-hover:oklch(54% .17 150);--completion-action-ink:oklch(100% 0 0);--completion-mark:oklch(55% .22 25);--completion-mark-soft:color-mix(in oklab, var(--completion-mark) 52%, transparent);isolation:isolate;background:var(--completion-surface);min-height:100svh;color:var(--completion-ink);letter-spacing:0;flex-direction:column;font-family:Figtree,sans-serif;display:flex;position:relative}.funnel-completion.completion-upsell{--completion-surface:var(--upsell-surface);--completion-ink:var(--upsell-ink);--completion-muted:oklch(76% 0 0);--completion-gold:oklch(78% .13 85)}.completion-header{border-bottom:1px solid color-mix(in oklab, var(--completion-gold) 22%, transparent);width:min(100%,1080px);margin:0 auto;padding:20px 24px}.completion-logo{width:210px;height:auto;margin:auto;display:block}.completion-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(100%,640px);margin:auto;padding:48px 24px;display:flex}.completion-seal{border:1px solid var(--completion-gold);width:76px;height:76px;color:var(--completion-gold);border-radius:50%;place-items:center;margin-bottom:28px;display:grid}.completion-eyebrow{color:var(--completion-gold);text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.completion-main h1{text-wrap:balance;margin-bottom:20px;font:700 52px/1.08 Outfit,sans-serif}.completion-main h1 span{margin-top:12px;font-size:28px;display:block}.completion-description{color:var(--completion-muted);max-width:440px;margin-bottom:32px;font-size:17px;line-height:1.6}.completion-access{white-space:normal;background:var(--completion-action);width:100%;max-width:440px;height:auto;min-height:64px;color:var(--completion-action-ink);box-shadow:0 8px 26px color-mix(in oklab, var(--completion-action) 24%, transparent);border-radius:8px;padding:18px;font-size:16px;font-weight:700}.completion-access:hover{background:var(--completion-action-hover)}.completion-access:focus-visible{outline:2px solid var(--completion-gold);outline-offset:4px}.completion-note{color:var(--completion-muted);max-width:360px;margin-top:20px;font-size:13px;line-height:1.6}.completion-footer{text-align:center;color:var(--completion-muted);padding:22px 24px;font-size:12px}.completion-upsell-main{justify-content:flex-start;width:min(100%,720px);padding-top:24px;padding-bottom:24px}.completion-upsell-title{margin-bottom:30px!important;font-size:40px!important}.completion-upsell-title strong{z-index:0;color:oklch(98% .012 85);font:inherit;padding:0 14px;display:inline-block;position:relative}.completion-upsell-title strong:before{content:"";z-index:-1;background:linear-gradient(96deg, transparent 0.6%, var(--completion-mark) 2.2%, var(--completion-mark) 97.8%, transparent 99.4%) no-repeat 0 34% / 100% 58%, linear-gradient(93deg, transparent 1.4%, var(--completion-mark-soft) 4%, var(--completion-mark-soft) 96%, transparent 98.6%) no-repeat 0 50% / 100% 100%;border-radius:4px 16px 6px 18px;position:absolute;inset:9% 0 5%;transform:rotate(-1.2deg)}.completion-upsell-title span{font-size:24px!important}.completion-video-shell{border:1px solid var(--completion-gold);background:var(--completion-gold-soft);width:min(100%,640px,177.778svh - 753.778px);box-shadow:0 0 0 4px color-mix(in oklab, var(--completion-gold) 8%, transparent), 0 18px 48px color-mix(in oklab, var(--completion-surface) 70%, transparent);border-radius:8px;padding:11px;position:relative}.completion-video-shell:before,.completion-video-shell:after{content:"";z-index:2;pointer-events:none;width:34px;height:34px;position:absolute}.completion-video-shell:before{border-top:3px solid var(--completion-gold-bright);border-left:3px solid var(--completion-gold-bright);top:5px;left:5px}.completion-video-shell:after{border-right:3px solid var(--completion-gold-bright);border-bottom:3px solid var(--completion-gold-bright);bottom:5px;right:5px}.completion-upsell .completion-video-shell{width:min(100%,420px,56.25svh - 252px)}.completion-video-label{z-index:3;border:1px solid var(--completion-gold);background:var(--completion-surface);min-width:max-content;color:var(--completion-gold-bright);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:10px;font-weight:800;display:flex;position:absolute;top:0;left:50%;translate:-50% -50%}.completion-video-label svg{width:14px;height:14px}.completion-video{background:var(--completion-surface);border-radius:4px;width:100%;overflow:hidden}.completion-video-lock{width:min(100%,440px);min-height:58px;color:var(--completion-muted);justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:13px;font-weight:600;display:flex}.completion-video-lock svg{width:18px;height:18px;color:var(--completion-gold);flex:none}.completion-offer-actions{gap:10px;width:min(100%,440px);margin-top:16px;display:grid}.completion-offer-actions .completion-access{max-width:none}.completion-decline{white-space:normal;height:auto;min-height:44px;color:var(--completion-muted);text-underline-offset:3px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:underline}.completion-decline:hover{color:var(--completion-ink);background:color-mix(in oklab, var(--completion-ink) 6%, transparent)}@media (width<=600px){.completion-header{padding:8px 20px}.completion-logo{width:132px}.completion-main{padding:32px 22px}.completion-main h1{font-size:40px}.completion-main h1 span{font-size:24px}.completion-upsell-main{padding:10px 16px 12px}.completion-eyebrow{margin-bottom:9px;font-size:10px}.completion-upsell-title{margin-bottom:28px!important;font-size:26px!important;line-height:1.08!important}.completion-upsell-title strong{padding:0 9px}.completion-upsell-title span{margin-top:7px!important;font-size:17px!important}.completion-video-lock{min-height:40px;margin-top:8px;font-size:12px}.completion-offer-actions{margin-top:8px}.completion-offer-actions .completion-access{min-height:56px;padding:14px}.completion-footer{padding:8px 18px;font-size:11px}.completion-video-shell{padding:8px}.completion-upsell .completion-video-shell{width:min(100%,420px,56.25svh - 193.5px)}@media (height<=700px){.completion-upsell .completion-video-shell{width:min(100%,420px,56.25svh - 165.375px)}}}@media (width<=600px) and (height<=700px){.completion-video-shell{width:min(100%,560px,177.778svh - 490.667px)}}
