:root{--primary: #DE1F26;--primary-dark: #b8191f;--secondary: #464646;--text-main: #2d2d2d;--text-muted: #666666;--bg-main: #ffffff;--bg-alt: #f8f9fa;--bg-card: rgba(255, 255, 255, .8);--border: rgba(0, 0, 0, .08);--font-sans: "Outfit", sans-serif;--transition: all .4s cubic-bezier(.23, 1, .32, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-main)}.container{max-width:1400px;margin:0 auto;padding:0 4rem}@media (max-width: 768px){.container{padding:0 1.5rem}}.container.narrow{max-width:600px}h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1.5rem}.text-highlight{color:var(--primary)}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%);opacity:.5}.navbar{position:fixed;top:0;width:100%;height:100px;display:flex;align-items:center;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--border)}.navbar .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo img{height:120px;transition:var(--transition)}.logo:hover img{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:1rem;z-index:1001}.hamburger{display:block;width:24px;height:2px;background:var(--text-main);position:relative;transition:var(--transition)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-main);transition:var(--transition)}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.nav-toggle.active .hamburger{background:transparent}.nav-toggle.active .hamburger:before{transform:rotate(45deg);top:0}.nav-toggle.active .hamburger:after{transform:rotate(-45deg);bottom:0}@media (max-width: 768px){.nav-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:white;flex-direction:column;justify-content:center;transition:.5s ease-in-out;box-shadow:-10px 0 30px #0000001a;gap:3rem}.nav-links.active{right:0}.navbar,.logo img{height:80px}}.nav-links a{text-decoration:none;color:var(--text-main);font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--primary)}.btn-primary{background:var(--primary);color:#fff!important;padding:.8rem 1.8rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #de1f2633}.btn-secondary{background:white;color:var(--text-main);padding:.8rem 1.8rem;border-radius:8px;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:var(--transition);box-shadow:0 4px 6px -1px #0000000d;text-decoration:none}.btn-secondary:hover{background:var(--border);transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}@media (max-width: 968px){.hero{padding:140px 0 60px}.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%}.hero h1{font-size:clamp(2.2rem,10vw,3rem);width:100%}.hero-btns{flex-direction:column;width:100%}.hero p{margin:0 auto 2.5rem;width:100%}.btn-primary,.btn-secondary{width:100%;text-align:center}}.hero p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:600px}.hero-btns{display:flex;gap:1rem}@media (max-width: 968px){.hero-btns{justify-content:center}}.hero-visual{display:flex;justify-content:center}.glass-card{background:white;border:1px solid var(--border);border-radius:20px;width:100%;max-width:500px;box-shadow:0 40px 80px -20px #0000001a;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.card-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.card-body{padding:2rem}.card-body pre{color:var(--text-main);font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-all;overflow-x:hidden}.code-comment{color:#6a737d;font-style:italic}.code-keyword{color:var(--primary);font-weight:600}.code-func{color:#6f42c1}.code-string{color:#22863a}.terminal-output{display:block;margin-top:1rem;color:var(--text-muted);border-left:2px solid var(--primary);padding-left:.5rem;opacity:0;animation:fadeIn .5s forwards 2s}.about{padding:120px 0;background:var(--bg-alt)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 768px){.grid{grid-template-columns:1fr;text-align:center;gap:2rem}}.stats{display:flex;gap:3rem;margin-top:3rem}@media (max-width: 768px){.stats{justify-content:center}}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--primary)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:600;margin-top:.5rem;display:block}.brand-box{background:white;padding:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 30px 60px #0000000d;border:1px solid var(--border);aspect-ratio:1 / 1}.brand-box img{width:100%;max-width:280px}.methodology{padding:120px 0}.steps-container{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:4rem}.step-box{background:white;border:1px solid var(--border);padding:3rem 2rem;border-radius:20px;flex:1;text-align:center;transition:var(--transition);box-shadow:0 10px 30px #00000008}.step-box.highlight{border-color:var(--primary);background:rgba(222,31,38,.02);transform:translateY(-10px)}.step-number{font-size:.9rem;font-weight:800;color:var(--primary);background:rgba(222,31,38,.1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 1.5rem}.step-box h3{margin-bottom:1rem;font-size:1.5rem}.section-header p{font-size:1.25rem;color:var(--text-muted);margin:1.5rem auto 0;max-width:700px}.product-cta{margin-top:3.5rem}.step-box p{font-size:.95rem;color:var(--text-muted)}.step-arrow{font-size:2rem;color:var(--border);font-weight:300}@media (max-width: 968px){.steps-container{flex-direction:column;gap:2rem}.step-arrow{transform:rotate(90deg)}}.product{padding:100px 0}.section-header{text-align:center;max-width:800px;margin:0 auto 5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);padding:3rem;border-radius:16px;transition:var(--transition)}.feature-card:hover{background:rgba(255,255,255,.08);transform:translateY(-10px);border-color:var(--primary)}.feature-card .icon{font-size:3rem;margin-bottom:1.5rem;color:var(--primary);display:flex;align-items:center}.feature-card .icon svg{width:48px;height:48px;stroke-width:1.5px}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-muted)}.contact{padding:100px 0}.glass-form-container{background:var(--bg-card);padding:4rem;border-radius:24px;border:1px solid var(--border);max-width:900px;margin:0 auto;text-align:left}.input-group{margin-bottom:1.5rem}.form-grid{display:flex;flex-direction:column;gap:0}.input-group label{display:block;font-weight:600;margin-bottom:.4rem;font-size:.9rem;color:var(--text-main);text-align:left}input,textarea,select{width:100%;padding:1.2rem 1.5rem;border-radius:12px;border:1px solid var(--border);background:white;color:var(--text-main);font-family:inherit;font-size:1rem;transition:var(--transition);box-shadow:0 2px 4px #00000005;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23464646' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;background-size:1.2rem;padding-right:3rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);background:white;box-shadow:0 0 0 4px #de1f261a}input::placeholder,textarea::placeholder{color:#999}.full-width{width:100%}footer{padding:60px 0;border-top:1px solid var(--border)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.footer-logo{height:80px}.social-links{display:flex;gap:2rem}.social-links a{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.social-links a:hover{color:var(--primary)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.alt-bg-light{background:#fbfbfb}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.23,1,.32,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.23,1,.32,1)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:all .8s cubic-bezier(.23,1,.32,1)}.reveal-right.active{opacity:1;transform:translate(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-anim{animation:float 4s ease-in-out infinite}.step-box:hover,.feature-card:hover{box-shadow:0 20px 40px #00000014}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.feature-card.white{background:white;box-shadow:0 10px 20px #00000005}
