/* Participant opportunity: branded service preview + executive inspection. */
.preview-dialog{width:min(1180px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 36px);border-radius:22px;padding:0;background:#f0f4fa;overflow:auto;box-shadow:0 36px 140px #0009;border:1px solid #d5e2f34d}
.preview-dialog::backdrop{background:#030d20ba;backdrop-filter:blur(9px)}
.offer-modal-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 24px;background:#fff;border-bottom:1px solid #e0e7f2;position:sticky;top:0;z-index:5}
.offer-modal-header>div{display:flex;align-items:center;gap:11px;color:#324c72}
.offer-modal-header>div>svg{width:20px;height:20px;color:#4d74aa}
.offer-modal-header h2{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.025em;color:#1a2c47}
.offer-close{display:grid;place-items:center;width:34px;height:34px;background:#f1f5fb;color:#435c80;border-radius:50%;flex-shrink:0}
.offer-close svg{width:18px;height:18px}.offer-close:hover{background:#e2ebf9;color:#17375e}
.offer-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;align-items:stretch}
.offer-participant{min-width:0;background:#f1f5fb}
.offer-service{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 30px;background:#fff;border-bottom:1px solid #e4eaf3}
.offer-service-brand{display:flex;align-items:center;gap:13px;min-width:0}
.offer-service-brand>img{width:43px;height:43px;object-fit:contain;flex-shrink:0}
.offer-service-brand strong{display:block;font-size:16px;line-height:1.2;color:#193150;font-weight:650}
.offer-service-brand span{display:block;font-size:13px;color:#5b6d88;margin-top:5px}
.offer-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#edf2fa;color:#49678f;border:1px solid #d5e0f0;font-size:14px;flex-shrink:0}
.offer-surface{padding:24px 30px 26px}
.offer-placement{display:flex;align-items:center;gap:8px;font-size:13px;color:#557092;line-height:1.4;margin-bottom:23px}
.offer-placement>svg{width:15px;height:15px;flex-shrink:0}
.offer-section-head{display:flex;align-items:center;gap:17px;margin-bottom:17px}
.offer-section-head h2{font-size:22px;line-height:1.2;letter-spacing:-.035em;font-weight:600;color:#203652;white-space:nowrap}
.offer-section-line{height:1px;background:#d9e2ef;flex:1}
.offer-card{background:#fff;border:1px solid #d8e2f1;border-radius:19px;overflow:hidden;box-shadow:0 12px 34px #173b7310}
.offer-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 0%,#446eec 0%,transparent 65%),linear-gradient(122deg,#122d70 0%,#204bb3 65%,#2e64d4 100%);color:#fff;padding:26px 29px 27px;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:center;min-height:205px}
.offer-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(105deg,transparent 70%,#ffffff07 70.15%,transparent 70.3%),linear-gradient(105deg,transparent 85%,#ffffff0a 85.15%,transparent 85.3%);z-index:-1}
.offer-hero-copy{position:relative;z-index:2}
.offer-project-name{display:flex;align-items:center;gap:9px;margin-bottom:22px;font-size:14px;line-height:1.3;font-weight:500;color:#ebf3ff}
.offer-project-name>img{width:26px;height:24px;object-fit:contain;flex-shrink:0}
.offer-kicker{display:block;font-size:12px;font-weight:550;line-height:1.4;letter-spacing:.035em;color:#bed5ff;margin-bottom:7px}
.offer-hero h3{font-size:clamp(25px,2.25vw,32px);font-weight:600;letter-spacing:-.045em;line-height:1.13;text-wrap:balance;margin:0;color:#fff}
.offer-deadline{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#e0edff;line-height:1.35;margin-top:20px;padding:6px 9px;border-radius:6px;background:#0a23512b;border:1px solid #aecaff2e}
.offer-deadline>svg{width:14px;height:14px}.offer-deadline.closed{background:#703c5e;color:#fff}
.offer-art{height:162px;width:120px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.offer-art-orbit{position:absolute;width:208px;height:208px;border-radius:50%;border:1px solid #d9e7ff26;box-shadow:0 0 0 25px #a4c4ff06,0 0 0 50px #a4c4ff05;transform:rotate(-22deg) scaleX(.8);z-index:-1}
.offer-art-tile{width:119px;height:119px;display:grid;place-items:center;border-radius:29px;transform:rotate(-8deg);border:1px solid #c9dcff5c;background:linear-gradient(150deg,#abc9ff25,#132e743f);box-shadow:12px 22px 32px #061c5329,inset 0 1px 0 #e8f3ff3d}
.offer-art-tile>img{width:76%;height:70%;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 6px 9px #08183e33)}
.offer-art-corner{display:grid;place-items:center;position:absolute;right:-9px;bottom:12px;background:#e1efff;color:#2355b1;width:34px;height:34px;border:1px solid #fff;border-radius:10px;box-shadow:0 6px 18px #06245b40;transform:rotate(7deg)}
.offer-art-corner>svg{width:19px;height:19px}
.offer-card-body{padding:20px 26px 16px}
.offer-description{font-size:16px;line-height:1.55;color:#3b506c;margin:0 0 18px;max-width:55ch}
.offer-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:18px;border-bottom:1px solid #e5ebf3}
.offer-benefits>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#27436a;font-size:14px;line-height:1.4}
.offer-benefits svg{width:21px;height:21px;color:#467cdb;flex-shrink:0}
.offer-fit{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:10px 13px;background:#f0f6ff;border-radius:9px;border:1px solid #e4edfc}
.offer-fit>span{color:#4070ba;display:flex;margin-top:1px}.offer-fit svg{width:17px;height:17px}
.offer-fit strong{display:block;color:#2e507d;font-size:13px;font-weight:600}.offer-fit p{font-size:13px;line-height:1.45;color:#4d6585;margin-top:4px}
.offer-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:17px 0 23px}
.offer-facts>div{min-width:0}.offer-facts dt{font-size:12px;line-height:1.4;color:#6a7b94;margin-bottom:4px}.offer-facts dd{font-size:14px;line-height:1.4;color:#244061;font-weight:500;margin:0}
.offer-action-row{display:grid;grid-template-columns:minmax(0,1fr) 49px;gap:10px}
.offer-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border:1px solid transparent;background:#2e63e7;border-radius:10px;padding:12px 17px;color:#fff;font-size:15px;font-weight:550;text-decoration:none;line-height:1.35;transition:background .18s,box-shadow .18s}
.offer-cta:hover{background:#2053d0;box-shadow:0 6px 16px #2152d02b}.offer-cta svg{width:20px;height:20px;flex-shrink:0}.offer-cta:disabled{background:#d5dfec;color:#556d8f;cursor:default;box-shadow:none}
.offer-save{display:grid;place-items:center;background:#f2f6fd;border:1px solid #d7e3f4;border-radius:10px;color:#3d659e;padding:0}.offer-save>svg{width:22px;height:22px}.offer-save:hover{background:#e5efff}.offer-save.saved{background:#e3f3ed;border-color:#c9e6d9;color:#207958;opacity:1;cursor:default}
.offer-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;font-size:12px;color:#6a7a91;line-height:1.35;min-height:31px}
.offer-saved-note{display:flex;align-items:center;gap:5px}.offer-saved-note svg{width:14px;height:14px;color:#287357}
.offer-text-button{background:transparent;font-size:13px;padding:7px 0;color:#526c92;line-height:1.3;white-space:nowrap}.offer-text-button:hover{color:#205bd6}.offer-text-button:disabled{opacity:.5}
.offer-feedback{display:flex;align-items:flex-start;gap:7px;color:#2f7057;font-size:13px;line-height:1.45}.offer-feedback.has-message{margin-top:15px}.offer-feedback svg{width:17px;height:17px;flex-shrink:0}
.offer-back{display:flex;align-items:center;gap:8px;background:transparent;color:#315e9a;font-size:14px;padding:0;min-height:27px}.offer-back svg{width:17px;height:17px}
.offer-hero-compact{min-height:200px}.offer-hero-compact .offer-art{height:127px}.offer-hero-compact h3{font-size:27px}
.offer-detail-section{margin:23px 0}.offer-detail-section h4{font-size:16px;font-weight:600;color:#1f3a5d;margin-bottom:14px}
.offer-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.offer-steps li{display:flex;align-items:center;gap:13px;font-size:14px;color:#3b5575;line-height:1.4}.offer-steps li>span{display:grid;place-items:center;width:28px;height:28px;background:#edf3ff;color:#3466c6;font-size:12px;font-variant-numeric:tabular-nums;flex-shrink:0;border-radius:8px}.offer-steps p{margin:0}
.offer-conditions{border-top:1px solid #e4ebf5;padding-top:21px}.offer-conditions ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0}.offer-conditions li{display:flex;align-items:flex-start;gap:8px;color:#455c7a;font-size:14px;line-height:1.4}.offer-conditions li>svg{width:15px;height:15px;margin-top:2px;color:#428671;flex-shrink:0}
.offer-dismissed{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:17px;padding:50px 30px;border:1px solid #dce6f3;min-height:400px}.offer-dismissed>img{width:64px;height:64px;object-fit:contain;opacity:.35;margin-bottom:18px}.offer-state-icon{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#e1efe7;color:#357453;margin:-36px -65px 23px 0;z-index:1}.offer-state-icon svg{width:17px;height:17px}.offer-dismissed h3{font-size:23px;color:#1c385a;letter-spacing:-.035em}.offer-dismissed p{font-size:15px;line-height:1.5;color:#59718f;margin-top:10px}.offer-dismissed-actions{display:flex;flex-direction:column;gap:10px;margin-top:30px}
.offer-inspector{min-width:0;display:flex;flex-direction:column;padding:27px 24px;background:linear-gradient(160deg,#10243f,#132d50);color:#ecf3ff}
.offer-profile-control{margin-bottom:27px}.offer-profile-control label{display:block;font-size:13px;color:#c0d2ec;margin-bottom:10px}
.offer-profile-control select{width:100%;font-size:14px;line-height:1.4;color:#fff;background:#203d63;border:1px solid #49638a;border-radius:8px;padding:11px 9px;min-height:43px;color-scheme:dark;cursor:pointer}
.offer-inspector-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.offer-inspector-title h3{font-size:16px;font-weight:550;letter-spacing:-.015em;color:#eef5ff;line-height:1.3}
.offer-score{display:flex;align-items:baseline;gap:4px;font-size:21px;color:#b9d5ff;font-variant-numeric:tabular-nums}.offer-score small{font-size:11px;color:#aec5e6}
.offer-signal-bars{display:flex;flex-direction:column;gap:12px;margin:7px 0 22px}
.offer-signal-row{display:grid;grid-template-columns:77px minmax(0,1fr) 36px;gap:10px;align-items:center;font-size:12px;color:#c6d8f0}
.offer-signal-row>div{height:5px;border-radius:6px;background:#ffffff10;overflow:hidden}.offer-signal-row i{display:block;height:100%;border-radius:6px;background:#7dadff;min-width:0}.offer-signal-row:nth-child(2) i{background:#6dc8db}.offer-signal-row:nth-child(3) i{background:#b4aff2}.offer-signal-row b{font-size:12px;font-weight:500;text-align:right;color:#e0edff;font-variant-numeric:tabular-nums}.offer-signal-row.negative i{background:#ed96b1}.offer-signal-row.negative b{color:#f5adc5}
.offer-reason-list{display:flex;flex-direction:column;gap:14px}.offer-reason-list>div{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:#d6e5fa}.offer-reason-list svg{width:17px;height:17px;flex-shrink:0;color:#80adea;margin-top:1px}.offer-reason-list>p,.offer-empty{font-size:14px;line-height:1.5;color:#c5d6ef}
.offer-evidence{margin-top:16px}.offer-evidence summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;color:#b6cdec;list-style:none;padding:8px 0}.offer-evidence summary::-webkit-details-marker{display:none}.offer-evidence summary svg{width:14px;height:14px;transition:transform .2s}.offer-evidence[open] summary svg{transform:rotate(180deg)}.offer-evidence ul{padding-left:16px;margin:11px 0 0;color:#c4d7f2;font-size:13px;line-height:1.5}.offer-evidence li+li{margin-top:8px}
.offer-selection{border-top:1px solid #8eaed12b;margin-top:23px;padding-top:23px}.offer-selection .offer-inspector-title{margin-bottom:11px}.offer-count{font-size:12px;min-width:22px;padding:3px 6px;text-align:center;border:1px solid #809dc345;border-radius:5px;color:#c2d6f2}
.offer-ranking{display:flex;flex-direction:column;gap:5px}.offer-rank{display:grid;grid-template-columns:12px 28px minmax(0,1fr) 13px;gap:9px;width:100%;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;padding:12px 8px;color:#e8f2ff;align-items:center}.offer-rank:hover{background:#294a73}.offer-rank.selected{background:#2a4f803b;border-color:#6f98d255;box-shadow:inset 3px 0 0 #7eafff}.offer-rank-number{font-size:12px;color:#9fbadd}.offer-rank>img{width:28px;height:29px;object-fit:contain}.offer-rank>svg{width:14px;height:14px;color:#9ebbe4}.offer-rank-name{min-width:0}.offer-rank-name strong{display:block;font-size:14px;line-height:1.3;font-weight:550}.offer-rank-name small{display:block;font-size:12px;line-height:1.45;color:#b4cae8;margin-top:5px}.offer-rank-name em{display:inline-block;font-size:10px;font-style:normal;color:#c8e0ff;background:#3c65963d;border-radius:3px;padding:3px 5px;margin-top:6px}
.offer-context{display:flex;flex-direction:column;gap:7px;border-top:1px solid #8eaed12b;padding-top:21px;margin-top:auto;padding-bottom:2px}.offer-selection+.offer-context{margin-top:24px}.offer-context>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#abc4e7}.offer-context svg{width:14px;height:14px}.offer-context>strong{font-size:14px;font-weight:450;line-height:1.45;color:#e2eeff}
.preview-dialog button:focus-visible,.preview-dialog a:focus-visible,.preview-dialog summary:focus-visible,.preview-dialog select:focus-visible{outline:3px solid #7baaff;outline-offset:3px}
@media(min-width:1200px){.offer-preview-layout{height:calc(100dvh - 107px);grid-template-rows:minmax(0,1fr);overflow:hidden}.offer-participant,.offer-inspector{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#9eb2cf55 transparent}}
@media(max-width:1050px){.offer-preview-layout{grid-template-columns:minmax(0,1fr) 300px}.offer-service{padding:21px 23px}.offer-surface{padding:22px}.offer-hero{grid-template-columns:minmax(0,1fr) 89px;padding:23px 22px;gap:8px}.offer-art{width:89px}.offer-art-tile{width:92px;height:100px;border-radius:23px}.offer-art-orbit{width:170px;height:170px}.offer-art-corner{right:-4px}.offer-hero h3{font-size:27px}.offer-card-body{padding:21px 21px 15px}.offer-benefits{gap:12px}.offer-benefits>div{font-size:13px}.offer-inspector{padding:25px 20px}.offer-action-row{grid-template-columns:minmax(0,1fr) 45px}.offer-cta{padding:12px;font-size:14px}.offer-signal-row{grid-template-columns:69px minmax(0,1fr) 32px;gap:7px}}
@media(max-width:850px){.preview-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.offer-preview-layout{grid-template-columns:1fr}.offer-inspector{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:27px}.offer-profile-control{grid-column:1/-1;margin-bottom:0}.offer-reason-section{grid-column:1}.offer-selection{grid-column:2;grid-row:2;margin:0;padding:0;border:0}.offer-context{grid-column:1/-1;margin:0!important}.offer-hero{grid-template-columns:minmax(0,1fr) 135px;padding:27px;gap:23px}.offer-art{width:135px}.offer-art-tile{width:121px;height:121px}.offer-hero h3{font-size:31px;max-width:17ch}.offer-card-body{padding:25px 26px 18px}.offer-benefits{gap:20px}.offer-benefits>div{font-size:14px}.offer-service{padding:22px 26px}.offer-surface{padding:23px 26px}.offer-cta{font-size:15px}}
@media(max-width:550px){.preview-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:14px}.offer-modal-header{padding:13px 16px}.offer-modal-header h2{font-size:15px}.offer-modal-header>div{gap:8px}.offer-modal-header>div>svg{width:17px}.offer-close{width:29px;height:29px}.offer-service{padding:17px 18px}.offer-service-brand>img{width:35px;height:35px}.offer-service-brand strong{font-size:14px}.offer-service-brand span{font-size:12px}.offer-avatar{width:29px;height:29px}.offer-surface{padding:18px 14px}.offer-placement{font-size:12px;margin-bottom:20px}.offer-section-head h2{font-size:21px}.offer-card{border-radius:14px}.offer-hero{grid-template-columns:minmax(0,1fr) 67px;gap:8px;padding:21px 18px;min-height:220px}.offer-project-name{font-size:12px;gap:6px;margin-bottom:18px}.offer-project-name>img{width:22px;height:20px}.offer-hero h3,.offer-hero-compact h3{font-size:25px;line-height:1.12;max-width:none;text-wrap:initial}.offer-kicker{font-size:11px}.offer-art{width:67px;height:130px;align-self:center}.offer-art-tile{width:72px;height:83px;border-radius:20px}.offer-art-orbit{width:138px;height:138px}.offer-art-corner{width:27px;height:27px;right:-6px;bottom:15px;border-radius:8px}.offer-art-corner svg{width:15px;height:15px}.offer-deadline{font-size:11px;margin-top:16px;padding:5px 6px}.offer-deadline svg{width:12px;height:12px}.offer-card-body{padding:19px 17px 12px}.offer-description{font-size:15px;line-height:1.5;margin-bottom:20px}.offer-benefits{grid-template-columns:1fr;gap:12px;padding-bottom:18px}.offer-benefits>div{flex-direction:row;align-items:center;gap:10px;font-size:14px}.offer-benefits svg{width:18px;height:18px}.offer-fit{margin:16px 0;padding:11px;gap:8px}.offer-fit p{font-size:12px}.offer-facts{gap:13px;margin:16px 0 20px}.offer-facts dt{font-size:11px}.offer-facts dd{font-size:13px}.offer-cta{font-size:14px;padding:12px;gap:7px}.offer-cta svg{width:17px}.offer-card-footer{font-size:11px;gap:8px}.offer-text-button{font-size:12px}.offer-inspector{display:flex;gap:0;padding:24px 21px}.offer-profile-control{margin-bottom:26px}.offer-selection{margin-top:23px;padding-top:23px;border-top:1px solid #8eaed12b}.offer-context{margin-top:23px!important}.offer-signal-row{grid-template-columns:74px minmax(0,1fr) 34px}.offer-dismissed{padding:35px 19px;min-height:360px}.offer-dismissed h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.offer-cta,.offer-evidence summary svg{transition:none}}
.offer-hero-copy{min-width:0}
.offer-hero h3{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:380px){.offer-hero h3,.offer-hero-compact h3{font-size:22px}}