@font-face{font-family:Bukhari Script;font-style:italic;font-weight:400;src:local("Bukhari Script"),url(https://fonts.cdnfonts.com/s/57472/BukhariScript-Regular.woff) format("woff")}:root{--purple: #9B7BF7;--purple-light: #B9A1FF;--purple-dark: #7B5CD4;--purple-glow: rgba(155, 123, 247, .15);--purple-glow-strong: rgba(155, 123, 247, .25);--black: #0D0D0D;--dark: #1A1A1A;--gray-900: #222222;--gray-800: #2A2A2A;--gray-700: #3A3A3A;--gray-600: #555555;--gray-500: #777777;--gray-400: #999999;--gray-300: #BBBBBB;--gray-200: #E0E0E0;--gray-100: #F2F2F2;--white: #FFFFFF;--green: #34D399;--font-logo: "Bukhari Script", cursive;--font-main: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--black);color:var(--gray-200);line-height:1.6;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;background:#0d0d0dd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(155,123,247,.08);transition:all .3s ease}nav .logo-area{display:flex;align-items:center;gap:.75rem}nav .logo-mark{font-family:var(--font-logo);font-style:italic;font-weight:400;font-size:1.8rem;letter-spacing:.01em;line-height:1}nav .logo-mark span:nth-child(1){color:var(--white)}nav .logo-mark span:nth-child(2){color:var(--purple)}nav .logo-mark span:nth-child(3){color:var(--white)}nav .nav-links{display:flex;align-items:center;gap:2rem}nav .nav-links a{color:var(--gray-400);text-decoration:none;font-size:.9rem;font-weight:400;transition:color .2s}nav .nav-links a:hover{color:var(--white)}nav .nav-cta{background:var(--purple);color:var(--white);border:none;padding:.6rem 1.4rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-main)}nav .nav-cta:hover{background:var(--purple-light);transform:translateY(-1px)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;position:relative}.hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--purple-glow) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:100px;background:#9b7bf714;border:1px solid rgba(155,123,247,.15);font-size:.8rem;color:var(--purple-light);font-weight:500;margin-bottom:2rem;animation:fadeInDown .6s ease both}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:700;color:var(--white);line-height:1.1;letter-spacing:-.03em;max-width:800px;margin-bottom:1.5rem;animation:fadeInUp .8s ease both .1s}.hero h1 .accent{color:var(--purple)}.hero .subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--gray-400);max-width:560px;line-height:1.7;margin-bottom:2.5rem;animation:fadeInUp .8s ease both .2s}.hero-ctas{display:flex;gap:1rem;align-items:center;animation:fadeInUp .8s ease both .3s}.btn-primary{background:var(--purple);color:var(--white);border:none;padding:.9rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:var(--font-main)}.btn-primary:hover{background:var(--purple-light);transform:translateY(-2px);box-shadow:0 8px 30px #9b7bf74d}.btn-secondary{background:transparent;color:var(--gray-300);border:1px solid var(--gray-700);padding:.9rem 2rem;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .25s;font-family:var(--font-main)}.btn-secondary:hover{border-color:var(--gray-500);color:var(--white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.metrics-bar{padding:3rem 2rem;border-top:1px solid var(--gray-800);border-bottom:1px solid var(--gray-800);background:var(--dark)}.metrics-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.metric-item .metric-value{font-size:2rem;font-weight:700;color:var(--white);font-family:var(--font-mono);letter-spacing:-.02em}.metric-item .metric-value .metric-accent{color:var(--purple)}.metric-item .metric-label{font-size:.82rem;color:var(--gray-500);margin-top:.3rem;font-weight:400}section{padding:6rem 2rem}.section-inner{max-width:1100px;margin:0 auto}.section-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--purple);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--white);letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.section-subtitle{font-size:1.05rem;color:var(--gray-400);max-width:550px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.feature-card{background:var(--dark);border:1px solid var(--gray-800);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:hover{border-color:#9b7bf733;transform:translateY(-3px);box-shadow:0 10px 40px #0000004d}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .3s}.feature-card:hover:after{opacity:1}.feature-icon{width:44px;height:44px;border-radius:10px;background:#9b7bf71a;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.25rem}.feature-card h3{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:.6rem}.feature-card .feature-label{font-family:var(--font-mono);font-size:.65rem;color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;opacity:.8}.feature-card p{font-size:.92rem;color:var(--gray-400);line-height:1.6}.feature-card.featured{grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,var(--dark) 0%,rgba(155,123,247,.05) 100%)}.feature-card.featured h3{font-size:1.35rem}.feature-card.featured p{font-size:1rem;max-width:400px}.feature-card .feature-visual{margin-top:1.5rem;background:var(--black);border:1px solid var(--gray-800);border-radius:10px;padding:1.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--gray-500);line-height:1.8}.feature-card .feature-visual .fv-line{display:flex;gap:.5rem}.feature-card .feature-visual .fv-key{color:var(--gray-400)}.feature-card .feature-visual .fv-val{color:var(--purple-light)}.feature-card .feature-visual .fv-val.green{color:var(--green)}.how-section{background:var(--dark)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem}.how-step{padding:2rem;position:relative}.how-step .step-num{font-family:var(--font-mono);font-size:3rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;line-height:1}.how-step h3{font-size:1.15rem;font-weight:600;color:var(--white);margin-bottom:.6rem}.how-step p{font-size:.92rem;color:var(--gray-400);line-height:1.6}.how-connector{position:absolute;top:3.5rem;right:-1rem;color:var(--gray-700);font-size:1.2rem}.dashboard-preview{margin-top:4rem;background:var(--black);border:1px solid var(--gray-800);border-radius:16px;overflow:hidden}.dash-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-800);background:#9b7bf705}.dash-topbar .dash-title{font-weight:600;font-size:.9rem;color:var(--white);display:flex;align-items:center;gap:.5rem}.dash-topbar .dash-period{font-size:.8rem;color:var(--gray-500);font-family:var(--font-mono)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-800)}.dash-cell{background:var(--black);padding:1.5rem}.dash-cell .dc-label{font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);margin-bottom:.4rem}.dash-cell .dc-value{font-size:1.6rem;font-weight:700;color:var(--white);font-family:var(--font-mono);letter-spacing:-.02em}.dash-cell .dc-value.purple{color:var(--purple)}.dash-cell .dc-value.green{color:var(--green)}.dash-cell .dc-change{font-size:.72rem;font-family:var(--font-mono);margin-top:.2rem}.dash-cell .dc-change.positive{color:var(--green)}.dash-cell .dc-change.negative{color:#f87171}.dash-bottom{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--gray-800)}.dash-chart{background:var(--black);padding:1.5rem}.dash-chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dash-chart .chart-title{font-size:.82rem;color:var(--gray-400);font-weight:500}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:120px}.chart-bar-group{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.chart-bar{width:100%;border-radius:3px 3px 0 0;background:var(--purple);transition:all .3s;min-height:4px}.chart-bar.muted{background:var(--gray-700)}.chart-bar-label{font-size:.6rem;color:var(--gray-600);font-family:var(--font-mono)}.dash-quests{background:var(--black);padding:1.5rem}.dash-quests .quest-title{font-size:.82rem;color:var(--gray-400);font-weight:500;margin-bottom:1rem}.quest-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--gray-800)}.quest-item:last-child{border-bottom:none}.quest-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--gray-700);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0}.quest-check.done{background:var(--purple);border-color:var(--purple);color:#fff}.quest-text{font-size:.8rem;color:var(--gray-400)}.quest-xp{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;color:var(--purple-light)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.pricing-card{background:var(--dark);border:1px solid var(--gray-800);border-radius:16px;padding:2.5rem 2rem;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-3px)}.pricing-card.popular{border-color:var(--purple);background:linear-gradient(180deg,rgba(155,123,247,.06) 0%,var(--dark) 50%)}.pricing-card.popular .popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--purple);color:#fff;padding:.3rem 1rem;border-radius:100px;font-size:.72rem;font-weight:600}.pricing-card .plan-name{font-size:.85rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.pricing-card .plan-price{font-size:2.5rem;font-weight:700;color:var(--white);font-family:var(--font-mono);letter-spacing:-.03em}.pricing-card .plan-price span{font-size:1rem;color:var(--gray-500);font-weight:400}.pricing-card .plan-desc{font-size:.85rem;color:var(--gray-500);margin-top:.5rem;margin-bottom:2rem;line-height:1.5}.pricing-card .plan-features{list-style:none;margin-bottom:2rem}.pricing-card .plan-features li{font-size:.88rem;color:var(--gray-300);padding:.5rem 0;display:flex;align-items:flex-start;gap:.6rem}.pricing-card .plan-features li:before{content:"✓";color:var(--purple);font-weight:700;flex-shrink:0;margin-top:.05rem}.pricing-card .plan-btn{width:100%;padding:.85rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-main)}.pricing-card .plan-btn.primary{background:var(--purple);color:#fff;border:none}.pricing-card .plan-btn.primary:hover{background:var(--purple-light)}.pricing-card .plan-btn.secondary{background:transparent;color:var(--gray-300);border:1px solid var(--gray-700)}.pricing-card .plan-btn.secondary:hover{border-color:var(--gray-500);color:#fff}.testimonials-section{background:var(--dark)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.testimonial-card{background:var(--black);border:1px solid var(--gray-800);border-radius:16px;padding:2rem}.testimonial-card .tc-stars{color:var(--purple);font-size:.85rem;margin-bottom:1rem;letter-spacing:2px}.testimonial-card .tc-text{font-size:.95rem;color:var(--gray-300);line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-card .tc-author{display:flex;align-items:center;gap:.75rem}.tc-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.tc-info .tc-name{font-size:.85rem;color:var(--white);font-weight:500}.tc-info .tc-role{font-size:.75rem;color:var(--gray-500)}.final-cta{text-align:center;padding:8rem 2rem;position:relative}.final-cta:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--purple-glow) 0%,transparent 70%);pointer-events:none}.final-cta h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--white);letter-spacing:-.02em;margin-bottom:1rem}.final-cta p{font-size:1.1rem;color:var(--gray-400);max-width:500px;margin:0 auto 2.5rem}.final-cta .small-print{font-size:.78rem;color:var(--gray-600);margin-top:1.5rem;font-family:var(--font-mono)}footer{border-top:1px solid var(--gray-800);padding:3rem 2rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-inner .footer-left{display:flex;align-items:center;gap:2rem}.footer-brand{font-family:var(--font-logo);font-style:italic;font-weight:400;font-size:1.4rem;color:var(--gray-500);line-height:1}.footer-brand span:nth-child(1){color:var(--gray-500)}.footer-brand span:nth-child(2){color:var(--purple)}.footer-brand span:nth-child(3){color:var(--gray-500)}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.8rem;color:var(--gray-600);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--gray-400)}.footer-right{font-size:.75rem;color:var(--gray-600);font-family:var(--font-mono)}@media(max-width:900px){.features-grid{grid-template-columns:1fr}.feature-card.featured{grid-column:span 1;grid-row:span 1}.metrics-inner{grid-template-columns:repeat(2,1fr)}.how-steps{grid-template-columns:1fr}.how-connector{display:none}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.testimonials-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:repeat(2,1fr)}.dash-bottom{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:1.5rem;text-align:center}.footer-inner .footer-left{flex-direction:column}nav .nav-links{display:none}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}