:root{--color-bg: #0A0E1A;--color-bg-elevated: #111827;--color-bg-card: #151C2E;--color-bg-card-hover: #1A2340;--color-surface: #1E2A45;--color-border: rgba(255,255,255,.06);--color-border-hover: rgba(255,255,255,.12);--color-text: #E8ECF4;--color-text-muted: #8B95AD;--color-text-faint: #5A6478;--color-accent: #F0A050;--color-accent-hover: #F4B570;--color-accent-glow: rgba(240, 160, 80, .15);--color-accent-subtle: rgba(240, 160, 80, .08);--color-emerald: #34D399;--color-sky: #38BDF8;--color-violet: #A78BFA;--color-rose: #FB7185;--font-display: "Instrument Serif", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 4px 24px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);--shadow-glow: 0 0 60px rgba(240, 160, 80, .08);--max-width: 1200px;--section-gap: 140px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:16px;overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 28px}.section-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;display:inline-flex;align-items:center;gap:10px}.section-label:before{content:"";display:inline-block;width:20px;height:1.5px;background:var(--color-accent)}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.15;color:var(--color-text);margin-bottom:20px;font-weight:400}.section-subtitle{font-size:1.1rem;color:var(--color-text-muted);max-width:560px;line-height:1.7}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 800px 600px at 20% 10%,rgba(240,160,80,.04),transparent),radial-gradient(ellipse 600px 800px at 80% 50%,rgba(56,189,248,.03),transparent),radial-gradient(ellipse 500px 500px at 50% 90%,rgba(167,139,250,.03),transparent);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .4s cubic-bezier(.22,1,.36,1)}nav.scrolled{background:#0a0e1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:12px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-body);font-size:1.4rem;font-weight:800;letter-spacing:-.5px;color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:12px}.nav-logo-icon{display:flex;align-items:flex-end;gap:3px;height:28px}.nav-logo-icon .bar{width:3.5px;border-radius:2px;background:var(--color-accent)}.nav-logo-icon .bar:nth-child(1){height:8px;opacity:.3}.nav-logo-icon .bar:nth-child(2){height:16px;opacity:.5}.nav-logo-icon .bar:nth-child(3){height:26px;opacity:.8}.nav-logo-icon .bar:nth-child(4){height:20px;opacity:1}.nav-logo-icon .bar:nth-child(5){height:12px;opacity:.6}.nav-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .25s}.nav-links a:hover{color:var(--color-text)}.nav-cta{background:var(--color-accent)!important;color:var(--color-bg)!important;padding:9px 22px;border-radius:100px;font-weight:600!important;transition:all .25s!important}.nav-cta:hover{background:var(--color-accent-hover)!important;transform:translateY(-1px)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--color-text);margin:5px 0;border-radius:2px;transition:all .3s}.hero{padding:180px 0 var(--section-gap);text-align:center;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--color-accent-subtle);border:1px solid rgba(240,160,80,.15);border-radius:100px;padding:7px 18px 7px 10px;font-size:.82rem;color:var(--color-accent);font-weight:600;margin-bottom:32px;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) .1s both}.hero-badge-dot{width:8px;height:8px;background:var(--color-emerald);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5rem);line-height:1.08;font-weight:400;max-width:800px;margin:0 auto 28px;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) .2s both}.hero h1 em{font-style:italic;color:var(--color-accent)}.hero-sub{font-size:1.15rem;color:var(--color-text-muted);max-width:540px;margin:0 auto 44px;line-height:1.7;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) .35s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) .5s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:100px;font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s cubic-bezier(.22,1,.36,1)}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px #f0a05040}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border-hover)}.btn-ghost:hover{border-color:#ffffff40;background:#ffffff0a}.btn-sm{padding:10px 22px;font-size:.88rem}.trust-bar{padding:0 0 var(--section-gap)}.trust-inner{display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap;opacity:.35}.trust-inner span{font-size:.85rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap}.plugins{padding-bottom:var(--section-gap)}.plugins-header{text-align:center;margin-bottom:64px}.plugins-header .section-subtitle{margin:0 auto}.plugins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.plugin-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.plugin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent, var(--color-accent)),transparent);opacity:0;transition:opacity .4s}.plugin-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card)}.plugin-card:hover:before{opacity:1}.plugin-icon{width:52px;height:52px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:24px}.plugin-card:nth-child(1) .plugin-icon{background:#f0a0501f}.plugin-card:nth-child(1){--card-accent: var(--color-accent)}.plugin-card:nth-child(2) .plugin-icon{background:#38bdf81f}.plugin-card:nth-child(2){--card-accent: var(--color-sky)}.plugin-card:nth-child(3) .plugin-icon{background:#34d3991f}.plugin-card:nth-child(3){--card-accent: var(--color-emerald)}.plugin-card:nth-child(4) .plugin-icon{background:#a78bfa1f}.plugin-card:nth-child(4){--card-accent: var(--color-violet)}.plugin-badge-slot{min-height:26px;margin-bottom:8px}.plugin-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:100px}.badge-popular{background:#f0a0501f;color:var(--color-accent)}.badge-new{background:#34d3991f;color:var(--color-emerald)}.plugin-name{font-family:var(--font-display);font-size:1.55rem;margin-bottom:10px;line-height:1.25}.plugin-desc{color:var(--color-text-muted);font-size:.92rem;line-height:1.65;margin-bottom:24px;flex:1}.plugin-compat{font-size:.78rem;color:var(--color-text-faint);margin-bottom:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ojs-compat-badge{display:inline-flex;align-items:center;gap:4px;background:#34d39914;border:1px solid rgba(52,211,153,.15);border-radius:100px;padding:3px 10px;font-size:.75rem;font-weight:600;color:var(--color-emerald)}.plugin-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--color-border);margin-top:auto}.plugin-price{font-size:1.5rem;font-weight:700;color:var(--color-text)}.plugin-price small{font-size:.78rem;font-weight:500;color:var(--color-text-muted)}.how-it-works{padding-bottom:var(--section-gap)}.how-header{text-align:center;margin-bottom:72px}.how-header .section-subtitle{margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.steps:before{content:"";position:absolute;top:42px;left:16.66%;right:16.66%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-hover),var(--color-border-hover),transparent)}.step{text-align:center;position:relative}.step-number{width:52px;height:52px;border-radius:50%;background:var(--color-bg-card);border:1px solid var(--color-border-hover);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--color-accent);margin-bottom:24px;position:relative;z-index:1}.step-title{font-family:var(--font-display);font-size:1.25rem;margin-bottom:10px}.step-desc{font-size:.9rem;color:var(--color-text-muted);max-width:280px;margin:0 auto;line-height:1.6}.pricing{padding-bottom:var(--section-gap)}.pricing-header{text-align:center;margin-bottom:64px}.pricing-header .section-subtitle{margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:780px;margin:0 auto}.price-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;text-align:center;transition:all .4s;position:relative}.price-card.featured{border-color:#f0a05040;box-shadow:var(--shadow-glow)}.price-card.featured:before{content:"Best Value";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-bg);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 16px;border-radius:100px}.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.price-tier{font-family:var(--font-display);font-size:1.3rem;margin-bottom:4px}.price-tier-desc{font-size:.85rem;color:var(--color-text-muted);margin-bottom:24px}.price-amount{font-size:2.8rem;font-weight:700;margin-bottom:4px}.price-amount sup{font-size:1.2rem;position:relative;top:-14px}.price-period{font-size:.85rem;color:var(--color-text-muted);margin-bottom:32px}.price-features{list-style:none;text-align:left;margin-bottom:32px}.price-features li{padding:8px 0;font-size:.9rem;color:var(--color-text-muted);display:flex;align-items:flex-start;gap:10px}.price-features li:before{content:"✓";color:var(--color-emerald);font-weight:700;flex-shrink:0}.custom-dev{padding-bottom:var(--section-gap)}.custom-dev-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:72px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;overflow:hidden}.custom-dev-card:after{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,var(--color-accent-glow),transparent 70%);pointer-events:none}.custom-dev-content{position:relative;z-index:1}.custom-dev-content .section-title{margin-bottom:16px}.custom-dev-content p{color:var(--color-text-muted);margin-bottom:12px;font-size:.95rem;line-height:1.7}.custom-dev-list{list-style:none;margin:24px 0 36px}.custom-dev-list li{padding:10px 0;display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:.92rem}.custom-dev-list li .li-icon{width:32px;height:32px;background:var(--color-accent-subtle);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.custom-dev-form{position:relative;z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px}.custom-dev-form h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--color-text-muted);margin-bottom:6px;letter-spacing:.02em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:.9rem;transition:border-color .25s;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#f0a05066}.form-group textarea{resize:vertical;min-height:100px}.form-group select option{background:var(--color-bg-card)}.cta-block{padding-bottom:var(--section-gap)}.cta-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:72px 48px;text-align:center;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(circle,var(--color-accent-glow),transparent 70%);pointer-events:none}.cta-card .section-title{position:relative;z-index:1;margin-bottom:12px}.cta-subtitle{position:relative;z-index:1;font-size:1.1rem;color:var(--color-text-muted);max-width:480px;margin:0 auto 36px;line-height:1.7}.cta-card .btn{position:relative;z-index:1}.faq{padding-bottom:var(--section-gap)}.faq-header{text-align:center;margin-bottom:56px}.faq-header .section-subtitle{margin:0 auto}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{width:100%;background:none;border:none;padding:24px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:1.05rem;font-weight:600;color:var(--color-text);gap:16px}.faq-question:hover{color:var(--color-accent)}.faq-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border-hover);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--color-text-muted);flex-shrink:0;transition:all .3s}.faq-item.open .faq-icon{transform:rotate(45deg);border-color:var(--color-accent);color:var(--color-accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1)}.faq-answer-inner{padding-bottom:24px;font-size:.92rem;color:var(--color-text-muted);line-height:1.7}footer{border-top:1px solid var(--color-border);padding:56px 0 40px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-brand{max-width:280px}.footer-brand .nav-logo{margin-bottom:14px}.footer-brand p{font-size:.85rem;color:var(--color-text-faint);line-height:1.6}.footer-col h4{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:16px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:var(--color-text-faint);text-decoration:none;font-size:.88rem;transition:color .25s}.footer-col a:hover{color:var(--color-text)}.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-faint);flex-wrap:wrap;gap:12px}.reveal-ready .reveal{opacity:0;transform:translateY(32px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal-ready .reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){:root{--section-gap: 96px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0a0e1af7;backdrop-filter:blur(20px);padding:24px 28px;gap:20px;border-bottom:1px solid var(--color-border)}.nav-toggle{display:block}.hero{padding:140px 0 80px}.hero h1{font-size:clamp(2.2rem,8vw,3.4rem)}.steps{grid-template-columns:1fr;gap:40px}.steps:before{display:none}.plugins-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:420px}.custom-dev-card{grid-template-columns:1fr;padding:36px;gap:36px}.trust-inner{gap:28px}.footer-inner{flex-direction:column}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.plugin-card,.price-card{padding:28px}}