:root{--white:#fff;--black:#1f1f1f;--gray:#f6f6f6;--body-text:#595959;--cyan-light:#00e0ff;--cyan-dark:#0ac;--primary-color:var(--cyan-light);--secondary-color:var(--cyan-dark);--bg-primary:var(--white);--bg-secondary:var(--gray);--text-primary:var(--black);--text-secondary:var(--body-text);--text-logo:var(--cyan-dark);--sans-serif:"Google Sans",sans-serif}body.dark-mode{--white:#fff;--black:#1f1f1f;--gray:#f6f6f6;--body-text:#595959;--cyan-light:#00e0ff;--cyan-dark:#0ac;--primary-color:var(--cyan-light);--secondary-color:var(--cyan-dark);--bg-primary:var(--black);--bg-secondary:var(--body-text);--text-primary:var(--white);--text-secondary:var(--gray);--text-logo:var(--cyan-light)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--sans-serif);line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease}.container{margin:0 auto;max-width:1200px;padding:0 2rem}nav{background:var(--bg-primary);padding:2rem 0;position:sticky;top:0;transition:background .3s ease;z-index:100}nav .container{justify-content:space-between}.logo-group,nav .container{align-items:center;display:flex}.logo-group{gap:.75rem}.logo-img{display:block;max-height:36px;width:auto}.logo-text{color:var(--text-logo);font-size:1.25rem;font-weight:700;transition:color .3s ease}nav div ul{display:flex;gap:2rem;list-style:none}nav div a{color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s ease}.theme-toggle,nav div a:hover{color:var(--primary-color)}.theme-toggle{align-items:center;background:none;border:2px solid var(--primary-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.theme-toggle:hover{background:var(--primary-color);color:var(--bg-primary);transform:rotate(180deg)}.hero-section{background:linear-gradient(135deg,rgba(0,224,255,.2),rgba(0,170,204,.1));overflow:hidden;padding:6rem 0 4rem;position:relative}.hero-section:before{background:url(asset/robot-hand.jpg) 50%/cover no-repeat;content:"";filter:blur(25px) saturate(1.3);inset:-60px;opacity:.65;position:absolute;z-index:0}.hero-section:after{background:radial-gradient(circle at 30% 50%,rgba(0,224,255,.1) 0,transparent 50%);content:"";inset:0;position:absolute;z-index:1}.hero-grid{align-items:center;display:grid;gap:3rem;grid-template-columns:1.15fr .85fr;position:relative;z-index:2}.hero-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:radial-gradient(ellipse 80% 70% at 50% 50%,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.45) 60%,hsla(0,0%,100%,.1) 100%);border-radius:24px;box-shadow:0 8px 40px rgba(0,0,0,.06),inset 0 0 80px hsla(0,0%,100%,.25);padding:3rem 3.5rem}body.dark-mode .hero-text{background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(31,31,31,.8) 0,rgba(31,31,31,.45) 60%,rgba(31,31,31,.1) 100%)}.hero-text h1{color:var(--text-primary);font-size:3.2rem;font-weight:900;line-height:1.2;margin-bottom:1.25rem}.hero-text p{color:var(--text-secondary);font-size:1.2rem;line-height:1.7;margin-bottom:2rem;max-width:520px}.brand{background:rgba(0,224,255,.3);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-weight:800;letter-spacing:-.5px;padding:.05em .2em}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-visual img{border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,224,255,.15);max-width:100%}.hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.hero-stats span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem}.hero-stats span i{color:var(--primary-color);height:16px;width:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.cta-button{align-items:center;background:var(--primary-color);border-radius:8px;color:var(--bg-primary);display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:background .3s ease,transform .2s ease,box-shadow .2s ease}.cta-button:hover{background:var(--secondary-color);box-shadow:0 8px 25px rgba(0,224,255,.3);transform:translateY(-2px)}.cta-button i,.cta-button svg{flex-shrink:0;height:20px;width:20px}.cta-button.secondary{background:hsla(0,0%,100%,.5);border:1.5px solid rgba(0,224,255,.25);color:var(--primary-color)}body.dark-mode .cta-button.secondary{background:rgba(31,31,31,.5)}.cta-button.secondary:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-primary)}h2{color:var(--primary-color);font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:2rem;text-align:center}.content-section{padding:4rem 0}.steps{align-items:flex-start;display:flex;flex-wrap:wrap;gap:0;justify-content:center}.step{flex:1;max-width:280px;min-width:200px;padding:2rem 1.5rem;position:relative;text-align:center}.step-number{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--bg-primary);display:inline-flex;font-size:1.1rem;font-weight:900;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.step-icon{color:var(--primary-color);display:flex;justify-content:center;margin-bottom:.75rem}.step-icon i{height:36px;width:36px}.step h3{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.step p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.step-connector{align-items:center;color:var(--primary-color);display:flex;flex-shrink:0;justify-content:center;padding-top:3rem}.step-connector i{height:24px;opacity:.5;width:24px}.comparison-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.comparison-card{background:var(--bg-primary);border:1px solid rgba(0,224,255,.15);border-radius:12px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.comparison-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-4px)}.comparison-card.highlight{background:linear-gradient(135deg,rgba(0,224,255,.06),rgba(0,170,204,.03));border-color:var(--primary-color);border-width:2px;box-shadow:0 8px 30px rgba(0,224,255,.1)}.comparison-icon{color:var(--primary-color);margin-bottom:.75rem}.comparison-icon i{height:32px;width:32px}.comparison-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.comparison-card ul{list-style:none;padding:0}.comparison-card li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;line-height:1.4;padding:.35rem 0}.comparison-card li i{flex-shrink:0;height:16px;margin-top:2px;width:16px}.comparison-card.highlight li i{color:var(--primary-color)}.comparison-card:not(.highlight) li i{color:var(--text-secondary);opacity:.5}.values-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.value-item{border:1px solid rgba(0,224,255,.08);border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.05);padding:2rem;text-align:center;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.value-item:hover{background-color:rgba(0,224,255,.06);border-color:rgba(0,224,255,.2);box-shadow:0 12px 30px rgba(0,224,255,.15);transform:translateY(-5px)}.value-icon{color:var(--primary-color);display:flex;justify-content:center;margin-bottom:.75rem}.value-icon i{height:40px;width:40px}.value-item h3{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.value-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;transition:color .3s ease}.value-item a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.value-item a:hover{color:var(--secondary-color)}.screenshots-section{background:linear-gradient(135deg,rgba(0,224,255,.05),rgba(0,170,204,.02));transition:background .3s ease}.screenshots-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.screenshots-grid figure{border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.screenshots-grid figure:hover{box-shadow:0 15px 30px rgba(0,224,255,.15);transform:translateY(-5px)}.screenshots-grid img{display:block;flex-shrink:0;width:100%}.screenshots-grid figcaption{align-items:center;background:var(--bg-primary);color:var(--text-secondary);display:flex;flex-grow:1;font-size:.85rem;justify-content:center;padding:.75rem 1rem;text-align:center;transition:background .3s ease,color .3s ease}.cta-section{background:linear-gradient(135deg,rgba(0,224,255,.05),rgba(0,170,204,.02));padding:6rem 0;text-align:center}.cta-section h2{margin-bottom:1rem}.cta-section p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}footer{background-color:var(--primary-color);color:var(--bg-primary);font-size:.9rem;font-weight:700;padding:3rem 0;text-align:center}footer .container{align-items:center;display:flex;gap:.5rem;justify-content:center}@media (max-width:768px){.hero-grid{gap:2rem;grid-template-columns:1fr}.hero-text h1{font-size:2rem}.hero-visual{order:-1}.hero-stats{justify-content:center}h2{font-size:1.8rem}.steps{align-items:center;flex-direction:column;gap:1rem}.step{max-width:100%;padding:1rem 1.5rem}.step-connector{padding-top:0;transform:rotate(90deg)}.comparison-grid,.values-grid{gap:1rem;grid-template-columns:1fr}.screenshots-grid{grid-template-columns:1fr}nav div ul{display:none}}