:root{--bg:#0f0c29;--bg2:#1a1730;--bg3:#120f2e;--accent:#7c6bff;--accent2:#e040fb;--accent-hover:#9a8dff;--text-primary:#f0f0f5;--text-secondary:#b8adff;--text-muted:#7070a0;--border:#ffffff1a;--border-hover:#ffffff2e;--radius-md:16px;--radius-lg:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:clip}.site-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0f0c29d9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1180px;height:52px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{letter-spacing:.5px;color:var(--accent);font-size:.9rem;font-weight:800;text-decoration:none;transition:color .15s}.nav-brand:hover{color:var(--accent-hover)}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:99px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.nav-link:hover{color:var(--text-primary);background:#ffffff12}.nav-link.active{color:var(--text-primary);background:#7c6bff33;border-color:#7c6bff66}.landing-hero{padding:100px 0 90px;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 40% 40%,#4918dc6b 0%,#0000 60%) 0 0/160% 160%,radial-gradient(at 60% 60%,#a51d8e52 0%,#0000 60%) 0 0/160% 160%,radial-gradient(#22a0a038 0%,#0000 55%) 0 0/160% 160%;animation:18s ease-in-out infinite alternate landingAurora;position:absolute;inset:0}.landing-hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#0f0c29 100%);height:260px;position:absolute;bottom:0;left:0;right:0}@keyframes landingAurora{0%{background-position:0 0,100% 100%,25%}to{background-position:100% 100%,0 0,75%}}.landing-hero-inner{z-index:2;max-width:1160px;margin:0 auto;padding:0 24px;position:relative}.landing-badge{letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);background:#7c6bff1f;border:1px solid #7c6bff40;border-radius:99px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.landing-h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#b8adff 70%,#e040fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.1}.landing-sub{color:#f0f0f5bf;max-width:580px;margin-bottom:14px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.65}.landing-hint{color:var(--text-muted);margin-bottom:36px;font-size:.82rem}.landing-hero-btns{flex-wrap:wrap;gap:12px;display:flex}.landing-btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);border-radius:99px;align-items:center;gap:6px;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 20px #7c6bff59}.landing-btn-primary:hover{opacity:.92;box-shadow:0 8px 28px #7c6bff80}.landing-btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#ffffff0f;border-radius:99px;align-items:center;gap:6px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.landing-btn-secondary:hover{border-color:var(--border-hover);background-color:#ffffff1a}.landing-btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0;border-radius:99px;align-items:center;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.landing-btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hover)}.section-inner{max-width:1160px;margin:0 auto;padding:0 24px}.section-label{letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.7rem;font-weight:700}.section-heading{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.2}.section-desc{color:#f0f0f5a6;max-width:560px;margin-bottom:48px;font-size:1rem;line-height:1.65}.tools-section{padding:80px 0 96px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}[data-glow]{--spotlight-size:280px;background-color:#ffffff0a;background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,-9999) * 1px) calc(var(--y,-9999) * 1px), hsl(var(--hue,210) 100% 70% / .1), transparent);background-attachment:fixed;border:1px solid #ffffff1a;transition:border-color .3s;position:relative}[data-glow]:hover{box-shadow:0 16px 48px #0006, 0 0 40px hsl(var(--hue,210) 100% 60% / .12);border-color:#ffffff38}[data-glow]:before{pointer-events:none;content:"";border-radius:calc(var(--radius-lg) + 2px);background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,-9999) * 1px) calc(var(--y,-9999) * 1px), hsl(var(--hue,210) 100% 60% / .9), transparent 70%);-webkit-mask-composite:xor;z-index:1;background-attachment:fixed;border:2px solid #0000;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-glow]:after{pointer-events:none;content:"";border-radius:calc(var(--radius-lg) + 2px);background-image:radial-gradient(calc(var(--spotlight-size) * .35) calc(var(--spotlight-size) * .35) at calc(var(--x,-9999) * 1px) calc(var(--y,-9999) * 1px), #ffffffd9, transparent 70%);-webkit-mask-composite:xor;z-index:1;background-attachment:fixed;border:2px solid #0000;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-btn-primary[data-glow],.landing-btn-secondary[data-glow]{--spotlight-size:180px}.landing-btn-primary[data-glow]{background-color:#0000;background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,-9999) * 1px) calc(var(--y,-9999) * 1px), hsl(var(--hue,255) 100% 80% / .18), transparent), linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);background-attachment:fixed,scroll;border:1px solid #ffffff26}.landing-btn-primary[data-glow]:hover{border-color:#ffffff40;box-shadow:0 8px 28px #7c6bff80}.landing-btn-primary[data-glow]:before,.landing-btn-primary[data-glow]:after,.landing-btn-secondary[data-glow]:before,.landing-btn-secondary[data-glow]:after{border-radius:999px}.tool-card{border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;flex-direction:column;gap:16px;padding:28px 24px 22px;text-decoration:none;display:flex}.tool-card-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.tool-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.tool-card-tag{letter-spacing:1.2px;text-transform:uppercase;color:hsl(var(--hue,210) 100% 72%);opacity:.9;font-size:.68rem;font-weight:700}.tool-card-name{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.tool-card-desc{color:#f0f0f599;font-size:.88rem;line-height:1.6}.tool-card-cta{color:hsl(var(--hue,210) 100% 72%);align-items:center;gap:4px;margin-top:4px;font-size:.82rem;font-weight:700;display:flex}.tool-card-arrow{transition:transform .2s}.tool-card:hover .tool-card-arrow{transform:translate(4px)}.features-section{background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0 96px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.feature-item{border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:28px 24px 24px;display:flex}.feature-card-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.feature-card-body{flex-direction:column;gap:8px;display:flex}.feature-card-tag{letter-spacing:1.2px;text-transform:uppercase;color:hsl(var(--hue,210) 100% 72%);opacity:.9;font-size:.68rem;font-weight:700}.feature-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.feature-desc{color:#f0f0f599;font-size:.88rem;line-height:1.65}.cta-section{text-align:center;padding:96px 24px;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(70% 80%,#3b178240 0%,#0000 70%);position:absolute;inset:0}.cta-inner{flex-direction:column;align-items:center;gap:16px;max-width:600px;margin:0 auto;display:flex;position:relative}.cta-heading{letter-spacing:-.025em;color:var(--text-primary);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;line-height:1.2}.cta-sub{color:#f0f0f5a6;margin-bottom:8px;font-size:1rem;line-height:1.65}.cta-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=768px){.landing-hero{padding:72px 0 64px}.tools-section,.features-section{padding:60px 0 72px}.cta-section{padding:72px 20px}.section-desc{margin-bottom:36px}}@media (width<=480px){.landing-hero{padding:56px 0 52px}.landing-hero-btns{flex-direction:column;align-items:stretch}.landing-btn-primary,.landing-btn-secondary{justify-content:center}.tools-grid,.features-grid{grid-template-columns:1fr}.cta-btns{flex-direction:column;align-items:stretch}.landing-btn-ghost{justify-content:center}}