@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#fff;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-bottom:1px solid #eee;width:100%;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:76px;margin:auto;padding:0 25px;display:flex}.logo{letter-spacing:-1px;font-size:22px;font-weight:800}.logo span{color:#1677ff}.nav-links{gap:30px;display:flex}.nav-links a{color:#555;font-size:14px;transition:all .3s}.nav-links a:hover{color:#1677ff}.nav-button,.primary-button{color:#fff;background:#111;border-radius:30px;padding:13px 20px;font-size:14px;font-weight:600;transition:all .3s}.nav-button:hover,.primary-button:hover{background:#1677ff;transform:translateY(-2px)}.hero{background:radial-gradient(circle at 80% 40%,#1677ff1f,#0000 35%),#fff;justify-content:space-between;align-items:center;gap:70px;min-height:100vh;padding:150px 8% 100px;display:flex}.hero-content{max-width:680px}.badge,.small-label{color:#1677ff;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:700}.badge{align-items:center;gap:8px;margin-bottom:25px;display:inline-flex}.badge span{background:#1677ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #1677ff}.hero h1{letter-spacing:-5px;margin-bottom:30px;font-size:clamp(50px,7vw,88px);line-height:.98}.hero h1 span,.section-heading h2 span,.about-content h2 span,.contact-content h2 span{color:#1677ff}.hero-content>p{color:#666;max-width:620px;margin-bottom:35px;font-size:19px}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.secondary-button{border:1px solid #ddd;border-radius:30px;padding:13px 20px;font-size:14px;font-weight:600;transition:all .3s}.secondary-button:hover{color:#1677ff;border-color:#1677ff}.hero-visual{justify-content:center;align-items:center;width:420px;height:500px;display:flex}.ai-card{color:#fff;background:linear-gradient(145deg,#111,#061b3d);border-radius:30px;width:330px;height:390px;padding:25px;animation:5s ease-in-out infinite floating;box-shadow:0 35px 80px #0003}.card-top{color:#aaa;justify-content:space-between;font-size:12px;display:flex}.status span{background:#1677ff;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.ai-orb{background:radial-gradient(circle,#5fa8ff,#1677ff,#031027);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin:55px auto 35px;animation:3s infinite pulse;display:flex;box-shadow:0 0 80px #1677ffb3}.orb-inner{opacity:.9;filter:blur(10px);background:#fff;border-radius:50%;width:70px;height:70px}.card-text{text-align:center}.card-text strong{font-size:20px}.card-text p{color:#9bbcff;margin-top:5px}.section{max-width:1300px;margin:auto;padding:130px 8%}.section-heading{max-width:700px;margin-bottom:60px}.section-heading h2,.about-content h2,.contact-content h2{letter-spacing:-3px;margin:15px 0 20px;font-size:clamp(40px,5vw,65px);line-height:1.05}.section-heading p,.contact-content>p{color:#666;font-size:18px}.services-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{background:#fff;border:1px solid #e8e8e8;border-radius:24px;min-height:260px;padding:35px;transition:all .4s}.service-card:hover{border-color:#1677ff;transform:translateY(-8px);box-shadow:0 20px 50px #00000014}.service-icon{color:#1677ff;background:#eef5ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:30px;font-weight:700;display:grid}.service-card h3{margin-bottom:12px;font-size:20px}.service-card p{color:#777;font-size:14px}.dark-section{color:#fff;background:#08090b;padding:130px 8%}.dark-section>*{max-width:1200px;margin-left:auto;margin-right:auto}.dark-heading p{color:#aaa}.advantages{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.advantage{border-top:1px solid #333;padding-top:25px}.number{color:#1677ff;margin-bottom:30px;font-weight:700}.advantage h3{margin-bottom:12px;font-size:20px}.advantage p{color:#888;font-size:14px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.portfolio-card{border:1px solid #e8e8e8;border-radius:25px;transition:all .4s;overflow:hidden}.portfolio-card:hover{transform:translateY(-7px)}.portfolio-visual{color:#fff;letter-spacing:3px;background:radial-gradient(circle,#1677ff,#0000 30%),linear-gradient(135deg,#020617,#0b1220);place-items:center;height:320px;font-size:25px;font-weight:800;display:grid}.portfolio-visual.second{background:radial-gradient(circle at 30% 40%,#1677ff,#0000 25%),linear-gradient(135deg,#020617,#101010)}.portfolio-info{justify-content:space-between;align-items:center;padding:25px;display:flex}.portfolio-info small{color:#1677ff;font-size:10px;font-weight:700}.portfolio-info h3{margin-top:6px}.arrow{font-size:25px}.about-section{background:#f5f7fa;align-items:center;gap:100px;padding:130px 8%;display:flex}.about-content{max-width:700px}.about-content p{color:#666;margin-top:18px;font-size:17px}.about-quote{background:#fff;border-radius:25px;max-width:400px;padding:40px;box-shadow:0 20px 60px #00000012}.about-quote span{color:#1677ff;font-size:60px}.about-quote p{font-size:22px;font-weight:600}.contact-section{color:#fff;background:#08090b;justify-content:center;gap:100px;padding:130px 8%;display:flex}.contact-content{max-width:600px}.contact-content>p{color:#999}.contact-form{flex-direction:column;gap:15px;width:450px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#111;border:1px solid #333;border-radius:12px;outline:none;width:100%;padding:17px;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:#1677ff}.contact-form button{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:30px;padding:17px;font-weight:700;transition:all .3s}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1677ff4d}footer{color:#fff;background:#08090b;border-top:1px solid #222;padding:40px 8%}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;max-width:1200px;margin:auto;display:flex}.footer-container>p{color:#777;font-size:13px}.footer-links{color:#aaa;gap:20px;font-size:13px;display:flex}.footer-links a:hover{color:#fff}.copyright{text-align:center;border-top:1px solid #222;width:100%;padding-top:20px}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (width<=900px){.nav-links{display:none}.hero{text-align:center;flex-direction:column;padding-top:130px}.hero-buttons{justify-content:center}.hero-visual{width:100%}.services-grid,.advantages{grid-template-columns:repeat(2,1fr)}.about-section,.contact-section{flex-direction:column}.contact-form{width:100%}}@media (width<=600px){.nav-button{display:none}.hero{padding-left:20px;padding-right:20px}.hero h1{letter-spacing:-3px;font-size:48px}.hero-content>p{font-size:16px}.ai-card{width:290px}.section,.dark-section,.about-section,.contact-section{padding:90px 20px}.services-grid,.portfolio-grid,.advantages{grid-template-columns:1fr}.section-heading h2,.about-content h2,.contact-content h2{font-size:42px}.footer-container{flex-direction:column;align-items:flex-start}}html{scroll-behavior:smooth}body{overflow-x:hidden}button,.cta-button,.btn{cursor:pointer;transition:all .3s}button:hover,.cta-button:hover,.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0064ff40}section{position:relative;overflow:hidden}.section-heading h2,.about-content h2,.contact-content h2{letter-spacing:-1.5px}.service-card,.project-card,.portfolio-card,.why-card,.feature-card{transition:transform .35s,box-shadow .35s,border-color .35s}.service-card:hover,.project-card:hover,.portfolio-card:hover,.why-card:hover,.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}.hero:before,.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#006eff1f,#0000 70%);width:500px;height:500px;position:absolute;top:-200px;right:-150px}img{max-width:100%;height:auto}input,textarea,select{transition:all .25s}input:focus,textarea:focus,select:focus{border-color:#1677ff;outline:none;box-shadow:0 0 0 4px #1677ff1a}@keyframes omnixFadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.hero h1,.hero p,.hero button{animation:.8s both omnixFadeUp}.hero p{animation-delay:.15s}.hero button{animation-delay:.3s}footer{position:relative}@media (width<=600px){.section-heading h2,.about-content h2,.contact-content h2{font-size:34px;line-height:1.1}.service-card,.project-card,.portfolio-card,.why-card,.feature-card{transform:none}.service-card:hover,.project-card:hover,.portfolio-card:hover,.why-card:hover,.feature-card:hover{transform:translateY(-4px)}}.pricing-section{background:#f7f9fc;padding:100px 8%}.pricing-heading{text-align:center;max-width:700px;margin:0 auto 60px}.pricing-heading h2{margin:15px 0;font-size:48px}.pricing-heading h2 span{color:#1677ff}.pricing-heading p{color:#667085;font-size:18px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1150px;margin:auto;display:grid}.pricing-card{background:#fff;border:1px solid #e6eaf0;border-radius:22px;padding:35px;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000014}.pricing-card.featured{border:2px solid #1677ff;transform:translateY(-10px)}.pricing-card.featured:hover{transform:translateY(-16px)}.pricing-card h3{margin-bottom:20px;font-size:28px}.price{margin-bottom:15px;font-size:45px;font-weight:800}.price span{color:#667085;font-size:16px;font-weight:400}.pricing-description{color:#667085;min-height:55px}.pricing-card ul{margin:30px 0;padding:0;list-style:none}.pricing-card li{color:#344054;margin:15px 0}.pricing-button{text-align:center;color:#fff;background:#1677ff;border-radius:12px;padding:15px 20px;font-weight:700;text-decoration:none;transition:all .3s;display:block}.pricing-button:hover{opacity:.85}.popular{color:#fff;background:#1677ff;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:700;position:absolute;top:-14px;right:25px}@media (width<=800px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-heading h2{font-size:36px}}@media (width<=768px){.nav-container{flex-direction:column;gap:15px;padding:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px}.nav-button{text-align:center;width:100%}.pricing-grid{grid-template-columns:1fr;gap:20px;padding:20px}.pricing-card{width:100%}.pricing-button{text-align:center;width:100%}section{padding:50px 20px}h1{font-size:36px}h2{font-size:28px}p{font-size:16px}}.special-offer{text-align:center;max-width:650px;margin:0 auto;padding:45px 35px}.offer-label{letter-spacing:2px;margin-bottom:20px;font-size:14px;font-weight:700}.special-offer h3{text-transform:uppercase;margin-bottom:25px;font-size:36px}.normal-price{opacity:.7;font-size:18px}.normal-pricing{flex-direction:column;gap:5px;display:flex}.normal-pricing strong{font-size:30px;text-decoration:line-through}.normal-pricing span{margin-bottom:15px}.offer-divider{opacity:.3;background:currentColor;width:80%;height:1px;margin:25px auto}.special-offer h4{margin-bottom:25px;font-size:24px}.special-pricing{flex-direction:column;gap:5px;display:flex}.special-pricing strong{font-size:48px}.special-pricing span{margin-bottom:15px}.guarantee{margin:25px 0;font-size:18px;font-weight:600;line-height:1.6}.pricing-button{margin-top:10px;padding:15px 30px;display:inline-block}@media (width<=768px){.special-offer{width:calc(100% - 30px);margin:0 auto;padding:30px 20px}.special-offer h3{font-size:28px}.normal-pricing strong{font-size:24px}.special-offer h4{font-size:20px}.special-pricing strong{font-size:38px}.guarantee{font-size:16px}.pricing-button{box-sizing:border-box;width:100%}}.pricing-section{padding:100px 6%}.offer-container{grid-template-columns:repeat(2,1fr);gap:30px;max-width:1100px;margin:50px auto 0;display:grid}.offer-card{text-align:center;background:#111;border:1px solid #ffffff1f;border-radius:24px;padding:40px}.offer-card h3{margin:15px 0;font-size:28px}.offer-label{letter-spacing:1px;font-size:13px;font-weight:700}.price{margin-top:20px;font-size:52px;font-weight:800}.price-description{opacity:.7;margin:5px 0 20px}.monthly-price{font-size:28px;font-weight:700}.old-price{opacity:.45;margin-top:10px;font-size:18px;text-decoration:line-through}.offer-card ul{text-align:left;margin:30px 0;padding:0;list-style:none}.offer-card li{margin:14px 0}.launch-offer{border:2px solid #fff;transform:scale(1.03)}.launch-badge{color:#000;background:#fff;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-block}.guarantee{background:#ffffff12;border-radius:12px;margin:25px 0;padding:15px}.pricing-button{color:#000;background:#fff;border-radius:12px;padding:16px 25px;font-weight:800;text-decoration:none;transition:all .2s;display:block}.pricing-button:hover{transform:translateY(-2px)}.launch-button{font-size:17px}@media (width<=768px){.pricing-section{padding:70px 20px}.offer-container{grid-template-columns:1fr;gap:25px;margin-top:35px}.offer-card{padding:30px 22px}.launch-offer{transform:none}.price{font-size:42px}.monthly-price,.offer-card h3{font-size:24px}}.pricing-section{color:#1f2937;background:#fff}.pricing-grid{background:0 0}.pricing-card,.offer-card,.pricing-card.special-offer{border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000014;color:#1f2937!important;background:#fff!important}.pricing-card h1,.pricing-card h2,.pricing-card h3,.pricing-card p,.pricing-card span,.pricing-card li,.offer-card h1,.offer-card h2,.offer-card h3,.offer-card p,.offer-card span{color:#1f2937!important}.special-offer{background:#fff!important}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}.pricing-card,.offer-card{width:100%}}
