.sub-hero{background:linear-gradient(160deg,#0e1628,#131c30 60%,#0b1020);border-bottom:1px solid var(--clr-border);padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.sub-hero-inner{max-width:680px}.sub-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;margin:var(--space-sm) 0 var(--space-md);background:linear-gradient(135deg,#e2e8f0,#a5b4fc 60%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub-hero-sub{font-size:1.05rem;color:var(--clr-text-muted);margin:0 auto;max-width:560px;line-height:1.65}.sub-current-banner{margin-top:var(--space-lg);min-height:2.5rem}.sub-current-banner:not(:empty){display:inline-flex;align-items:center;gap:var(--space-sm);background:#6366f12e;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius);padding:.6rem 1.2rem;font-size:.9rem;color:#c7d2fe}.sub-toggle-section{padding:var(--space-xl) 0 var(--space-sm);text-align:center}.sub-billing-toggle{display:inline-flex;gap:.25rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:.25rem}.sub-toggle-btn{padding:.55rem 1.2rem;border-radius:calc(var(--radius) - .25rem);border:none;background:transparent;color:var(--clr-text-muted);font-size:.9rem;cursor:pointer;transition:background var(--t),color var(--t);display:inline-flex;align-items:center;gap:.4rem}.sub-toggle-btn.active{background:var(--clr-accent);color:#fff}.sub-discount-badge{font-size:.72rem;background:#10b98140;color:#6ee7b7;border-radius:2rem;padding:.1rem .5rem}.sub-plans-section{padding:var(--space-xl) 0 var(--space-2xl)}.sub-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-lg);align-items:stretch}.sub-plan-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);position:relative;transition:border-color var(--t),box-shadow var(--t)}.sub-plan-card:hover{border-color:var(--clr-accent);box-shadow:0 0 0 1px var(--clr-accent),0 8px 24px #6366f11f}.sub-plan-card.is-current{border-color:var(--clr-accent);background:#6366f10f}.sub-plan-card.is-featured{border-color:var(--clr-accent2);background:linear-gradient(150deg,#6366f114,#a855f714)}.sub-plan-badge-row{display:flex;align-items:center;gap:var(--space-sm);min-height:1.5rem}.sub-plan-badge{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:2rem;padding:.2rem .65rem}.sub-plan-badge--current{background:#6366f140;color:#a5b4fc;border:1px solid rgba(99,102,241,.35)}.sub-plan-badge--popular{background:#a855f740;color:#d8b4fe;border:1px solid rgba(168,85,247,.35)}.sub-plan-name{font-size:1.25rem;font-weight:700;color:var(--clr-text);margin:0}.sub-plan-price{display:flex;align-items:baseline;gap:.3rem}.sub-plan-price-amount{font-size:2rem;font-weight:800;color:var(--clr-text);line-height:1}.sub-plan-price-period{font-size:.85rem;color:var(--clr-text-muted)}.sub-plan-price-eonl{font-size:.8rem;color:var(--clr-accent2)}.sub-plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;flex:1}.sub-plan-features li{font-size:.88rem;color:var(--clr-text-muted);display:flex;align-items:flex-start;gap:.45rem;line-height:1.4}.sub-plan-features li:before{content:"✓";color:var(--clr-green);font-size:.8rem;margin-top:.05rem;flex-shrink:0}.sub-plan-cta{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.sub-plan-btn{width:100%;padding:.7rem 1rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity var(--t),transform var(--t);border:none;text-align:center}.sub-plan-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.sub-plan-btn:disabled{opacity:.5;cursor:default}.sub-plan-btn--primary{background:linear-gradient(135deg,var(--clr-accent),var(--clr-accent2));color:#fff}.sub-plan-btn--outline{background:transparent;border:1px solid var(--clr-border);color:var(--clr-text-muted)}.sub-plan-btn--active{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;cursor:default}.sub-plan-note{font-size:.75rem;color:var(--clr-text-muted);text-align:center;opacity:.75}.sub-license-section{padding:var(--space-xl) 0;background:var(--clr-bg2);border-top:1px solid var(--clr-border)}.sub-license-card{max-width:520px;margin:0 auto;text-align:center;padding:var(--space-2xl)}.sub-license-icon{font-size:2.4rem;margin-bottom:var(--space-sm)}.sub-license-card h2{font-size:1.4rem;margin:0 0 var(--space-sm)}.sub-license-card p{font-size:.9rem;color:var(--clr-text-muted);margin:0 0 var(--space-lg);line-height:1.6}.sub-license-form{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.sub-license-input{flex:1;min-width:220px;padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);font-size:.9rem;font-family:var(--font-mono)}.sub-license-input:focus{outline:2px solid var(--clr-accent);outline-offset:2px}.sub-license-msg{min-height:1.4rem;margin-top:var(--space-sm);font-size:.88rem}.sub-license-msg.is-success{color:var(--clr-green)}.sub-license-msg.is-error{color:var(--clr-red)}.sub-compare-section{padding:var(--space-2xl) 0 var(--space-3xl)}.sub-compare-title,.sub-faq-title{font-size:1.5rem;font-weight:700;text-align:center;margin:0 0 var(--space-xl)}.sub-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--clr-border)}.sub-compare-table{width:100%;border-collapse:collapse;font-size:.88rem}.sub-compare-table th,.sub-compare-table td{padding:.7rem 1rem;text-align:center;border-bottom:1px solid var(--clr-border);white-space:nowrap}.sub-compare-table th[scope=row]{text-align:left;color:var(--clr-text-muted);font-weight:400;white-space:normal;min-width:200px}.sub-compare-table thead th{background:var(--clr-surface2);color:var(--clr-text);font-weight:700;position:sticky;top:0;z-index:1}.sub-th-price{font-size:.75rem;font-weight:400;color:var(--clr-text-muted);display:block}.sub-compare-table tbody tr:hover{background:#ffffff06}.sub-compare-table tbody tr:last-child td,.sub-compare-table tbody tr:last-child th{border-bottom:none}.sub-faq-section{padding:var(--space-2xl) 0 var(--space-3xl);background:var(--clr-bg2);border-top:1px solid var(--clr-border)}.sub-faq-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-sm)}.sub-faq-item{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);overflow:hidden}.sub-faq-item summary{padding:var(--space-md) var(--space-lg);cursor:pointer;font-weight:600;font-size:.95rem;-webkit-user-select:none;user-select:none;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.sub-faq-item summary::-webkit-details-marker{display:none}.sub-faq-item summary:after{content:"+";font-size:1.2rem;color:var(--clr-accent);flex-shrink:0;transition:transform var(--t)}.sub-faq-item[open] summary:after{transform:rotate(45deg)}.sub-faq-item p{padding:0 var(--space-lg) var(--space-md);font-size:.9rem;color:var(--clr-text-muted);line-height:1.65;margin:0}.eon-bottom-nav{display:none}@media(max-width:767px){.eon-bottom-nav{display:flex;position:fixed;bottom:.35rem;left:.35rem;right:.35rem;z-index:100;background:#0a0f1ef5;border-top:1px solid rgba(148,163,184,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));justify-content:space-evenly;align-items:center;gap:.25rem;border-radius:.8rem}.eon-bottom-nav-item{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-decoration:none;color:#a9b5c7;min-width:60px;min-height:48px;padding:.4rem .42rem;border-radius:.5rem;transition:color .15s}.eon-bottom-nav-item.active,.eon-bottom-nav-item:focus{color:#c7d2fe}.eon-bnav-icon{font-size:1.1rem}.eon-bnav-label{font-size:.65rem}main{padding-bottom:5rem}.sub-plans-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.sub-plans-grid{grid-template-columns:1fr}}
