.cross-promo{--cross-promo-accent: #397fa8;--cross-promo-soft: rgba(57, 127, 168, .09);position:relative;display:grid;box-sizing:border-box;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;width:100%;min-height:76px;align-items:center;overflow:hidden;padding:11px 12px;border:1px solid color-mix(in srgb,var(--cross-promo-accent) 22%,var(--app-line, #d9e2e8));border-radius:14px;background:radial-gradient(circle at 92% 0%,var(--cross-promo-soft),transparent 38%),var(--app-bg-raised, #fff);box-shadow:0 8px 22px #1d42590f;color:var(--app-ink, #17364d);text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.cross-promo:after{position:absolute;top:-34px;right:9%;width:80px;height:145px;background:repeating-linear-gradient(116deg,transparent 0 10px,color-mix(in srgb,var(--cross-promo-accent) 7%,transparent) 10px 12px);content:"";pointer-events:none;transform:rotate(-5deg)}.cross-promo--skool{--cross-promo-accent: #3c8d78;--cross-promo-soft: rgba(60, 141, 120, .1);grid-template-columns:46px minmax(0,1fr) auto auto;gap:13px;min-height:92px;padding:13px 15px;border-color:color-mix(in srgb,var(--cross-promo-accent) 30%,var(--app-line, #d9e2e8));border-radius:18px;background:radial-gradient(circle at 8% 12%,rgba(60,141,120,.15),transparent 30%),radial-gradient(circle at 88% 100%,rgba(89,184,145,.1),transparent 34%),linear-gradient(118deg,var(--app-bg-raised, #fff),var(--app-bg-soft, #eff5f8));box-shadow:inset 0 1px #ffffffa6,0 12px 28px #2c776317}.cross-promo--skool:after{top:-42px;right:17%;width:128px;height:180px;opacity:.78;animation:cross-promo-stripes 8s ease-in-out infinite reverse}.cross-promo--calculator{grid-template-columns:46px minmax(0,1fr) auto auto;gap:13px;min-height:92px;padding:13px 15px;border-color:color-mix(in srgb,var(--cross-promo-accent) 30%,var(--app-line, #d9e2e8));border-radius:18px;background:radial-gradient(circle at 8% 12%,rgba(65,151,199,.16),transparent 30%),radial-gradient(circle at 88% 100%,rgba(68,174,195,.1),transparent 34%),linear-gradient(118deg,var(--app-bg-raised, #fff),var(--app-bg-soft, #eff5f8));box-shadow:inset 0 1px #ffffffa6,0 12px 28px #276a8f17}.cross-promo--calculator:after{top:-42px;right:17%;width:128px;height:180px;opacity:.78;animation:cross-promo-stripes 8s ease-in-out infinite}.cross-promo:hover{border-color:color-mix(in srgb,var(--cross-promo-accent) 38%,var(--app-line, #d9e2e8));box-shadow:0 12px 28px #1d42591a;color:var(--app-ink, #17364d);transform:translateY(-1px)}.cross-promo:focus-visible{outline:3px solid color-mix(in srgb,var(--cross-promo-accent) 22%,transparent);outline-offset:3px}.cross-promo__mark{position:relative;z-index:1;display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--cross-promo-accent) 22%,transparent);border-radius:11px;background:var(--cross-promo-soft);color:var(--cross-promo-accent)}.cross-promo__mark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.cross-promo--calculator .cross-promo__mark,.cross-promo--skool .cross-promo__mark{width:44px;height:44px;border-color:color-mix(in srgb,var(--cross-promo-accent) 30%,transparent);border-radius:14px;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.55),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--cross-promo-accent) 14%,var(--app-bg-raised, #fff)),color-mix(in srgb,var(--cross-promo-accent) 7%,var(--app-bg-soft, #eff5f8)));box-shadow:0 8px 18px color-mix(in srgb,var(--cross-promo-accent) 14%,transparent);transition:transform .38s cubic-bezier(.22,1,.36,1)}.cross-promo--skool .cross-promo__mark svg{width:23px;height:23px}.cross-promo--skool:hover .cross-promo__mark{transform:translateY(-2px) rotate(-2deg)}.cross-promo--calculator .cross-promo__mark img{width:27px;height:27px;filter:drop-shadow(0 5px 8px rgba(40,102,135,.18))}.cross-promo--calculator:hover .cross-promo__mark{transform:translateY(-2px) rotate(2deg)}.cross-promo__copy{position:relative;z-index:1;display:grid;min-width:0;gap:1px}.cross-promo__copy small{color:var(--cross-promo-accent);font-size:9px;font-weight:850;letter-spacing:.07em;line-height:1.2;text-transform:uppercase}.cross-promo__copy strong{color:var(--app-ink, #17364d);font-size:13px;line-height:1.25}.cross-promo--calculator .cross-promo__copy,.cross-promo--skool .cross-promo__copy{gap:2px}.cross-promo--calculator .cross-promo__copy small,.cross-promo--skool .cross-promo__copy small{font-size:9px}.cross-promo--calculator .cross-promo__copy strong,.cross-promo--skool .cross-promo__copy strong{font-size:14px}.cross-promo--calculator .cross-promo__copy>span{font-size:10.5px}.cross-promo--skool .cross-promo__copy>span{font-size:10.5px}.cross-promo__flow{position:relative;z-index:1;display:flex;align-items:center;gap:4px;padding:6px;border:1px solid color-mix(in srgb,var(--cross-promo-accent) 18%,transparent);border-radius:12px;background:color-mix(in srgb,var(--app-bg-raised, #fff) 74%,transparent);box-shadow:inset 0 1px #ffffff73}.cross-promo__flow i{min-width:38px;padding:5px 6px;border:1px solid color-mix(in srgb,var(--cross-promo-accent) 16%,transparent);border-radius:8px;background:var(--cross-promo-soft);color:var(--cross-promo-accent);font-size:9px;font-style:normal;font-weight:850;text-align:center;animation:cross-promo-flow 4.8s ease-in-out infinite}.cross-promo__flow-step{display:inline-flex;align-items:center;gap:4px}.cross-promo__flow-step:nth-child(2) i{animation-delay:-3.2s}.cross-promo__flow-step:nth-child(3) i{animation-delay:-1.6s}.cross-promo__flow b{color:color-mix(in srgb,var(--cross-promo-accent) 54%,transparent);font-size:8px}.cross-promo__copy>span{color:var(--app-ink-muted, #607584);font-size:10px;line-height:1.35}.cross-promo__action{position:relative;z-index:1;display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:var(--cross-promo-accent);color:#fff;font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden}.cross-promo--calculator .cross-promo__action{min-height:38px;padding-inline:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--cross-promo-accent) 92%,#fff),color-mix(in srgb,var(--cross-promo-accent) 68%,#64b7cc));box-shadow:0 8px 18px color-mix(in srgb,var(--cross-promo-accent) 22%,transparent)}.cross-promo--skool .cross-promo__action{min-height:38px;padding-inline:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--cross-promo-accent) 92%,#fff),color-mix(in srgb,var(--cross-promo-accent) 68%,#78bea5));box-shadow:0 8px 18px color-mix(in srgb,var(--cross-promo-accent) 22%,transparent)}.cross-promo__action b{transition:transform .26s cubic-bezier(.22,1,.36,1)}.cross-promo:hover .cross-promo__action b{transform:translate(1px,-1px)}.cross-promo-stack{display:grid;gap:8px;margin:18px 0}.cross-promo-stack--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.cross-promo--rail{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px}.cross-promo--rail .cross-promo__mark{width:29px;height:29px;border-radius:9px}.cross-promo--rail .cross-promo__copy>span{display:none}.cross-promo--rail .cross-promo__flow{display:none}.cross-promo--rail .cross-promo__action{grid-column:1 / -1;justify-content:center;min-height:30px}@media (max-width: 620px){.cross-promo-stack--pair{grid-template-columns:1fr}}@media (max-width: 860px){.cross-promo--calculator,.cross-promo--skool{grid-template-columns:46px minmax(0,1fr) auto}.cross-promo--calculator .cross-promo__flow,.cross-promo--skool .cross-promo__flow{display:none}}@media (max-width: 440px){.cross-promo,.cross-promo--calculator,.cross-promo--skool{grid-template-columns:34px minmax(0,1fr);min-height:0}.cross-promo--calculator .cross-promo__mark{width:34px;height:34px;border-radius:11px}.cross-promo--calculator .cross-promo__mark img{width:22px;height:22px}.cross-promo--skool .cross-promo__mark{width:34px;height:34px;border-radius:11px}.cross-promo--skool .cross-promo__mark svg{width:19px;height:19px}.cross-promo__action{grid-column:1 / -1;justify-content:center;min-height:40px}}@keyframes cross-promo-stripes{0%,to{opacity:.48;transform:translate(-5px) rotate(-5deg)}50%{opacity:.86;transform:translate(8px) rotate(-5deg)}}@keyframes cross-promo-flow{0%,to{border-color:transparent;transform:translateY(0)}50%{border-color:color-mix(in srgb,var(--cross-promo-accent) 30%,transparent);transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.cross-promo,.cross-promo:after,.cross-promo__mark,.cross-promo__flow i,.cross-promo__action b{animation:none;transition:none}}