.subscription-offer h2{z-index:auto;grid-template-columns:minmax(0,1fr) clamp(110px,12vw,185px) auto;gap:clamp(18px,2.5vw,40px)}
.offer-logo{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;border:0;background:transparent;border-radius:22px;cursor:pointer}
.offer-logo:before{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#ffc56e55,transparent 65%);opacity:0;transition:opacity .25s}
.offer-logo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:brightness(1);transition:filter .25s,transform .25s}
.subscription-offer{transition:box-shadow .25s,border-color .25s}
.subscription-offer{overflow:clip}
.subscription-offer:after{animation:none;opacity:0}
.offer-price-values{display:flex;align-items:center;gap:14px}
.offer-old-price{flex-shrink:0;color:#ab9a91;font:600 clamp(23px,2vw,30px)/1 'Manrope',sans-serif;letter-spacing:-1px;text-decoration-thickness:2px;text-decoration-color:#e9b8a3}
.offer-price-values strong{white-space:nowrap}
.offer-agents{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;max-width:730px;margin-top:24px}
.offer-agent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:74px;padding:11px 4px;border:1px solid color-mix(in srgb,var(--agent-color) 24%,transparent);border-radius:15px;background:#080c134d;color:color-mix(in srgb,var(--agent-color) 65%,white);box-shadow:inset 0 1px #fff1;transition:border-color .2s,box-shadow .2s,background .2s}
.offer-agent-symbol{display:block;width:30px;height:30px;background:var(--agent-color);mask:var(--agent-logo) center/contain no-repeat;-webkit-mask:var(--agent-logo) center/contain no-repeat;transition:filter .2s}
.offer-agent-multicolor{background:none;mask:none;-webkit-mask:none}.offer-agent-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.offer-agent-name{font:750 9px/1.25 'Manrope',sans-serif;white-space:nowrap}
.offer-agent:hover,.offer-agent:focus-visible,.offer-agent:active{outline:none;border-color:var(--agent-color);background:color-mix(in srgb,var(--agent-color) 10%,#080c13);box-shadow:inset 0 0 14px color-mix(in srgb,var(--agent-color) 10%,transparent),0 0 8px color-mix(in srgb,var(--agent-color) 65%,transparent),0 0 25px color-mix(in srgb,var(--agent-color) 30%,transparent)}
.offer-agent:hover .offer-agent-symbol,.offer-agent:focus-visible .offer-agent-symbol,.offer-agent:active .offer-agent-symbol{filter:drop-shadow(0 0 6px var(--agent-color))}
@media(max-width:760px){.offer-agents{gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:480px}.offer-agent{min-height:70px}}
@media(max-width:380px){.offer-agents{gap:7px}.offer-agent{border-radius:12px;min-height:66px}.offer-agent-symbol{width:27px;height:27px}.offer-agent-name{font-size:8px}}
@media(prefers-reduced-motion:reduce){.offer-agent,.offer-agent-symbol{transition:none}}
@media(max-width:900px){.offer-price-values{gap:9px}.offer-old-price{font-size:23px}}
.offer-ai-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit}
.offer-ai-mark{position:absolute;display:block;width:var(--mark-size,85px);aspect-ratio:1;background:#eae3f2;opacity:.1;mask:var(--glyph) center/contain no-repeat;-webkit-mask:var(--glyph) center/contain no-repeat;transform:rotate(var(--mark-angle,0deg))}
.offer-ai-mark:nth-child(1){left:2%;top:-25px;--mark-size:120px;--mark-angle:-18deg;opacity:.09}
.offer-ai-mark:nth-child(2){left:30%;top:15px;--mark-size:66px;--mark-angle:19deg}
.offer-ai-mark:nth-child(3){left:53%;bottom:-31px;--mark-size:122px;--mark-angle:15deg;opacity:.08}
.offer-ai-mark:nth-child(4){left:22%;bottom:-24px;--mark-size:92px;--mark-angle:-23deg}
.offer-ai-mark:nth-child(5){right:-16px;top:27%;--mark-size:120px;--mark-angle:-29deg;opacity:.12}
.offer-ai-mark:nth-child(6){left:51%;top:-17px;--mark-size:71px;--mark-angle:16deg;opacity:.08}
.offer-ai-mark:nth-child(7){right:19%;bottom:-9px;--mark-size:79px;--mark-angle:25deg}
.offer-ai-mark:nth-child(8){left:9%;bottom:29%;--mark-size:55px;--mark-angle:22deg;opacity:.07}
html[data-ui-accent] .subscription-offer:hover,html[data-ui-accent] .subscription-offer:has(.offer-logo:focus-visible){border-color:var(--ui-accent);box-shadow:inset 0 0 22px color-mix(in srgb,var(--ui-accent) 10%,transparent),inset 0 1px #fff5,0 0 12px color-mix(in srgb,var(--ui-accent) 65%,transparent),0 0 42px color-mix(in srgb,var(--ui-accent) 33%,transparent),0 18px 55px #0005}
.subscription-offer:hover .offer-logo:before,.offer-logo:focus-visible:before{opacity:1}
.subscription-offer:hover .offer-logo img,.offer-logo:focus-visible img{filter:brightness(1.15);transform:scale(1.035)}
.subscription-offer:hover:after,.subscription-offer:has(.offer-logo:focus-visible):after{animation:offer-hover-sheen 1.8s ease-in-out infinite}
.offer-flash{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--flash-x,50%) var(--flash-y,50%),#fff9dfb3, color-mix(in srgb,var(--ui-accent,#ffd56f) 36%,transparent) 24%,transparent 68%);opacity:0}
@keyframes offer-hover-sheen{0%{transform:translateX(0) skewX(-22deg);opacity:0}20%{opacity:1}85%,100%{transform:translateX(760%) skewX(-22deg);opacity:0}}
@media(max-width:900px){.subscription-offer h2{grid-template-columns:minmax(0,1fr) 120px auto;gap:20px}.offer-message{font-size:34px}.offer-price strong{font-size:88px}}
@media(max-width:760px){.subscription-offer h2{grid-template-columns:minmax(0,1fr) 100px auto;gap:16px}.offer-message{font-size:29px}.offer-price strong{font-size:74px}}
@media(max-width:540px){.subscription-offer h2{grid-template-columns:minmax(0,1fr) 94px;gap:23px 12px}.offer-message{font-size:30px;grid-column:1;grid-row:1}.offer-logo{grid-column:2;grid-row:1}.offer-price{grid-column:1/-1;grid-row:2}.offer-price strong{font-size:88px}}
@media(max-width:540px){.offer-ai-mark:nth-child(1){left:-23px;top:-18px;--mark-size:98px}.offer-ai-mark:nth-child(2){left:47%;top:2%;--mark-size:51px}.offer-ai-mark:nth-child(3){left:9%;bottom:-17px;--mark-size:91px}.offer-ai-mark:nth-child(4){left:-18px;bottom:41%;--mark-size:69px}.offer-ai-mark:nth-child(5){right:-23px;top:43%;--mark-size:107px}.offer-ai-mark:nth-child(6){left:59%;top:35%;--mark-size:45px}.offer-ai-mark:nth-child(7){right:8%;bottom:5%;--mark-size:67px}.offer-ai-mark:nth-child(8){left:42%;bottom:24%;--mark-size:47px}}
body.motion-paused .subscription-offer:after{animation:none!important;opacity:0}
body.motion-paused .offer-logo img{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.subscription-offer,.offer-logo img{transition:none}.subscription-offer:after{animation:none!important;opacity:0}.subscription-offer:hover .offer-logo img,.offer-logo:focus-visible img{transform:none}}
.home-layout>.home-offer{grid-column:3;grid-row:1;justify-self:end;align-self:start;min-width:0;width:86%;max-width:none;min-height:108px;margin:0;padding:12px 16px;border-radius:18px}
.account-offer{width:min(510px,100%);min-width:0;min-height:108px;margin:0;padding:12px 16px;border-radius:18px}
.compact-offer h2{grid-template-columns:minmax(0,1fr) 40px max-content;gap:10px}
.compact-offer .offer-message{grid-column:1;grid-row:1;max-width:none;font-family:'Unbounded','Golos Text',sans-serif;font-size:clamp(16px,.9vw,20px);font-weight:800;line-height:1.3;letter-spacing:-.5px}
.compact-offer .offer-logo{grid-column:2;grid-row:1;width:40px;justify-self:end}
.compact-offer .offer-price{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0;justify-self:end}
.compact-offer .offer-price-prefix{display:none}
.compact-offer .offer-price-values{gap:6px}
.compact-offer .offer-old-price{font-size:clamp(13px,1vw,18px);letter-spacing:-.35px;white-space:nowrap}
.compact-offer .offer-price strong{font-size:34px;line-height:1;letter-spacing:-2px}
.compact-offer .offer-price strong>span{font-size:.5em;letter-spacing:0;margin:2px 0 0 2px}
.compact-offer .offer-period{max-width:none;margin:0;padding:0;font-size:8px;line-height:1.2;text-align:right}
.compact-offer .offer-agents{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-width:none;margin-top:9px}
.compact-offer .offer-agent{min-height:30px;padding:4px;border-radius:9px;gap:0}
.compact-offer .offer-agent-symbol{width:22px;height:22px}
.compact-offer .offer-agent-name{display:none}
.compact-offer .offer-ai-mark{opacity:.045}
.compact-offer .offer-star{font-size:13px}.compact-offer .offer-star-one{top:10px;right:23%}.compact-offer .offer-star-two{right:11px;bottom:10px}
@media(min-width:761px) and (max-width:1250px){.home-layout{grid-template-rows:minmax(130px,auto) minmax(700px,auto)}.home-layout>.home-offer{min-height:120px;padding:11px 10px;border-radius:16px}.compact-offer h2{grid-template-columns:minmax(0,1fr) max-content;gap:7px}.compact-offer .offer-logo{display:none}.compact-offer .offer-price{grid-column:2}.compact-offer .offer-price strong{font-size:27px}.compact-offer .offer-message{font-size:14px;letter-spacing:-.4px}.compact-offer .offer-agents{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.compact-offer .offer-agent{min-height:23px;padding:3px}.compact-offer .offer-agent-symbol{width:17px;height:17px}}
@media(min-width:761px) and (max-width:850px){.home-layout{grid-template-rows:minmax(174px,auto) minmax(700px,auto)}}
@media(max-width:760px){.home-layout{grid-template-rows:110px 750px auto auto}.home-layout>.sky-island{display:none}.home-layout>.home-offer{grid-column:1;grid-row:1;width:100%;min-height:108px;padding:12px 14px}.compact-offer h2{grid-template-columns:minmax(0,1fr) 32px max-content;gap:8px}.compact-offer .offer-logo{width:32px}.compact-offer .offer-message{font-size:15px}.compact-offer .offer-price strong{font-size:30px}.compact-offer .offer-agents{gap:5px}.compact-offer .offer-agent-symbol{width:20px;height:20px}}

/* A moving highlight stays confined to the rim of each subscription offer. */
html[data-ui-accent] .subscription-offer{
 border-color:color-mix(in srgb,var(--ui-accent) 85%,white);
 animation:offer-rim-glow 4s ease-in-out infinite alternate;
}
.subscription-offer:before{
 inset:0;z-index:2;padding:2px;border-radius:inherit;
 background:linear-gradient(110deg,var(--ui-accent,#ffd56f) 10%,color-mix(in srgb,var(--ui-accent,#ffd56f) 35%,#171820) 25%,var(--ui-accent,#ffd56f) 42%,#fff7ee 50%,var(--ui-accent,#ffd56f) 58%,color-mix(in srgb,var(--ui-accent,#ffd56f) 35%,#171820) 75%,var(--ui-accent,#ffd56f) 90%);
 background-size:300% 100%;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 animation:offer-rim-flow 5s linear infinite;
}
@keyframes offer-rim-flow{from{background-position:150% 0}to{background-position:0 0}}
@keyframes offer-rim-glow{
 from{box-shadow:inset 0 1px #fff4,0 0 10px color-mix(in srgb,var(--ui-accent) 48%,transparent),0 0 28px color-mix(in srgb,var(--ui-accent) 18%,transparent),0 18px 55px #0005}
 to{box-shadow:inset 0 1px #fff5,0 0 17px color-mix(in srgb,var(--ui-accent) 70%,transparent),0 0 42px color-mix(in srgb,var(--ui-accent) 30%,transparent),0 18px 55px #0005}
}
body.motion-paused .subscription-offer,body.motion-paused .subscription-offer:before{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-ui-accent] .subscription-offer,.subscription-offer:before{animation:none!important}}
