.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}[data-icon]{display:inline-flex;align-items:center;justify-content:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.page-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--muted-foreground) 1px,transparent 1px);background-size:24px 24px;opacity:.03}.ambient-glow{position:absolute;border-radius:9999px;opacity:.08;filter:blur(120px);background:radial-gradient(circle,var(--brand-400),transparent 70%)}.ambient-glow-1{width:500px;height:500px;top:-100px;right:-100px}.ambient-glow-2{width:400px;height:400px;bottom:200px;left:-100px}.topbar{position:sticky;top:0;z-index:50;height:60px;background:var(--primary-foreground);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;flex-shrink:0;gap:32px}.topbar-brand{font-size:16px;font-weight:600;color:var(--brand-500);white-space:nowrap;flex:1}.topbar-nav{display:flex;align-items:center;gap:24px;height:100%;flex:0 0 auto;justify-content:center}.topbar-nav-item{display:flex;align-items:center;height:100%;font-size:14px;color:var(--muted-foreground);padding:0 4px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap;text-decoration:none}.topbar-nav-item:hover{color:var(--foreground)}.topbar-nav-item.active{color:var(--brand-500);border-bottom:2px solid var(--brand-500)}.topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0;flex:1;justify-content:flex-end}.user-menu{position:relative}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.user-avatar:hover{background:var(--brand-200)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;min-width:180px;padding:4px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:100}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--foreground-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:background .1s,color .1s}.dropdown-item:hover{background:var(--muted);color:var(--foreground)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.main-content{max-width:1024px;margin:0 auto;padding:64px 24px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-icon{width:48px;height:48px;border-radius:16px;background:var(--brand-50);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.pricing-icon svg{width:20px;height:20px;color:var(--brand-500)}.pricing-title{font-size:32px;font-weight:700;letter-spacing:-.025em;color:var(--foreground);line-height:1.3}.pricing-subtitle{font-size:15px;color:var(--muted-foreground);margin-top:12px;max-width:28rem;margin-left:auto;margin-right:auto;line-height:1.625}.test-notice{margin:0 auto 40px;display:flex;justify-content:center}.test-pill{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;border:1px solid var(--warning);background:var(--warning-light);padding:8px 16px;font-size:13px;font-weight:500;color:var(--warning);font-family:var(--font-sans)}.test-pill svg{width:14px;height:14px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{border-radius:16px;border:1px solid var(--border);background:var(--primary-foreground);padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 12px #0000000a;transition:border-color .2s,box-shadow .2s;position:relative}.pricing-card:hover{border-color:var(--border-hover)}.pricing-card.featured{border-color:var(--brand-500);box-shadow:0 10px 25px -5px #3b82f61a,0 8px 10px -6px #3b82f60d}.pricing-card.featured:hover{border-color:var(--brand-500)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--brand-500),var(--brand-400));color:var(--primary-foreground);font-size:13px;font-weight:500;border-radius:9999px;padding:4px 12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-family:var(--font-sans)}.popular-badge svg{width:12px;height:12px}.card-name-row{display:flex;align-items:center;gap:6px}.card-name{font-size:16px;font-weight:600;color:var(--foreground)}.card-crown{width:16px;height:16px;color:var(--warning);flex-shrink:0}.card-desc{font-size:13px;color:var(--foreground-tertiary);margin-top:4px}.card-price-row{display:flex;align-items:baseline;gap:2px;margin-top:16px}.card-price{font-size:32px;font-weight:700;color:var(--foreground);line-height:1.2}.card-price-unit{font-size:13px;color:var(--foreground-tertiary)}.card-savings{font-size:12px;font-weight:500;color:var(--success);margin-top:4px}.card-features{margin-top:20px;flex:1;display:flex;flex-direction:column;gap:10px}.card-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--foreground)}.card-feature svg{width:16px;height:16px;color:var(--brand-500);flex-shrink:0}.card-cta{margin-top:20px}.card-cta .btn-brand,.card-cta .btn-outline{width:100%;font-family:var(--font-sans)}.security-section{margin-top:56px;max-width:42rem;margin-left:auto;margin-right:auto;border-radius:16px;border:1px solid var(--border);background:#fafafa80;padding:32px}.security-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.security-header h3{font-size:14px;font-weight:600;color:var(--foreground)}.security-header svg{width:16px;height:16px;color:var(--brand-500)}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:640px){.security-grid{grid-template-columns:repeat(2,1fr)}}.security-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted-foreground);font-family:var(--font-sans)}.security-item svg{width:14px;height:14px;color:var(--success);flex-shrink:0}.back-link-wrap{margin-top:40px;text-align:center}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--foreground-tertiary);text-decoration:none;transition:color .2s;font-family:var(--font-sans)}.back-link:hover{color:var(--foreground-secondary)}.back-link svg{width:14px;height:14px}