@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#3b4eac;--primary-light:#5468c8;--primary-glow:#3b4eac40;--secondary:#6b9080;--secondary-light:#8aaa9e;--bg:#fff;--bg-muted:#f7f8fc;--bg-card:#fff;--surface:#eef0f8;--text:#1a1f3c;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7f0;--border-strong:#c7cade;--radius-sm:6px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #3b4eac14, 0 1px 2px #0000000f;--shadow:0 4px 16px #3b4eac1f, 0 2px 8px #00000014;--shadow-lg:0 12px 40px #3b4eac2e, 0 4px 16px #0000001a;--shadow-glow:0 0 32px #3b4eac40;--transition:all .25s cubic-bezier(.4,0,.2,1);--nav-h:64px}@media (prefers-color-scheme:dark){:root{--bg:#0f1023;--bg-muted:#161830;--bg-card:#1b1e38;--surface:#22264a;--text:#e8eaf6;--text-muted:#9aa0c4;--text-light:#6b72a8;--border:#2a2e56;--border-strong:#363b6e;--primary-glow:#5468c84d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none}img{max-width:100%}@keyframes heroGlow{0%,to{opacity:.6;transform:scale(1)translate(0)}33%{opacity:.8;transform:scale(1.15)translate(3%,-3%)}66%{opacity:.5;transform:scale(.95)translate(-2%,2%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 12px #0000}}.nav{z-index:100;height:var(--nav-h);background:rgba(var(--bg-rgb,255,255,255), .85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--transition);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:var(--text);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex}.nav-logo{width:32px;height:32px;transition:var(--transition);border-radius:8px}.nav-brand:hover .nav-logo{transform:rotate(8deg)scale(1.05)}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-muted);padding:.25rem 0;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));width:0;height:2px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--primary);transition:var(--transition);box-shadow:0 2px 8px var(--primary-glow);border-radius:24px;padding:.45rem 1.1rem;font-size:.875rem;font-weight:600;color:#fff!important}.nav-cta:hover{background:var(--primary-light);transform:translateY(-1px)}.nav-cta:after{display:none!important}.hero{padding:calc(var(--nav-h) + 5rem) 2rem 6rem;text-align:center;background:var(--bg-muted);position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(80px);border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#3b4eac2e 0%,#0000 70%);width:600px;height:600px;animation:10s ease-in-out infinite heroGlow;top:-200px;left:-100px}.hero-orb-2{background:radial-gradient(circle,#6b908026 0%,#0000 70%);width:500px;height:500px;animation:12s ease-in-out infinite reverse heroGlow;top:-150px;right:-100px}.hero-content{max-width:820px;margin:0 auto;animation:.7s both fadeInUp;position:relative}.hero-badge{background:var(--surface);border:1px solid var(--border);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border-radius:24px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--secondary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.hero-title{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 60%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;animation:6s infinite gradientShift}.hero-subtitle{color:var(--text-muted);margin-bottom:.75rem;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400}.hero-tagline{color:var(--text-light);margin-bottom:2.5rem;font-size:1rem;font-style:italic}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:40px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:#ffffff1f;transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-ghost{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-ghost:hover{background:var(--primary);color:#fff}.section{padding:5rem 2rem}.section-muted{background:var(--bg-muted)}.container{max-width:1160px;margin:0 auto}.section-header{text-align:center;margin-bottom:3.5rem}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.section-title{color:var(--text);margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.section-desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:2rem;animation:.6s both fadeInUp;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-6px)scale(1.01)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:var(--radius);background:linear-gradient(135deg, var(--surface), var(--bg-muted));justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.5rem;transition:transform .3s;display:flex}.feature-card:hover .feature-icon{transform:translateY(-4px)rotate(5deg)}.feature-card h3{color:var(--text);margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.7}.packages-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.package-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);cursor:default;padding:1.25rem 1.5rem}.package-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-4px)}.package-name{color:var(--primary);margin-bottom:.4rem;font-family:Courier New,monospace;font-size:.875rem;font-weight:700}.package-card p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.philosophy{grid-template-columns:1fr 1fr;gap:2rem;max-width:800px;margin:0 auto;display:grid}.philo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);padding:2.5rem}.philo-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.philo-card.yin{border-top:4px solid var(--primary)}.philo-card.yang{border-top:4px solid var(--secondary)}.philo-char{margin-bottom:.75rem;font-size:4rem;font-weight:900;line-height:1}.philo-card.yin .philo-char{color:var(--primary)}.philo-card.yang .philo-char{color:var(--secondary)}.philo-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.philo-title{color:var(--text);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.philo-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7}.code-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#0f1117;max-width:640px;margin:0 auto;overflow:hidden}.code-header{background:#1a1d27;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.code-dots{gap:.4rem;display:flex}.code-dot{border-radius:50%;width:12px;height:12px}.code-dot-r{background:#ff5f57}.code-dot-y{background:#ffbd2e}.code-dot-g{background:#28ca41}.code-lang{color:#fff6;font-family:monospace;font-size:.75rem}.code-block{color:#e5e7eb;white-space:pre;padding:1.5rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.8;overflow-x:auto}.code-comment{color:#6b7280}.code-keyword{color:#c084fc}.code-string{color:#86efac}.code-fn{color:#60a5fa}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:2rem 1rem}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.stat-number{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.35rem;font-size:2.75rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}footer{background:var(--bg-muted);border-top:1px solid var(--border);text-align:center;padding:3rem 2rem}footer p{color:var(--text-muted);font-size:.9rem}footer a{color:var(--primary);font-weight:500}footer a:hover{color:var(--primary-light)}.footer-links{justify-content:center;gap:1.5rem;margin-top:.75rem;display:flex}@media (width<=768px){.nav-links{display:none}.philosophy{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.packages-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-muted)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}