:root{--bg-card:#fff;--border-card:#e2e8f0;--accent-blue:#06f;--accent-glow:#0066ff1f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--font-inter:"Inter",sans-serif;--font-headings:"Plus Jakarta Sans",sans-serif;--radius-lg:24px;--radius-md:12px}.landing-page{color:var(--text-primary);font-family:var(--font-inter);background:#fff;line-height:1.5;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.badge-tag{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.1em;background:var(--accent-glow);border:1px solid #0066ff1a;border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.section-title{font-family:var(--font-headings);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15}.logo-badge{align-items:center;gap:8px;text-decoration:none;display:flex}.logo-img{margin:5px 0;display:block}.logo-text{font-family:var(--font-headings);color:var(--text-primary);letter-spacing:-.03em;font-size:24px;font-weight:800}.logo-dot{color:var(--accent-blue)}.btn-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 24px #0f172a33}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--text-primary);background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 24px #0000000d}.btn-secondary:active{transform:translateY(0)scale(.98)}.nav-header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0000;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav-header.scrolled{background:#fffffff7;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 20px #0000000a}.nav-container{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.nav-links{align-items:center;gap:36px;display:flex}button.nav-link{cursor:pointer;appearance:none;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:inherit}.nav-link{color:var(--text-secondary);align-items:center;gap:5px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:color .2s;display:inline-flex}.nav-link:hover{color:var(--text-primary)}.nav-link .chevron{transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-link .chevron.open{transform:rotate(180deg)}.nav-phone{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.nav-phone svg{color:var(--accent-blue)}.nav-right{align-items:center;gap:20px;display:flex}.phone-box{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;text-decoration:none;transition:border-color .2s;display:flex}.phone-box:hover{border-color:var(--accent-blue)}.phone-icon{background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.phone-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:11px;font-weight:600}.phone-number{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:block}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:8px;padding:6px;transition:background .2s}.mobile-menu-btn:hover{background:#f1f5f9}.dropdown{align-items:center;display:flex;position:relative}.dropdown-menu{z-index:1001;background:#fff;border:1px solid #e9edf5;border-radius:20px;flex-direction:column;gap:4px;width:300px;padding:10px;animation:.18s cubic-bezier(.4,0,.2,1) dropdownIn;display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0f172a1a,0 4px 16px #0000000a}.dropdown-menu:before{content:"";background:#fff;border-top:1px solid #e9edf5;border-left:1px solid #e9edf5;border-radius:2px;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dropdown-item{color:var(--text-primary);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:background .15s,transform .15s;display:flex}.dropdown-item:hover{background:#f4f7fc;transform:translate(2px)}.item-icon{width:40px;height:40px;color:var(--accent-blue);background:linear-gradient(135deg,#f1f5f9 0%,#e9edf5 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.dropdown-item:hover .item-icon{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%)}.item-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.item-desc{color:var(--text-muted);margin:3px 0 0;font-size:12px;line-height:1.4}.rotate-180{transform:rotate(180deg)}.hero-section{text-align:center;background:#fff;padding:160px 0 120px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(#6366f114 0%,#0000 70%);width:900px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero-content{z-index:1;position:relative}.hero-badges{justify-content:center;margin-bottom:32px;display:flex}.hero-title{letter-spacing:-.04em;max-width:900px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.1}.hero-subtitle{max-width:620px;margin-bottom:0;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;gap:12px;margin-bottom:0;display:flex}.hero-stats{border-top:1px solid #f1f5f9;justify-content:center;gap:48px;margin-top:72px;padding-top:48px;display:flex}.stat-item{text-align:center;flex-direction:column;gap:4px;display:flex}.stat-val{font-family:var(--font-headings);color:var(--text-primary);font-size:36px;font-weight:800;line-height:1}.stat-lab{color:var(--text-secondary);font-size:13px;font-weight:500}.stats-bar{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:72px;animation:.8s ease-out .5s both fadeInUp;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:32px 24px;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 16px 40px #0066ff1a}.stat-card:hover:before{opacity:1}.stat-number{font-family:var(--font-headings);color:var(--accent-blue);text-shadow:0 0 40px #06f3;margin-bottom:8px;font-size:48px;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);letter-spacing:.02em;font-size:14px}.services-grid{grid-template-columns:1.2fr 1fr 1fr;gap:24px;display:grid}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:20px;padding:40px;transition:all .3s;display:flex}.service-card.high-impact{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 20px 40px #00000008}.service-card:hover{border-color:var(--accent-blue);transform:translateY(-8px)scale(1.02);box-shadow:0 24px 50px #0066ff1f}.service-icon{width:56px;height:56px;color:var(--accent-blue);background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;display:flex}.service-title{margin:0;font-size:20px;font-weight:800}.service-desc{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.service-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.service-features li{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.service-features li svg{color:#10b981}.service-card .btn-secondary{align-self:flex-start;margin-top:auto}@media (max-width:1024px){.services-grid{grid-template-columns:1fr}}.chatbot-teaser{border-top:1px solid var(--border-card)!important;border-bottom:1px solid var(--border-card)!important;background:linear-gradient(#0000,#006aff0d)!important}.performance-section{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.performance-score{color:var(--accent-blue);text-shadow:0 0 60px #006aff66;font-size:clamp(80px,15vw,160px);font-weight:800;line-height:1;animation:3s ease-in-out infinite glowPulse}.performance-label{letter-spacing:.2em;color:var(--text-secondary);margin-top:16px;font-weight:700}.performance-list{flex-direction:column;gap:16px;margin-top:32px;padding:0;list-style:none;display:flex}.performance-list li{align-items:center;gap:12px;font-weight:500;display:flex}.process-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.process-step{text-align:center;transition:transform .3s}.process-step:hover{transform:translateY(-8px)}.step-number{border:2px solid var(--accent-blue);width:68px;height:68px;color:var(--accent-blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:24px;font-weight:800;transition:all .3s;animation:3s ease-in-out infinite glowPulse;display:flex;box-shadow:0 0 24px #006aff40}.process-step:hover .step-number{background:var(--accent-blue);color:#fff}.portfolio-header{justify-content:space-between;align-items:flex-end;margin-bottom:64px;display:flex}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.project-card-premium{background:#fff;border:1px solid #e2e8f0;border-radius:24px;transition:all .3s;overflow:hidden}.project-preview{aspect-ratio:3/2;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-hover{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card-premium:hover .project-hover{opacity:1}.project-card-premium:hover .project-img{transform:scale(1.05)}.project-details{padding:32px}.project-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.project-category{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700}.project-rating{color:var(--text-primary);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.project-title-text{color:var(--text-primary);margin:0;font-size:24px;font-weight:800}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-header{flex-direction:column;align-items:flex-start;gap:24px}}.comparison-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;margin-bottom:80px;display:grid}.comp-text{max-width:540px}.comp-list{flex-direction:column;gap:24px;margin-top:40px;display:flex}.comp-item{border-radius:16px;align-items:flex-start;gap:16px;padding:24px;font-size:15px;font-weight:600;display:flex}.comp-item.negative{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.comp-item.positive{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.comp-visual-box{background:#0066ff08;border:1px solid #0066ff1a;border-radius:32px;justify-content:center;align-items:center;padding:40px;display:flex}@media (max-width:1024px){.comparison-grid{text-align:center;grid-template-columns:1fr}.comp-list{text-align:left}}.faq-container-box{background:#0066ff08;border:1px solid #0066ff14;border-radius:32px;max-width:1000px;margin:0 auto;padding:80px 40px}.faq-grid{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:16px;padding:32px;transition:all .3s}.faq-item:hover{border-color:#ffffff1f}.faq-question{justify-content:space-between;align-items:center;display:flex}.faq-question h3{color:var(--text-primary);font-size:18px;font-weight:700}.faq-icon{color:var(--text-secondary);flex-shrink:0;transition:transform .3s}.faq-icon.rotate{transform:rotate(180deg)}.faq-answer{color:var(--text-secondary);margin-top:12px;line-height:1.7;animation:.4s ease-out fadeIn}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.info-list{flex-direction:column;gap:32px;margin-top:48px;display:flex}.info-item{align-items:center;gap:20px;display:flex}.info-icon{width:52px;height:52px;color:var(--accent-blue);background:#006aff14;border:1px solid #006aff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.info-value{font-size:16px;font-weight:600}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:48px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{flex-direction:column;gap:12px;display:flex}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:16px;font-family:inherit;font-size:15px;transition:all .3s}.form-group select option{color:var(--text-primary);background-color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-blue);background:#ffffff14;box-shadow:0 0 16px #006aff1a}.form-group select{appearance:none;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='%238b8fa3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.success-message{text-align:center;padding:40px 0}.quote-icon{margin-bottom:32px}.testimonial-text{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:48px;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.3}.testimonial-author{text-align:left;justify-content:center;align-items:center;gap:16px;display:flex}.author-avatar{background:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:14px;font-weight:700;display:flex}.author-name{font-size:16px;font-weight:700}.author-role{color:var(--text-secondary);font-size:14px}.footer-premium{background:#f8fafc;border-top:1px solid #e2e8f0;padding:180px 0 60px;position:relative}.footer-cta-card{color:#fff;background:#0f172a;border-radius:24px;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1000px;padding:60px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0f172a33}.cta-title{color:#fff;margin-bottom:12px;font-size:32px;font-weight:800}.cta-subtitle{color:#94a3b8;font-size:16px}.cta-actions{gap:16px;display:flex}.cta-actions .btn-secondary{color:#fff;background:#ffffff1a;border-color:#fff3}.cta-actions .btn-secondary:hover{background:#fff3}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:80px;display:grid}.footer-brand .logo-badge{margin-bottom:24px}.footer-desc{color:var(--text-secondary);font-size:15px;line-height:1.7}.footer-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);margin-bottom:24px;font-size:14px;font-weight:700}.footer-links ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.footer-links .link-item{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{color:var(--text-muted);border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:40px;font-size:14px;display:flex}.footer-legal{gap:24px;display:flex}.portfolio-grid-modern{grid-template-columns:1fr;gap:32px;margin-top:60px;display:grid}.portfolio-card-premium{flex-direction:column;gap:20px;transition:all .3s;display:flex}.portfolio-card-premium:hover{transform:translateY(-8px)}.portfolio-card-info{padding:10px 0}.p-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.p-tag{text-transform:uppercase;color:var(--accent-blue);letter-spacing:.1em;background:var(--accent-glow);border-radius:99px;padding:4px 12px;font-size:11px;font-weight:800}.p-stars{gap:2px;display:flex}.p-title{font-family:var(--font-headings);color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:800}.p-link{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.p-link:hover{color:var(--accent-blue)}.footer-cta-card-modern{background:#0f172a;border-radius:32px;justify-content:space-between;align-items:center;margin-bottom:80px;padding:60px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0f172a66}.footer-cta-card-modern:before{content:"";pointer-events:none;background:radial-gradient(circle,#0066ff26 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;right:-20%}.cta-left{z-index:1;max-width:500px;position:relative}.cta-badge{color:#06f;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:12px;font-weight:800;display:block}.cta-title{color:#fff;font-family:var(--font-headings);margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.1}.text-blue{color:#06f}.cta-subtitle{color:#94a3b8;font-size:18px;line-height:1.6}.cta-right{z-index:1;flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:relative}.btn-primary-big{color:#fff;cursor:pointer;background:#06f;border:none;border-radius:16px;align-items:center;gap:12px;padding:20px 40px;font-size:18px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 30px #0066ff4d}.btn-primary-big:hover{transform:translateY(-2px);box-shadow:0 15px 40px #06f6}.btn-secondary-transparent{color:#fff;border-bottom:1px solid #ffffff1a;padding:10px 0;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.btn-secondary-transparent:hover{color:#06f;border-color:#06f}@media (max-width:1024px){.portfolio-grid-modern{grid-template-columns:1fr 1fr}.footer-cta-card-modern{text-align:center;flex-direction:column;padding:40px}.cta-left{margin-bottom:40px}.cta-right{align-items:center}}@media (max-width:640px){.portfolio-grid-modern{grid-template-columns:1fr}.cta-title{font-size:32px}}@media (max-width:1024px){.hero-section{text-align:center;padding-top:140px}.hero-content{margin:0 auto}.hero-actions{justify-content:center}.hero-subtitle{margin-left:auto;margin-right:auto}.footer-cta-card{text-align:center;flex-direction:column;gap:32px;padding:40px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}.performance-section{text-align:center;grid-template-columns:1fr}.performance-list{align-items:center}.contact-grid{grid-template-columns:1fr}}@media (max-width:640px){.nav-links.desktop-only,.nav-actions.desktop-only{display:none!important}.mobile-only{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:block}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:24px}}.cta-banner{border-radius:32px;justify-content:space-between;align-items:center;margin-bottom:80px;padding:60px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0f172a66;background:#0f172a!important}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#0066ff26 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;right:-20%}.cta-left{z-index:1;flex:0 auto;max-width:500px;position:relative}.cta-right{z-index:1;flex-direction:column;flex:0 auto;align-items:flex-start;gap:16px;margin-left:auto;display:flex;position:relative}.cta-banner h2{color:#fff;text-align:left;font-size:48px;font-weight:800;line-height:1.1;font-family:var(--font-headings);margin:0 0 16px;position:relative}.cta-banner p{color:#94a3b8;text-align:left;margin:0;font-size:18px;line-height:1.6;position:relative}.cta-banner .btn-primary-big{z-index:1;color:#fff;cursor:pointer;background:#06f;border:none;border-radius:16px;align-items:center;gap:12px;padding:20px 40px;font-size:18px;font-weight:800;transition:all .2s;display:flex;position:relative;box-shadow:0 10px 30px #0066ff4d}.cta-banner .btn-primary-big:hover{transform:translateY(-2px);box-shadow:0 15px 40px #06f6}@media (max-width:768px){.cta-banner{margin-top:80px;padding:60px 24px}}