.blog-promo{--promo-navy: #070d4a;--promo-blue: #2850e8;--promo-green: #21bd68;--promo-mint: #eaf5ee;--promo-muted: #526257;box-sizing:border-box;display:flex;flex-direction:column;align-self:start;min-width:0;width:100%;padding:24px;border:1px solid #d6e7dc;border-radius:24px;background:var(--promo-mint);color:var(--promo-navy);font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-decoration:none;container-type:inline-size;transition:box-shadow .18s ease}.blog-promo *,.blog-promo *:before,.blog-promo *:after{box-sizing:border-box}.blog-promo:hover{box-shadow:0 12px 32px #070d4a14}.blog-promo:focus-visible{outline:3px solid var(--promo-blue);outline-offset:5px}.blog-promo--plus{background:var(--promo-blue);color:#fff;border-color:var(--promo-blue)}.blog-promo__brand{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.blog-promo__brand img{display:block;width:126px;height:auto;margin:0}.blog-promo__brand>span{font-size:10px;font-weight:650;letter-spacing:.08em}.blog-promo__copy{padding-top:28px}.blog-promo__eyebrow{margin:0 0 12px;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.09em}.blog-promo__title{margin:0;font-size:32px;font-size:clamp(28px,9.1cqi,43px);font-weight:600;letter-spacing:-.055em;line-height:1.1;text-wrap:balance}.blog-promo__title em{color:#27734d;font-style:normal}.blog-promo--plus .blog-promo__title em{color:#c5f4d7}.blog-promo__description{margin:16px 0 0;min-height:72px;font-size:15px;line-height:1.6;color:var(--promo-muted)}.blog-promo--plus .blog-promo__description{color:#edf1ff}.blog-promo__visual{height:166px;margin:20px 0}.blog-promo__negotiation{position:relative;padding:0 8px 20px}.blog-promo__document{height:140px;padding:20px;border:1px solid #d6e7dc;border-radius:12px;background:#fff;transform:rotate(-3deg);box-shadow:0 8px 0 -3px #d6e7dc}.blog-promo__document-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;letter-spacing:-.025em}.blog-promo__document-heading svg{width:23px;height:23px;color:#27734d;flex-shrink:0}.blog-promo__document-line{width:78%;height:5px;margin-top:17px;border-radius:4px;background:#e7ede9}.blog-promo__document-line--short{width:56%;margin-top:8px}.blog-promo__document-status{display:block;margin-top:16px;font-size:10px;color:var(--promo-muted)}.blog-promo__approval{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:9px;background:var(--promo-navy);color:#fff;font-size:11px;font-weight:500;box-shadow:0 6px 14px #070d4a12}.blog-promo__approval>span{color:#80e8a5;font-size:16px}.blog-promo__plan{padding:13px 20px;border:1px solid #fff4;border-radius:12px;background:#ffffff0d}.blog-promo__plan-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px;letter-spacing:-.025em}.blog-promo__plan-heading svg{width:20px;height:20px;color:#c5f4d7}.blog-promo__plan-row{display:flex;align-items:center;gap:10px;min-height:34px;font-size:12px}.blog-promo__plan-row>:last-child{margin-left:auto}.blog-promo__step{font-variant-numeric:tabular-nums;font-size:10px;color:#d4dfff}.blog-promo__check{color:#c5f4d7}.blog-promo__plan-row--next{margin:5px -9px 0;padding:0 9px;border-radius:6px;background:#c5f4d7;color:var(--promo-navy);font-weight:600}.blog-promo__plan-row--next .blog-promo__step{color:#27734d}.blog-promo__footer{margin-top:auto}.blog-promo__cta{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:14px 17px;border-radius:10px;background:var(--promo-navy);color:#fff;font-size:14px;font-weight:600;line-height:1.4}.blog-promo--plus .blog-promo__cta{background:#fff;color:var(--promo-navy)}.blog-promo__cta svg{width:21px;height:21px;flex-shrink:0;transition:transform .18s ease}.blog-promo:hover .blog-promo__cta svg{transform:translate(3px)}.blog-promo__note{display:block;margin-top:12px;font-size:10px;line-height:1.6;text-align:center;color:var(--promo-muted)}.blog-promo--plus .blog-promo__note{color:#edf1ff}@media (max-width: 380px){.blog-promo{padding:22px}}@media (prefers-reduced-motion: reduce){.blog-promo,.blog-promo__cta svg{transition:none}.blog-promo:hover .blog-promo__cta svg{transform:none}}