.pro-shell{--blog-accent-1:#b4a2ff;--blog-accent-2:#00d4e0;--blog-accent-3:#13e3b8;--blog-accent-ink:linear-gradient(90deg, var(--blog-accent-1), var(--blog-accent-2) 55%, var(--blog-accent-3));--blog-pass:#00cfb5;--blog-pass-soft:#00cfb52e;--blog-pass-border:#00cfb580;background:var(--background);height:100vh;color:var(--foreground);overflow:hidden auto}@supports (color:lab(0% 0 0)){.pro-shell{--blog-pass:lab(74.6682% -71.7019 -.453055);--blog-pass-soft:lab(74.6682% -71.7019 -.453055/.18);--blog-pass-border:lab(74.6682% -71.7019 -.453055/.5)}}.pro-hero{text-align:center;max-width:680px;margin:0 auto;padding:80px 32px 64px}.pro-hero-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:16px;font-size:11px;display:block}.pro-hero-title{font-family:var(--font-serif), "Source Serif 4", Charter, Georgia, serif;letter-spacing:-.02em;background:var(--blog-accent-ink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(36px,5.5vw,56px);font-weight:600;line-height:1.1}.pro-hero-sub{color:var(--muted-foreground);max-width:540px;margin:0 auto;font-size:17px;line-height:1.65}.pro-badge-active{font-family:var(--font-mono);letter-spacing:.04em;color:var(--blog-pass);background:var(--blog-pass-soft);border:1px solid var(--blog-pass-border);border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:6px 14px;font-size:12px;display:inline-flex}.pro-pricing{grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:0 auto;padding:0 32px 80px;display:grid}.pro-card{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;gap:24px;padding:28px 24px;display:flex}.pro-card-featured{border-color:color-mix(in oklch, var(--blog-accent-1) 40%, transparent);background:radial-gradient(90% 60% at 50% 0%, color-mix(in oklch, var(--blog-accent-1) 10%, transparent), transparent 60%), var(--card);box-shadow:0 0 40px -12px color-mix(in oklch, var(--blog-accent-1) 25%, transparent), 0 0 80px -20px color-mix(in oklch, var(--blog-accent-2) 15%, transparent)}.pro-card-head{flex-direction:column;gap:4px;display:flex}.pro-card-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px;font-weight:600}.pro-card-featured .pro-card-label{color:var(--blog-accent-1)}.pro-card-price{align-items:baseline;gap:8px;margin-top:4px;display:flex}.pro-card-amount{letter-spacing:-.03em;font-size:40px;font-weight:700;line-height:1}.pro-card-featured .pro-card-amount{background:var(--blog-accent-ink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pro-card-term{color:var(--muted-foreground);font-size:13px}.pro-card-note{font-family:var(--font-mono);color:var(--muted-foreground);letter-spacing:.02em;margin-top:2px;font-size:11px}.pro-cta{letter-spacing:.01em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.pro-cta:hover{opacity:.9}.pro-cta:active{transform:scale(.98)}.pro-cta:disabled{opacity:.5;cursor:not-allowed}.pro-cta-primary{background:var(--foreground);color:var(--background)}.pro-cta-featured{background:var(--blog-accent-ink);color:#0a0919;font-weight:700}.pro-cta-outline{color:var(--foreground);border:1px solid var(--border);background:0 0}.pro-cta-outline:hover{border-color:color-mix(in oklch, var(--foreground) 40%, transparent);background:color-mix(in oklch, var(--foreground) 4%, transparent);opacity:1}.pro-features{color:color-mix(in oklch, var(--foreground) 85%, transparent);flex-direction:column;gap:10px;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}.pro-features li{align-items:flex-start;gap:10px;display:flex}.pro-check{color:var(--muted-foreground);flex-shrink:0;margin-top:2px}.pro-card-featured .pro-check{color:var(--blog-pass)}.pro-sections{flex-direction:column;gap:48px;max-width:820px;margin:0 auto;padding:0 32px 80px;display:flex}.pro-section{border:1px dashed color-mix(in oklch, var(--border) 70%, transparent);background:color-mix(in oklch, var(--card) 50%, transparent);border-radius:14px;padding:28px 24px}.pro-section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 10px;font-size:11px;font-weight:600}.pro-section-desc{color:var(--muted-foreground);margin:0 0 20px;font-size:14px;line-height:1.7}.pro-license-row{gap:10px;display:flex}.pro-license-input{border:1px solid var(--border);background:var(--background);min-width:0;font-family:var(--font-mono);color:var(--foreground);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border-color .15s}.pro-license-input::placeholder{color:color-mix(in oklch, var(--muted-foreground) 50%, transparent)}.pro-license-input:focus{border-color:color-mix(in oklch, var(--foreground) 40%, transparent)}.pro-license-success{color:var(--blog-pass);background:var(--blog-pass-soft);border:1px solid var(--blog-pass-border);border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.pro-license-error{color:#ff515a;color:lab(60.3694% 76.6677 41.2409);margin-top:8px;font-size:12px}.pro-faq{max-width:820px;margin:0 auto;padding:0 32px 48px}.pro-faq-title{font-family:var(--font-serif), "Source Serif 4", Charter, Georgia, serif;letter-spacing:-.01em;margin:0 0 28px;font-size:24px;font-weight:600}.pro-faq-list{flex-direction:column;gap:0;display:flex}.pro-faq-item{border-top:1px dashed color-mix(in oklch, var(--border) 60%, transparent);padding:20px 0}.pro-faq-item:last-child{border-bottom:1px dashed color-mix(in oklch, var(--border) 60%, transparent)}.pro-faq-q{margin:0 0 6px;font-size:14px;font-weight:500}.pro-faq-a{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.7}.pro-footer{text-align:center;padding:0 32px 64px}.pro-footer a{color:var(--muted-foreground);font-size:13px;text-decoration:none;transition:color .15s}.pro-footer a:hover{color:var(--foreground)}@media (max-width:680px){.pro-pricing{grid-template-columns:1fr}.pro-hero{padding:56px 24px 48px}.pro-pricing,.pro-sections{padding:0 24px 56px}.pro-faq{padding:0 24px 40px}.pro-footer{padding:0 24px 48px}.pro-license-row{flex-direction:column}}