@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#5a7cff;--primary-rgb:90, 124, 255;--primary-light:#8fa6ff;--primary-dark:#3b5bdb;--primary-glow:#5a7cff26;--primary-glow-strong:#5a7cff59;--bg-main:#040612;--bg-dark:#010207;--bg-card:#0a102899;--text-main:#fff;--text-muted:#94a3b8;--text-accent:#a5b4fc;--border:#5a7cff1f;--border-hover:#5a7cff4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-main);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);min-height:100vh;color:var(--text-main);margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 10% 20%,#5a7cff14 0%,#0000 40%),radial-gradient(circle at 90% 60%,#5a7cff0f 0%,#0000 40%),linear-gradient(#5a7cff04 1px,#0000 1px) 0 0/50px 50px,linear-gradient(90deg,#5a7cff04 1px,#0000 1px) 0 0/50px 50px;height:1800px;position:absolute;top:0;left:0;right:0}body:after{content:"";filter:blur(120px);z-index:-1;pointer-events:none;background:radial-gradient(#5a7cff0a 0%,#0000 70%);width:900px;height:500px;position:absolute;top:15%;left:50%;transform:translate(-50%)}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-family:Outfit,sans-serif;font-weight:700;line-height:1.25}a{color:var(--text-main);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-light)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;background:#040612b3;align-items:center;height:80px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{letter-spacing:-.01em;background:linear-gradient(135deg, #fff 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;display:flex}.logo-icon{filter:drop-shadow(0 0 8px #5a7cff80)}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-muted);padding:6px 0;font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:var(--text-main)}.nav-links a:hover:after{width:100%}button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;padding:12px 28px;font-size:.95rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #5a7cff4d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #5a7cff73}.btn-primary:hover:before{left:100%}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background-color:#5a7cff0d;padding:12px 28px;font-size:.95rem}.btn-secondary:hover{border-color:var(--border-hover);background-color:#5a7cff1a;transform:translateY(-2px)}.hero{text-align:center;padding:180px 0 120px;position:relative}.hero-title{letter-spacing:-.03em;background:linear-gradient(180deg, #fff 0%, #cbd5e1 50%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.15}.hero-subtitle{color:var(--text-muted);max-width:800px;margin:0 auto 48px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.hero-actions{justify-content:center;gap:20px;margin-bottom:90px;display:flex}.hero-image-container{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080c2466;border:1px solid #5a7cff26;border-radius:20px;max-width:1060px;margin:0 auto;padding:16px;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #000c,0 0 50px #5a7cff0d}.hero-image-container:before{content:"";background:linear-gradient(90deg,#0000,#5a7cff66,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.mockup-frame{background:#020308;border:1px solid #5a7cff14;border-radius:14px;flex-direction:column;height:520px;display:flex;position:relative;overflow:hidden}.section-title{text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg, #fff 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.2rem,4vw,3.2rem)}.section-subtitle{color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto 64px;font-size:1.1rem}.features{background:var(--bg-dark);padding:130px 0;position:relative;overflow:hidden}.features:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#5a7cff06 0%,#0000 60%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:36px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.feature-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#5a7cff33,#0000 40% 60%,#5a7cff0d);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.feature-card:hover{border-color:#5a7cff59;transform:translateY(-6px);box-shadow:0 20px 40px #0009,0 0 30px #5a7cff14}.feature-icon{width:60px;height:60px;color:var(--primary-light);background:#5a7cff14;border:1px solid #5a7cff26;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:inset 0 0 12px #5a7cff1a}.feature-card h3{color:#fff;margin-bottom:16px;font-size:1.35rem}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.how-it-works{padding:130px 0;position:relative}.steps-container{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;margin:0 auto;display:flex;position:relative}.step{text-align:center;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04061266;border:1px solid #5a7cff0f;border-radius:20px;flex-direction:column;flex:1;align-items:center;padding:32px 24px;transition:all .3s;display:flex}.step:hover{border-color:#5a7cff33;transform:translateY(-4px)}.step-number{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 0 20px #5a7cff66}.step h3{color:#fff;margin-bottom:12px;font-size:1.3rem}.step p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.step-arrow{color:#5a7cff4d;z-index:1;justify-content:center;align-items:center;animation:2s ease-in-out infinite pulseArrow;display:flex}@keyframes pulseArrow{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.privacy{background:var(--bg-dark);padding:130px 0;position:relative}.privacy-container{flex-direction:column;align-items:center;max-width:840px;display:flex}.privacy-icon{color:var(--primary-light);filter:drop-shadow(0 0 15px #5a7cff4d);margin-bottom:32px}.privacy-content{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;width:100%;padding:48px;position:relative}.privacy-content:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#5a7cff26,#0000 50%,#5a7cff0d);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.privacy-list{flex-direction:column;gap:28px;list-style:none;display:flex}.privacy-list li{color:var(--text-muted);padding-left:36px;font-size:1.05rem;position:relative}.privacy-list li strong{color:var(--text-main);margin-bottom:6px;font-family:Outfit,sans-serif;font-size:1.15rem;display:block}.privacy-list li:before{content:"✓";width:22px;height:22px;color:var(--primary-light);background:#5a7cff26;border:1px solid #5a7cff4d;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:2px;left:0}.footer{border-top:1px solid var(--border);background:var(--bg-main);padding:80px 0 40px}.footer-container{justify-content:space-between;align-items:center;display:flex}.footer-left{flex-direction:column;gap:16px;display:flex}.logo-small{background:linear-gradient(135deg, #fff 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.copyright{color:var(--text-muted);font-size:.85rem}.footer-links{gap:32px;display:flex}.footer-link{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;transition:all .2s;display:flex}.footer-link:hover{color:var(--primary-light)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow-blob{filter:blur(80px);pointer-events:none;opacity:.25;mix-blend-mode:screen;border-radius:50%;position:absolute}.git-graph-section{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:40px;display:grid}.git-svg-container{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a102866;border-radius:24px;justify-content:center;align-items:center;min-height:480px;padding:32px;display:flex;position:relative}.git-detail-container{flex-direction:column;gap:24px;display:flex}@media (width<=1024px){.git-graph-section{grid-template-columns:1fr;gap:32px}.hero-title{font-size:3.5rem}.steps-container{flex-direction:column;gap:48px}.step-arrow{animation:2s ease-in-out infinite pulseArrowVertical;transform:rotate(90deg)}.step{width:100%}}@keyframes pulseArrowVertical{0%,to{opacity:.5;transform:translateY(0)rotate(90deg)}50%{opacity:1;transform:translateY(6px)rotate(90deg)}}@media (width<=768px){.hero-title{font-size:2.8rem}.nav-links{display:none}.footer-container{text-align:center;flex-direction:column;gap:32px}.footer-left{align-items:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px 24px}}.btn-brutalist-heavy{cursor:pointer;color:#000;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:3px solid #000;border-radius:0;justify-content:center;align-items:center;width:100%;padding:1rem 1.75rem;font-family:Outfit,Inter,sans-serif;font-size:1.1rem;font-weight:800;transition:all .15s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:4px 4px #000}.btn-brutalist-heavy:hover{background:#5a7cff;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.btn-brutalist-heavy:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-brutalist-outline{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:2px solid #000;border-radius:0;justify-content:center;align-items:center;width:100%;padding:1rem 1.5rem;font-family:Outfit,Inter,sans-serif;font-weight:700;transition:all .3s;display:inline-flex}.btn-brutalist-outline.dark-variant{color:#fff;background:#000}.btn-brutalist-outline.dark-variant:hover,.btn-brutalist-outline.light-variant{color:#000;background:#fff}.btn-brutalist-outline.light-variant:hover{color:#fff;background:#000}.brutalist-card{border-radius:0;flex-direction:column;height:100%;display:flex;position:relative}.brutalist-card-bg{z-index:-1;opacity:0;background:#5a7cff;border:3px solid #000;border-radius:0;transition:opacity .12s;position:absolute;inset:-3px}.brutalist-card.premium .brutalist-card-bg{background:#fff;border:3px solid #fff}.brutalist-card-front{color:#000;z-index:1;background:#fff;border:3px solid #000;border-radius:0;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:36px;transition:transform .12s cubic-bezier(.25,1,.5,1);display:flex;position:relative;transform:translate(0)}.brutalist-card.premium .brutalist-card-front{color:#fff;background:#5a7cff;border:3px solid #fff}.brutalist-card:hover .brutalist-card-front{transform:translate(8px,-8px)}.brutalist-card:hover .brutalist-card-bg{opacity:1}