.offer-dialog{--tone:#e9e6dc;--ink:#111713;--accent:#958363;box-sizing:border-box;border:1px solid #b7b5ae;border-radius:5px;padding:0;margin:auto;width:min(850px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 32px);color:#262b28;background:#faf9f6;box-shadow:0 28px 100px #0006;font:400 15px/1.55 study-dm,sans-serif;overflow:auto;overscroll-behavior:contain}
.offer-dialog *{box-sizing:border-box}.offer-dialog[data-tier=serenite]{--tone:#492229;--ink:#faf5ed;--accent:#c5b083}.offer-dialog[data-tier=premium]{--tone:#0b2130;--ink:#f5f7f6;--accent:#c5b083}
.offer-dialog::backdrop{background:rgb(13 19 21 / 42%);backdrop-filter:blur(4px)}
.offer-dialog[open]{animation:offer-enter .18s ease-out}.offer-layout{display:grid;grid-template-columns:43% 57%;min-height:440px}.offer-summary{background:var(--tone);color:var(--ink);padding:36px 36px 32px;display:flex;flex-direction:column;position:relative;isolation:isolate}
.offer-eyebrow{margin:0 0 22px;font-size:12px;letter-spacing:.045em;display:flex;gap:10px;align-items:center}.offer-eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.offer-dialog h2{font:400 clamp(32px,3.1vw,43px)/1.04 study-roman,serif;letter-spacing:-.02em;margin:0 0 28px;text-wrap:balance;color:inherit}.offer-price{display:flex;align-items:baseline;gap:9px;white-space:nowrap;margin:0 0 22px}.offer-price strong{font:700 74px/.95 study-roman-bold,serif;letter-spacing:-.025em}.offer-price span{font-size:18px}
.offer-description{font-size:14px;line-height:1.65;margin:auto 0 0;padding-top:12px;max-width:30ch;color:inherit}
.offer-details{padding:37px 34px 28px;display:flex;flex-direction:column;position:relative}.offer-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;background:transparent;color:#555c55;border-radius:50%;cursor:pointer}.offer-close:hover{background:#e9e7e0;color:#161d18}.offer-close svg{width:16px;height:16px}
.offer-details h3{font:400 21px/1.3 study-dm,sans-serif;letter-spacing:-.03em;margin:0 0 18px;padding-right:16px}.offer-features{margin:0 0 24px;padding:0;list-style:none}.offer-features li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #deded4;line-height:1.35;font-size:14px}.offer-features li:first-child{border-top:1px solid #deded4}.offer-check{display:block;flex:0 0 16px;width:16px;height:16px;color:#7f795f}.offer-features li span{min-width:0}.offer-actions{margin-top:auto;display:flex;flex-direction:column;gap:13px}.offer-contact{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 17px;border:1px solid #343b36;border-radius:3px;background:#343b36;color:#fff;text-decoration:none;font-size:14px;transition:background .15s}.offer-contact:hover{background:#202722;color:white}.offer-contact svg{width:18px;height:18px;flex-shrink:0}.offer-return{align-self:center;border:0;padding:3px 7px;font:400 12px/1.4 study-dm,sans-serif;text-decoration:underline;text-underline-offset:3px;background:none;color:#666d65;cursor:pointer}.offer-dialog :focus-visible{outline:2px solid #a39166;outline-offset:3px}
@keyframes offer-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:650px) and (min-width:701px){.offer-layout{min-height:390px}.offer-summary{padding:28px 30px}.offer-details{padding:28px 28px 20px}.offer-eyebrow{margin-bottom:17px}.offer-dialog h2{font-size:36px;margin-bottom:20px}.offer-price strong{font-size:66px}.offer-price{margin-bottom:12px}.offer-description{font-size:13px}.offer-details h3{font-size:19px;margin-bottom:13px}.offer-features{margin-bottom:18px}.offer-features li{padding:10px 0;font-size:13px}.offer-contact{padding:11px 14px}.offer-actions{gap:9px}}
@media(max-width:700px){.offer-dialog{width:calc(100vw - 24px)}.offer-layout{grid-template-columns:1fr}.offer-summary{padding:26px}.offer-details{padding:25px}.offer-close{position:fixed;top:10px;right:10px;background:#faf9f6}.offer-eyebrow{margin-bottom:14px}.offer-dialog h2{max-width:15ch;margin-bottom:16px}.offer-price strong{font-size:58px}.offer-price{margin-bottom:14px}.offer-description{max-width:45ch;margin:0;padding-top:0}.offer-features li{padding:10px 0}}
@media(prefers-reduced-motion:reduce){.offer-dialog[open]{animation:none}.offer-contact{transition:none}}
.offer-logo{width:74px;margin-bottom:17px;line-height:0}.offer-logo picture{display:contents}.offer-logo img{display:block;width:74px;height:auto;max-width:none}
.offer-summary{padding-top:28px}.offer-eyebrow{margin-bottom:14px}.offer-dialog h2{margin-bottom:10px}
.offer-motion-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;align-items:center;min-height:150px;margin-bottom:10px}.offer-animation{display:block;width:112px;height:156px;pointer-events:none}.offer-motion-row .offer-price{margin:0;gap:6px}.offer-motion-row .offer-price strong{font-size:64px}.offer-motion-row .offer-price span{font-size:15px}.offer-description{margin-top:auto;padding-top:0}
.grlab-stage .round-offer{display:grid;place-items:center;box-sizing:border-box;padding:0;border-radius:50%;cursor:pointer;pointer-events:auto;line-height:1;min-width:0;min-height:0;margin:0}.round-offer svg{width:45%;height:45%;display:block;pointer-events:none}.round-offer:hover{filter:none}.round-offer:focus-visible{outline:2px solid #a39166;outline-offset:3px}
@media(max-height:650px) and (min-width:701px){.offer-summary{padding:22px 28px}.offer-logo{width:66px;margin-bottom:12px}.offer-logo img{width:66px}.offer-eyebrow{margin-bottom:12px}.offer-dialog h2{font-size:34px;margin-bottom:8px}.offer-motion-row{min-height:122px;margin-bottom:9px;grid-template-columns:minmax(0,1fr) 98px}.offer-animation{width:98px;height:130px}.offer-motion-row .offer-price strong{font-size:60px}.offer-motion-row .offer-price span{font-size:14px}}
/* Native constellation proportions retained independently of the popup columns. */
.offer-animation {height:230px;width:auto;justify-self:center;aspect-ratio:156 / 415}
.offer-dialog[data-tier="essentiel"] .offer-animation {aspect-ratio:93 / 316}
.offer-dialog[data-tier="premium"] .offer-animation {aspect-ratio:126 / 330}
@media(max-height:650px) and (min-width:701px){.offer-animation{height:184px;width:auto}}

/* Proposal: richer copy, same two-column offer presentation. */
.offer-dialog{width:min(960px,calc(100vw - 48px))}
.offer-layout{grid-template-columns:47% 53%}
.offer-summary{padding:30px 32px}
.offer-details{padding:34px 32px 28px}
.offer-dialog h2{font-size:35px;line-height:1.08;margin-bottom:10px;text-wrap:pretty}
.offer-logo{margin-bottom:15px}
.offer-eyebrow{letter-spacing:.01em;margin-bottom:15px}
.offer-motion-row{grid-template-columns:minmax(0,1fr) 104px;min-height:0;margin:0 0 12px}
.offer-animation{height:166px;width:auto}
.offer-description{font-size:13.5px;line-height:1.65;margin:0;max-width:none;padding:0}
.offer-audience{margin:20px 0 0;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--ink) 24%,transparent);font-size:12px;line-height:1.5;color:inherit}
.offer-features li{align-items:flex-start;gap:10px;padding:12px 0}
.offer-check{margin-top:1px;flex-shrink:0}
.offer-feature-label{display:block;font-size:14px;line-height:1.35}
.offer-feature-detail{font:400 12px/1.5 study-dm,sans-serif;color:#656961;margin:4px 0 0}
@media(max-height:650px) and (min-width:701px){
 .offer-summary{padding:22px 27px}.offer-details{padding:28px 27px 22px}
 .offer-dialog h2{font-size:30px;line-height:1.06}
 .offer-logo{margin-bottom:11px}.offer-eyebrow{margin-bottom:12px}
 .offer-motion-row{min-height:0;margin-bottom:7px}.offer-animation{height:125px;width:auto}
 .offer-description{font-size:12.5px;line-height:1.55}
 .offer-audience{margin-top:14px;padding-top:11px;font-size:11.5px}
 .offer-features li{padding:10px 0}.offer-feature-label{font-size:13px}.offer-feature-detail{font-size:11.5px;line-height:1.45}
}
@media(max-width:700px){.offer-layout{grid-template-columns:1fr}.offer-animation{height:145px}.offer-summary,.offer-details{padding:25px}.offer-dialog h2{max-width:none}}
/* Shared Serenite dimensions and a balanced summary with larger native motion. */
.offer-layout{height:547.234375px;min-height:0}
.offer-summary{display:grid;grid-template-rows:auto auto minmax(100px,1fr) auto auto;gap:14px;min-width:0}
.offer-summary-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.offer-summary-header .offer-logo,.offer-summary-header .offer-eyebrow{margin:0}
.offer-summary-header .offer-eyebrow{font-size:11px;gap:0;white-space:nowrap}
.offer-summary-header .offer-eyebrow::before{display:none}
.offer-dialog h2{min-height:2.16em;margin:0;align-self:start}
.offer-motion-row{position:relative;display:flex;align-items:center;min-height:0;margin:0}
.offer-motion-row .offer-price{position:relative;z-index:1;gap:8px}
.offer-motion-row .offer-animation{position:absolute;right:12px;top:50%;height:160%;width:auto;max-width:none;transform:translateY(-50%)}
.offer-description{min-height:6.6em;font-size:13.5px;line-height:1.65}
.offer-audience{min-height:52px;margin:0;padding-top:13px;font-size:12px;line-height:1.5}
@media(max-height:650px) and (min-width:701px){
 .offer-layout{height:480.265625px}
 .offer-summary{gap:10px}
 .offer-summary-header .offer-eyebrow{font-size:10.5px}
 .offer-description{min-height:6.2em;font-size:12.5px;line-height:1.55}
 .offer-audience{min-height:44px;margin:0;padding-top:10px;font-size:11.5px}
 .offer-motion-row{min-height:0;margin:0}
 .offer-motion-row .offer-animation{height:160%;width:auto}
}
@media(min-width:701px) and (max-width:820px){
 .offer-layout{height:496.9375px}
 .offer-dialog h2{min-height:3.18em}
 .offer-description{min-height:7.75em}
 .offer-motion-row .offer-animation{right:2px}
 .offer-summary-header{gap:8px}
}
@media(max-width:700px){
 .offer-layout{height:auto;min-height:0}
 .offer-summary{grid-template-rows:auto auto 170px auto auto}
 .offer-description,.offer-audience{min-height:0}
}
/* The champagne ring is decorative and remains visible without keyboard focus. */
.offer-dialog .offer-close{width:42px;height:42px;top:8px;right:8px;border:2px solid #a39166;outline:none;outline-offset:0;box-shadow:none;background-clip:border-box;transition:background-color .15s,color .15s}
.offer-dialog .offer-close:focus-visible{outline:none;border-color:#a39166;color:#161d18}
.offer-dialog .offer-close:hover{background:#e9e7e0;color:#161d18;border-color:#a39166}
.offer-dialog .offer-close:active{background:#dedbd0;border-color:#a39166}
@media(prefers-reduced-motion:reduce){.offer-dialog .offer-close{transition:none}}
/* Approved fill animation. Never transform the projected button itself. */
.grlab-stage .round-offer{overflow:hidden;isolation:isolate}
.grlab-stage .round-offer>svg{position:relative;z-index:2;transition:color .28s}
.grlab-stage .round-offer::before{content:"";position:absolute;inset:0;background:currentColor;border-radius:50%;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:1}
.grlab-stage .round-offer:hover::before{transform:translateY(0)}
.grlab-stage .round-offer[data-tier="essentiel"]:hover>svg{color:#eeeadd}
.grlab-stage .round-offer[data-tier="serenite"]:hover>svg{color:#4b2228}
.grlab-stage .round-offer[data-tier="premium"]:hover>svg{color:#0a2030}
@media(prefers-reduced-motion:reduce){.grlab-stage .round-offer>svg,.grlab-stage .round-offer::before{transition:none!important;animation:none!important}}

/* Approved Prestations-sized PC dialogs, preview 9799. */
@media(min-width:1009px){
 #grlab-offer-dialog.offer-dialog { min-height:0!important; }
 #grlab-offer-dialog .offer-layout { height:542.34375px;min-height:0; }
}
@media(min-width:1009px){
 #grlab-offer-dialog .offer-summary,#grlab-offer-dialog .offer-details{min-height:0;}
}