:root{--bg:#0b1020;--bg-soft:#11182e;--surface:#ffffff;--surface-soft:#f6f7fb;--ink:#131a2e;--ink-soft:#4a5366;--line:#e6e8f0;--brand:#009cff;--brand-2:#0077cc;--brand-3:#0a6ab4;--accent:#ff7a59;--accent-soft:#fff1ec;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px rgba(16,24,40,0.06),0 1px 3px rgba(16,24,40,0.08);--shadow-lg:0 4px 14px rgba(16,24,40,0.10);--maxw:1140px;--font-head:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);color:var(--ink);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-head);line-height:1.15;letter-spacing:-0.02em}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-head);font-weight:700;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--brand-2);margin-bottom:14px}.accent-text{color:var(--brand-2)}.skip-link{position:absolute;left:8px;top:-48px;z-index:100;background:var(--brand-2);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-weight:700;font-size:0.9rem;transition:top 0.15s ease}.skip-link:focus{top:8px;outline:2px solid #fff;outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:0.95rem;padding:12px 22px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.2s ease,background 0.2s ease,color 0.2s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-sm{padding:9px 18px;font-size:0.88rem}.btn-lg{padding:15px 30px;font-size:1rem}.btn-block{width:100%}.btn-primary{background:var(--brand-2);color:#fff}.btn-primary:hover{background:var(--brand-3)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand-2)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.82);backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:inline-flex;align-items:center}.logo-svg{display:block;height:30px;width:120px;color:var(--ink)}.nav{display:flex;align-items:center;gap:28px}.nav a{font-weight:600;font-size:0.95rem;color:var(--ink-soft);transition:color 0.15s}.nav a:hover{color:var(--ink)}.nav a.btn-primary{color:#fff}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:0.2s}.hero{position:relative;background:linear-gradient(180deg,#f3f9ff,#ffffff 70%);border-bottom:1px solid var(--line);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;padding:90px 24px 100px}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800}.lede{font-size:1.18rem;color:var(--ink-soft);margin:22px 0 32px;max-width:38ch}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:22px;font-size:0.9rem;color:var(--ink-soft)}.hero-visual{position:relative}.hero-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-gallery .brand-visual{aspect-ratio:1 / 1;border-radius:var(--radius);border:1px solid var(--line)}.hero-gallery .brand-visual:nth-child(2),.hero-gallery .brand-visual:nth-child(4){transform:translateY(28px)}.trustbar{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-soft);padding:28px 0}.trustbar::before,.trustbar::after{content:"";position:absolute;top:0;bottom:0;width:72px;z-index:2;pointer-events:none}.trustbar::before{left:0;background:linear-gradient(90deg,var(--surface-soft),rgba(246,247,251,0))}.trustbar::after{right:0;background:linear-gradient(270deg,var(--surface-soft),rgba(246,247,251,0))}.logos{display:flex;align-items:center;width:max-content}.logos--marquee{animation:trust-scroll var(--marquee-duration,40s) linear infinite}.logos--marquee:hover{animation-play-state:paused}@keyframes trust-scroll{to{transform:translateX(var(--marquee-shift,-50%))}}.logos-group{display:flex;align-items:center;flex-shrink:0}.trust-logo{height:36px;width:auto;max-width:160px;object-fit:contain;margin:0 28px;flex-shrink:0;filter:brightness(0);opacity:0.5;transition:opacity 0.2s ease}.trust-logo:hover{opacity:0.9}.section-head{max-width:640px;margin:0 auto 40px;text-align:center}.section-head h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}.section-sub{color:var(--ink-soft);margin-top:14px;font-size:1.05rem}section{padding:72px 0}.why-inner{max-width:720px;margin:0 auto;text-align:center}.why h2{font-size:clamp(1.6rem,3vw,2.1rem)}.why p{color:var(--ink-soft);margin-top:14px;font-size:1.1rem}.services{background:var(--surface-soft)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{display:block;color:inherit;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.service-card:hover{border-color:var(--brand);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-more{display:inline-block;margin-top:14px;font-family:var(--font-head);font-weight:700;font-size:0.88rem;color:var(--brand-2)}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(0,156,255,0.1);color:var(--brand);margin-bottom:16px}.service-icon svg{width:24px;height:24px}.service-card h3{font-size:1.2rem}.service-card p{color:var(--ink-soft);margin-top:8px;font-size:0.95rem}.services-foot{text-align:center;margin-top:32px;color:var(--ink-soft)}.services-foot a{color:var(--brand-2);font-weight:600}.svc-index-hero{padding:64px 0 8px;text-align:center}.svc-index-hero h1{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800}.svc-index-hero p{color:var(--ink-soft);font-size:1.15rem;max-width:52ch;margin:16px auto 0}.svc-index-body{padding:32px 0 64px}.svc-hero{padding:56px 0 48px;background:linear-gradient(180deg,#f3f9ff,#ffffff 70%);border-bottom:1px solid var(--line)}.svc-hero h1{font-size:clamp(2.1rem,4.5vw,3rem);font-weight:800}.svc-intro{color:var(--ink-soft);font-size:1.18rem;max-width:60ch;margin:16px 0 26px}.svc-section{padding:64px 0}.svc-section--soft{background:var(--surface-soft)}.svc-section .pf-grid{padding:0}.svc-head{max-width:640px;margin-bottom:30px}.svc-head h2{font-size:clamp(1.6rem,3vw,2.1rem)}.svc-head p{color:var(--ink-soft);margin-top:10px}.svc-offerings{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.svc-offering{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.svc-offering h3{font-size:1.18rem;margin-bottom:8px}.svc-offering p{color:var(--ink-soft);font-size:0.97rem}.svc-other{display:flex;flex-wrap:wrap;gap:12px}.svc-other a{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px 8px 10px;font-family:var(--font-head);font-weight:600;font-size:0.92rem;color:var(--ink);transition:border-color 0.2s ease}.svc-other a:hover{border-color:var(--brand)}.svc-other__icon{display:inline-flex;width:28px;height:28px;border-radius:8px;background:rgba(0,156,255,0.1);color:var(--brand-2);align-items:center;justify-content:center}.svc-other__icon svg{width:18px;height:18px}.svc-cta{padding:72px 0;text-align:center;background:var(--bg);color:#fff}.svc-cta h2{font-size:clamp(1.7rem,3vw,2.3rem);color:#fff}.svc-cta p{color:rgba(255,255,255,0.82);margin:14px auto 26px;max-width:46ch}.svc-link{color:var(--brand-2);font-weight:600}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color 0.2s ease}.work-card:hover{border-color:var(--brand)}.work-img{aspect-ratio:1 / 1;overflow:hidden;background:var(--surface-soft)}.work-img .brand-visual__tile{transition:transform 0.35s ease}.work-card:hover .work-img .brand-visual__tile{transform:scale(1.05)}.work-body{padding:24px}.work-cat{font-size:0.78rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--brand-2)}.work-body h3{font-size:1.3rem;margin:8px 0 10px}.work-body p{color:var(--ink-soft);font-size:0.95rem}.work-result{margin-top:12px !important;font-weight:700;color:var(--brand-2) !important;font-family:var(--font-head)}.process{background:var(--surface-soft)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step}.steps li{position:relative;padding-top:8px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--brand-2);color:#fff;font-family:var(--font-head);font-weight:800;font-size:1.2rem;margin-bottom:16px}.steps h3{font-size:1.2rem;margin-bottom:8px}.steps p{color:var(--ink-soft);font-size:0.95rem}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quote{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.quote blockquote{font-size:1.12rem;line-height:1.6;color:var(--ink)}.quote figcaption{margin-top:22px;font-size:0.92rem;color:var(--ink-soft);display:flex;align-items:center;gap:14px}.quote-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--line);flex-shrink:0}.quote figcaption strong{display:block;color:var(--ink);font-family:var(--font-head);font-size:1rem}.contact{background:var(--surface-soft)}.contact-inner{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px}.contact-copy h2{font-size:clamp(1.7rem,3vw,2.4rem)}.contact-copy p{color:var(--ink-soft);margin:16px 0 28px;font-size:1.05rem}.contact-details{list-style:none;display:grid;gap:18px}.contact-details li{display:grid;gap:2px}.contact-details span{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--brand-2);font-weight:700}.contact-details a:hover{color:var(--brand-2)}.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.field{margin-bottom:18px}fieldset.field{border:0;padding:0;margin:0 0 18px;min-width:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label,.field legend{display:block;font-weight:600;font-size:0.9rem;margin-bottom:7px;padding:0}.optional{color:var(--ink-soft);font-weight:400}.field input,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:0.95rem;color:var(--ink);transition:border-color 0.15s,box-shadow 0.15s;background:#fff;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(0,156,255,0.18)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0}.chip span{display:inline-block;padding:9px 16px;border:1.5px solid var(--line);border-radius:999px;font-size:0.9rem;font-weight:600;color:var(--ink-soft);transition:0.15s}.chip input:checked + span{background:var(--brand-2);border-color:var(--brand-2);color:#fff}.chip input:focus-visible + span{box-shadow:0 0 0 3px rgba(0,156,255,0.3)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.form-status{margin-top:14px;font-size:0.92rem;font-weight:600;min-height:1.2em}.form-status.error{color:#dc2626}.form-status.success{color:#16a34a}.site-footer{background:var(--bg);color:#c3c8d8;padding:60px 0 30px}.footer-inner{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,0.1)}.footer-logo{display:block;height:34px;width:136px;color:#fff}.footer-brand p{margin-top:14px;max-width:36ch;font-size:0.95rem}.footer-nav{display:flex;gap:56px;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h3{font-family:var(--font-head);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.07em;color:#fff;margin-bottom:4px}.footer-col a{color:#c3c8d8;font-size:0.93rem;transition:color 0.15s ease}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:0.88rem;flex-wrap:wrap;gap:12px}.footer-social{display:flex;gap:16px}.footer-social__link{display:inline-flex;align-items:center;color:#c3c8d8;transition:color 0.15s ease}.footer-social__link:hover{color:#fff}.footer-social__icon{width:22px;height:22px;display:block}@media (max-width:920px){.hero-inner,.contact-inner{grid-template-columns:1fr}.hero-gallery{max-width:480px;margin:8px auto 0}.services-grid{grid-template-columns:1fr 1fr}.work-grid,.quote-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.nav{display:none}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px;box-shadow:var(--shadow)}.nav.open a{padding:12px 0}.nav.open a.btn-primary{text-align:center;padding:14px;margin-top:8px}.nav-toggle{display:flex}}@media (max-width:540px){section{padding:56px 0}.field-row{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.hero-inner{padding:60px 24px 70px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}.logos{width:100%}.logos-group{width:100%;flex-wrap:wrap;justify-content:center}.logos-group[aria-hidden="true"]{display:none}.trust-logo{margin:10px 24px}}