/* BPN: a calmer comparison, the original Pass ticket, readable unit economics */
body[data-page="business"] .campaign-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(320px,1fr);gap:26px;align-items:center;margin-top:40px}
.payment-comparison{padding:58px 0 42px;border-bottom:1px solid #9eaaa7}
.payment-comparison-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:12px 40px;align-items:end;margin-bottom:28px}
.comparison-eyebrow{font-size:13px;font-weight:750;letter-spacing:.1em;line-height:1.5}
.payment-comparison-heading>.comparison-eyebrow{grid-column:1/-1;color:#47554f}
body[data-page] .payment-comparison-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.045em;margin:0;color:#16201c}
.payment-comparison-heading>p{font-size:18px;color:#3c4d45;margin:0;line-height:1.6}
.payment-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.payment-option{padding:30px;border-radius:22px;min-width:0;display:flex;flex-direction:column;align-items:stretch}
.payment-option--ads{background:#e7ece9;border:1px solid #afbbb4;color:#263b30}
.payment-option--bpn{background:#17231e;color:#fff;border:1px solid #334b3e;box-shadow:0 14px 32px #192d2014}
.payment-option-top{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:64px;margin-bottom:18px}
.payment-option--ads .payment-option-top{min-height:40px;margin-bottom:12px}
.payment-option-top img{display:block;border-radius:16px;width:64px;height:64px}
.payment-option--bpn .comparison-eyebrow{color:#ffae96}
.payment-option-number{font-size:16px;color:#62736a}
.comparison-platforms{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 22px}
.comparison-platforms .ad-platform{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border:1px solid #d9e1dc;border-radius:13px;background:#fff;padding:9px;box-shadow:none;opacity:1}
.comparison-platforms .ad-platform img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}
body[data-page] .payment-option h3{font-size:clamp(26px,2.65vw,36px);line-height:1.14;letter-spacing:-.04em;margin:0 0 18px;color:inherit}
.payment-option h3 em{font-style:normal;color:#ffae96}
.payment-option>p{font-size:18px;line-height:1.55;max-width:520px;margin:0 0 24px;color:inherit}
.payment-option--bpn>p{color:#e0e9e3}
.payment-sequence{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:15px;font-weight:650;border-top:1px solid #b5c3ba;padding-top:20px;margin-top:auto;line-height:1.5}
.payment-sequence i{font-style:normal;opacity:.6}
.payment-option--bpn .payment-sequence{border-color:#4c6154;color:#f0f5f1}
.comparison-calc-link{display:flex;justify-content:space-between;gap:20px;color:#ffbba6;font-size:17px;font-weight:650;margin-top:20px;text-decoration:none}
.comparison-calc-link:hover{color:#fff}
.comparison-disclosure{font-size:16px;color:#405348;margin:20px 0 0;line-height:1.55}
body[data-page] .campaign-object.restored-pass-scene{margin:0;position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#dee6df 0,#b3c3b8 75%);border:1px solid #a7b8ad;border-radius:26px;padding:65px 18px 70px;overflow:hidden;align-self:stretch}
.restored-pass-caption{position:absolute;top:25px;left:22px;right:22px;text-align:center;color:#324f3e;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.08em}
.restored-pass-scene .ticket{width:100%;max-width:370px;height:245px;transform:rotate(-8deg);background:#17231e;border-radius:18px;box-shadow:0 25px 30px #172a4233;color:#fff}
.restored-pass-scene .ticket-main{width:79%;padding:24px 18px;gap:14px;min-width:0}
.restored-pass-scene .ticket-brand{font-size:23px;color:#fff;letter-spacing:-1px;padding-bottom:16px;line-height:1.15}
.restored-pass-scene .ticket-brand>span{color:#ff8c68;font-size:27px}
.restored-pass-scene .ticket-brand small{font-size:10px;letter-spacing:3px;color:#e2ece6}
.restored-pass-scene .ticket-sub{font-size:10px;letter-spacing:1px;line-height:1.6;color:#d4e2d8}
.restored-pass-scene .ticket strong{font-size:clamp(23px,2.3vw,30px);line-height:1.12;color:#fff;letter-spacing:-.035em}
.restored-pass-scene .ticket-bottom{font-size:9px;color:#dae5dd;letter-spacing:.04em;line-height:1.5}
.restored-pass-scene .ticket-stub{width:21%;background:#de5433;color:#fff;border-left:1px dashed #ffbdab;border-radius:0 18px 18px 0}
.restored-pass-scene .ticket-stub>span:first-child{font-size:9px;letter-spacing:1.6px;color:#fff}
.restored-pass-scene .ticket-stub>span:last-child{font-size:9px;color:#fff}
.restored-pass-scene .ticket-stub>i{font-size:34px;color:#fff}
.restored-pass-scene .ticket-stub:before,.restored-pass-scene .ticket-stub:after{background:#c2cfc5}
body[data-page] .restored-pass-scene figcaption{position:absolute;bottom:25px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#324f3e;border-top:1px solid #95ad9d;padding:15px 0 0;font-size:10px;line-height:1.5;letter-spacing:.06em}
body[data-page] .campaign-calculator{background:#f3f5ee;color:#1b3025;border:1px solid #a9b9ad;border-radius:26px;padding:27px 24px;box-shadow:0 16px 38px #243f2b14;scroll-margin-top:24px}
.calculator-heading{margin-bottom:26px}
.calculator-heading>.comparison-eyebrow{color:#55715d;font-size:11px;letter-spacing:.08em}
body[data-page] .calculator-heading h3{font-size:30px;color:#1b3025;line-height:1.1;letter-spacing:-.04em;margin:9px 0 0}
body[data-page] .campaign-calculator .acquisition-calc-price>label{font-size:18px;line-height:1.4;font-weight:600;color:#334e3d;margin-bottom:12px}
body[data-page] .campaign-calculator .acquisition-price-input{background:#fff;border:1px solid #bac9be;border-radius:13px;padding:14px 15px;align-items:center;gap:7px}
body[data-page] .campaign-calculator .acquisition-price-input:focus-within{outline:3px solid #df775a;outline-offset:3px}
body[data-page] .campaign-calculator .acquisition-price-input input{font-size:clamp(30px,3vw,42px);font-weight:700;color:#193526;letter-spacing:-.04em;line-height:1.15}
body[data-page] .campaign-calculator .acquisition-price-input>span{color:#516c58;font-size:29px}
body[data-page] .campaign-calculator .acquisition-calc-rate{padding-top:25px}
body[data-page] .campaign-calculator .acquisition-range-label{align-items:center}
body[data-page] .campaign-calculator .acquisition-range-label label{font-size:18px;font-weight:600;line-height:1.4;color:#334e3d}
body[data-page] .campaign-calculator .acquisition-range-label output{font-size:25px;font-weight:700;color:#244d33;background:#dce7d9;border:1px solid #bfd1bd;border-radius:10px;padding:9px 11px;line-height:1}
body[data-page] .campaign-calculator input[type=range]{appearance:none;-webkit-appearance:none;height:8px;min-height:8px;margin:25px 0 15px;background:linear-gradient(to right,#ca5a3d 0 var(--range-fill,22.22%),#ced9ce var(--range-fill,22.22%) 100%);border-radius:8px;outline-offset:8px}
.campaign-calculator input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;border:4px solid #fff;border-radius:50%;background:#bd4e33;box-shadow:0 2px 8px #5b3b343d;cursor:grab}
.campaign-calculator input[type=range]::-moz-range-thumb{width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:#bd4e33;box-shadow:0 2px 8px #5b3b343d;cursor:grab}
body[data-page] .campaign-calculator .acquisition-range-scale{font-size:14px;color:#4e6855;font-weight:600}
body[data-page] .campaign-calculator .acquisition-calc-result{margin-top:23px;padding:20px 17px;background:#1f3a2a;border:0;border-radius:15px}
body[data-page] .campaign-calculator .acquisition-calc-result>span{font-size:17px;line-height:1.45;color:#e0ecde}
body[data-page] .campaign-calculator .acquisition-calc-result>output{font-size:clamp(39px,3.8vw,54px);font-weight:700;letter-spacing:-.045em;line-height:1.12;color:#fff;margin-top:12px}
.calculator-payment-note{display:flex;align-items:center;gap:10px;color:#294f35;font-size:17px;margin-top:18px;line-height:1.4}
.calculator-payment-note>span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#dce7d9;font-size:20px}
body[data-page] .campaign-calculator .acquisition-calc-note{font-size:14px;line-height:1.55;color:#4b6451;margin:14px 0 0}
@media(max-width:1150px){body[data-page="business"] .campaign-stage{grid-template-columns:1fr 1fr;align-items:start;gap:28px}.campaign-copy{grid-column:1/-1}.campaign-copy>.campaign-lead{max-width:800px}body[data-page] .campaign-object.restored-pass-scene{min-height:520px}.payment-comparison-heading{grid-template-columns:1fr;gap:12px}.payment-option{padding:25px}.comparison-platforms .ad-platform{width:45px;height:45px;flex-basis:45px;padding:8px}.comparison-platforms{gap:7px}.payment-option>p{font-size:17px}}
@media(max-width:700px){body[data-page="business"] .campaign-stage{grid-template-columns:minmax(0,1fr);margin-top:28px;gap:24px}.campaign-copy{grid-column:auto}body[data-page] .campaign-object.restored-pass-scene{min-height:355px;padding:65px 27px}.restored-pass-scene .ticket{max-width:355px;height:225px}.restored-pass-scene .ticket-main{padding:21px 17px}.restored-pass-scene .ticket strong{font-size:27px}.payment-comparison{padding:38px 0 30px}.payment-comparison-grid{grid-template-columns:1fr;gap:16px}.payment-comparison-heading>p{font-size:17px}.payment-option{padding:25px 22px;border-radius:20px}.payment-option h3{font-size:29px}.comparison-platforms{gap:8px}.comparison-platforms .ad-platform{width:44px;height:44px;flex-basis:44px}.comparison-disclosure{font-size:15px}body[data-page] .campaign-calculator{padding:27px 23px}body[data-page] .calculator-heading h3{font-size:32px}body[data-page] .campaign-calculator .acquisition-price-input input{font-size:40px}body[data-page] .campaign-calculator .acquisition-calc-result>output{font-size:49px}}
@media(prefers-reduced-motion:no-preference){.comparison-calc-link{transition:color .2s}.restored-pass-scene .ticket{transition:transform .4s}.restored-pass-scene:hover .ticket{transform:rotate(-4deg) translateY(-4px)}}
/* Deliberate grid placement keeps the invitation below the Pass. */
body[data-page="business"] .campaign-stage{grid-template-areas:"copy pass calc" "copy invite calc";grid-template-rows:auto auto;align-items:stretch}
body[data-page="business"] .campaign-stage>.campaign-copy{grid-area:copy;align-self:center}
body[data-page="business"] .campaign-stage>.restored-pass-scene{grid-area:pass;min-height:330px}
body[data-page="business"] .campaign-stage>.campaign-calculator{grid-area:calc}
body[data-page="business"] .campaign-stage>.calculator-invitation{grid-area:invite}
.calculator-invitation{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:5px 10px 10px 16px;color:#203a2c;text-decoration:none;border-left:3px solid #cc603e;min-width:0;align-self:center}
.calculator-invitation-kicker{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.07em;color:#45604d}
.calculator-invitation>strong{font-size:clamp(24px,2.4vw,32px);line-height:1.13;letter-spacing:-.035em;font-weight:650;max-width:330px}
.calculator-invitation-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;line-height:1.4;color:#48634f}
.calculator-invitation-bottom i{font-style:normal;font-size:48px;line-height:1;color:#bf5034}
.calculator-invitation:hover>strong{color:#a53d24}
body[data-page] .campaign-calculator{position:relative;overflow:hidden;background:#faf7ef;border:1px solid #afb9a9;box-shadow:0 18px 44px #243f2b20;padding-top:33px}
body[data-page] .campaign-calculator:before{content:"";position:absolute;left:24px;right:24px;top:0;height:5px;background:#c66040;border-radius:0 0 5px 5px}
.calculator-heading>.comparison-eyebrow{font-size:12px;color:#49614f}
body[data-page] .campaign-calculator .acquisition-calc-note{font-size:15px;color:#465d4b}
body[data-page] .campaign-calculator .acquisition-calc-result{background:#203d2c;box-shadow:inset 0 1px 0 #ffffff16}
body[data-page] .campaign-calculator .acquisition-calc-result>span{font-size:18px}
@media(max-width:1150px){body[data-page="business"] .campaign-stage{grid-template-areas:"copy copy" "pass calc" "invite calc";grid-template-rows:auto auto auto}body[data-page="business"] .campaign-stage>.restored-pass-scene{min-height:355px}.calculator-invitation{padding:15px 12px 15px 20px;align-self:start}.calculator-invitation>strong{font-size:30px;max-width:360px}}
@media(max-width:700px){body[data-page="business"] .campaign-stage{grid-template-areas:"copy" "pass" "invite" "calc";grid-template-rows:auto auto auto auto}.calculator-invitation{padding:5px 8px 5px 18px}.calculator-invitation>strong{font-size:29px}.calculator-invitation-bottom i{transform:rotate(135deg);font-size:40px}body[data-page="business"] .campaign-stage>.restored-pass-scene{min-height:355px}}