/* Bonus Engine: campaign composition, connected reward state and version continuity. */
.bonus-engine-page{--be-line:var(--sd-tone-10);--be-muted:var(--sd-tone-4);background:var(--paper);color:var(--ink)}
.bonus-engine-page .be-hero{padding:34px 0 100px;background:var(--sd-tone-13)}
.bonus-engine-page .be-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px}
.bonus-engine-page .be-hero-copy h1{max-width:11ch;margin-bottom:30px}
.bonus-engine-page .be-hero-copy>p{max-width:47ch;font-size:21px;line-height:1.65;margin:0 0 32px;color:var(--be-muted)}
.bonus-engine-page .be-hero-copy .button-row{gap:22px}
.bonus-engine-page .be-hero-essentials{list-style:none;margin:34px 0 0;padding:24px 0 0;border-top:1px solid var(--be-line);display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px;line-height:1.6;color:var(--be-muted)}
.bonus-engine-page .be-hero-essentials li{display:flex;align-items:center;gap:8px}
.bonus-engine-page .be-hero-essentials li:before{content:'';width:5px;height:5px;flex:0 0 5px;background:var(--accent);border-radius:50%}
.bonus-engine-page .be-workspace{margin:0;border:1px solid var(--be-line);border-radius:24px;overflow:hidden;background:var(--sd-tone-14);box-shadow:0 28px 60px rgb(23 23 23 / .07);transform:rotate(1deg)}
.bonus-engine-page .be-workspace-top{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--be-line);font-size:13px;font-weight:650}
.bonus-engine-page .be-workspace-mark{font-family:var(--display);font-size:24px;line-height:1}
.bonus-engine-page .be-workspace-mark>span{color:var(--accent)}
.bonus-engine-page .be-draft{margin-left:auto;padding:4px 12px;border:1px solid var(--be-line);border-radius:20px;font-size:11px;font-weight:500}
.bonus-engine-page .be-workspace-body{padding:30px}
.bonus-engine-page .be-campaign-heading>span{font-size:10px;letter-spacing:.12em;font-weight:650;display:block;margin-bottom:13px;color:var(--be-muted)}
.bonus-engine-page .be-campaign-heading>strong{font-family:var(--display);font-size:40px;font-weight:600;letter-spacing:-.045em;line-height:1.08;display:block}
.bonus-engine-page .be-rule-stack{display:grid;gap:9px;margin:28px 0 24px}
.bonus-engine-page .be-rule-stack>div{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--be-line);border-radius:12px;background:var(--sd-tone-13)}
.bonus-engine-page .be-rule-number{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid var(--be-line);flex:0 0 29px;font-size:10px;color:var(--be-muted)}
.bonus-engine-page .be-rule-stack p{margin:0;flex:1;line-height:1.45}
.bonus-engine-page .be-rule-stack small{display:block;font-size:9px;letter-spacing:.1em;color:var(--be-muted);margin-bottom:3px}
.bonus-engine-page .be-rule-stack b{font-size:12px;display:block;font-weight:600}
.bonus-engine-page .be-rule-stack svg{width:19px;height:19px;flex:0 0 19px;color:var(--be-muted)}
.bonus-engine-page .be-reward-card{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid var(--ink);border-radius:14px;background:var(--ink);color:var(--sd-tone-14)}
.bonus-engine-page .be-reward-symbol{width:104px;height:104px;flex:0 0 104px;color:var(--accent)}
.bonus-engine-page .be-reward-card>div>span{font-size:9px;letter-spacing:.1em;color:var(--sd-tone-10);display:block;margin-bottom:10px}
.bonus-engine-page .be-reward-card strong{font-family:var(--display);font-size:27px;letter-spacing:-.035em;line-height:1.08;display:block;font-weight:550}
.bonus-engine-page .be-reward-card p{font-size:10px;line-height:1.6;color:var(--sd-tone-10);margin:12px 0 0}
.bonus-engine-page .be-workspace-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;font-size:9px;line-height:1.6;color:var(--be-muted)}
.bonus-engine-page .be-workspace-foot>span:first-child{display:flex;align-items:center;gap:7px}
.bonus-engine-page .be-workspace-foot i{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:0 0 5px}
.bonus-engine-page :is(.be-campaigns,.be-connections,.be-controls,.be-reporting,.be-continuity){padding:100px 0}
.bonus-engine-page .be-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.bonus-engine-page .showcase-native>h2{margin:0 0 26px;max-width:23ch}
.bonus-engine-page .showcase-native-copy p{color:var(--be-muted)}
.bonus-engine-page .be-definition{background:var(--sd-tone-11)}
.bonus-engine-page .be-reward-families{border-top:1px solid var(--be-line);padding-top:24px}
.bonus-engine-page .be-reward-families article{display:flex;align-items:flex-start;gap:20px;padding:25px 0;border-bottom:1px solid var(--be-line)}
.bonus-engine-page .be-reward-families article>svg{width:31px;height:31px;flex:0 0 31px;color:var(--accent-dark)}
.bonus-engine-page .be-reward-families h3{font-size:24px;letter-spacing:-.03em;margin:0 0 12px}
.bonus-engine-page .be-reward-families p{font-size:15px;line-height:1.7;margin:0;color:var(--be-muted)}
.bonus-engine-page .be-lifecycle{padding:100px 0;background:var(--ink);color:var(--sd-tone-14);--be-line:var(--sd-tone-3);--be-muted:var(--sd-tone-10)}
.bonus-engine-page .be-lifecycle-heading{max-width:940px}
.bonus-engine-page .be-lifecycle-heading h2{margin-bottom:46px}
.bonus-engine-page .be-lifecycle-path{list-style:none;counter-reset:be-phase;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0;margin:0 0 64px}
.bonus-engine-page .be-lifecycle-path li{counter-increment:be-phase;border-top:1px solid var(--be-line);padding:20px 0 0}
.bonus-engine-page .be-lifecycle-path li:before{content:counter(be-phase,decimal-leading-zero);display:block;font-size:12px;color:var(--accent);margin-bottom:25px}
.bonus-engine-page .be-lifecycle-path strong{font-family:var(--display);font-size:26px;display:block;margin-bottom:15px;font-weight:550}
.bonus-engine-page .be-lifecycle-path span{display:block;color:var(--be-muted);font-size:14px;line-height:1.7}
.bonus-engine-page .be-lifecycle-copy{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:100px}
.bonus-engine-page .be-lifecycle-copy aside{border-left:1px solid var(--be-line);padding-left:40px}
.bonus-engine-page .be-lifecycle-copy aside>span{font-size:11px;letter-spacing:.1em;color:var(--be-muted)}
.bonus-engine-page .be-lifecycle-copy aside h3{font-size:34px;line-height:1.2;margin:24px 0;color:var(--sd-tone-14)}
.bonus-engine-page .be-lifecycle-copy aside p{font-size:16px;line-height:1.8;color:var(--be-muted)}
.bonus-engine-page .be-connection-map{background:var(--sd-tone-11);padding:42px 30px;border:1px solid var(--be-line);border-radius:24px;display:grid;gap:32px}
.bonus-engine-page .be-connection-center{background:var(--accent);color:var(--ink);border-radius:20px;width:210px;min-height:210px;padding:27px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.bonus-engine-page .be-connection-center:after{content:'';width:1px;height:32px;background:var(--ink);position:absolute;top:100%;left:50%;opacity:.3}
.bonus-engine-page .be-connection-center>svg{width:28px;height:28px;margin-bottom:15px}
.bonus-engine-page .be-connection-center strong{font-family:var(--display);font-size:34px;line-height:1.05;letter-spacing:-.04em}
.bonus-engine-page .be-connection-center span{font-size:11px;margin-top:16px}
.bonus-engine-page .be-connected-systems{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bonus-engine-page .be-connected-systems>div{padding:21px 15px;border:1px solid var(--be-line);background:var(--sd-tone-14);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}
.bonus-engine-page .be-connected-systems svg{width:23px;height:23px;margin-bottom:18px}
.bonus-engine-page .be-connected-systems strong{font-size:14px;line-height:1.4;font-weight:650;margin-bottom:8px}
.bonus-engine-page .be-connected-systems span{font-size:11px;line-height:1.6;color:var(--be-muted)}
.bonus-engine-page .be-model-map{background:var(--sd-tone-12)}
.bonus-engine-page .be-control-graphic{border:1px solid var(--be-line);padding:35px;border-radius:20px}
.bonus-engine-page .be-approval-chain{display:grid;gap:0;margin-top:26px}
.bonus-engine-page .be-approval-chain article{padding:22px 0;border-top:1px solid var(--be-line)}
.bonus-engine-page .be-approval-chain article>span{font-size:10px;letter-spacing:.1em;color:var(--be-muted);display:block;margin-bottom:13px}
.bonus-engine-page .be-approval-chain strong{font-family:var(--display);font-size:25px;letter-spacing:-.025em;line-height:1.2;font-weight:550}
.bonus-engine-page .be-control-graphic>p{font-size:14px;line-height:1.7;color:var(--be-muted);margin:20px 0 0}
.bonus-engine-page .be-reporting{background:var(--sd-tone-11)}
.bonus-engine-page .be-reporting-heading h2{max-width:15ch;margin-bottom:32px}
.bonus-engine-page .be-report-tags{display:flex;flex-wrap:wrap;gap:10px}
.bonus-engine-page .be-report-tags span{border:1px solid var(--sd-tone-8);border-radius:30px;padding:7px 15px;font-size:12px;background:var(--sd-tone-13)}
.bonus-engine-page .be-continuity aside>h2{font-size:clamp(35px,3.4vw,48px);margin-bottom:35px}
.bonus-engine-page .be-version-cards{display:grid;gap:16px}
.bonus-engine-page .be-version-cards>div{border:1px solid var(--be-line);padding:25px;border-radius:14px;background:var(--sd-tone-13)}
.bonus-engine-page .be-version-cards>div:last-child{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.bonus-engine-page .be-version-cards span{font-size:10px;letter-spacing:.08em;display:block;margin-bottom:15px;color:var(--be-muted)}
.bonus-engine-page .be-version-cards strong{font-family:var(--display);font-size:25px;font-weight:550;letter-spacing:-.035em;line-height:1.2;display:block}
.bonus-engine-page .be-version-cards p{font-size:14px;line-height:1.75;color:var(--be-muted);margin:15px 0 0}
.bonus-engine-page .be-deliverables{border-top:1px solid var(--be-line)}
.bonus-engine-page .be-delivery{background:var(--sd-tone-12)}
.bonus-engine-page .be-questions .faq-section{background:var(--sd-tone-14)}
@media(max-width:1100px){.bonus-engine-page .be-hero-grid{gap:40px}.bonus-engine-page .be-two-column{gap:45px}.bonus-engine-page .be-lifecycle-copy{gap:50px}.bonus-engine-page .be-workspace-body{padding:24px}.bonus-engine-page .be-workspace-foot{flex-direction:column;align-items:flex-start;gap:8px}.bonus-engine-page .be-reward-card{gap:15px;padding:19px}.bonus-engine-page .be-reward-symbol{width:85px;height:85px;flex-basis:85px}}
@media(max-width:800px){.bonus-engine-page .be-hero{padding-bottom:70px}.bonus-engine-page .be-hero-grid,.bonus-engine-page .be-two-column{grid-template-columns:1fr;gap:42px}.bonus-engine-page .be-hero-copy h1{max-width:14ch}.bonus-engine-page .be-hero-copy>p{max-width:55ch;font-size:19px}.bonus-engine-page .be-workspace{max-width:600px;width:100%;margin:0 auto;transform:none}.bonus-engine-page :is(.be-campaigns,.be-connections,.be-controls,.be-reporting,.be-continuity,.be-lifecycle){padding:70px 0}.bonus-engine-page .be-lifecycle-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.bonus-engine-page .be-lifecycle-copy{grid-template-columns:1fr;gap:35px}.bonus-engine-page .be-lifecycle-copy aside{border-left:0;border-top:1px solid var(--be-line);padding:30px 0 0;max-width:500px}.bonus-engine-page .be-lifecycle-copy aside h3{font-size:30px}.bonus-engine-page .be-connection-map{max-width:620px;width:100%;margin:0 auto}.bonus-engine-page .be-reporting-heading h2{max-width:20ch}.bonus-engine-page .be-campaign-heading>strong{font-size:38px}.bonus-engine-page .be-workspace-foot{flex-direction:row;align-items:center;justify-content:space-between}}
@media(max-width:480px){.bonus-engine-page .be-hero{padding-top:25px}.bonus-engine-page .be-hero-copy h1{font-size:44px;line-height:1.07}.bonus-engine-page .be-hero-copy>p{font-size:18px;line-height:1.75}.bonus-engine-page .be-hero-copy .button-row{align-items:flex-start;flex-direction:column;gap:22px}.bonus-engine-page .be-hero-essentials{margin-top:30px;gap:9px}.bonus-engine-page .be-workspace{border-radius:18px}.bonus-engine-page .be-workspace-top{padding:16px;font-size:11px;gap:9px}.bonus-engine-page .be-workspace-body{padding:22px 16px}.bonus-engine-page .be-campaign-heading>strong{font-size:34px}.bonus-engine-page .be-rule-stack>div{padding:13px 11px;gap:9px}.bonus-engine-page .be-rule-stack b{font-size:11px}.bonus-engine-page .be-rule-stack small{font-size:9px}.bonus-engine-page .be-rule-number{width:25px;height:25px;flex-basis:25px}.bonus-engine-page .be-rule-stack svg{width:17px;height:17px;flex-basis:17px}.bonus-engine-page .be-reward-symbol{width:73px;height:73px;flex-basis:73px}.bonus-engine-page .be-reward-card{padding:18px 13px;gap:12px}.bonus-engine-page .be-reward-card strong{font-size:24px}.bonus-engine-page .be-reward-card p{font-size:10px}.bonus-engine-page .be-workspace-foot{flex-direction:column;align-items:flex-start}.bonus-engine-page .be-lifecycle-path{grid-template-columns:1fr 1fr;gap:28px 20px;margin-bottom:45px}.bonus-engine-page .be-lifecycle-path strong{font-size:24px}.bonus-engine-page .be-lifecycle-path li:before{margin-bottom:15px}.bonus-engine-page .be-lifecycle-path span{font-size:13px}.bonus-engine-page .be-connection-map{padding:30px 18px;border-radius:18px}.bonus-engine-page .be-connection-center{width:190px;min-height:190px}.bonus-engine-page .be-connected-systems{gap:10px}.bonus-engine-page .be-connected-systems>div{padding:18px 12px}.bonus-engine-page .be-connected-systems strong{font-size:13px}.bonus-engine-page .be-control-graphic{padding:25px}.bonus-engine-page .be-reward-families h3{font-size:23px}.bonus-engine-page .be-version-cards>div{padding:22px}.bonus-engine-page .be-report-tags{gap:8px}.bonus-engine-page .be-report-tags span{padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.bonus-engine-page *{scroll-behavior:auto}}
