:root{--color-primary:#0077b6;--color-primary-dark:#005f92;--color-primary-light:#90e0ef;--color-primary-xlight:#caf0f8;--color-white:#fff;--color-gray-50:#f8f9fa;--color-gray-100:#f1f3f5;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-500:#adb5bd;--color-gray-700:#495057;--color-gray-900:#212529;--font-heading:'Plus Jakarta Sans','Inter',sans-serif;--font-body:'Inter','Plus Jakarta Sans',sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1200px;--container-pad:1.5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.1);--transition:.25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-gray-900);background:var(--color-white);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-dark)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-gray-900)}p{margin-bottom:1rem}p:last-child{margin-bottom:0}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--space-20)}.section--gray{background:var(--color-gray-50)}.section--blue{background:var(--color-primary);color:var(--color-white)}.section__header{text-align:center;margin-bottom:var(--space-12)}.section__header h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.section__header p{font-size:var(--text-lg);color:var(--color-gray-700);max-width:620px;margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--space-8)}.site-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.site-logo__icon{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-weight:800;font-size:var(--text-xl);letter-spacing:-1px}.site-logo__text{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--color-gray-900);line-height:1}.site-logo__text span{color:var(--color-primary)}.main-nav{display:flex;align-items:center;gap:var(--space-1)}.main-nav>ul{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.main-nav a{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap}.main-nav a:hover,.main-nav a.current-menu-item,.main-nav a.current-page-ancestor{color:var(--color-primary);background:var(--color-primary-xlight)}.main-nav .menu-item-has-children{position:relative}.main-nav .sub-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:200}.main-nav .menu-item-has-children:hover .sub-menu{display:block}.main-nav .sub-menu a{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-gray-700);border-radius:var(--radius-sm)}.main-nav .sub-menu a:hover{color:var(--color-primary);background:var(--color-gray-50)}.header-cta .btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-gray-700)}.nav-toggle svg{width:24px;height:24px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);line-height:1;cursor:pointer;transition:all var(--transition);border:2px solid transparent;text-decoration:none;white-space:nowrap}.btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,119,182,.3)}.btn--outline{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn--white{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.btn--white:hover{background:var(--color-primary-xlight);color:var(--color-primary-dark)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.hero{padding-block:var(--space-24);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-primary-xlight) 100%);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,119,182,.08) 0%,transparent 70%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-xlight);color:var(--color-primary-dark);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.hero__title{font-size:clamp(2rem, 4vw, 3.25rem);margin-bottom:var(--space-6);color:var(--color-gray-900)}.hero__title span{color:var(--color-primary)}.hero__lead{font-size:var(--text-lg);color:var(--color-gray-700);margin-bottom:var(--space-8);line-height:1.75}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero__actions .btn{flex:1;justify-content:center;min-width:200px;max-width:280px}.hero__visual{display:flex;justify-content:center;align-items:center;position:relative}.hero__illustration{width:100%;max-width:480px;aspect-ratio:4/3;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);position:relative;overflow:hidden}.hero__illustration:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.browser-mockup{width:100%;background:var(--color-gray-50);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.browser-mockup__bar{background:var(--color-gray-200);padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.browser-mockup__dots{display:flex;gap:5px}.browser-mockup__dot{width:10px;height:10px;border-radius:50%;background:var(--color-gray-300)}.browser-mockup__dot:nth-child(1){background:#ff5f57}.browser-mockup__dot:nth-child(2){background:#febc2e}.browser-mockup__dot:nth-child(3){background:#28c840}.browser-mockup__url{flex:1;background:var(--color-white);border-radius:999px;height:20px;margin-left:var(--space-2)}.browser-mockup__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.browser-mockup__line{height:8px;border-radius:4px;background:var(--color-gray-200)}.browser-mockup__line--blue{background:var(--color-primary-light);width:60%}.browser-mockup__line--short{width:40%}.usp-strip{padding-block:var(--space-12);border-bottom:1px solid var(--color-gray-200)}.usp-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.usp-strip__number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-1)}.usp-strip__label{font-size:var(--text-sm);color:var(--color-gray-700);font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-gray-200);transition:all var(--transition);position:relative;overflow:hidden}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card__icon{width:56px;height:56px;background:var(--color-primary-xlight);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-primary)}.card__icon svg{width:28px;height:28px}.card__title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.card__text{font-size:var(--text-sm);color:var(--color-gray-700);line-height:1.7}.card__link{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.card__link:hover{gap:var(--space-2)}.service-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.service-detail__grid.reverse{direction:rtl}.service-detail__grid.reverse>*{direction:ltr}.service-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.service-list__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-700)}.service-list__item:before{content:'';width:20px;height:20px;min-width:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230077B6'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;margin-top:1px}.tech-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.tech-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--color-gray-900);transition:all var(--transition)}.tech-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-xlight)}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-16);align-items:start}.about-avatar{background:var(--color-primary-xlight);border-radius:var(--radius-xl);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:5rem;font-weight:800;color:var(--color-primary)}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8)}.about-fact{padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.about-fact__number{font-size:var(--text-2xl);font-weight:800;color:var(--color-primary);font-family:var(--font-heading)}.about-fact__label{font-size:var(--text-sm);color:var(--color-gray-700)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.contact-info__item{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.contact-info__icon{width:44px;height:44px;min-width:44px;background:var(--color-primary-xlight);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.contact-info__icon svg{width:20px;height:20px}.contact-info__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.contact-info__value{font-size:var(--text-base);color:var(--color-gray-900);font-weight:500}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-gray-900);background:var(--color-white);transition:border-color var(--transition);outline:none;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,119,182,.1)}.form-group textarea{min-height:140px;resize:vertical}.cta-section{padding-block:var(--space-20);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);text-align:center}.cta-section h2{color:var(--color-white);font-size:var(--text-3xl);margin-bottom:var(--space-4)}.cta-section p{color:rgba(255,255,255,.85);font-size:var(--text-lg);max-width:560px;margin-inline:auto;margin-bottom:var(--space-8)}.cta-section .btn-group{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.site-footer{background:var(--color-gray-900);color:var(--color-gray-300);padding-block:var(--space-16) var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-8)}.footer-brand .site-logo__text{color:var(--color-white)}.footer-brand p{margin-top:var(--space-4);font-size:var(--text-sm);line-height:1.7;color:var(--color-gray-500)}.footer-col h4{color:var(--color-white);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-col a{color:var(--color-gray-500);font-size:var(--text-sm);transition:color var(--transition)}.footer-col a:hover{color:var(--color-primary-light)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--color-gray-500);flex-wrap:wrap;gap:var(--space-4)}.page-hero{padding-block:var(--space-16);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-primary-xlight) 100%);text-align:center}.page-hero h1{font-size:clamp(1.75rem, 3.5vw, 2.75rem);margin-bottom:var(--space-4)}.page-hero p{font-size:var(--text-lg);color:var(--color-gray-700);max-width:620px;margin-inline:auto}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-4);justify-content:center}.breadcrumb a{color:var(--color-gray-500)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{color:var(--color-primary);font-weight:600}.legal-content{max-width:780px;margin-inline:auto;padding-block:var(--space-16)}.legal-content h2{font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-content h3{font-size:var(--text-xl);margin-top:var(--space-6);margin-bottom:var(--space-2)}.legal-content p,.legal-content li{font-size:var(--text-base);color:var(--color-gray-700)}.legal-content ul{list-style:disc;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.legal-content a{color:var(--color-primary)}@media (max-width:900px){#particle-canvas{display:none}.nav-toggle{display:flex}.main-nav{display:none;position:fixed;inset:72px 0 0 0;background:var(--color-white);flex-direction:column;align-items:stretch;padding:var(--space-4);gap:0;overflow-y:auto;border-top:1px solid var(--color-gray-200)}.main-nav.is-open{display:flex}.main-nav>ul{flex-direction:column;align-items:stretch;gap:0;width:100%}.main-nav a{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md)}.main-nav .sub-menu{position:static;box-shadow:none;border:none;background:var(--color-gray-50);border-radius:var(--radius-md);margin-top:var(--space-1);display:none}.main-nav .menu-item-has-children.is-open .sub-menu{display:block}.header-cta{display:none}}@media (max-width:1024px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__visual{display:none}.hero__actions{justify-content:center}.usp-strip__grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.section{padding-block:var(--space-16)}.services-grid{grid-template-columns:1fr}.service-detail__grid{grid-template-columns:1fr}.service-detail__grid.reverse{direction:ltr}.contact-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.about-facts{grid-template-columns:1fr}}@media (max-width:480px){:root{--container-pad:1rem}.usp-strip__grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.hero{padding-block:var(--space-16)}.hero__title{font-size:1.875rem}}@media print{.site-header,.site-footer,.cta-section,.nav-toggle{display:none}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.08s}.reveal--delay-2{transition-delay:.16s}.reveal--delay-3{transition-delay:.24s}.reveal--delay-4{transition-delay:.32s}.reveal--delay-5{transition-delay:.4s}.reveal--delay-6{transition-delay:.48s}.reveal--scale{opacity:0;transform:scale(.88) translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal--scale.is-visible{opacity:1;transform:scale(1) translateY(0)}}#particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.45}.container,.page-hero,.cta-section>.container{position:relative;z-index:2}.mockup-cursor{position:absolute;width:20px;height:20px;pointer-events:none;opacity:0;z-index:10;bottom:38%;right:22%;transition:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.mockup-cursor svg{width:20px;height:20px}.mockup-ripple{position:absolute;width:0;height:0;border-radius:50%;background:rgba(0,119,182,.25);bottom:42%;left:28%;transform:translate(-50%,50%);pointer-events:none;opacity:0}.mockup-popup{position:absolute;bottom:8%;right:6%;width:52%;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,.18);overflow:hidden;opacity:0;transform:scale(.85) translateY(10px);transform-origin:bottom right;pointer-events:none}.mockup-popup__bar{background:var(--color-gray-200);padding:5px 8px;display:flex;align-items:center;gap:4px}.mockup-popup__dot{width:7px;height:7px;border-radius:50%;background:var(--color-gray-300)}.mockup-popup__dot:nth-child(1){background:#ff5f57}.mockup-popup__dot:nth-child(2){background:#febc2e}.mockup-popup__dot:nth-child(3){background:#28c840}.mockup-popup__content{padding:8px;display:flex;flex-direction:column;gap:5px}.mockup-popup__line{height:6px;border-radius:3px;background:var(--color-gray-200)}.mockup-popup__line--blue{background:var(--color-primary-light);width:70%}.mockup-popup__line--short{width:45%}