.pricing-page-container{background-color:var(--white);min-height:100vh;color:var(--black);font-family:var(--sans);flex-direction:column;align-items:center;padding:80px 24px;display:flex;position:relative;overflow:hidden}.pricing-page-container:before{content:"";pointer-events:none;z-index:1;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.pricing-glow-1{pointer-events:none;z-index:0;background:radial-gradient(circle,#b640100a 0%,#0000 70%);width:50vw;height:50vw;position:absolute;top:-10%;left:-10%}.pricing-glow-2{pointer-events:none;z-index:0;background:radial-gradient(circle,#b6401008 0%,#0000 70%);width:60vw;height:60vw;position:absolute;bottom:-10%;right:-10%}.pricing-grid-bg{background-size:40px 40px;background-image:linear-gradient(to right, var(--gray-200) 1px, transparent 1px), linear-gradient(to bottom, var(--gray-200) 1px, transparent 1px);opacity:.25;pointer-events:none;z-index:0;position:absolute;inset:0}.pricing-content{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:1000px;display:flex;position:relative}.pricing-back-btn{color:var(--gray-600);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;margin-bottom:40px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.pricing-back-btn:hover{color:var(--black)}.pricing-header{text-align:center;max-width:600px;margin-bottom:50px}.pricing-header h1{font-family:var(--sans);letter-spacing:-.03em;color:var(--black);margin-bottom:16px;font-size:56px;font-weight:500}.pricing-header p{color:var(--gray-600);font-size:16px;font-weight:300;line-height:1.6}.toggle-container{align-items:center;gap:16px;margin-bottom:60px;display:flex}.toggle-label{color:var(--gray-600);font-size:14px;font-weight:500}.toggle-label.active{color:var(--black)}.toggle-switch{background-color:var(--gray-200);cursor:pointer;border-radius:100px;width:48px;height:26px;transition:background-color .2s;display:inline-block;position:relative}.toggle-switch.checked{background-color:var(--accent)}.toggle-handle{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a}.toggle-switch.checked .toggle-handle{transform:translate(22px)}.discount-badge{color:var(--accent);font-size:11px;font-weight:600;font-family:var(--mono);background-color:#b6401014;border:1px solid #b6401026;border-radius:100px;padding:4px 10px}.pricing-cards-grid{grid-template-columns:1fr;gap:24px;width:100%;display:grid}@media (min-width:768px){.pricing-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.pricing-cards-grid{grid-template-columns:repeat(3,1fr)}}.pricing-premium-card{color:var(--black);transition:transform .3s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo);box-shadow:0 2px 12px #1a120908, 0 0 0 1px var(--gray-200);background:#fff;border-radius:8px;flex-direction:column;min-height:500px;padding:40px 32px;display:flex;position:relative}.pricing-premium-card:hover{box-shadow:0 4px 20px #1a12090f, 0 0 0 1px var(--gray-400);transform:translateY(-4px)}.card-title{font-size:20px;font-weight:500;font-family:var(--sans);margin-bottom:24px}.card-price-wrap{align-items:baseline;margin-bottom:12px;display:flex}.card-price{letter-spacing:-.04em;font-size:56px;font-weight:500;line-height:1}.card-price-period{color:var(--gray-600);margin-left:8px;font-size:14px}.card-desc{color:var(--gray-600);margin-bottom:32px;font-size:14px;font-weight:300;line-height:1.5}.card-btn{cursor:pointer;width:100%;transition:all .2s var(--ease-out-expo);border:1px solid var(--black);color:var(--black);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;padding:12px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:flex}.card-btn:hover:not(:disabled){background:var(--black);color:var(--white)}.card-features-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:13px;font-weight:600}.card-features-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.card-features-list li{color:var(--gray-800);align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.4;display:flex}.feature-check-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:1px}.pricing-premium-card.enterprise{background:var(--accent);color:var(--white);border-color:var(--accent-dark)}.pricing-premium-card.enterprise:hover{box-shadow:0 4px 20px #b6401033, 0 0 0 1px var(--accent-dark)}.pricing-premium-card.enterprise .card-price-period{color:#ffffffb3}.pricing-premium-card.enterprise .card-desc{color:#ffffffd9}.pricing-premium-card.enterprise .card-btn{background:var(--white);color:var(--accent);border-color:var(--white)}.pricing-premium-card.enterprise .card-btn:hover:not(:disabled){color:var(--white);border-color:var(--white);background:0 0}.pricing-premium-card.enterprise .card-features-list li{color:#ffffffe6}.pricing-premium-card.enterprise .feature-check-icon{color:var(--white)}.dev-banner{background-color:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1000px;margin-bottom:40px;padding:16px 20px;display:flex}.dev-banner-text{color:var(--gray-600);font-size:13px;line-height:1.5}.dev-banner-text strong{color:var(--accent)}.dev-banner-btn{background-color:var(--accent);color:var(--white);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:500;transition:background .2s}.dev-banner-btn:hover{background-color:var(--accent-dark)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#1a120966;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.simulator-modal{background:var(--white);border:1px solid var(--gray-200);width:100%;max-width:480px;font-family:var(--sans);color:var(--black);text-align:center;border-radius:8px;padding:40px;position:relative;box-shadow:0 10px 40px #1a120926}.simulator-modal h3{color:var(--black);margin-bottom:12px;font-size:24px}.simulator-modal p{color:var(--gray-600);margin-bottom:32px;font-size:14px;line-height:1.5}.simulator-actions{flex-direction:column;gap:12px;display:flex}.sim-btn-success{background-color:var(--accent);color:var(--white);cursor:pointer;border:none;border-radius:100px;padding:14px;font-size:14px;font-weight:600;transition:background .2s}.sim-btn-success:hover{background-color:var(--accent-dark)}.sim-btn-cancel{color:var(--gray-600);border:1px solid var(--gray-200);cursor:pointer;background-color:#0000;border-radius:100px;padding:14px;font-size:14px;font-weight:500;transition:all .2s}.sim-btn-cancel:hover{color:var(--black);border-color:var(--gray-400)}
.payment-success-banner{z-index:1000;color:#166534;font-size:14px;font-family:var(--sans);animation:slideDownBanner .4s var(--ease-out-expo) forwards;background-color:#f0fdf4;border-bottom:1px solid #bbf7d0;align-items:center;gap:12px;padding:14px 24px;display:flex;position:fixed;top:0;left:0;right:0}.success-banner-icon{color:#fff;background-color:#16a34a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.success-banner-text{flex:1;line-height:1.4}.success-plan-tag{color:#fff;font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;background-color:#16a34a;border-radius:4px;padding:2px 7px;font-weight:700;display:inline-block}.success-banner-close{color:#166534;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:opacity .2s}.success-banner-close:hover{opacity:1;background-color:#16a34a1a}@keyframes slideDownBanner{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.bento-header{text-align:center;z-index:2;max-width:700px;animation:fadeInUp .6s var(--ease-out-expo) forwards;margin-bottom:60px;position:relative}.why-us-badge{font-family:var(--mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600;display:inline-block}.bento-header h1{letter-spacing:-.03em;color:var(--black);margin-bottom:16px;font-size:48px;font-weight:500;line-height:1.1}.bento-subtitle{color:var(--gray-600);font-size:16px;font-weight:300;line-height:1.6}.bento-grid{z-index:2;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:20px;width:100%;max-width:1100px;display:grid;position:relative}.bento-card{transition:all .4s var(--ease-out-expo);opacity:0;animation:fadeInUp .7s var(--ease-out-expo) forwards;border-radius:12px;flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #1a120905}.bento-card:hover{transform:translateY(-4px)}.card-height-1{grid-row:span 1}.card-height-2{grid-row:span 2;justify-content:space-between}.card-accent-orange{background-color:var(--accent);color:var(--white);border:1px solid var(--accent-dark)}.card-accent-orange:hover{box-shadow:0 8px 30px #b6401026}.card-white{color:var(--black);border:1px solid var(--gray-200);background-color:#fff}.card-white:hover{border-color:var(--gray-400);box-shadow:0 8px 30px #1a12090d}.card-gray{background-color:var(--gray-100);color:var(--black);border:1px solid var(--gray-200)}.card-gray:hover{background-color:var(--gray-200)}.card-visual-cream{background-color:var(--gray-200);color:var(--black);border:1px solid var(--gray-400)}.card-top-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:auto;font-size:9px;font-weight:600}.card-accent-orange .card-top-label{opacity:.75}.bento-card h3{letter-spacing:-.01em;margin-top:16px;margin-bottom:8px;font-size:18px;font-weight:500}.bento-card p{opacity:.85;font-size:13px;font-weight:300;line-height:1.5}.card-white p,.card-gray p{color:var(--gray-600)}.bento-stat{letter-spacing:-.04em;margin-bottom:12px;font-size:72px;font-weight:500;line-height:1}.bento-stat-text{letter-spacing:-.02em;margin-bottom:12px;font-size:26px;font-weight:500;line-height:1.2}.bento-route-visual{border:1px dashed var(--gray-400);background-color:#1a120908;border-radius:8px;justify-content:space-between;align-items:center;margin:20px 0;padding:16px 12px;display:flex}.route-node{flex-direction:column;align-items:center;gap:4px;display:flex}.node-num{border:1px solid var(--gray-400);width:24px;height:24px;font-family:var(--mono);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.route-node.active .node-num{background-color:var(--accent);color:var(--white);border-color:var(--accent)}.route-node.redirected .node-num{background-color:var(--black);color:var(--white);border-color:var(--black);animation:1.5s infinite pulse-node}.node-label{opacity:.7;font-size:9px;font-weight:500}.route-arrow{color:var(--gray-400);font-size:12px}.route-arrow.active{color:var(--accent)}.route-arrow.rerouted{color:var(--black);font-style:italic;font-weight:700;animation:1.5s infinite flash-arrow}.bento-doc-mock{border:1px solid var(--gray-400);background-color:#fff;border-radius:8px;margin:16px 0;padding:16px;box-shadow:0 4px 12px #1a12090a}.doc-header{border-bottom:1px solid var(--gray-200);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.doc-name{font-size:10px;font-family:var(--mono);font-weight:600}.status-dot-pulse{background-color:#16a34a;border-radius:50%;width:6px;height:6px;margin-left:auto;position:relative}.status-dot-pulse:after{content:"";border:1px solid #16a34a;border-radius:50%;animation:1.5s infinite pulse-node;position:absolute;inset:-3px}.doc-body-lines{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.line-item{background-color:var(--gray-100);border-radius:2px;height:6px}.line-item.short{width:40%}.line-item.medium{width:75%}.line-item.long{width:90%}.doc-footer-sign{justify-content:flex-end;display:flex}.signature-pill{color:var(--accent);background-color:#b640100d;border:1px solid #b6401026;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:inline-flex}.pen-icon{font-size:11px}.sig-text{font-family:Dancing Script,cursive,Georgia,serif;font-style:italic;font-weight:600}.bento-brand-mock{background-color:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;gap:10px;margin:16px 0;padding:16px;font-size:11px;display:flex}.mock-toggle-group{justify-content:space-between;align-items:center;display:flex}.mock-toggle{cursor:pointer;background-color:#fff3;border-radius:100px;width:32px;height:18px;position:relative}.mock-toggle.active{background-color:var(--white)}.toggle-thumb{background-color:var(--accent);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.mock-toggle.active .toggle-thumb{background-color:var(--accent);transform:translate(14px)}.mock-value{font-family:var(--mono);opacity:.8;font-size:10px}.mock-color-picker{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.color-dots{gap:6px;display:flex}.color-dot{border:1px solid #0000;border-radius:50%;width:14px;height:14px}.color-dot.active{border-color:var(--white);transform:scale(1.1)}.bento-cta-btn{background-color:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;padding:10px 16px;font-size:12px;font-weight:500;transition:all .3s;display:inline-flex}.bento-cta-btn:hover{background-color:var(--accent);box-shadow:0 4px 12px #b6401033}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bento-card:first-child{animation-delay:.1s}.bento-card:nth-child(2){animation-delay:.18s}.bento-card:nth-child(3){animation-delay:.26s}.bento-card:nth-child(4){animation-delay:.34s}.bento-card:nth-child(5){animation-delay:.42s}.bento-card:nth-child(6){animation-delay:.5s}.bento-card:nth-child(7){animation-delay:.58s}.bento-card:nth-child(8){animation-delay:.66s}.bento-card:nth-child(9){animation-delay:.74s}@keyframes pulse-node{0%{box-shadow:0 0 #16a34a66}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}@keyframes flash-arrow{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:960px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(220px,auto)}.card-height-2{grid-row:span 1}}@media (max-width:640px){.bento-header h1{font-size:32px}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-card{height:auto;padding:24px}.card-height-2{grid-row:span 1}}
