:root{--color-primary:#5651C5;--color-primary-light:#C8C8F9;--color-secondary:#0D1B2A;--color-dark:#070B12;--color-surface:#0F1419;--color-surface-2:#171E26;--color-text:#FFFFFF;--color-text-muted:rgba(255, 255, 255, 0.6);--color-border:rgba(255, 255, 255, 0.1);--font-display:'Plus Jakarta Sans', sans-serif;--font-body:'Inter', sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body.is-loading{overflow:hidden}.fade-in-element{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in{opacity:1;transform:translateY(0)}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-dark);-webkit-font-smoothing:antialiased}a{transition:color .2s ease,transform .2s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(48px,8vw,80px)}h2{font-size:clamp(32px,5vw,48px)}h3{font-size:22px;font-weight:600}p{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;padding:14px 28px;font-family:var(--font-body);font-size:15px;font-weight:500;text-decoration:none;border-radius:var(--radius-md);transition:all .25s ease;border:none;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-text)}.btn-primary:hover{background:#6b67d4;transform:translateY(-2px);box-shadow:0 8px 30px rgba(86,81,197,.4)}.btn-secondary{background:0 0;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background:rgba(86,81,197,.1)}.btn-ghost{background:0 0;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{color:var(--color-text);border-color:rgba(255,255,255,.3)}.btn-large{padding:18px 36px;font-size:16px}.btn:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.btn.is-loading{opacity:.7;pointer-events:none;position:relative}.btn.is-loading::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:var(--color-text);margin-left:10px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,5%);z-index:200;opacity:0;pointer-events:none;transition:opacity .4s ease}.page-loader .loader-bar{display:block;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent);animation:loader-slide 1.4s ease infinite}body.is-loading .page-loader{opacity:1}@keyframes loader-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.js-enabled .section-animate{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.section-animate.is-visible{opacity:1;transform:translateY(0)}.image-placeholder{position:relative;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(255,255,255,4%),rgba(86,81,197,.12));overflow:hidden}.image-block{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);object-fit:cover}.image-placeholder::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,8%) 45%,transparent 80%);transform:translateX(-100%);animation:shimmer 2s ease-in-out infinite}.image-placeholder::after{content:attr(data-label);position:absolute;bottom:12px;left:12px;right:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.image-hero{aspect-ratio:16/9;margin-top:48px}.image-feature{aspect-ratio:4/3}.image-approach{aspect-ratio:3/2;margin-bottom:24px}.image-case{aspect-ratio:3/2}.image-portrait{aspect-ratio:1/1;border-radius:50%}.image-icon{aspect-ratio:1/1;border-radius:var(--radius-md)}.image-resource{aspect-ratio:16/9;margin-bottom:20px}.image-about{aspect-ratio:4/3;margin-bottom:32px}.header{position:fixed;top:0;left:0;right:0;background:rgba(7,11,18,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:100}.nav{display:flex;align-items:center;justify-content:space-between;height:80px;position:relative}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-sm)}.logo-mark-img{display:block;width:36px;height:36px}.logo-text{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--color-text)}.nav-links{display:flex;gap:40px}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:15px;font-weight:500;position:relative;transition:color .2s ease}.nav-links a:hover{color:var(--color-text)}.nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--color-primary);opacity:0;transform:scaleX(.6);transform-origin:left;transition:opacity .2s ease,transform .2s ease}.nav-links a:hover::after{opacity:1;transform:scaleX(1)}.nav-cta{margin-left:24px}.nav-toggle{display:none;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:0 0;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}.nav-toggle span{width:20px;height:2px;background:var(--color-text);transition:transform .2s ease,opacity .2s ease}.mobile-nav{position:absolute;top:80px;left:0;right:0;background:rgba(7,11,18,.98);border-bottom:1px solid var(--color-border);z-index:99;transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mobile-nav-inner{display:flex;flex-direction:column;gap:16px;padding:24px}.mobile-nav a{color:var(--color-text);text-decoration:none;font-size:16px;font-weight:600}body.nav-open .mobile-nav{opacity:1;transform:translateY(0);pointer-events:auto}body.nav-open .nav-toggle span:nth-child(1){transform:translateY(8px)rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity:0}body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.hero{position:relative;padding:200px 0 120px;text-align:center;overflow:hidden}.hero-gradient{position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(86,81,197,.2) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-block;padding:8px 20px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:100px;font-size:13px;color:var(--color-text-muted);margin-bottom:32px}.hero h1{margin-bottom:24px}.hero h1 .accent{color:var(--color-primary)}.hero-sub{font-size:20px;max-width:550px;margin:0 auto 40px}.hero-visual{max-width:920px;margin:48px auto 0}.hero-ctas{display:flex;gap:16px;justify-content:center}.stats-bar{padding:60px 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.stat-value{display:block;font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--color-primary-light);margin-bottom:8px}.stat-label{font-size:14px;color:var(--color-text-muted)}.trust{padding:60px 0}.trust-label{text-align:center;font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px}.trust-logos{display:flex;justify-content:center;gap:56px;flex-wrap:wrap}.trust-logos span{font-size:14px;color:var(--color-text-muted);opacity:.5;font-weight:500}.page-hero{padding:180px 0 80px;text-align:center;background:var(--color-dark)}.page-hero h1{margin-bottom:24px}.page-hero .hero-sub{font-size:18px;max-width:700px;margin:0 auto}.section-label{display:inline-block;font-size:12px;color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:16px}.section-header{text-align:center;margin-bottom:64px}.section-header h2{margin-bottom:0}.services{padding:120px 0}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.services-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 40px}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;transition:all .3s ease}.service-card .image-placeholder{margin-bottom:24px}.service-card:hover{border-color:var(--color-primary);background:var(--color-surface-2)}.service-number{font-family:var(--font-display);font-size:14px;color:var(--color-primary);font-weight:600;margin-bottom:20px}.service-card h3{margin-bottom:12px;color:var(--color-text)}.service-card p{font-size:15px;line-height:1.7}.service-list{list-style:none;margin:24px 0;padding:0}.service-list li{padding:8px 0 8px 24px;position:relative;font-size:14px;color:var(--color-text-muted)}.service-list li::before{content:'→';position:absolute;left:0;color:var(--color-primary);font-weight:600}.service-card .btn{margin-top:16px}.approach{padding:120px 0;background:var(--color-surface)}.approach-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.approach-text h2{margin-bottom:20px}.approach-text>p{margin-bottom:40px}.approach-steps{display:flex;flex-direction:column;gap:24px}.approach-step{display:flex;gap:16px;align-items:flex-start}.step-marker{width:12px;height:12px;background:var(--color-primary);border-radius:50%;margin-top:6px;flex-shrink:0}.approach-step strong{display:block;color:var(--color-text);margin-bottom:4px}.approach-step p{font-size:14px;margin:0}.approach-visual{display:flex;flex-direction:column;justify-content:center;gap:24px}.visual-card{background:linear-gradient(135deg,var(--color-primary),#1C23A4);border-radius:var(--radius-lg);padding:80px 60px;text-align:center}.visual-stat{font-family:var(--font-display);font-size:80px;font-weight:800;color:var(--color-text);line-height:1}.visual-label{font-size:16px;color:rgba(255,255,255,.8);margin-top:12px}.results{padding:120px 0}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:60px;margin-top:24px;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.result-media{min-height:260px}.result-content h2{font-size:32px;margin-bottom:20px}.result-content>p{max-width:600px;margin-bottom:40px}.result-metrics{display:flex;gap:48px;margin-bottom:32px}.metric-value{display:block;font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--color-primary-light)}.metric-label{font-size:14px;color:var(--color-text-muted)}.testimonial{padding:100px 0;background:var(--color-surface)}.testimonial blockquote{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--color-text);line-height:1.4;max-width:800px;margin:0 auto 40px;text-align:center}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:16px}.author-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.testimonial-author strong{display:block;color:var(--color-text)}.testimonial-author span{font-size:14px;color:var(--color-text-muted)}.industries{padding:120px 0}.industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.industry{display:flex;flex-direction:column;align-items:center;padding:40px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease}.industry-thumb{width:100%;max-width:140px;margin-bottom:20px}.industry:hover{border-color:var(--color-primary);transform:translateY(-4px)}.industry-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:16px}.industry-name{font-size:15px;font-weight:500;color:var(--color-text)}.resources{padding:120px 0;background:var(--color-surface)}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.resource-card{background:var(--color-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.resource-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.resource-tag{display:inline-block;padding:4px 12px;background:rgba(86,81,197,.2);color:var(--color-primary-light);border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.resource-card h3{font-size:20px;margin-bottom:12px;color:var(--color-text)}.resource-card p{font-size:15px;line-height:1.6;margin-bottom:20px}.resource-link{color:var(--color-primary-light);text-decoration:none;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,transform .2s ease}.resource-link:hover{color:var(--color-text);transform:translateX(4px)}.cta{padding:140px 0;background:linear-gradient(180deg,var(--color-dark) 0%,var(--color-surface) 100%);text-align:center}.cta h2{margin-bottom:16px}.cta>.container>p{font-size:18px;margin-bottom:40px}.cta-email{margin-top:24px;font-size:14px}.cta-email a{color:var(--color-primary-light)}.about-mission{padding:120px 0;background:var(--color-surface)}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:start}.about-side{display:flex;flex-direction:column}.about-grid h2{font-size:32px;margin-bottom:24px}.about-grid p{font-size:16px;line-height:1.8;margin-bottom:20px}.about-stats{display:flex;flex-direction:column;gap:24px}.stat-box{background:var(--color-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;text-align:center}.stat-box .stat-value{display:block;font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--color-primary-light);margin-bottom:8px}.stat-box .stat-label{font-size:14px;color:var(--color-text-muted)}.about-values{padding:120px 0;background:var(--color-dark)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.value-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px}.value-card h3{font-size:20px;margin-bottom:12px;color:var(--color-text)}.value-card p{font-size:15px;line-height:1.7}.contact-hero{padding:180px 0 80px;text-align:center;background:var(--color-dark)}.contact-intro{font-size:18px;max-width:700px;margin:24px auto 0}.contact-form-section{padding:80px 0 120px;background:var(--color-surface)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.contact-info h2{font-size:32px;margin-bottom:16px}.contact-info>p{margin-bottom:40px}.contact-methods{display:flex;flex-direction:column;gap:32px}.contact-method h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:8px}.contact-method a{color:var(--color-text);text-decoration:none;font-size:18px;transition:color .2s}.contact-method a:hover{color:var(--color-primary-light)}.contact-method p{font-size:16px;line-height:1.8}.contact-form{background:var(--color-dark);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:48px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-body);font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:120px}.checkbox-group{display:flex;align-items:flex-start;gap:12px}.checkbox-group input[type=checkbox]{width:auto;margin-top:4px;flex-shrink:0}.checkbox-group label{margin-bottom:0;font-size:13px;color:var(--color-text-muted)}.form-note{font-size:13px;color:var(--color-text-muted);margin-top:16px;text-align:center}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding-top:48px}.footer-grid{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.footer-brand p{font-size:14px;margin-top:8px}.footer-nav{display:flex;gap:32px}.footer-nav a{color:var(--color-text-muted);text-decoration:none;font-size:14px}.footer-nav a:hover{color:var(--color-text)}.footer-bottom{display:flex;justify-content:space-between;padding:24px 0}.footer-bottom p{font-size:14px}.footer-legal{display:flex;gap:24px}.footer-legal a{color:var(--color-text-muted);text-decoration:none;font-size:14px}@media(max-width:900px){.nav-links{display:none}.nav-cta{display:none}.nav-toggle{display:flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.services-visuals{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.approach-content{grid-template-columns:1fr}.result-card{grid-template-columns:1fr;padding:40px}.industries-grid{grid-template-columns:repeat(2,1fr)}.result-metrics{flex-direction:column;gap:24px}.resources-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:48px}.about-grid{grid-template-columns:1fr;gap:48px}.values-grid{grid-template-columns:1fr}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}.industries-grid{grid-template-columns:1fr}.footer-grid{flex-direction:column;gap:24px;text-align:center}.footer-nav{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}