:root{--purple-1:#7c3aed;--purple-2:#a855f7;--purple-3:#7c3aed;--cyan:#0e7490;--pink:#f472b6;--glass-bg:#fff9;--glass-border:#7c3aed59;--glass-hover-bg:#7c3aed26;--glass-hover-border:#7c3aed99;--text-main:#1e1b4b;--text-sub:#6b5c93}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}nav{z-index:1000;align-items:center;gap:6px;display:flex;position:fixed;top:20px;right:28px}.nav-btn{letter-spacing:.05em;color:var(--purple-3);cursor:pointer;background:0 0;border:none;outline:none;padding:9px 18px;font-family:Zen Dots,sans-serif;font-size:.75rem;text-decoration:none;transition:color .3s;position:relative}.nav-btn:before{content:"";-webkit-backdrop-filter:blur(18px)saturate(1.8);opacity:0;background:0 0;border:1px solid #0000;border-radius:10px;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.88)translateY(4px);box-shadow:0 0 18px #ffffff1a,inset 0 1px #ffffff0d}.nav-btn:hover:before{opacity:1;transform:scale(1)translateY(0)}.nav-btn:hover{color:var(--purple-3)}.nav-btn span{z-index:1;position:relative}.nav-btn.active:before{opacity:1;transform:scale(1)translateY(0)}.nav-btn.active{color:var(--purple-3)}#nav-drawer{border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(32px)saturate(1.8);z-index:999;pointer-events:none;background:#0a0818ed;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;width:min(320px,85vw);height:100dvh;padding:60px 40px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #00000080}#nav-drawer.open{pointer-events:all;transform:translate(0)}.drawer-btn{letter-spacing:.08em;width:100%;color:var(--purple-3);opacity:0;border:1px solid #0000;border-radius:12px;padding:14px 20px;font-family:Zen Dots,sans-serif;font-size:1rem;text-decoration:none;transition:background .3s,border-color .3s,color .3s,transform .3s;display:block;transform:translate(30px)}#nav-drawer.open .drawer-btn{opacity:1;transform:translate(0)}#nav-drawer.open .drawer-btn:first-child{transition-delay:50ms}#nav-drawer.open .drawer-btn:nth-child(2){transition-delay:.1s}#nav-drawer.open .drawer-btn:nth-child(3){transition-delay:.15s}#nav-drawer.open .drawer-btn:nth-child(4){transition-delay:.2s}.drawer-btn:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);color:#fff;transform:translate(6px)}#nav-drawer .drawer-btn{color:#c084fc}#nav-drawer .drawer-btn:hover{color:#fff}#nav-overlay{z-index:998;opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s;position:fixed;inset:0}#nav-overlay.open{opacity:1;pointer-events:all}@media (width<=768px){.nav-btn{display:none}#nav-drawer{padding:40px 24px}.drawer-btn{margin-bottom:12px}}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:52vh;padding:140px 5vw 60px;display:flex;position:relative}.hero-tag{letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);opacity:0;margin-bottom:20px;font-family:Zen Dots,sans-serif;font-size:.68rem;animation:.7s cubic-bezier(.22,1,.36,1) .2s forwards fadeUp}.hero-title{background:linear-gradient(120deg, #1e1b4b 0%, var(--purple-3) 50%, var(--cyan) 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:Zen Dots,sans-serif;font-size:clamp(2.2rem,6vw,4rem);line-height:1.15;animation:.7s cubic-bezier(.22,1,.36,1) .35s forwards fadeUp}.hero-sub{color:var(--text-sub);opacity:0;max-width:520px;margin-bottom:48px;font-size:clamp(.88rem,1.8vw,1.05rem);font-weight:300;line-height:1.85;animation:.7s cubic-bezier(.22,1,.36,1) .5s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn-group{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;animation:.7s cubic-bezier(.22,1,.36,1) .65s forwards fadeUp;display:flex}.btn-primary{letter-spacing:.06em;color:#fff;background:linear-gradient(135deg, var(--purple-1), var(--purple-2));border:1px solid #c084fc66;border-radius:14px;align-items:center;gap:10px;padding:15px 32px;font-family:Zen Dots,sans-serif;font-size:.82rem;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,filter .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 32px #7c3aed73,inset 0 1px #ffffff26}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-4px)scale(1.03);box-shadow:0 0 55px #a855f78c,inset 0 1px #fff3}.btn-primary:hover:before{opacity:1}.btn-secondary{letter-spacing:.06em;color:var(--purple-3);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);border-radius:14px;align-items:center;gap:10px;padding:15px 32px;font-family:Zen Dots,sans-serif;font-size:.82rem;text-decoration:none;transition:background .35s cubic-bezier(.22,1,.36,1),border-color .35s,color .3s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:inline-flex;box-shadow:0 0 20px #7c3aed1f,inset 0 1px #ffffff14}.btn-secondary:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);color:var(--purple-3);transform:translateY(-4px)scale(1.03);box-shadow:0 0 40px #a855f740,inset 0 1px #ffffff1f}.cta-bottom .btn-primary,.cta-bottom .btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);color:var(--purple-3);box-shadow:0 0 20px #7c3aed1f,inset 0 1px #ffffff14}.cta-bottom .btn-primary:hover,.cta-bottom .btn-secondary:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);color:var(--purple-3);box-shadow:0 0 40px #a855f740,inset 0 1px #ffffff1f}.cta-bottom .btn-primary svg path{stroke:currentColor}.divider{z-index:1;background:linear-gradient(90deg,#0000,#a855f74d,#0000);height:1px;margin:0 5vw;position:relative}.steps-section{z-index:1;max-width:860px;margin:0 auto;padding:80px 5vw 60px;position:relative}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--purple-3);margin-bottom:14px;font-family:Zen Dots,sans-serif;font-size:.68rem}.section-heading{color:var(--text-main);margin-bottom:48px;font-family:Zen Dots,sans-serif;font-size:clamp(1.3rem,3vw,2rem);line-height:1.3}.steps{flex-direction:column;gap:20px;display:flex}.step-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(1.5);opacity:0;border-radius:18px;align-items:flex-start;gap:24px;padding:28px 32px;transition:background .35s,border-color .35s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex;transform:translate(-20px);box-shadow:0 0 24px #7c3aed1a,inset 0 1px #ffffff0f}.step-card.in{opacity:1;transform:translate(0)}.step-card:hover{background:var(--glass-hover-bg);border-color:#a855f759;transform:translate(6px);box-shadow:0 0 44px #a855f72e,inset 0 1px #ffffff1a}.step-num{color:#fff;background:linear-gradient(135deg, var(--purple-1), var(--purple-2));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Zen Dots,sans-serif;font-size:1rem;display:flex;box-shadow:0 0 16px #7c3aed80}.step-content{flex:1}.step-title{color:var(--text-main);margin-bottom:6px;font-size:1rem;font-weight:700;line-height:1.4}.step-desc{color:var(--text-sub);font-size:.88rem;font-weight:300;line-height:1.8}.step-desc code{color:var(--cyan);background:#7c3aed2e;border:1px solid #a855f740;border-radius:5px;padding:1px 7px;font-family:Fira Code,Consolas,monospace;font-size:.85em}.req-section{z-index:1;max-width:860px;margin:0 auto;padding:60px 5vw 80px;position:relative}.req-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:36px;display:grid}.req-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);opacity:0;border-radius:14px;align-items:center;gap:14px;padding:22px 24px;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s;display:flex;transform:translateY(16px)}.req-card.in{opacity:1;transform:translateY(0)}.req-card:hover{background:var(--glass-hover-bg);border-color:#a855f759}.req-icon{flex-shrink:0;font-size:1.5rem}.req-text{color:var(--text-sub);font-size:.88rem;font-weight:300;line-height:1.6}.req-text strong{color:var(--text-main);margin-bottom:2px;font-size:.92rem;font-weight:700;display:block}.cta-bottom{z-index:1;text-align:center;padding:20px 5vw 100px;position:relative}.cta-bottom-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);opacity:0;border-radius:24px;max-width:640px;margin:0 auto;padding:52px 48px;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px);box-shadow:0 0 60px #7c3aed24,inset 0 1px #ffffff12}.cta-bottom-card.in{opacity:1;transform:translateY(0)}.cta-bottom-title{color:var(--text-main);margin-bottom:14px;font-family:Zen Dots,sans-serif;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.3}.cta-bottom-sub{color:var(--text-sub);margin-bottom:36px;font-size:.92rem;font-weight:300;line-height:1.8}footer{z-index:1;color:#a78bca80;letter-spacing:.05em;border-top:1px solid #a855f726;justify-content:center;align-items:center;gap:8px;padding:32px 5vw;font-size:.82rem;display:flex;position:relative}footer span.brand{color:#c084fc99;font-family:Zen Dots,sans-serif}@media (width<=600px){.btn-group{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:320px}.step-card{flex-direction:column;gap:16px;padding:22px}.cta-bottom-card{padding:36px 24px}.req-grid{grid-template-columns:1fr}}