.pricing-banner-container{background:var(--background-Gradient2);perspective:1000px;width:100%;min-height:clamp(450px,80vh,650px);padding:var(--spacing-lg);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pricing-banner-container:before{content:"";animation:8s ease-in-out infinite gradientShift;position:absolute;inset:0}.pricing-banner-content{max-width:var(--max-width-container);background:var(--background-Gradient3);border-radius:var(--radius-lg);width:100%;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);transition:all var(--transition-medium) ease;transform-style:preserve-3d;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin:6% 0 2%;display:flex;position:relative}.pricing-banner-text{z-index:2;padding-right:var(--spacing-xl);flex:0 0 50%;animation:1s ease-out fadeInLeft;position:relative}.pricing-banner-title{font-size:var(--heading-lg);font-weight:var(--font-weight-extrabold);font-family:var(--font-family-primary);color:var(--pricing-heading-color);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(120deg, var(--pricing-heading-color), var(--pricing-button-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pricing-banner-description{font-size:var(--paragraph-md);font-family:var(--font-family-secondary);color:var(--pricing-subheading-color);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);opacity:.95;text-shadow:0 1px 2px #0000001a}.pricing-banner-actions{gap:var(--spacing-md);display:flex}.pricing-primary-button,.pricing-secondary-button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--button-padding-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:none;letter-spacing:var(--letter-spacing-normal);cursor:pointer;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.pricing-primary-button{background:linear-gradient(135deg, var(--pricing-button-color), var(--accent-hover));color:var(--pricing-box-background);border:var(--border-width-medium) solid transparent;box-shadow:0 4px 15px #0003}.pricing-secondary-button{color:var(--pricing-button-color);border:var(--border-width-medium) solid var(--pricing-button-color);background:0 0}.pricing-banner-visuals{flex:0 0 50%;justify-content:center;align-items:center;animation:1s ease-out fadeInRight;display:flex;position:relative}.pricing-banner-eyebrow{color:#6366f1;letter-spacing:.05em;text-transform:uppercase;width:fit-content;margin-bottom:var(--spacing-md);background:#6366f11a;border:1px solid #6366f14d;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;display:inline-flex;font-size:10.5px!important;font-weight:700!important}.pricing-banner-points{margin:var(--spacing-lg) 0 var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;max-width:460px;padding:0;list-style:none;display:grid}.pricing-banner-points li{font-size:var(--font-size-sm);color:var(--text-primary);align-items:center;gap:8px;display:flex}.pricing-banner-points li svg{color:#22c55e;flex-shrink:0}.contact-banner-visuals{flex:0 0 50%;justify-content:center;align-items:center;min-height:380px;padding:40px 0;display:flex;position:relative}.pricing-illust{justify-content:center;align-items:center;width:320px;max-width:90%;height:380px;display:flex;position:relative}.pricing-illust-card-main{z-index:2;background:#fff;border:1px solid #0f172a0f;border-radius:18px;width:100%;max-width:280px;padding:22px 22px 24px;position:relative;box-shadow:0 30px 60px -20px #0f172a40,0 16px 32px -10px #0f172a2e}[data-theme=dark] .pricing-illust-card-main{background:#1e293b;border-color:#ffffff0f}.pricing-illust-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;align-items:center;gap:5px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pricing-illust-plan-name{color:var(--subtitle-color);margin-bottom:8px;letter-spacing:-.01em!important;font-size:clamp(.875rem,1vw,1.125rem)!important;font-weight:600!important;line-height:1.25!important}.pricing-illust-price{align-items:baseline;gap:4px;margin-bottom:16px;display:flex}.pricing-illust-currency{color:var(--text-primary);font-size:20px;font-weight:600}.pricing-illust-amount{color:var(--text-primary);background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800}.pricing-illust-period{color:var(--subtitle-color);font-size:13px}.pricing-illust-features{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;gap:8px;margin-bottom:14px;padding:14px 0;display:flex}.pricing-illust-row{color:var(--text-primary);align-items:center;gap:8px;font-size:12.5px;display:flex}.pricing-illust-row svg{color:#22c55e}.pricing-illust-cta{text-align:center;color:#6366f1;background:#6366f114;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}.pricing-illust-chip{z-index:3;background:#fff;border:1px solid #0f172a0f;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 18px 30px -10px #0f172a2e,0 6px 14px -4px #0f172a1f}[data-theme=dark] .pricing-illust-chip{color:#fff;background:#1e293b;border-color:#ffffff14}.pricing-illust-chip svg{color:#6366f1}.pricing-illust-chip-label{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1}.pricing-illust-chip-sub{color:var(--subtitle-color);margin-top:2px;font-size:11px}.pricing-illust-chip-tl{top:0;left:-34px}.pricing-illust-chip-tr{top:30px;right:-28px}.pricing-illust-chip-br{bottom:14px;right:-24px}@media (max-width:768px){.pricing-banner-points{grid-template-columns:1fr}.pricing-illust{width:260px;height:320px}.pricing-illust-chip-tl{left:-10px}.pricing-illust-chip-tr,.pricing-illust-chip-br{right:-10px}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width:1200px){.pricing-banner-content{padding:var(--spacing-xl)}.pricing-banner-title{font-size:var(--heading-md)}}@media (max-width:992px){.pricing-banner-container{padding:var(--spacing-md)}.pricing-banner-content{padding:var(--spacing-lg)}.pricing-banner-text{padding-right:var(--spacing-lg)}}@media (max-width:768px){.pricing-banner-content{text-align:center;padding:var(--spacing-md);flex-direction:column}.pricing-banner-text,.pricing-banner-visuals{flex:0 0 100%;padding-right:0}.pricing-banner-text{margin-bottom:var(--spacing-xl)}.pricing-banner-actions{justify-content:center}.pricing-banner-title{font-size:var(--heading-sm)}.pricing-banner-description{font-size:var(--paragraph-base)}}@media (max-width:576px){.pricing-banner-container{min-height:clamp(400px,70vh,500px);padding:var(--spacing-sm)}.pricing-banner-content{padding:var(--spacing-md)}.pricing-banner-actions{flex-flow:row;gap:8px}.pricing-primary-button,.pricing-secondary-button{text-align:center;flex:1;justify-content:center;min-width:0;padding:11px 12px;font-size:13px}}@media (hover:hover){.pricing-primary-button:hover{background:linear-gradient(135deg, var(--accent-hover), var(--pricing-button-color));transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.pricing-secondary-button:hover{background:var(--pricing-button-color);color:var(--pricing-box-background);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}}
