{"id":441,"date":"2026-08-15T02:44:26","date_gmt":"2026-08-15T02:44:26","guid":{"rendered":"https:\/\/angkutku.com\/?page_id=441"},"modified":"2026-08-15T09:01:27","modified_gmt":"2026-08-15T09:01:27","slug":"home","status":"publish","type":"page","link":"https:\/\/angkutku.com\/en\/","title":{"rendered":""},"content":{"rendered":"\n<!-- =========================================================\n     ANGKUTKU - HOME PAGE v3\n     Design language: cargo manifest \/ rubber-stamp \/ kraft-tag.\n     Self-contained. Paste into WordPress \"Custom HTML\" block.\n     ========================================================= -->\n<style>\n\/* Sembunyikan header bawaan tema (target presisi: #site-header) *\/\n#site-header.site-header{\n  display:none !important;\n}\n\/* Sembunyikan judul halaman otomatis (mis. \"home\") yang dirender tema\/Elementor di atas konten *\/\n.entry-title,\n.page-title,\nh1.entry-title,\n.elementor-page-title,\n.page-header,\nheader.entry-header,\n.entry-header{\n  display:none !important;\n}\nbody{ padding-top:0 !important; margin-top:0 !important; }\n<\/style>\n<div class=\"ak-root\">\n\n<div class=\"ak-progress\" id=\"akProgress\"><\/div>\n\n<aside class=\"ak-social-rail\">\n  <a href=\"https:\/\/www.instagram.com\/angkut.ku\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle><circle cx=\"17.2\" cy=\"6.8\" r=\"1.1\" fill=\"currentColor\"><\/circle><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.tiktok.com\/@angkut.ku\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 3c.4 2.2 2 3.8 4 4v3.2c-1.5 0-2.9-.4-4-1.2v6.4A5.6 5.6 0 1114 9.8v3.3a2.3 2.3 0 102 2.3V3h0z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.facebook.com\/4ngkut.ku\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 21v-7h2.5l.4-3H14V9c0-.9.2-1.5 1.6-1.5H17V5c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.4-3.8 3.9V11H8v3h3v7h3z\" fill=\"currentColor\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/x.com\/angkutku\" target=\"_blank\" rel=\"noopener\" aria-label=\"X Angkutku\">\n    <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 4l16 16M20 4L4 20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.youtube.com\/@angkutkuofficial\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube Angkutku\">\n    <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2.5\" y=\"6\" width=\"19\" height=\"12\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/rect><path d=\"M10.5 9.8l5 2.2-5 2.2V9.8z\" fill=\"currentColor\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.linkedin.com\/in\/angkutku\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/rect><path d=\"M8 10.5V17M8 7.3v.01M12 17v-4.3c0-1.5 1-2.3 2.2-2.3 1.3 0 2 .9 2 2.3V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>\n  <\/a>\n  <span class=\"ak-social-line\"><\/span>\n<\/aside>\n\n<div class=\"ak-social-float\" id=\"akSocialFloat\">\n  <a href=\"https:\/\/www.instagram.com\/angkut.ku\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle><circle cx=\"17.2\" cy=\"6.8\" r=\"1.1\" fill=\"currentColor\"><\/circle><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.tiktok.com\/@angkut.ku\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 3c.4 2.2 2 3.8 4 4v3.2c-1.5 0-2.9-.4-4-1.2v6.4A5.6 5.6 0 1114 9.8v3.3a2.3 2.3 0 102 2.3V3h0z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.facebook.com\/4ngkut.ku\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 21v-7h2.5l.4-3H14V9c0-.9.2-1.5 1.6-1.5H17V5c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.4-3.8 3.9V11H8v3h3v7h3z\" fill=\"currentColor\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/x.com\/angkutku\" target=\"_blank\" rel=\"noopener\" aria-label=\"X Angkutku\">\n    <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 4l16 16M20 4L4 20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.youtube.com\/@angkutkuofficial\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube Angkutku\">\n    <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2.5\" y=\"6\" width=\"19\" height=\"12\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/rect><path d=\"M10.5 9.8l5 2.2-5 2.2V9.8z\" fill=\"currentColor\"><\/path><\/svg>\n  <\/a>\n  <a href=\"https:\/\/www.linkedin.com\/in\/angkutku\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn Angkutku\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/rect><path d=\"M8 10.5V17M8 7.3v.01M12 17v-4.3c0-1.5 1-2.3 2.2-2.3 1.3 0 2 .9 2 2.3V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>\n  <\/a>\n<\/div>\n\n\n<style>\n.ak-root{\n  --ak-blue:#237EE9;\n  --ak-blue-deep:#0E3B8C;\n  --ak-orange:#FF6B2C;\n  --ak-orange-deep:#E5501A;\n  --ak-amber:#F5A623;\n  --ak-teal:#0E9F86;\n  --ak-violet:#7C5CFC;\n  --ak-ink:#14161C;\n  --ak-kraft:#EEF2FA;\n  --ak-kraft-line:#D9E2F3;\n  --ak-text:#4B5768;\n  --ak-line:#E7ECF3;\n  --ak-white:#fff;\n  font-family:'Inter',sans-serif;\n  color:var(--ak-ink);\n  background:transparent;\n  overflow-x:hidden;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n}\n.ak-root *{ box-sizing:border-box; }\n.ak-root .ak-display{ font-family:'Bebas Neue',sans-serif; letter-spacing:.01em; }\n.ak-root h1,.ak-root h2{ font-family:'Bebas Neue',sans-serif; letter-spacing:.01em; color:var(--ak-ink); margin:0; text-transform:uppercase; }\n.ak-root h3{ font-family:'Inter',sans-serif; font-weight:700; color:var(--ak-ink); margin:0; }\n.ak-root .ak-mono{ font-family:'Space Mono',monospace; letter-spacing:.02em; }\n.ak-root p{ margin:0; color:var(--ak-text); line-height:1.7; }\n.ak-root a{ text-decoration:none; color:inherit; }\n.ak-root section{ position:relative; z-index:1; }\n.ak-root > .ak-nav{ z-index:999; }\n.ak-root > .ak-ticker-wrap,\n.ak-container{ width:min(1200px,92%); margin:0 auto; }\n\n\/* ===================== EMBLEM (icon-only logo) ===================== *\/\n.ak-emblem{ display:inline-flex !important; align-items:center; justify-content:flex-start; flex:none; margin-right:auto; }\n.ak-emblem svg{ display:block; }\n\/* ===================== MOBILE MENU PANEL (dropdown menyatu navbar) ===================== *\/\n.ak-mobile-menu{\n  position:fixed; top:0; left:0; right:0; bottom:auto;\n  z-index:998;\n  background:#fff;\n  box-shadow:0 30px 60px rgba(15,23,42,.16);\n  border-radius:0 0 22px 22px;\n  display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;\n  padding:92px 22px 28px; max-height:88vh; overflow-y:auto;\n  opacity:0; visibility:hidden; transform:translateY(-14px);\n  transition:opacity .3s ease, transform .3s ease, visibility 0s linear .3s;\n}\n.ak-mobile-menu.is-open{\n  opacity:1; visibility:visible; transform:translateY(0);\n  transition:opacity .3s ease, transform .3s ease, visibility 0s linear 0s;\n}\n.ak-mobile-links{ list-style:none; margin:0; padding:0; width:100%; }\n.ak-mobile-links li{ margin-bottom:2px; }\n.ak-mobile-links a{\n  display:flex; align-items:center; gap:14px;\n  font-family:'Inter',sans-serif; font-weight:600; font-size:15.5px; letter-spacing:0; color:var(--ak-blue);\n  padding:13px 14px; border-radius:12px; transition:background .2s ease, color .2s ease;\n}\n.ak-mobile-links a svg{ flex:none; color:var(--ak-blue); opacity:.75; transition:opacity .2s ease; }\n.ak-mobile-links a:hover, .ak-mobile-links a:active{ background:var(--ak-kraft); color:var(--ak-blue-deep); }\n.ak-mobile-cta{ margin-top:24px; width:100%; justify-content:center; }\n@media (min-width:641px){ .ak-mobile-menu{ display:none !important; } }\n\n\/* ===================== NAV ===================== *\/\n.ak-nav{\n  position:fixed !important; top:0; left:0; right:0; z-index:999 !important; padding:20px 0;\n  transform:translateY(-110%); opacity:0; pointer-events:none;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1), opacity .3s ease, background .3s ease, padding .3s ease;\n}\n.ak-nav.is-solid{\n  transform:translateY(0); opacity:1; pointer-events:auto;\n  background:rgba(255,255,255,.95); backdrop-filter:blur(10px);\n  border-bottom:1px solid var(--ak-line); padding:12px 0;\n}\n@media (prefers-reduced-motion:reduce){ .ak-nav{ transition:opacity .2s ease; } }\n.ak-nav-inner{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px; list-style:none !important; min-height:44px; }\n.ak-menu{ display:flex !important; align-items:center !important; gap:26px; list-style:none !important; margin:0 !important; padding:0 !important; }\n.ak-menu li{ list-style:none !important; margin:0 !important; padding:0 !important; display:list-item; }\n\n\/* --- nav dropdown (Layanan \/ Area Layanan) --- *\/\n.ak-nav-has-dropdown{ position:relative !important; }\n.ak-nav-dropdown{\n  position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(6px);\n  background:#fff; border-radius:14px; border:1px solid var(--ak-line);\n  box-shadow:0 24px 50px rgba(15,23,42,.14); padding:10px; min-width:230px;\n  display:flex; flex-direction:column; gap:2px; margin-top:14px;\n  opacity:0; visibility:hidden; pointer-events:none;\n  transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s;\n}\n.ak-nav-has-dropdown.is-open .ak-nav-dropdown{\n  opacity:1; visibility:visible; pointer-events:auto;\n  transform:translateX(-50%) translateY(0);\n  transition:opacity .2s ease, transform .2s ease, visibility 0s linear 0s;\n}\n.ak-nav-has-dropdown > a{ display:inline-flex !important; align-items:center; gap:5px; }\n.ak-nav-caret{ display:inline-block; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s ease; }\n.ak-nav-has-dropdown.is-open .ak-nav-caret{ transform:rotate(-135deg) translateY(1px); }\n.ak-nav-dropdown a{\n  color:var(--ak-ink) !important; font-family:'Inter',sans-serif !important; font-size:13.5px !important;\n  font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important;\n  padding:9px 12px !important; border-radius:8px; display:block !important; white-space:nowrap;\n  transition:background .15s ease, color .15s ease;\n}\n.ak-nav-dropdown a:hover{ background:var(--ak-kraft); color:var(--ak-blue) !important; }\n.ak-menu a{\n  display:inline-block !important; text-decoration:none !important;\n  font-family:'Bebas Neue',sans-serif; font-size:18px; letter-spacing:.04em; line-height:1;\n  color:#fff; transition:color .2s ease;\n}\n.ak-nav.is-solid .ak-menu a{ color:var(--ak-ink); }\n.ak-menu a:hover{ color:var(--ak-orange); }\n.ak-nav-cta{\n  display:inline-flex !important; align-items:center; gap:8px; background:var(--ak-orange); color:#fff !important;\n  padding:12px 24px; border-radius:6px; font-family:'Bebas Neue',sans-serif; font-size:17px; letter-spacing:.04em; line-height:1;\n  transition:transform .2s ease, box-shadow .2s ease;\n}\n.ak-nav-cta:hover{ transform:translateY(-2px); box-shadow:0 14px 26px rgba(35,126,233,.35); }\n.ak-menu-toggle{\n  display:none !important; background:none !important; border:none !important; cursor:pointer;\n  width:40px; height:40px; align-items:center !important; justify-content:center !important;\n  flex-direction:column !important; gap:5px !important; padding:0 !important; flex:none;\n  margin-left:auto !important;\n}\n.ak-menu-toggle .ak-bar{\n  display:block !important; width:24px; height:2px; background:var(--ak-ink) !important;\n  border-radius:2px; transition:transform .3s ease, opacity .2s ease;\n}\n.ak-menu-toggle.is-active .ak-bar:nth-child(1){ transform:translateY(7px) rotate(45deg); }\n.ak-menu-toggle.is-active .ak-bar:nth-child(2){ opacity:0; }\n.ak-menu-toggle.is-active .ak-bar:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }\n\n\/* ===================== HERO ===================== *\/\n.ak-hero{ position:relative; height:94vh; min-height:660px; display:flex; align-items:center; overflow:hidden; background:var(--ak-ink); }\n.ak-hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }\n.ak-hero-duotone{\n  position:absolute; inset:0;\n  background:linear-gradient(135deg, rgba(14,59,140,.82), rgba(35,126,233,.30));\n  mix-blend-mode:multiply;\n}\n.ak-hero-scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,22,28,.35) 0%, rgba(20,22,28,.15) 45%, rgba(20,22,28,.85) 100%); }\n.ak-hero-inner{ position:relative; z-index:2; width:min(1200px,92%); margin:0 auto; color:#fff; padding-top:50px; text-align:center; display:flex; flex-direction:column; align-items:center; }\n\n.ak-hero-logo-mark{\n  height:100px; width:auto; margin-bottom:28px;\n  opacity:0; transform:translateY(14px);\n  animation:ak-reveal .7s cubic-bezier(.2,.7,.2,1) forwards;\n}\n@media (prefers-reduced-motion:reduce){ .ak-hero-logo-mark{ opacity:1; transform:none; animation:none; } }\n@media (max-width:640px){ .ak-hero-logo-mark{ height:64px; margin-bottom:20px; } }\n\n.ak-hero-eyebrow{\n  display:inline-flex; align-items:center; gap:10px; font-family:'Space Mono',monospace; font-size:12px;\n  color:rgba(255,255,255,.75); letter-spacing:.1em; text-transform:uppercase; margin-bottom:22px;\n}\n.ak-hero-eyebrow::before{ content:''; width:26px; height:1px; background:var(--ak-orange); }\n\n.ak-hero h1{\n  font-family:'Inter',sans-serif; font-weight:700; letter-spacing:-.01em;\n  font-size:clamp(44px,7.5vw,92px); line-height:1.05; color:#fff; max-width:900px; text-align:center;\n  text-transform:none;\n}\n.ak-hero h1 .ak-line{ display:block; opacity:0; transform:translateY(28px); animation:ak-reveal .8s cubic-bezier(.2,.7,.2,1) forwards; }\n.ak-hero h1 .ak-line:nth-child(1){ animation-delay:.05s; }\n.ak-hero h1 .ak-line:nth-child(2){ animation-delay:.2s; color:var(--ak-orange); }\n@keyframes ak-reveal{ to{ opacity:1; transform:translateY(0); } }\n@media (prefers-reduced-motion:reduce){\n  .ak-hero h1 .ak-line{ opacity:1; transform:none; animation:none; }\n}\n\n.ak-hero p.ak-lead{ margin-top:26px; font-size:18px; max-width:520px; color:rgba(255,255,255,.82); text-align:center; }\n@media (min-width:641px){ .ak-hero p.ak-lead{ max-width:640px; } }\n.ak-hero-actions{ margin-top:38px; display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }\n.ak-btn{ display:inline-flex; align-items:center; gap:10px; padding:17px 30px; border-radius:6px; font-family:'Bebas Neue',sans-serif; font-size:16px; letter-spacing:.05em; border:none; cursor:pointer; transition:transform .25s ease, box-shadow .25s ease; }\n.ak-btn-orange{ background:var(--ak-orange); color:#fff; }\n.ak-btn-orange:hover{ transform:translateY(-3px); box-shadow:0 20px 40px rgba(35,126,233,.4); }\n.ak-btn-outline{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55); }\n.ak-btn-outline:hover{ background:rgba(255,255,255,.12); transform:translateY(-3px); }\n\n\n.ak-scroll-cue{\n  position:absolute; left:50%; bottom:36px; z-index:3; transform:translateX(-50%);\n  display:flex; flex-direction:column; align-items:center; gap:8px;\n  opacity:0; animation:ak-cue-in .6s 1.4s ease forwards;\n}\n.ak-scroll-cue span{ font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.2em; color:rgba(255,255,255,.65); }\n.ak-scroll-dot{ animation:ak-cue-bounce 1.8s ease-in-out infinite; }\n@keyframes ak-cue-in{ to{ opacity:1; } }\n@keyframes ak-cue-bounce{ 0%,100%{ transform:translateY(0); opacity:1; } 50%{ transform:translateY(7px); opacity:.4; } }\n@media (prefers-reduced-motion:reduce){ .ak-scroll-cue{ opacity:1; animation:none; } .ak-scroll-dot{ animation:none; } }\n@media (max-width:640px){ .ak-scroll-cue{ display:none; } }\n\n\/* ===================== TICKER ===================== *\/\n.ak-ticker-wrap{ position:relative; background:var(--ak-ink); padding:13px 0; overflow:hidden; border-top:1px solid rgba(255,255,255,.08); box-shadow:0 0 0 100vmax var(--ak-ink); clip-path:inset(0 -100vmax); }\n.ak-ticker{ display:flex; gap:36px; white-space:nowrap; width:max-content; }\n@media (prefers-reduced-motion:no-preference){ .ak-ticker{ animation:ak-scroll 24s linear infinite; } }\n@keyframes ak-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }\n.ak-ticker span{ font-family:'Space Mono',monospace; font-size:12.5px; color:rgba(255,255,255,.65); display:flex; align-items:center; gap:10px; }\n.ak-ticker span::after{ content:'-'; color:var(--ak-orange); margin-left:26px; }\n\n\/* ===================== SECTION HEAD ===================== *\/\n.ak-section{ padding:100px 0; }\n.ak-section-head{ max-width:640px; margin-bottom:48px; }\n.ak-tag-label{\n  display:inline-flex; align-items:center; gap:8px; font-family:'Space Mono',monospace; font-size:12px;\n  letter-spacing:.1em; text-transform:uppercase; color:var(--ak-orange-deep); margin-bottom:16px;\n}\n.ak-tag-label::before{ content:''; width:8px; height:8px; background:var(--ak-orange); }\n.ak-section-head h2{ font-size:clamp(34px,4.4vw,54px); line-height:.98; }\n.ak-section-head h2 .ak-hl{ color:var(--ak-blue); }\n.ak-section-head p{ margin-top:16px; font-size:16px; }\n\n\/* ===================== CAROUSEL SHARED (layanan & testimoni) ===================== *\/\n.ak-carousel-arrow{\n  width:44px; height:44px; border-radius:50%; border:1.5px solid var(--ak-kraft-line); background:#fff;\n  display:flex; align-items:center; justify-content:center; font-size:20px; color:var(--ak-ink); line-height:1;\n  cursor:pointer; transition:background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; flex:none;\n}\n.ak-carousel-arrow:hover{ background:var(--ak-blue); color:#fff; border-color:var(--ak-blue); transform:translateY(-2px); }\n\n\/* ===================== LAYANAN - auto-scroll premium ===================== *\/\n.ak-tags-wrap{\n  position:relative; overflow:hidden;\n  background:linear-gradient(160deg, #F7F9FD 0%, #FFFFFF 45%, #F3F7FE 100%);\n}\n.ak-tags-pattern{\n  position:absolute; inset:0; opacity:.45; pointer-events:none;\n  background-image:radial-gradient(rgba(35,126,233,.12) 1.4px, transparent 1.4px);\n  background-size:26px 26px;\n  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 85% 20%, #000 30%, transparent 80%);\n  mask-image:radial-gradient(ellipse 60% 70% at 85% 20%, #000 30%, transparent 80%);\n}\n.ak-tags-slider{\n  position:relative; z-index:1; margin-top:44px;\n}\n.ak-tags-grid{\n  display:flex; gap:22px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x proximity;\n  padding:6px 2px 14px; scrollbar-width:none; -ms-overflow-style:none;\n}\n.ak-tags-grid::-webkit-scrollbar{ display:none; }\n.ak-tags-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; box-shadow:0 10px 26px rgba(15,23,42,.14); }\n.ak-tags-arrow-left{ left:4px; }\n.ak-tags-arrow-right{ right:4px; }\n@media (max-width:900px){ .ak-tags-arrow{ display:none; } }\n@media (prefers-reduced-motion:reduce){ .ak-tags-grid{ scroll-behavior:auto; } }\n\n.ak-tag-card{\n  position:relative; background:#fff; border:1px solid var(--ak-line); border-radius:24px;\n  padding:30px 20px 26px; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n  flex:0 0 auto; width:calc((100% - 66px)\/4); min-width:200px; scroll-snap-align:start; box-shadow:0 1px 3px rgba(15,23,42,.04);\n  text-align:center; display:flex; flex-direction:column; align-items:center;\n  overflow:hidden;\n}\n.ak-tag-card::before{\n  content:''; position:absolute; top:0; left:0; right:0; height:3px;\n  background:linear-gradient(90deg, var(--ak-blue), var(--ak-teal));\n  transform:scaleX(0); transform-origin:left; transition:transform .35s ease;\n}\n.ak-tag-card:hover::before{ transform:scaleX(1); }\n.ak-tag-card:hover{\n  transform:translateY(-8px); border-color:transparent;\n  box-shadow:0 30px 56px rgba(15,23,42,.12), 0 0 0 1px rgba(35,126,233,.15);\n}\n.ak-tag-icon{\n  width:96px; height:96px; flex:none;\n  display:flex; align-items:center; justify-content:center;\n  transition:transform .35s cubic-bezier(.2,.8,.3,1);\n  margin:0 auto;\n}\n.ak-tag-icon img{ width:100%; height:100%; object-fit:contain; display:block; filter:drop-shadow(0 10px 16px rgba(15,23,42,.14)); }\n.ak-tag-card:hover .ak-tag-icon{ transform:scale(1.06) rotate(-3deg); }\n.ak-tag-card h3{\n  font-size:17px; margin:20px 0 8px; font-family:'Inter',sans-serif; font-weight:700;\n  letter-spacing:-.01em; text-transform:none; color:var(--ak-ink);\n}\n.ak-tag-card p{ font-size:13.5px; line-height:1.55; min-height:40px; }\n.ak-tag-card .ak-more{\n  display:inline-flex; align-items:center; justify-content:center; gap:5px; margin-top:16px;\n  font-size:13px; font-weight:600; color:var(--ak-blue);\n}\n.ak-tag-card .ak-more i{ font-style:normal; transition:transform .25s ease; display:inline-block; }\n.ak-tag-card:hover .ak-more i{ transform:translateX(4px); }\n\n.ak-category-chips{ display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }\n.ak-chip{\n  font-size:13px; font-weight:600; padding:9px 18px; border-radius:999px;\n  border:1.5px solid var(--ak-line); color:var(--ak-text); background:#fff; cursor:pointer;\n  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.ak-chip:hover{ transform:translateY(-2px); border-color:var(--ak-blue); color:var(--ak-blue); }\n.ak-chip.is-active{ background:var(--ak-blue); color:#fff; border-color:var(--ak-blue); box-shadow:0 10px 24px rgba(35,126,233,.25); }\n.ak-chip.is-active:hover{ color:#fff; }\n\n\/* ===================== MANIFEST CLIPBOARD ===================== *\/\n.ak-manifest-grid{ display:grid; grid-template-columns:.95fr 1.05fr; gap:56px; align-items:center; }\n.ak-clipboard{\n  background:linear-gradient(165deg,#fff,#FAFBFF); border:1.5px solid var(--ak-line); border-radius:20px; padding:36px 32px;\n  box-shadow:0 34px 70px rgba(20,22,28,.1); position:relative;\n}\n.ak-clipboard::before{\n  content:''; position:absolute; top:-14px; left:50%; transform:translateX(-50%);\n  width:90px; height:26px; background:var(--ak-ink); border-radius:6px;\n  box-shadow:0 6px 14px rgba(0,0,0,.18);\n}\n.ak-clipboard-head{ display:flex; justify-content:space-between; align-items:baseline; border-bottom:2px dashed var(--ak-line); padding-bottom:16px; margin-bottom:20px; }\n.ak-clipboard-head span{ font-family:'Space Mono',monospace; font-size:11.5px; color:var(--ak-text); }\n.ak-clipboard-head h3{ font-family:'Bebas Neue',sans-serif; font-size:22px; letter-spacing:.03em; }\n.ak-check-item{\n  display:flex; align-items:flex-start; gap:14px; padding:14px 10px; margin:0 -10px; border-radius:12px;\n  border-bottom:1px solid var(--ak-line); transition:background .25s ease, transform .25s ease;\n}\n.ak-check-item:hover{ background:rgba(35,126,233,.05); transform:translateX(4px); }\n.ak-check-item:last-child{ border-bottom:none; }\n.ak-check-mark{\n  width:26px; height:26px; border-radius:8px; flex:none; color:#fff; background:var(--ak-blue);\n  display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:900;\n  box-shadow:0 6px 14px rgba(35,126,233,.28); transition:transform .25s ease;\n}\n.ak-check-item:hover .ak-check-mark{ transform:scale(1.1) rotate(-6deg); }\n.ak-check-item:nth-child(3) .ak-check-mark{ background:var(--ak-teal); box-shadow:0 6px 14px rgba(14,159,134,.28); }\n.ak-check-item:nth-child(4) .ak-check-mark{ background:var(--ak-violet); box-shadow:0 6px 14px rgba(124,92,252,.28); }\n.ak-check-item:nth-child(5) .ak-check-mark{ background:var(--ak-orange); box-shadow:0 6px 14px rgba(245,150,42,.28); }\n.ak-check-item h4{ font-size:14.5px; font-weight:700; margin-bottom:2px; }\n.ak-check-item p{ font-size:13px; }\n\n\/* ===================== TRUST LOGOS SLIDER ===================== *\/\n.ak-trust-wrap{\n  position:relative; overflow:hidden;\n  background:linear-gradient(160deg, #EEF4FF 0%, #F8FAFF 45%, #EAF1FF 100%);\n}\n.ak-trust-pattern{\n  position:absolute; inset:0; opacity:.5; pointer-events:none;\n  background-image:radial-gradient(rgba(35,126,233,.14) 1.4px, transparent 1.4px);\n  background-size:26px 26px;\n  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 40%, transparent 85%);\n  mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 40%, transparent 85%);\n}\n.ak-trust-panel{\n  background:#fff; border-radius:26px; border:1px solid var(--ak-line);\n  padding:40px 0; box-shadow:0 30px 70px rgba(15,23,42,.07);\n}\n.ak-trust-slider{\n  overflow:hidden; width:100%;\n  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\n  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\n}\n.ak-trust-track{\n  display:flex; align-items:center; width:max-content;\n  animation:ak-scroll-trust 28s linear infinite;\n}\n.ak-trust-slider:hover .ak-trust-track{ animation-play-state:paused; }\n.ak-trust-item{\n  display:flex; align-items:center; justify-content:center; flex:none;\n  width:168px; height:64px; padding:0 12px;\n}\n.ak-trust-item img{\n  max-height:44px; max-width:100%; width:auto; height:auto; object-fit:contain;\n  opacity:.85; transition:opacity .3s ease, transform .3s ease;\n}\n.ak-trust-item:hover img{ opacity:1; transform:scale(1.05); }\n@keyframes ak-scroll-trust{ from{ transform:translateX(0); } to{ transform:translateX(-33.3333%); } }\n@media (prefers-reduced-motion:reduce){ .ak-trust-track{ animation:none; } }\n\n\/* ===================== STATS \/ CUSTOMS PANEL ===================== *\/\n.ak-stats-band{ background:var(--ak-ink); padding:64px 0; }\n.ak-stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); }\n.ak-stat{ text-align:center; padding:0 12px; position:relative; }\n.ak-stat:not(:last-child)::after{\n  content:''; position:absolute; right:0; top:8px; bottom:8px; border-right:2px dashed rgba(255,255,255,.15);\n}\n.ak-stat-icon{\n  display:flex; align-items:center; justify-content:center; width:46px; height:46px;\n  border-radius:14px; margin:0 auto 14px; background:rgba(255,255,255,.07);\n}\n.ak-stat:nth-child(1) .ak-stat-icon{ color:var(--ak-blue); background:rgba(35,126,233,.14); }\n.ak-stat:nth-child(2) .ak-stat-icon{ color:var(--ak-teal); background:rgba(14,159,134,.14); }\n.ak-stat:nth-child(3) .ak-stat-icon{ color:var(--ak-violet); background:rgba(124,92,252,.14); }\n.ak-stat:nth-child(4) .ak-stat-icon{ color:var(--ak-orange); background:rgba(245,150,42,.14); }\n.ak-stat b{ display:block; font-family:'Bebas Neue',sans-serif; font-size:clamp(34px,3.6vw,50px); color:var(--ak-orange); line-height:1; }\n.ak-stat span:last-child{ font-family:'Space Mono',monospace; font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.55); }\n\n\/* ===================== AREA LAYANAN (route tags) ===================== *\/\n.ak-route-strip{ position:relative; padding:8px 0; }\n.ak-route-cities{ position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }\n.ak-route-city{\n  display:flex; align-items:center; gap:9px; background:#fff; border:1.5px solid var(--ak-line);\n  border-radius:999px; padding:12px 20px 12px 16px; text-align:center;\n  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n.ak-route-city:hover{ transform:translateY(-3px); border-color:var(--ak-blue); box-shadow:0 12px 24px rgba(35,126,233,.14); }\n.ak-route-pin{ display:flex; align-items:center; justify-content:center; width:22px; height:22px; color:var(--ak-blue); flex:none; }\n.ak-route-pin svg{ width:100%; height:100%; }\n.ak-route-city .ak-mono{ font-size:10.5px; color:var(--ak-orange-deep); display:block; }\n.ak-route-city b{ font-family:'Bebas Neue',sans-serif; font-size:17px; letter-spacing:.03em; }\n\n\/* ===================== ESTIMASI (shipping label) ===================== *\/\n.ak-estimasi{\n  background:linear-gradient(160deg, #0F1219, var(--ak-ink) 65%); border-radius:24px; padding:52px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; color:#fff;\n  position:relative; overflow:hidden; box-shadow:0 40px 90px rgba(0,0,0,.32);\n}\n.ak-estimasi::before{ content:''; position:absolute; inset:0; background:repeating-linear-gradient(-45deg, rgba(35,126,233,.06) 0 26px, transparent 26px 52px); }\n.ak-estimasi::after{\n  content:''; position:absolute; width:340px; height:340px; border-radius:50%; top:-140px; right:-100px;\n  background:radial-gradient(circle, rgba(35,126,233,.3), transparent 70%); filter:blur(6px); pointer-events:none;\n}\n.ak-estimasi > *{ position:relative; z-index:1; }\n.ak-estimasi h2{ color:#fff; font-size:clamp(30px,3.6vw,42px); line-height:1.05; }\n.ak-hl-orange{ color:var(--ak-orange); }\n.ak-estimasi p{ margin-top:16px; color:rgba(255,255,255,.65); font-size:15px; }\n.ak-estimasi-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }\n.ak-estimasi-badges span{\n  font-size:12.5px; font-weight:600; padding:8px 14px; border-radius:999px;\n  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.85);\n}\n.ak-form{ display:grid; gap:13px; }\n.ak-form input, .ak-form select{\n  width:100%; padding:15px 16px; border-radius:12px; border:1.5px solid rgba(255,255,255,.15);\n  font-family:'Inter',sans-serif; font-size:14.5px; color:var(--ak-ink); background:#fff;\n  transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;\n}\n.ak-form input:focus, .ak-form select:focus{\n  outline:none; border-color:var(--ak-orange); box-shadow:0 0 0 4px rgba(245,150,42,.18); transform:translateY(-1px);\n}\n.ak-form button{ width:100%; justify-content:center; gap:9px; }\n\n\/* ===================== TESTIMONI SLIDER ===================== *\/\n.ak-testi-slider{ max-width:700px; margin:0 auto; text-align:center; }\n.ak-testi-slides{ position:relative; min-height:250px; }\n.ak-testi-slide{\n  position:absolute; inset:0; opacity:0; transform:translateY(14px);\n  transition:opacity .5s ease, transform .5s ease; pointer-events:none;\n}\n.ak-testi-slide.is-active{ opacity:1; transform:translateY(0); pointer-events:auto; position:relative; }\n.ak-testi-card{\n  position:relative; background:#fff; border:1px solid var(--ak-line); border-radius:24px;\n  padding:48px 44px 38px; box-shadow:0 30px 60px rgba(15,23,42,.07);\n}\n.ak-quote-mark{\n  position:absolute; top:6px; left:32px; font-family:Georgia,serif; font-size:70px; line-height:1;\n  color:rgba(35,126,233,.1); pointer-events:none; user-select:none;\n}\n.ak-testi-slide .ak-star-row{ position:relative; color:var(--ak-amber); display:flex; justify-content:center; gap:2px; margin-bottom:16px; font-size:17px; letter-spacing:2px; }\n.ak-testi-slide p.ak-quote{ position:relative; font-size:18.5px; line-height:1.6; color:var(--ak-ink); max-width:560px; margin:0 auto; }\n.ak-testi-person{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:26px; }\n.ak-testi-avatar{\n  width:40px; height:40px; border-radius:50%; flex:none; color:#fff; background:var(--ak-blue);\n  display:flex; align-items:center; justify-content:center; font-family:'Bebas Neue',sans-serif; font-size:16px;\n}\n.ak-testi-slide:nth-child(3n+2) .ak-testi-avatar{ background:var(--ak-teal); }\n.ak-testi-slide:nth-child(3n+3) .ak-testi-avatar{ background:var(--ak-violet); }\n.ak-testi-info{ text-align:left; }\n.ak-testi-name{ font-size:14px; font-weight:700; }\n.ak-testi-role{ font-family:'Space Mono',monospace; font-size:11px; color:var(--ak-text); margin-top:2px; }\n.ak-testi-controls{ display:flex; align-items:center; justify-content:center; gap:22px; margin-top:24px; }\n.ak-testi-dots{ display:flex; gap:8px; }\n.ak-testi-dot{\n  width:8px; height:8px; border-radius:50%; background:var(--ak-line); border:none; padding:0; cursor:pointer;\n  transition:background .25s ease, transform .25s ease;\n}\n.ak-testi-dot.is-active{ background:var(--ak-blue); transform:scale(1.35); }\n.ak-gmaps-badge{\n  display:inline-flex; align-items:center; gap:10px; background:#fff; border:1.5px solid var(--ak-line);\n  border-radius:999px; padding:10px 18px; text-decoration:none; color:var(--ak-ink); font-size:13.5px;\n  box-shadow:0 10px 24px rgba(15,23,42,.06); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n.ak-gmaps-badge:hover{ transform:translateY(-2px); border-color:#4285F4; box-shadow:0 16px 30px rgba(66,133,244,.16); }\n.ak-gmaps-badge b{ font-family:'Bebas Neue',sans-serif; font-size:16px; margin-right:2px; }\n.ak-gmaps-badge-label{ color:var(--ak-text); font-size:12px; margin-left:4px; }\n@media (prefers-reduced-motion:reduce){ .ak-testi-slide{ transition:none; } }\n@media (max-width:640px){\n  .ak-testi-card{ padding:36px 24px 30px; border-radius:20px; }\n  .ak-testi-slide p.ak-quote{ font-size:16.5px; }\n  .ak-testi-slides{ min-height:300px; }\n}\n\n\/* ===================== CTA BANNER BESAR (Gojek-style) ===================== *\/\n.ak-cta-banner{\n  position:relative; overflow:hidden; padding:110px 0;\n  background:linear-gradient(135deg, var(--ak-blue) 0%, var(--ak-blue-deep) 100%);\n  text-align:center;\n}\n.ak-cta-pattern{\n  position:absolute; inset:0; opacity:.5; pointer-events:none;\n  background-image:radial-gradient(rgba(255,255,255,.16) 1.6px, transparent 1.6px);\n  background-size:28px 28px;\n  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 85%);\n  mask-image:radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 85%);\n}\n.ak-cta-banner::before, .ak-cta-banner::after{\n  content:''; position:absolute; border-radius:50%; filter:blur(20px); pointer-events:none;\n}\n.ak-cta-banner::before{ width:360px; height:360px; top:-140px; left:-100px; background:radial-gradient(circle, rgba(245,150,42,.35), transparent 70%); }\n.ak-cta-banner::after{ width:320px; height:320px; bottom:-140px; right:-100px; background:radial-gradient(circle, rgba(124,92,252,.3), transparent 70%); }\n.ak-cta-banner-inner{ position:relative; z-index:1; }\n.ak-cta-banner h2{\n  color:#fff; font-family:'Inter',sans-serif; font-weight:700; text-transform:none;\n  font-size:clamp(28px,4vw,44px); line-height:1.2; letter-spacing:-.01em; max-width:640px; margin:18px auto 0;\n}\n.ak-cta-banner-badges{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:22px; }\n.ak-cta-banner-badges span{\n  font-size:13px; font-weight:600; padding:8px 16px; border-radius:999px;\n  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); color:#fff;\n}\n.ak-cta-banner-actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:34px; }\n.ak-btn-white{ background:#fff; color:var(--ak-blue-deep); gap:9px; }\n.ak-btn-white:hover{ transform:translateY(-3px); box-shadow:0 20px 40px rgba(0,0,0,.18); }\n.ak-btn-pulse{ position:relative; animation:ak-cta-pulse 2.4s ease-in-out infinite; }\n@keyframes ak-cta-pulse{\n  0%, 100%{ box-shadow:0 0 0 0 rgba(255,255,255,.45); }\n  50%{ box-shadow:0 0 0 14px rgba(255,255,255,0); }\n}\n.ak-btn-ghost-white{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55); }\n.ak-btn-ghost-white:hover{ background:rgba(255,255,255,.12); transform:translateY(-3px); }\n@media (prefers-reduced-motion:reduce){ .ak-btn-pulse{ animation:none; } }\n@media (max-width:640px){ .ak-cta-banner{ padding:70px 0; } }\n\n\/* ===================== FOOTER ===================== *\/\n.ak-footer{ position:relative; background:var(--ak-ink); color:rgba(255,255,255,.65); padding:64px 0 28px; }\n.ak-footer::before{\n  content:''; position:absolute; top:0; left:0; right:0; height:3px;\n  background:linear-gradient(90deg, var(--ak-blue), var(--ak-teal), var(--ak-violet), var(--ak-orange));\n}\n.ak-footer-grid{ display:grid; grid-template-columns:1.6fr 1fr; gap:28px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.1); }\n.ak-footer h4{ color:#fff; font-family:'Bebas Neue',sans-serif; font-size:15px; letter-spacing:.04em; margin-bottom:16px; }\n.ak-footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }\n.ak-footer a{ font-size:14px; transition:color .2s ease; overflow-wrap:anywhere; word-break:break-word; }\n.ak-footer a:hover{ color:#fff; }\n.ak-footer-social{ display:flex; gap:20px; margin-top:20px; align-items:center; }\n.ak-footer-social a{\n  color:rgba(255,255,255,.5); display:flex; transition:color .25s ease, transform .25s ease;\n}\n.ak-footer-social a:hover{ color:#fff; transform:translateY(-3px); }\n.ak-footer-bottom{\n  display:flex; justify-content:center; align-items:center; padding-top:26px;\n  font-size:12.5px; flex-wrap:wrap; gap:10px; font-family:'Inter',sans-serif;\n  color:rgba(255,255,255,.45); letter-spacing:.01em;\n}\n.ak-footer-dot{ color:rgba(255,255,255,.25); font-size:10px; }\n\n\/* ===================== ACHIEVEMENT STRIP (Gojek-style) - menyatu dengan hero\/ticker ===================== *\/\n.ak-achieve{ position:relative; background:var(--ak-ink); padding:32px 0; box-shadow:0 0 0 100vmax var(--ak-ink); clip-path:inset(0 -100vmax); }\n.ak-achieve-row{\n  display:flex; gap:0; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none;\n  -webkit-mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);\n  mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);\n}\n.ak-achieve-row::-webkit-scrollbar{ display:none; }\n.ak-achieve-item{\n  display:flex; align-items:center; gap:12px; flex:0 0 auto;\n  padding:0 28px; border-right:1px solid rgba(255,255,255,.12); min-width:240px;\n}\n.ak-achieve-item:last-child{ border-right:none; }\n.ak-achieve-item:first-child{ padding-left:0; }\n.ak-achieve-item svg{ flex:none; }\n.ak-achieve-item span{ font-size:13px; font-weight:600; color:rgba(255,255,255,.85); line-height:1.4; }\n@media (max-width:640px){ .ak-achieve-item{ min-width:220px; padding:0 20px; } }\n\n\/* ===================== GLOBAL FEEL ===================== *\/\nhtml{ scroll-behavior:smooth; }\n\n\/* ===================== ARMADA (Lalamove-style fleet picker) ===================== *\/\n.ak-fleet-wrap{ background:#fff; }\n.ak-fleet-tabs{ display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }\n.ak-fleet-tab{\n  font-size:13px; font-weight:600; padding:10px 18px; border-radius:999px; white-space:nowrap;\n  border:1.5px solid var(--ak-line); color:var(--ak-text); background:#fff; cursor:pointer;\n  transition:background .25s ease, color .25s ease, border-color .25s ease, transform .2s ease, box-shadow .25s ease;\n}\n.ak-fleet-tab:hover{ transform:translateY(-2px); border-color:var(--ak-blue); color:var(--ak-blue); }\n.ak-fleet-tab.is-active{\n  background:linear-gradient(120deg, var(--ak-blue), #3D8FF0); color:#fff; border-color:transparent;\n  box-shadow:0 10px 22px rgba(35,126,233,.28);\n}\n.ak-fleet-panel{\n  position:relative; margin-top:28px; border:1px solid var(--ak-line); border-radius:28px; padding:44px;\n  background:linear-gradient(160deg, #F7F9FD, #fff);\n  box-shadow:0 20px 60px rgba(15,23,42,.06); overflow:hidden;\n}\n.ak-fleet-panel::before{\n  content:''; position:absolute; top:0; left:0; right:0; height:4px;\n  background:linear-gradient(90deg, var(--ak-blue), var(--ak-teal), var(--ak-violet));\n}\n.ak-fleet-content{ display:none; grid-template-columns:.6fr 1fr; gap:40px; align-items:center; }\n@keyframes ak-fleet-fade{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:translateY(0); } }\n.ak-fleet-content.is-active{ display:grid; animation:ak-fleet-fade .45s cubic-bezier(.2,.7,.2,1); }\n.ak-fleet-visual{ display:flex; align-items:center; justify-content:center; }\n.ak-fleet-visual img{ width:100%; height:auto; max-height:300px; object-fit:contain; border-radius:16px; display:block; }\n.ak-fleet-specs{ display:grid; gap:16px; }\n.ak-fleet-specs div{\n  display:flex; align-items:flex-start; gap:14px;\n  border-bottom:1px solid var(--ak-line); padding-bottom:16px;\n}\n.ak-fleet-specs div:last-child{ border-bottom:none; padding-bottom:0; }\n.ak-fleet-specs div::before{\n  content:''; flex:0 0 auto; width:40px; height:40px; border-radius:12px;\n  background-color:var(--ak-blue);\n  -webkit-mask-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M7 7l-3 6a3 3 0 006 0l-3-6zM17 7l-3 6a3 3 0 006 0l-3-6zM6 7h12M9 3h6'\/%3E%3C\/svg%3E\");\n  mask-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M7 7l-3 6a3 3 0 006 0l-3-6zM17 7l-3 6a3 3 0 006 0l-3-6zM6 7h12M9 3h6'\/%3E%3C\/svg%3E\");\n  -webkit-mask-size:20px; mask-size:20px; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;\n  -webkit-mask-position:center; mask-position:center;\n}\n.ak-fleet-specs div:nth-child(2)::before{\n  background-color:var(--ak-teal);\n  -webkit-mask-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='9' width='20' height='6' rx='1.5'\/%3E%3Cpath d='M6 9v3M10 9v3M14 9v3M18 9v3'\/%3E%3C\/svg%3E\");\n  mask-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='9' width='20' height='6' rx='1.5'\/%3E%3Cpath d='M6 9v3M10 9v3M14 9v3M18 9v3'\/%3E%3C\/svg%3E\");\n}\n.ak-fleet-specs div:nth-child(3)::before{\n  background-color:var(--ak-violet);\n  -webkit-mask-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='8'\/%3E%3Ccircle cx='12' cy='12' r='4'\/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'\/%3E%3C\/svg%3E\");\n  mask-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='8'\/%3E%3Ccircle cx='12' cy='12' r='4'\/%3E%3Ccircle cx='12' cy='12' r='1' fill='black'\/%3E%3C\/svg%3E\");\n}\n.ak-fleet-specs span{\n  display:block; font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.06em;\n  text-transform:uppercase; color:var(--ak-blue); margin-bottom:5px;\n}\n.ak-fleet-specs b{ font-size:15px; font-weight:600; color:var(--ak-ink); line-height:1.5; }\n.ak-fleet-note{ margin-top:18px; font-size:12.5px; color:var(--ak-text); font-style:italic; }\n@media (max-width:640px){\n  .ak-fleet-content{ grid-template-columns:1fr; }\n  .ak-fleet-panel{ padding:26px 20px; border-radius:22px; }\n  .ak-fleet-visual img{ max-height:220px; }\n  .ak-fleet-specs div::before{ width:34px; height:34px; font-size:15px; border-radius:10px; }\n}\n\n\/* ===================== CINEMATIC PARALLAX PHOTO BANDS ===================== *\/\n.ak-parallax-band{\n  position:relative; height:78vh; min-height:460px; max-height:640px;\n  overflow:hidden; background:var(--ak-ink);\n}\n.ak-parallax-video{ position:absolute; inset:0; overflow:hidden; pointer-events:none; }\n.ak-parallax-video iframe{\n  position:absolute; top:50%; left:50%; border:0;\n  width:177.78vh; height:100vh; min-width:100%; min-height:56.25vw;\n  transform:translate(-50%,-50%);\n}\n.ak-parallax-overlay{\n  position:absolute; inset:0;\n  background:linear-gradient(180deg, rgba(14,22,40,.25) 0%, rgba(14,22,40,.35) 55%, rgba(14,22,40,.82) 100%);\n}\n.ak-parallax-duo{\n  position:absolute; inset:0;\n  background:linear-gradient(120deg, rgba(14,59,140,.5), rgba(35,126,233,.12));\n  mix-blend-mode:multiply;\n}\n.ak-parallax-content{\n  position:relative; z-index:2; height:100%; display:flex; align-items:flex-end; padding-bottom:72px;\n}\n.ak-parallax-content .ak-mono{ font-size:12px; color:rgba(255,255,255,.6); letter-spacing:.1em; text-transform:uppercase; display:block; margin-bottom:16px; }\n.ak-parallax-content h2{\n  color:#fff; font-family:'Inter',sans-serif; font-weight:600; text-transform:none; letter-spacing:-.01em;\n  font-size:clamp(26px,3.6vw,44px); max-width:640px; line-height:1.2;\n}\n@media (max-width:640px){ .ak-parallax-band{ height:56vh; min-height:380px; } }\n\n.ak-noise{\n  position:fixed; inset:0; z-index:2; pointer-events:none; opacity:.035; mix-blend-mode:overlay;\n}\n\n\/* ===================== SCROLL PROGRESS BAR ===================== *\/\n.ak-progress{\n  position:fixed; top:0; left:0; right:0; height:3px; z-index:1001;\n  background:linear-gradient(90deg,var(--ak-blue),var(--ak-blue-deep));\n  transform:scaleX(0); transform-origin:left; will-change:transform;\n}\n\n\/* ===================== SOCIAL RAIL (desktop) ===================== *\/\n.ak-social-rail{\n  position:fixed; left:26px; bottom:26px; z-index:900;\n  display:flex; flex-direction:column; align-items:center; gap:18px;\n}\n.ak-social-rail a{\n  color:var(--ak-ink); opacity:.55; transition:opacity .25s ease, transform .25s ease, color .25s ease;\n}\n.ak-social-rail a:hover{ opacity:1; color:var(--ak-blue); transform:translateY(-3px); }\n.ak-social-line{ width:1px; height:64px; background:var(--ak-line); }\n@media (max-width:980px){ .ak-social-rail{ display:none; } }\n\n\/* ===================== SOCIAL FLOAT PILL (mobile\/tablet) ===================== *\/\n.ak-social-float{\n  position:fixed; left:50%; bottom:22px; z-index:900;\n  display:none; align-items:center; gap:2px;\n  background:rgba(255,255,255,.9); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);\n  border:1px solid rgba(255,255,255,.6); border-radius:999px; padding:8px 10px;\n  box-shadow:0 22px 46px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.06);\n  transform:translateX(-50%) translateY(140%); opacity:0;\n  transition:transform .45s cubic-bezier(.2,.75,.25,1), opacity .3s ease;\n}\n.ak-social-float.is-visible{ transform:translateX(-50%) translateY(0); opacity:1; }\n.ak-social-float a{\n  width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;\n  color:var(--ak-ink); transition:background .25s ease, color .25s ease, transform .25s ease;\n}\n.ak-social-float a:hover, .ak-social-float a:active{ background:var(--ak-blue); color:#fff; transform:translateY(-3px); }\n@media (max-width:980px){ .ak-social-float{ display:flex; } }\n@media (prefers-reduced-motion:reduce){ .ak-social-float{ transition:opacity .2s ease; transform:translateX(-50%) translateY(0); } }\n.ak-reveal{ opacity:1; transform:none; }\nhtml.js-anim .ak-reveal{\n  opacity:0; transform:translateY(38px);\n  transition:opacity .9s cubic-bezier(.16,.8,.24,1), transform .9s cubic-bezier(.16,.8,.24,1);\n  will-change:opacity, transform;\n}\nhtml.js-anim .ak-reveal.is-visible{ opacity:1; transform:translateY(0); }\n.ak-tags-grid > .ak-reveal:nth-child(1){ transition-delay:.03s; }\n.ak-tags-grid > .ak-reveal:nth-child(2){ transition-delay:.09s; }\n.ak-tags-grid > .ak-reveal:nth-child(3){ transition-delay:.15s; }\n.ak-tags-grid > .ak-reveal:nth-child(4){ transition-delay:.03s; }\n.ak-tags-grid > .ak-reveal:nth-child(5){ transition-delay:.09s; }\n.ak-tags-grid > .ak-reveal:nth-child(6){ transition-delay:.15s; }\n.ak-tags-grid > .ak-reveal:nth-child(7){ transition-delay:.21s; }\n.ak-tags-grid > .ak-reveal:nth-child(8){ transition-delay:.27s; }\n.ak-stats-grid > .ak-reveal:nth-child(1){ transition-delay:.03s; }\n.ak-stats-grid > .ak-reveal:nth-child(2){ transition-delay:.1s; }\n.ak-stats-grid > .ak-reveal:nth-child(3){ transition-delay:.17s; }\n.ak-stats-grid > .ak-reveal:nth-child(4){ transition-delay:.24s; }\n.ak-route-cities > .ak-reveal:nth-child(1){ transition-delay:.02s; }\n.ak-route-cities > .ak-reveal:nth-child(2){ transition-delay:.07s; }\n.ak-route-cities > .ak-reveal:nth-child(3){ transition-delay:.12s; }\n.ak-route-cities > .ak-reveal:nth-child(4){ transition-delay:.17s; }\n.ak-route-cities > .ak-reveal:nth-child(5){ transition-delay:.22s; }\n.ak-route-cities > .ak-reveal:nth-child(6){ transition-delay:.27s; }\n.ak-route-cities > .ak-reveal:nth-child(7){ transition-delay:.32s; }\n.ak-route-cities > .ak-reveal:nth-child(8){ transition-delay:.37s; }\n.ak-route-cities > .ak-reveal:nth-child(9){ transition-delay:.42s; }\n.ak-achieve-row > .ak-reveal:nth-child(1){ transition-delay:.02s; }\n.ak-achieve-row > .ak-reveal:nth-child(2){ transition-delay:.08s; }\n.ak-achieve-row > .ak-reveal:nth-child(3){ transition-delay:.14s; }\n.ak-achieve-row > .ak-reveal:nth-child(4){ transition-delay:.2s; }\n.ak-achieve-row > .ak-reveal:nth-child(5){ transition-delay:.26s; }\n@media (prefers-reduced-motion:reduce){\n  .ak-reveal{ opacity:1; transform:none; transition:none; }\n}\n\n\/* ===================== MAGNETIC BUTTON ===================== *\/\n.ak-btn{ will-change:transform; }\n\n\/* ===================== CURIOSITY SECTION ===================== *\/\n.ak-curiosity{ background:var(--ak-ink); padding:130px 0; overflow:hidden; }\n.ak-curiosity-eyebrow{\n  font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase;\n  color:rgba(255,255,255,.4); display:block; margin-bottom:22px;\n}\n.ak-curiosity h2{\n  font-size:clamp(30px,4.6vw,58px); color:#fff; line-height:1.15; max-width:880px; text-transform:none;\n  font-family:'Inter',sans-serif; font-weight:600; letter-spacing:-.01em;\n}\n.ak-curiosity h2 b{ font-weight:600; color:rgba(255,255,255,.28); }\n.ak-cycler{\n  display:inline-block; position:relative; height:1.15em; overflow:hidden; vertical-align:bottom;\n  min-width:1px;\n}\n.ak-cycler-word{\n  display:block; color:var(--ak-blue); position:absolute; left:0; top:0;\n  opacity:0; transform:translateY(100%); transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.2,1);\n  white-space:nowrap;\n}\n.ak-cycler-word.is-active{ opacity:1; transform:translateY(0); position:relative; }\n.ak-cycler-word.is-leaving{ opacity:0; transform:translateY(-100%); }\n@media (prefers-reduced-motion:reduce){\n  .ak-cycler-word{ position:relative; display:none; opacity:1; transform:none; }\n  .ak-cycler-word.is-active{ display:block; }\n}\n.ak-curiosity-meta{\n  margin-top:44px; display:flex; gap:44px; flex-wrap:wrap;\n}\n.ak-curiosity-meta div{ max-width:220px; }\n.ak-curiosity-meta .ak-mono{ font-size:11px; color:var(--ak-blue); display:block; margin-bottom:6px; }\n.ak-curiosity-meta p{ font-size:13.5px; color:rgba(255,255,255,.55); }\n\n\/* ===================== RESPONSIVE ===================== *\/\n@media (max-width:980px){\n  .ak-trust-item{ width:140px; height:56px; }\n  .ak-tag-card{ width:calc((100% - 22px)\/2); min-width:180px; }\n  .ak-manifest-grid{ grid-template-columns:1fr; }\n  .ak-clipboard{ order:-1; }\n  .ak-estimasi{ grid-template-columns:1fr; padding:36px; }\n  .ak-footer-grid{ grid-template-columns:1fr 1fr; }\n  .ak-stats-grid{ grid-template-columns:repeat(2,1fr); gap:24px 0; }\n  .ak-stat:nth-child(2)::after{ display:none; }\n}\n@media (max-width:640px){\n  .ak-menu, .ak-nav-cta{ display:none !important; }\n  .ak-menu-toggle{ display:flex !important; }\n  .ak-tag-card{ width:78vw; max-width:280px; }\n  .ak-footer-grid{ grid-template-columns:1fr; }\n  .ak-trust-item{ width:120px; height:48px; }\n  .ak-trust-panel{ padding:28px 0; border-radius:20px; }\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&amp;family=Inter:wght@400;500;600;700&amp;family=Space+Mono:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n\n<!-- Reusable icon-only emblem (no wordmark) -->\n<!-- NOTE: this is a placeholder logomark. Swap the <svg> below for your own\n     icon-only logo file if\/when you have one exported without the \"ANGKUTKU\" text. -->\n\n<!-- ============================= NAV ============================= -->\n<nav class=\"ak-nav\" id=\"akNav\">\n  <div class=\"ak-container ak-nav-inner\">\n    <a href=\"\/\" class=\"ak-emblem\" aria-label=\"Angkutku\">\n      <img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/07\/Desain-tanpa-judul-20-e1783622188648.png\" alt=\"Angkutku\" style=\"height:58px;width:auto;display:block;\">\n    <\/a>\n    <ul class=\"ak-menu\" id=\"akMenu\">\n      <li><a href=\"\/\">Beranda<\/a><\/li>\n      <li><a href=\"\/profile\">Tentang Angkutku<\/a><\/li>\n      <li><a href=\"\/tentang-kami\">Perjalanan Kami<\/a><\/li>\n      <li class=\"ak-nav-has-dropdown\">\n        <a href=\"\/layanan\" class=\"ak-nav-dropdown-toggle\">Solusi <span class=\"ak-nav-caret\"><\/span><\/a>\n        <div class=\"ak-nav-dropdown\">\n          <a href=\"\/layanan\/jasa-pindahan\">Jasa Pindahan<\/a>\n          <a href=\"\/layanan\/kirim-barang-motor\">Kirim Barang &amp; Motor<\/a>\n          <a href=\"\/layanan\/packing\">Packing Barang<\/a>\n          <a href=\"\/layanan\/cleaning\">Cleaning<\/a>\n          <a href=\"\/layanan\/sewa-handpallet\">Sewa Handpallet<\/a>\n          <a href=\"\/layanan\/logistik-ekspedisi\">Logistik &amp; Ekspedisi<\/a>\n          <a href=\"\/layanan\/titip-barang\">Titip Barang Sementara<\/a>\n          <a href=\"\/layanan\/bongkar-pasang\">Bongkar Pasang Furniture &amp; AC<\/a>\n        <\/div>\n      <\/li>\n      <li class=\"ak-nav-has-dropdown\">\n        <a href=\"\/area-layanan\" class=\"ak-nav-dropdown-toggle\">Jangkauan <span class=\"ak-nav-caret\"><\/span><\/a>\n        <div class=\"ak-nav-dropdown\">\n          <a href=\"\/area-layanan\/surabaya\">Surabaya<\/a>\n          <a href=\"\/area-layanan\/malang\">Malang<\/a>\n          <a href=\"\/area-layanan\/solo\">Solo<\/a>\n          <a href=\"\/area-layanan\/jogja\">Jogja<\/a>\n          <a href=\"\/area-layanan\/semarang\">Semarang<\/a>\n          <a href=\"\/area-layanan\/jabodetabek\">Jabodetabek<\/a>\n          <a href=\"\/area-layanan\/bali\">Bali<\/a>\n          <a href=\"\/area-layanan\/lombok\">Lombok<\/a>\n          <a href=\"\/area-layanan\/makassar\">Makassar<\/a>\n        <\/div>\n      <\/li>\n      <li><a href=\"#ak-testimoni\">Cerita Pelanggan<\/a><\/li>\n      <li><a href=\"\/blog\">Panduan<\/a><\/li>\n      <li><a href=\"\/kontak\">Mulai Bergerak<\/a><\/li>\n    <\/ul>\n    <a class=\"ak-nav-cta\" href=\"https:\/\/wa.me\/6283189900099\" target=\"_blank\" rel=\"noopener\">Konsultasi<\/a>\n    <button class=\"ak-menu-toggle\" id=\"akMenuToggle\" aria-label=\"Buka menu\">\n      <span class=\"ak-bar\"><\/span><span class=\"ak-bar\"><\/span><span class=\"ak-bar\"><\/span>\n    <\/button>\n  <\/div>\n<\/nav>\n\n<!-- ============================= MOBILE MENU PANEL (dropdown dari navbar) ============================= -->\n<div class=\"ak-mobile-menu\" id=\"akMobileMenu\">\n  <ul class=\"ak-mobile-links\">\n    <li><a href=\"\/\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 11l8-7 8 7M6 10v9a1 1 0 001 1h4v-6h2v6h4a1 1 0 001-1v-9\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>Beranda<\/a><\/li>\n    <li><a href=\"\/profile\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle><path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><\/svg>Tentang Angkutku<\/a><\/li>\n    <li><a href=\"\/tentang-kami\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle><path d=\"M12 11v6M12 7.5v.01\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><\/svg>Perjalanan Kami<\/a><\/li>\n    <li><a href=\"\/layanan\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect><\/svg>Solusi<\/a><\/li>\n    <li><a href=\"\/area-layanan\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s7-6.3 7-12a7 7 0 10-14 0c0 5.7 7 12 7 12z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path><circle cx=\"12\" cy=\"9\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle><\/svg>Jangkauan<\/a><\/li>\n    <li><a href=\"#ak-testimoni\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l2.4 5.1 5.6.6-4.1 3.9 1.1 5.6L12 14.6l-5 2.6 1.1-5.6-4.1-3.9 5.6-.6L12 2z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><\/svg>Cerita Pelanggan<\/a><\/li>\n    <li><a href=\"\/blog\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 3h9l4 4v14a1 1 0 01-1 1H6a1 1 0 01-1-1V4a1 1 0 011-1z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path><path d=\"M8 12h8M8 16h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>Panduan<\/a><\/li>\n    <li><a href=\"\/kontak\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 12c0 4-4 7-9 7-1.3 0-2.5-.2-3.6-.6L3 20l1.7-4.2A6.9 6.9 0 013 12c0-4 4-7 9-7s9 3 9 7z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><\/path><\/svg>Mulai Bergerak<\/a><\/li>\n  <\/ul>\n  <a class=\"ak-btn ak-btn-orange ak-mobile-cta\" href=\"https:\/\/wa.me\/6283189900099\" target=\"_blank\" rel=\"noopener\">Konsultasi via WhatsApp<\/a>\n<\/div>\n\n<!-- ============================= HERO ============================= -->\n<section class=\"ak-hero\">\n  <video class=\"ak-hero-video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\">\n    <source src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/download-1.mp4\" type=\"video\/mp4\">\n  <\/video>\n  <div class=\"ak-hero-duotone\"><\/div>\n  <div class=\"ak-hero-scrim\"><\/div>\n  <div class=\"ak-hero-inner\">\n    <img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/cropped-Desain-tanpa-judul-22-1.png\" alt=\"Angkutku\" class=\"ak-hero-logo-mark\">\n    <h1><span class=\"ak-line\">Jadikan Setiap Langkahmu<\/span><span class=\"ak-line\">Lebih Mudah<\/span><\/h1>\n    <p class=\"ak-lead\">Solusi angkut, pindahan, packing, cleaning, dan berbagai kebutuhan operasional dalam satu layanan yang lebih&nbsp;mudah<\/p>\n    <div class=\"ak-hero-actions\">\n      <a class=\"ak-btn ak-btn-orange\" href=\"#ak-estimasi\">Cek Estimasi Biaya<\/a>\n      <a class=\"ak-btn ak-btn-outline\" href=\"https:\/\/wa.me\/6283189900099\" target=\"_blank\" rel=\"noopener\">Konsultasikan Kebutuhan Anda<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"ak-scroll-cue\">\n    <span>SCROLL<\/span>\n    <svg width=\"14\" height=\"20\" viewBox=\"0 0 14 20\" fill=\"none\"><rect x=\"1\" y=\"1\" width=\"12\" height=\"18\" rx=\"6\" stroke=\"#fff\" stroke-opacity=\".6\" stroke-width=\"1.4\"><\/rect><circle class=\"ak-scroll-dot\" cx=\"7\" cy=\"6\" r=\"2\" fill=\"#fff\"><\/circle><\/svg>\n  <\/div>\n<\/section>\n\n<!-- ============================= TICKER ============================= -->\n<div class=\"ak-ticker-wrap\">\n  <div class=\"ak-ticker\">\n    <span>SURABAYA<\/span><span>MALANG<\/span><span>SOLO<\/span><span>JOGJA<\/span><span>SEMARANG<\/span><span>JABODETABEK<\/span><span>BALI<\/span><span>LOMBOK<\/span><span>MAKASSAR<\/span>\n    <span>JASA PINDAHAN<\/span><span>KIRIM BARANG &amp; MOTOR<\/span><span>PACKING BARANG<\/span><span>CLEANING<\/span><span>SEWA HANDPALLET<\/span><span>LOGISTIK &amp; EKSPEDISI<\/span><span>TITIP BARANG<\/span><span>BONGKAR PASANG FURNITURE &amp; AC<\/span>\n    <span>SURABAYA<\/span><span>MALANG<\/span><span>SOLO<\/span><span>JOGJA<\/span><span>SEMARANG<\/span><span>JABODETABEK<\/span><span>BALI<\/span><span>LOMBOK<\/span><span>MAKASSAR<\/span>\n    <span>JASA PINDAHAN<\/span><span>KIRIM BARANG &amp; MOTOR<\/span><span>PACKING BARANG<\/span><span>CLEANING<\/span><span>SEWA HANDPALLET<\/span><span>LOGISTIK &amp; EKSPEDISI<\/span><span>TITIP BARANG<\/span><span>BONGKAR PASANG FURNITURE &amp; AC<\/span>\n  <\/div>\n<\/div>\n\n<!-- ============================= ACHIEVEMENT STRIP ============================= -->\n<section class=\"ak-achieve\">\n  <div class=\"ak-container ak-achieve-row\">\n    <div class=\"ak-achieve-item ak-reveal\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l2.4 5.1 5.6.6-4.1 3.9 1.1 5.6L12 14.6l-5 2.6 1.1-5.6-4.1-3.9 5.6-.6L12 2z\" stroke=\"var(--ak-blue)\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><\/svg>\n      <span>Rating 4.9\/5 dari 112+ ulasan Google<\/span>\n    <\/div>\n    <div class=\"ak-achieve-item ak-reveal\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 12l2 2 4-4\" stroke=\"var(--ak-blue)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"var(--ak-blue)\" stroke-width=\"1.6\"><\/circle><\/svg>\n      <span>Estimasi biaya transparan sejak konsultasi awal<\/span>\n    <\/div>\n    <div class=\"ak-achieve-item ak-reveal\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3a13 13 0 000 18M12 3a13 13 0 010 18M3 12h18\" stroke=\"var(--ak-blue)\" stroke-width=\"1.4\"><\/path><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"var(--ak-blue)\" stroke-width=\"1.6\"><\/circle><\/svg>\n      <span>Jangkauan layanan ke seluruh Indonesia<\/span>\n    <\/div>\n    <div class=\"ak-achieve-item ak-reveal\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.4\" stroke=\"var(--ak-blue)\" stroke-width=\"1.6\"><\/circle><path d=\"M5 20c1-3.5 4-5 7-5s6 1.5 7 5\" stroke=\"var(--ak-blue)\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>\n      <span>Tim berpengalaman &amp; terlatih menangani barang Anda<\/span>\n    <\/div>\n    <div class=\"ak-achieve-item ak-reveal\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2L4 14h6l-1 8 9-12h-6l1-8z\" stroke=\"var(--ak-blue)\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><\/svg>\n      <span>Respon cepat, siap 24\/7 untuk kebutuhan mendadak<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= CURIOSITY: APA ITU ANGKUTKU ============================= -->\n<section class=\"ak-curiosity\">\n  <div class=\"ak-container\">\n    <span class=\"ak-curiosity-eyebrow ak-reveal\">Sebelum Lanjut &#8211;<\/span>\n    <h2 class=\"ak-reveal\">Angkutku itu <span class=\"ak-cycler\" id=\"akCycler\">\n        <span class=\"ak-cycler-word is-active\">solusi pindahan tanpa drama.<\/span>\n        <span class=\"ak-cycler-word\">partner logistik yang bisa diandalkan.<\/span>\n        <span class=\"ak-cycler-word\">tim yang selalu datang tepat waktu.<\/span>\n        <span class=\"ak-cycler-word\">lebih dari sekadar jasa angkut.<\/span>\n      <\/span><br><b>Ribuan orang sudah percaya menitipkan barangnya ke kami &#8211; dan bukan tanpa alasan. Yuk, lihat kenapa.<\/b><\/h2>\n    <div class=\"ak-curiosity-meta\">\n      <div class=\"ak-reveal\">\n        <span class=\"ak-mono\">01<\/span>\n        <p>Bukan cuma armada &#8211; setiap perjalanan barangmu tercatat rapi, seperti manifest pengiriman resmi.<\/p>\n      <\/div>\n      <div class=\"ak-reveal\">\n        <span class=\"ak-mono\">02<\/span>\n        <p>Bukan cuma estimasi &#8211; kami kasih harga jujur sejak obrolan pertama, tanpa biaya siluman.<\/p>\n      <\/div>\n      <div class=\"ak-reveal\">\n        <span class=\"ak-mono\">03<\/span>\n        <p>Bukan cuma kru &#8211; tim kami terbiasa memperlakukan barangmu selayaknya barang sendiri.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"ak-noise\"><\/div>\n\n<!-- ============================= STATS \/ CUSTOMS PANEL ============================= -->\n<section class=\"ak-stats-band\">\n  <div class=\"ak-container ak-stats-grid\">\n    <div class=\"ak-stat ak-reveal\">\n      <span class=\"ak-stat-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"9\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/circle><path d=\"M4 20c0-3 2.2-5 5-5s5 2 5 5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><circle cx=\"17\" cy=\"7\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/circle><path d=\"M14.5 20c.3-2.4 1.8-4 3.6-4 1.6 0 3 1 3.6 2.7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg><\/span>\n      <b class=\"ak-count\" id=\"akStatPelanggan\" data-target=\"4200\">0<\/b><span>Pelanggan Dilayani<\/span>\n    <\/div>\n    <div class=\"ak-stat ak-reveal\">\n      <span class=\"ak-stat-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3.5 7.5L12 3l8.5 4.5v9L12 21l-8.5-4.5v-9z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><path d=\"M3.8 7.6L12 12l8.2-4.4M12 12v9\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>\n      <b class=\"ak-count\" id=\"akStatKebutuhan\" data-target=\"6800\">0<\/b><span>Kebutuhan Terlayani<\/span>\n    <\/div>\n    <div class=\"ak-stat ak-reveal\">\n      <span class=\"ak-stat-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"4\" y=\"3\" width=\"10\" height=\"18\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/rect><rect x=\"14\" y=\"9\" width=\"6\" height=\"12\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/rect><path d=\"M7 7h1M11 7h1M7 11h1M11 11h1M7 15h1M11 15h1M17 13h1M17 17h1\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg><\/span>\n      <b class=\"ak-count\" id=\"akStatUmkm\" data-target=\"350\">0<\/b><span>UMKM &amp; Perusahaan<\/span>\n    <\/div>\n    <div class=\"ak-stat ak-reveal\">\n      <span class=\"ak-stat-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 13a8 8 0 0116 0\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><rect x=\"3\" y=\"13\" width=\"4\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/rect><rect x=\"17\" y=\"13\" width=\"4\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.7\"><\/rect><path d=\"M20 19v1a3 3 0 01-3 3h-3\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg><\/span>\n      <b>24\/7<\/b><span>Customer Support<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= DIPERCAYA OLEH PERUSAHAAN & UMKM ============================= -->\n<section class=\"ak-section ak-trust-wrap\">\n  <div class=\"ak-trust-pattern\"><\/div>\n  <div class=\"ak-container\" style=\"position:relative;z-index:1;\">\n    <div class=\"ak-section-head ak-reveal\" style=\"margin-bottom:36px;\">\n      <span class=\"ak-tag-label\">Dipercaya Oleh<\/span>\n      <h2>Dipakai oleh mereka yang butuh <span class=\"ak-hl\">semuanya berjalan lebih mudah.<\/span><\/h2>\n      <p>Mulai dari kebutuhan rumah tangga hingga operasional bisnis, kami membantu berbagai pelanggan memindahkan, mengirim, dan menangani barang dengan cara yang lebih praktis dan teratur.<\/p>\n    <\/div>\n    <div class=\"ak-trust-panel ak-reveal\">\n      <div class=\"ak-trust-slider\">\n        <div class=\"ak-trust-track\">\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-27.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-24.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-25.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Satutim-Color-PNG-1-scaled.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-27.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-24.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-25.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Satutim-Color-PNG-1-scaled.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-27.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-24.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Desain-tanpa-judul-25.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n          <span class=\"ak-trust-item\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/Satutim-Color-PNG-1-scaled.png\" alt=\"Klien Angkutku\" loading=\"lazy\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= LAYANAN - auto-scroll premium ============================= -->\n<section class=\"ak-section ak-tags-wrap\">\n  <div class=\"ak-tags-pattern\"><\/div>\n  <div class=\"ak-container\" style=\"position:relative;z-index:1;\">\n    <div class=\"ak-section-head ak-reveal\" style=\"max-width:620px;\">\n      <span class=\"ak-tag-label\">Solusi Kami<\/span>\n      <h2>Apa pun kebutuhanmu, <span class=\"ak-hl\">kami bantu<\/span> setiap langkahnya.<\/h2>\n      <p>Pindahan, packing, pengangkutan, cleaning, hingga kebutuhan logistik &#8211; kami hadir untuk membantu setiap proses berjalan lebih mudah, dari awal sampai selesai.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"ak-tags-slider\">\n    <button class=\"ak-carousel-arrow ak-tags-arrow ak-tags-arrow-left\" id=\"akLayananPrev\" aria-label=\"Sebelumnya\">\u2039<\/button>\n    <div class=\"ak-container\">\n    <div class=\"ak-tags-grid\" id=\"akLayananScroll\">\n      <a href=\"\/layanan\/jasa-pindahan\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_15__2026__02_33_39_PM-removebg-preview.png\" alt=\"Jasa Pindahan Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Jasa Pindahan<\/h3>\n        <p>Kos, rumah, hingga kantor &#8211; lengkap dengan tim angkut.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n      <a href=\"\/layanan\/kirim-barang-motor\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_15__2026__02_34_49_PM-removebg-preview.png\" alt=\"Kirim Barang dan Motor Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Kirim Barang &amp; Motor<\/h3>\n        <p>Pengiriman barang maupun kendaraan roda dua antar kota.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n      <a href=\"\/layanan\/packing\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-15-2026-02_36_40-PM.png\" alt=\"Packing Barang Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Packing Barang<\/h3>\n        <p>Perlindungan khusus barang pecah belah, elektronik, dan furnitur.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n      <a href=\"\/layanan\/cleaning\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_15__2026__02_39_21_PM-removebg-preview.png\" alt=\"Cleaning Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Cleaning<\/h3>\n        <p>Bersih-bersih lokasi lama maupun baru pasca pindahan.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n      <a href=\"\/layanan\/sewa-handpallet\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_Aug_15__2026__02_42_00_PM-removebg-preview.png\" alt=\"Sewa Handpallet Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Sewa Handpallet<\/h3>\n        <p>Bantu bongkar-muat barang berat di gudang maupun toko.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n      <a href=\"\/layanan\/logistik-ekspedisi\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_v5z0eyv5z0eyv5z0-removebg-preview.png\" alt=\"Logistik dan Ekspedisi Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Logistik &amp; Ekspedisi<\/h3>\n        <p>Jangkauan pengiriman ke seluruh Indonesia.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n      <a href=\"\/layanan\/titip-barang\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_yuwbyiyuwbyiyuwb-removebg-preview.png\" alt=\"Titip Barang Sementara Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Titip Barang Sementara<\/h3>\n        <p>Penitipan aman selama masa transisi pindahan Anda.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n      <a href=\"\/layanan\/bongkar-pasang\" class=\"ak-tag-card ak-reveal\">\n        <span class=\"ak-tag-icon\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2m04s02m04s02m04-removebg-preview.png\" alt=\"Bongkar Pasang Furniture dan AC Angkutku\" loading=\"lazy\"><\/span>\n        <h3>Bongkar Pasang Furniture &amp; AC<\/h3>\n        <p>Pembongkaran dan pemasangan furnitur serta unit AC dengan aman.<\/p>\n        <span class=\"ak-more\">Lihat detail <i>\u2192<\/i><\/span>\n      <\/a>\n    <\/div>\n    <\/div>\n    <button class=\"ak-carousel-arrow ak-tags-arrow ak-tags-arrow-right\" id=\"akLayananNext\" aria-label=\"Berikutnya\">\u203a<\/button>\n  <\/div>\n<\/section>\n\n<!-- ============================= ARMADA - pilih kendaraan ============================= -->\n<section class=\"ak-section ak-fleet-wrap\">\n  <div class=\"ak-container\">\n    <div class=\"ak-section-head ak-reveal\" style=\"max-width:620px;\">\n      <span class=\"ak-tag-label\">Armada Kami<\/span>\n      <h2>Armada yang <span class=\"ak-hl\">tepat<\/span> untuk setiap perjalanan.<\/h2>\n      <p>Setiap barang punya kebutuhan yang berbeda. Tim kami membantu menentukan armada dan cara pengangkutan yang paling sesuai, agar barang bergerak dengan aman, efisien, dan tidak berlebihan.<\/p>\n    <\/div>\n    <div class=\"ak-fleet-tabs ak-reveal\" id=\"akFleetTabs\">\n      <button class=\"ak-fleet-tab is-active\" data-fleet=\"0\">Tossa<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"1\">Blind Van<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"2\">Pickup Bak Terbuka<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"3\">Pickup Box<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"4\">Truck Engkel<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"5\">CDD Bak \/ Triway<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"6\">CDD Box<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"7\">Fuso<\/button>\n      <button class=\"ak-fleet-tab\" data-fleet=\"8\">Tronton<\/button>\n    <\/div>\n    <div class=\"ak-fleet-panel ak-reveal\">\n      <div class=\"ak-fleet-content is-active\" data-fleet=\"0\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2c7ctg2c7ctg2c7c.png\" alt=\"Tossa roda tiga Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b1500 Kg<\/b><\/div>\n          <div><span>Dimensi Bak<\/span><b>150 x 120 x 40 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Barang kecil\u2013sedang, jarak dekat, akses gang sempit<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"1\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_75iizv75iizv75ii.png\" alt=\"Blind Van Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b11 Ton<\/b><\/div>\n          <div><span>Dimensi Kargo<\/span><b>220 x 160 x 130 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Barang perlu perlindungan dari hujan\/debu, dokumen, elektronik, motor kecil<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"2\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_enf56kenf56kenf5.png\" alt=\"Pickup bak terbuka Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b11 Ton<\/b><\/div>\n          <div><span>Dimensi Bak<\/span><b>240 x 160 x 40 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Pindahan kos\/studio, barang ringan\u2013sedang, motor 1 unit<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"3\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_gc8bq7gc8bq7gc8b.png\" alt=\"Pickup box Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b11 Ton<\/b><\/div>\n          <div><span>Dimensi Box<\/span><b>230 x 140 x 124 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Barang perlu perlindungan penuh dari cuaca, pindahan skala kecil<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"4\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_poow7spoow7spoow-1.png\" alt=\"Truck engkel Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b12,5 Ton<\/b><\/div>\n          <div><span>Dimensi Bak<\/span><b>300 x 160 x 160 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Pindahan rumah\/ruko, furnitur besar, material bangunan<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"5\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_cl4jafcl4jafcl4j.png\" alt=\"CDD bak atau triway Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b15 Ton<\/b><\/div>\n          <div><span>Dimensi Bak<\/span><b>400 x 200 x 60 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Material bangunan, alat berat ringan, muatan yang tak perlu perlindungan cuaca<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"6\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_pw1uubpw1uubpw1u-scaled.png\" alt=\"CDD box Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b15\u20136 Ton<\/b><\/div>\n          <div><span>Dimensi Box<\/span><b>440\u2013530 x 200 x 190\u2013210 cm (\u00b115\u201328 m\u00b3)<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Pindahan kantor\/rumah besar, barang perlu perlindungan dari cuaca<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"7\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_m3gk4fm3gk4fm3gk-1.png\" alt=\"Truck Fuso Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b18 Ton<\/b><\/div>\n          <div><span>Dimensi Box<\/span><b>570 x 230 x 220 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Logistik &amp; ekspedisi volume besar, mesin\/alat industri<\/b><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-fleet-content\" data-fleet=\"8\">\n        <div class=\"ak-fleet-visual\"><img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_xx6cnmxx6cnmxx6c-scaled.png\" alt=\"Truck Tronton Angkutku\" loading=\"lazy\"><\/div>\n        <div class=\"ak-fleet-specs\">\n          <div><span>Kapasitas<\/span><b>\u00b115\u201318 Ton<\/b><\/div>\n          <div><span>Dimensi Box<\/span><b>950 x 240 x 240 cm<\/b><\/div>\n          <div><span>Cocok Untuk<\/span><b>Muatan sangat besar, proyek, distribusi antar kota skala besar<\/b><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <p class=\"ak-fleet-note\">Spesifikasi bersifat indikatif dan dapat berbeda tergantung unit &#8211; tim kami bantu sesuaikan armada persis dengan kebutuhan Anda saat konsultasi.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ============================= PARALLAX BAND 1 ============================= -->\n<section class=\"ak-parallax-band\">\n  <div class=\"ak-parallax-video\">\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/sUE4HK3LaWU?autoplay=1&amp;mute=1&amp;loop=1&amp;controls=0&amp;playlist=sUE4HK3LaWU&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;iv_load_policy=3&amp;playsinline=1\" title=\"Angkutku bekerja\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n  <\/div>\n  <div class=\"ak-parallax-overlay\"><\/div>\n  <div class=\"ak-parallax-duo\"><\/div>\n  <div class=\"ak-container ak-parallax-content\">\n    <div class=\"ak-reveal\">\n      <span class=\"ak-mono\">01 \/ Cara Kami Bekerja<\/span>\n      <h2>Setiap barang, kami perlakukan seperti milik sendiri &#8211; bukan cuma slogan di kertas manifest.<\/h2>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= MANIFEST CLIPBOARD ============================= -->\n<section class=\"ak-section\">\n  <div class=\"ak-container ak-manifest-grid\">\n    <div class=\"ak-section-head ak-reveal\">\n      <span class=\"ak-tag-label\">Kenapa ANGKUTKU<\/span>\n      <h2>Bukan sekadar janji. <span class=\"ak-hl\">Kami buktikan<\/span> di setiap perjalanan.<\/h2>\n      <p>Bagi kami, layanan yang baik bukan tentang kata-kata yang terdengar meyakinkan. Semuanya dimulai dari cara kami bekerja &#8211; bagaimana kami menerima barang, menyiapkan armada, menjalankan proses, hingga memastikan semuanya sampai sesuai kebutuhan.<\/p>\n    <\/div>\n    <div class=\"ak-clipboard ak-reveal\">\n      <div class=\"ak-clipboard-head\">\n        <h3>Manifest Angkutku<\/h3>\n        <span>NO. AK-2026<\/span>\n      <\/div>\n      <div class=\"ak-check-item\">\n        <div class=\"ak-check-mark\">\u2713<\/div>\n        <div><h4>Harga yang Jelas<\/h4><p>Kami memberikan informasi harga dan kebutuhan layanan sejak awal, supaya kamu tahu apa yang akan kamu dapatkan tanpa kejutan di akhir.<\/p><\/div>\n      <\/div>\n      <div class=\"ak-check-item\">\n        <div class=\"ak-check-mark\">\u2713<\/div>\n        <div><h4>Armada Sesuai Kebutuhan<\/h4><p>Setiap barang punya kebutuhan yang berbeda. Kami membantu memilih armada yang tepat berdasarkan jenis, jumlah, ukuran, dan tujuan pengiriman.<\/p><\/div>\n      <\/div>\n      <div class=\"ak-check-item\">\n        <div class=\"ak-check-mark\">\u2713<\/div>\n        <div><h4>Ditangani oleh Tim<\/h4><p>Barang bukan sekadar muatan. Tim kami bekerja dengan prosedur yang rapi dan perhatian khusus untuk barang yang membutuhkan penanganan lebih.<\/p><\/div>\n      <\/div>\n      <div class=\"ak-check-item\">\n        <div class=\"ak-check-mark\">\u2713<\/div>\n        <div><h4>Respons yang Mudah<\/h4><p>Mulai dari konsultasi hingga penjadwalan, kami berusaha membuat setiap proses lebih cepat dan mudah tanpa membuatmu harus berpindah-pindah.<\/p><\/div>\n      <\/div>\n    <\/div>\n    <p class=\"ak-reveal\" style=\"grid-column:1 \/ -1; text-align:center; max-width:520px; margin:12px auto 0; font-size:15px;\">Setiap perjalanan punya kebutuhan yang berbeda.<br>Kami hadir agar setiap proses terasa lebih mudah.<\/p>\n  <\/div>\n<\/section>\n\n\n<!-- ============================= PARALLAX BAND 2 ============================= -->\n<section class=\"ak-parallax-band\">\n  <div class=\"ak-parallax-video\">\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/MZpf9sSvPpE?autoplay=1&amp;mute=1&amp;loop=1&amp;controls=0&amp;playlist=MZpf9sSvPpE&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;iv_load_policy=3&amp;playsinline=1\" title=\"Proses pengangkutan barang Angkutku\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n  <\/div>\n  <div class=\"ak-parallax-overlay\"><\/div>\n  <div class=\"ak-parallax-duo\"><\/div>\n  <div class=\"ak-container ak-parallax-content\">\n    <div class=\"ak-reveal\">\n      <span class=\"ak-mono\">02 \/ Jangkauan Kami<\/span>\n      <h2>Dari Surabaya sampai ke seluruh Indonesia &#8211; satu tim yang sama, satu standar yang sama.<\/h2>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= AREA LAYANAN - route strip ============================= -->\n<section class=\"ak-section\">\n  <div class=\"ak-container\">\n    <div class=\"ak-section-head ak-reveal\">\n      <span class=\"ak-tag-label\">Jangkauan Kami<\/span>\n      <h2>Lebih dekat untuk setiap <span class=\"ak-hl\">langkah<\/span> yang ingin kamu bawa lebih jauh.<\/h2>\n      <p>Berbasis di Surabaya, kami terus memperluas jangkauan layanan untuk membantu kebutuhan pindahan dan pengangkutan di berbagai kota dan wilayah di Indonesia.<\/p>\n    <\/div>\n    <div class=\"ak-route-strip\">\n      <div class=\"ak-route-cities\">\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Jembatan Suramadu\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 17h18\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M12 17V4\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><path d=\"M5 17l7-9 7 9\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M8 17l4-6M16 17l-4-6\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">SBY<\/span><b>Surabaya<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Tugu Malang\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l2 12h-4l2-12z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><ellipse cx=\"12\" cy=\"19\" rx=\"8\" ry=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/ellipse><path d=\"M9 15h6\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/path><\/svg><\/span><span class=\"ak-mono\">MLG<\/span><b>Malang<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Atap Joglo\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 14l9-8 9 8\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M6 17l6-5 6 5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M4 20h16\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">SLO<\/span><b>Solo<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Tugu Jogja\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"5\" r=\"1.6\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/circle><path d=\"M12 6.6v9M9.5 19h5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M10 15.6h4l1 3.4H9l1-3.4z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">JOG<\/span><b>Jogja<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Lawang Sewu\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20V9l3.5-3 3.5 3v11M13 20V9l3.5-3 3.5 3v11\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><path d=\"M6 12h3M6 16h3M15 12h3M15 16h3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path><path d=\"M3 20h18\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">SRG<\/span><b>Semarang<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Monas\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3c1 1.4 1 2.6 0 4-1-1.4-1-2.6 0-4z\" fill=\"currentColor\"><\/path><path d=\"M10 7h4l-1 11h-2L10 7z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><path d=\"M7 20h10\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">JKT<\/span><b>Jabodetabek<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Candi Bentar\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 20V9c0-3 2-6 5-6M21 20V9c0-3-2-6-5-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><path d=\"M3 12h5M16 12h5\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path><path d=\"M2 20h8M14 20h8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">DPS<\/span><b>Bali<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Gunung Rinjani\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 19l6-11 3 5 2-3 9 9H2z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><path d=\"M8 8c.6-1 .6-2 0-3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">LOP<\/span><b>Lombok<\/b><\/div>\n        <div class=\"ak-route-city ak-reveal\"><span class=\"ak-route-pin\" title=\"Perahu Phinisi\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 16h18l-2 4H5l-2-4z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><\/path><path d=\"M8 16V6l6 5M15 16V8l4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span><span class=\"ak-mono\">UPG<\/span><b>Makassar<\/b><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= ESTIMASI ============================= -->\n<section class=\"ak-section\" id=\"ak-estimasi\">\n  <div class=\"ak-container\">\n    <div class=\"ak-estimasi ak-reveal\">\n      <div>\n        <span class=\"ak-tag-label\" style=\"color:var(--ak-orange);\">Estimasi Cepat<\/span>\n        <h2>Ceritakan kebutuhanmu, <span class=\"ak-hl-orange\">estimasi meluncur<\/span> ke WhatsApp.<\/h2>\n        <p>Tanpa komitmen, tanpa ribet &#8211; tim kami biasanya balas dalam hitungan menit di jam kerja.<\/p>\n        <div class=\"ak-estimasi-badges\">\n          <span>\ud83d\udd12 Tanpa biaya tersembunyi<\/span>\n          <span>\u26a1 Respon cepat<\/span>\n        <\/div>\n      <\/div>\n      <form class=\"ak-form\" id=\"akEstimasiForm\">\n        <select id=\"akJenis\" required=\"\">\n          <option value=\"\" disabled=\"\" selected=\"\">Jenis kebutuhan<\/option>\n          <option>Jasa Pindahan<\/option>\n          <option>Kirim Barang &amp; Motor<\/option>\n          <option>Packing Barang<\/option>\n          <option>Cleaning<\/option>\n          <option>Sewa Handpallet<\/option>\n          <option>Logistik &amp; Ekspedisi<\/option>\n          <option>Titip Barang Sementara<\/option>\n          <option>Bongkar Pasang Furniture &amp; AC<\/option>\n          <option>Lainnya<\/option>\n        <\/select>\n        <input type=\"text\" id=\"akNama\" placeholder=\"Nama Anda\" required=\"\">\n        <input type=\"text\" id=\"akAsal\" placeholder=\"Lokasi asal (kota\/kecamatan)\" required=\"\">\n        <div id=\"akTujuanField\">\n          <input type=\"text\" id=\"akTujuan\" placeholder=\"Lokasi tujuan (kota\/kecamatan)\" required=\"\">\n        <\/div>\n        <button type=\"submit\" class=\"ak-btn ak-btn-orange\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.39 1.26 4.81L2 22l5.42-1.36a9.9 9.9 0 004.62 1.14h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2zm5.76 14.09c-.24.68-1.4 1.3-1.93 1.38-.5.08-1.11.11-1.79-.11-.41-.13-.95-.31-1.63-.6-2.87-1.24-4.74-4.12-4.89-4.31-.14-.19-1.17-1.55-1.17-2.96s.73-2.1.99-2.39c.26-.28.57-.35.76-.35.19 0 .38 0 .55.01.18.01.41-.07.64.49.24.58.81 2 .88 2.14.07.14.12.31.02.5-.09.19-.14.31-.28.47-.14.17-.29.37-.42.5-.14.14-.28.29-.12.57.16.28.71 1.17 1.52 1.9 1.05.94 1.93 1.23 2.21 1.37.28.14.44.12.6-.07.16-.19.68-.79.87-1.06.19-.28.37-.23.62-.14.26.09 1.62.76 1.9.9.28.14.46.21.53.33.07.12.07.7-.17 1.38z\"><\/path><\/svg>Kirim ke WhatsApp<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= TESTIMONI - slider ============================= -->\n<section class=\"ak-section\" id=\"ak-testimoni\">\n  <div class=\"ak-container\">\n    <div class=\"ak-section-head ak-reveal\" style=\"text-align:center;margin:0 auto 28px;max-width:560px;\">\n      <span class=\"ak-tag-label\" style=\"justify-content:center;\">Testimoni<\/span>\n      <h2>Apa kata pelanggan kami.<\/h2>\n    <\/div>\n    <div class=\"ak-reveal\" style=\"text-align:center;margin-bottom:36px;\">\n      <a href=\"https:\/\/maps.app.goo.gl\/z5QRbxnU8DA4qakT8\" target=\"_blank\" rel=\"noopener\" class=\"ak-gmaps-badge\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s7-6.3 7-12a7 7 0 10-14 0c0 5.7 7 12 7 12z\" stroke=\"#4285F4\" stroke-width=\"1.7\" stroke-linejoin=\"round\"><\/path><circle cx=\"12\" cy=\"9\" r=\"2.4\" stroke=\"#4285F4\" stroke-width=\"1.7\"><\/circle><\/svg>\n        <span><b>4.9<\/b> \u2605\u2605\u2605\u2605\u2605 <span class=\"ak-gmaps-badge-label\">Google Reviews<\/span><\/span>\n      <\/a>\n    <\/div>\n    <div class=\"ak-testi-slider ak-reveal\">\n      <div class=\"ak-testi-slides\" id=\"akTestiSlides\">\n        <div class=\"ak-testi-slide is-active\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Prosesnya rapi, tim datang tepat waktu, barang pecah belah semua aman sampai rumah baru.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">R<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Rian<\/div>\n                <div class=\"ak-testi-role\">JASA PINDAHAN &#8211; SURABAYA<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ak-testi-slide\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Kirim motor ke luar kota ternyata bisa secepat ini, sampai tujuan mulus tanpa lecet sedikit pun.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">D<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Dewi<\/div>\n                <div class=\"ak-testi-role\">KIRIM BARANG &amp; MOTOR &#8211; MALANG<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ak-testi-slide\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Barang pecah belah dan elektronik dibungkus super rapi, nggak ada satu pun yang rusak waktu dibongkar.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">F<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Fajar<\/div>\n                <div class=\"ak-testi-role\">PACKING BARANG &#8211; SURABAYA<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ak-testi-slide\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Habis pindahan rumah jadi berantakan, untung ada layanan cleaning-nya sekalian, jadi nggak perlu mikir dua kali.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">S<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Sari<\/div>\n                <div class=\"ak-testi-role\">CLEANING &#8211; SOLO<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ak-testi-slide\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Butuh handpallet mendadak buat bongkar muat stok gudang, responnya cepat dan alatnya siap pakai.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">Y<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Yoga<\/div>\n                <div class=\"ak-testi-role\">SEWA HANDPALLET &#8211; SURABAYA<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ak-testi-slide\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Pengiriman ke luar kota lancar dan terjadwal, komunikasi timnya juga responsif.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">P<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Putri<\/div>\n                <div class=\"ak-testi-role\">LOGISTIK &amp; EKSPEDISI &#8211; JABODETABEK<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ak-testi-slide\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Lagi transisi pindah rumah jadi butuh titip barang sementara, aman dan gampang diambil kapan saja.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">B<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Bayu<\/div>\n                <div class=\"ak-testi-role\">TITIP BARANG SEMENTARA &#8211; JOGJA<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ak-testi-slide\">\n          <div class=\"ak-testi-card\">\n            <span class=\"ak-quote-mark\">&ldquo;<\/span>\n            <span class=\"ak-star-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <p class=\"ak-quote\">Bongkar pasang AC dan lemari waktu pindahan jadi satu paket, nggak perlu panggil tukang terpisah lagi.<\/p>\n            <div class=\"ak-testi-person\">\n              <span class=\"ak-testi-avatar\">N<\/span>\n              <div class=\"ak-testi-info\">\n                <div class=\"ak-testi-name\">Nadia<\/div>\n                <div class=\"ak-testi-role\">BONGKAR PASANG FURNITURE &amp; AC &#8211; MALANG<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ak-testi-controls\">\n        <button class=\"ak-carousel-arrow\" id=\"akTestiPrev\" aria-label=\"Sebelumnya\">\u2039<\/button>\n        <div class=\"ak-testi-dots\" id=\"akTestiDots\"><\/div>\n        <button class=\"ak-carousel-arrow\" id=\"akTestiNext\" aria-label=\"Berikutnya\">\u203a<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= CTA BANNER BESAR ============================= -->\n<section class=\"ak-cta-banner\">\n  <div class=\"ak-cta-pattern\"><\/div>\n  <div class=\"ak-container ak-cta-banner-inner\">\n    <div class=\"ak-reveal\">\n      <span class=\"ak-tag-label\" style=\"color:rgba(255,255,255,.75);\">Siap Bergerak?<\/span>\n      <h2>Langkahmu, kami yang urus lebih mudah, mulai sekarang<\/h2>\n      <div class=\"ak-cta-banner-actions\">\n        <a class=\"ak-btn ak-btn-white ak-btn-pulse\" href=\"https:\/\/wa.me\/6283189900099\" target=\"_blank\" rel=\"noopener\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.39 1.26 4.81L2 22l5.42-1.36a9.9 9.9 0 004.62 1.14h.01c5.46 0 9.9-4.45 9.9-9.91C21.96 6.45 17.5 2 12.04 2zm5.76 14.09c-.24.68-1.4 1.3-1.93 1.38-.5.08-1.11.11-1.79-.11-.41-.13-.95-.31-1.63-.6-2.87-1.24-4.74-4.12-4.89-4.31-.14-.19-1.17-1.55-1.17-2.96s.73-2.1.99-2.39c.26-.28.57-.35.76-.35.19 0 .38 0 .55.01.18.01.41-.07.64.49.24.58.81 2 .88 2.14.07.14.12.31.02.5-.09.19-.14.31-.28.47-.14.17-.29.37-.42.5-.14.14-.28.29-.12.57.16.28.71 1.17 1.52 1.9 1.05.94 1.93 1.23 2.21 1.37.28.14.44.12.6-.07.16-.19.68-.79.87-1.06.19-.28.37-.23.62-.14.26.09 1.62.76 1.9.9.28.14.46.21.53.33.07.12.07.7-.17 1.38z\"><\/path><\/svg>Chat via WhatsApp<\/a>\n        <a class=\"ak-btn ak-btn-ghost-white\" href=\"#ak-estimasi\">Cek Estimasi Biaya<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================= FOOTER ============================= -->\n<footer class=\"ak-footer\">\n  <div class=\"ak-container\">\n    <div class=\"ak-footer-grid\">\n      <div>\n        <a href=\"\/\" aria-label=\"Angkutku\" style=\"margin-bottom:16px;display:inline-flex;\">\n          <img decoding=\"async\" src=\"https:\/\/angkutku.com\/wp-content\/uploads\/2026\/06\/cropped-Desain-tanpa-judul-22-1.png\" alt=\"Angkutku\" style=\"height:36px;width:auto;display:block;\">\n        <\/a>\n        <p style=\"max-width:340px;font-size:14px;\">Partner logistik untuk angkut, pindahan, packing, hingga kebutuhan operasional Anda di Surabaya dan sekitarnya.<\/p>\n      <\/div>\n      <div>\n        <h4>Kontak<\/h4>\n        <ul>\n          <li><a href=\"https:\/\/wa.me\/6283189900099\">WhatsApp: +62 831-8990-0099<\/a><\/li>\n          <li><a href=\"mailto:halo@angkutku.com\">halo@angkutku.com<\/a><\/li>\n          <li><a href=\"https:\/\/maps.app.goo.gl\/ZEH8qETQTUhYLkLeA\" target=\"_blank\" rel=\"noopener\">Lihat di Google Maps<\/a><\/li>\n        <\/ul>\n        <div class=\"ak-footer-social\">\n          <a href=\"https:\/\/www.instagram.com\/angkut.ku\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram Angkutku\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/circle><circle cx=\"17.2\" cy=\"6.8\" r=\"1.1\" fill=\"currentColor\"><\/circle><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.tiktok.com\/@angkut.ku\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok Angkutku\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 3c.4 2.2 2 3.8 4 4v3.2c-1.5 0-2.9-.4-4-1.2v6.4A5.6 5.6 0 1114 9.8v3.3a2.3 2.3 0 102 2.3V3h0z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"><\/path><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/4ngkut.ku\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook Angkutku\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 21v-7h2.5l.4-3H14V9c0-.9.2-1.5 1.6-1.5H17V5c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.4-3.8 3.9V11H8v3h3v7h3z\" fill=\"currentColor\"><\/path><\/svg>\n          <\/a>\n          <a href=\"https:\/\/x.com\/angkutku\" target=\"_blank\" rel=\"noopener\" aria-label=\"X Angkutku\">\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 4l16 16M20 4L4 20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.youtube.com\/@angkutkuofficial\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube Angkutku\">\n            <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2.5\" y=\"6\" width=\"19\" height=\"12\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/rect><path d=\"M10.5 9.8l5 2.2-5 2.2V9.8z\" fill=\"currentColor\"><\/path><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.linkedin.com\/in\/angkutku\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"LinkedIn Angkutku\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"1.6\"><\/rect><path d=\"M8 10.5V17M8 7.3v.01M12 17v-4.3c0-1.5 1-2.3 2.2-2.3 1.3 0 2 .9 2 2.3V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ak-footer-bottom\">\n      <span>\u00a9 2026 Angkutku. Hak cipta dilindungi.<\/span>\n      <span class=\"ak-footer-dot\">\u2022<\/span>\n      <span>Surabaya, Jawa Timur<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<\/div>\n\n<script>document.documentElement.classList.add('js-anim');<\/script>\n<script>\n(function(){\n  var nav = document.getElementById('akNav');\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/\/ --- scroll reveal (bidirectional: replays every time element enters\/exits view) ---\n  var revealEls = document.querySelectorAll('.ak-reveal');\n  var canAnimateReveal = false;\n  if('IntersectionObserver' in window){ if(!reduceMotion){ canAnimateReveal = true; } }\n  if(canAnimateReveal){\n    var revealObs = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          entry.target.classList.add('is-visible');\n        } else {\n          entry.target.classList.remove('is-visible');\n        }\n      });\n    }, { threshold:.15, rootMargin:'0px 0px -60px 0px' });\n    revealEls.forEach(function(el){ revealObs.observe(el); });\n  } else {\n    revealEls.forEach(function(el){ el.classList.add('is-visible'); });\n  }\n\n  \/\/ --- scroll progress bar ---\n  var progressBar = document.getElementById('akProgress');\n  if(progressBar){\n    var prTicking = false;\n    function updateProgress(){\n      var docHeight = document.documentElement.scrollHeight - window.innerHeight;\n      var progress = docHeight > 0 ? window.scrollY \/ docHeight : 0;\n      progressBar.style.transform = 'scaleX(' + progress + ')';\n      prTicking = false;\n    }\n    window.addEventListener('scroll', function(){\n      if(!prTicking){ requestAnimationFrame(updateProgress); prTicking = true; }\n    }, { passive:true });\n    updateProgress();\n  }\n\n  \/\/ --- testimoni slider ---\n  var testiSlides = document.querySelectorAll('.ak-testi-slide');\n  var testiDotsWrap = document.getElementById('akTestiDots');\n  var testiPrev = document.getElementById('akTestiPrev');\n  var testiNext = document.getElementById('akTestiNext');\n  var testiReady = false;\n  if(testiSlides.length){ if(testiDotsWrap){ testiReady = true; } }\n  if(testiReady){\n    var testiIdx = 0;\n    var testiTimer = null;\n    testiSlides.forEach(function(_, i){\n      var dot = document.createElement('button');\n      dot.className = 'ak-testi-dot' + (i === 0 ? ' is-active' : '');\n      dot.setAttribute('aria-label', 'Testimoni ' + (i + 1));\n      dot.addEventListener('click', function(){ goToTesti(i); resetTestiAutoplay(); });\n      testiDotsWrap.appendChild(dot);\n    });\n    var testiDots = testiDotsWrap.querySelectorAll('.ak-testi-dot');\n    function goToTesti(i){\n      testiSlides[testiIdx].classList.remove('is-active');\n      testiDots[testiIdx].classList.remove('is-active');\n      testiIdx = (i + testiSlides.length) % testiSlides.length;\n      testiSlides[testiIdx].classList.add('is-active');\n      testiDots[testiIdx].classList.add('is-active');\n    }\n    function startTestiAutoplay(){\n      if(reduceMotion) return;\n      testiTimer = setInterval(function(){ goToTesti(testiIdx + 1); }, 5000);\n    }\n    function resetTestiAutoplay(){\n      if(testiTimer) clearInterval(testiTimer);\n      startTestiAutoplay();\n    }\n    if(testiPrev){ testiPrev.addEventListener('click', function(){ goToTesti(testiIdx - 1); resetTestiAutoplay(); }); }\n    if(testiNext){ testiNext.addEventListener('click', function(){ goToTesti(testiIdx + 1); resetTestiAutoplay(); }); }\n    startTestiAutoplay();\n  }\n\n  \/\/ --- hero parallax ---\n  var heroVideo = document.querySelector('.ak-hero-video');\n  var hero = document.querySelector('.ak-hero');\n  var heroParallaxReady = false;\n  if(heroVideo){ if(hero){ if(!reduceMotion){ heroParallaxReady = true; } } }\n  if(heroParallaxReady){\n    window.addEventListener('scroll', function(){\n      var rect = hero.getBoundingClientRect();\n      if(rect.bottom < 0 || rect.top > window.innerHeight) return;\n      var progress = Math.min(Math.max(-rect.top \/ hero.offsetHeight, 0), 1);\n      heroVideo.style.transform = 'scale(' + (1 + progress * .12) + ') translateY(' + (progress * 30) + 'px)';\n    }, { passive:true });\n  }\n\n  \/\/ --- magnetic buttons (desktop only) ---\n  var isCoarse = window.matchMedia('(pointer:coarse)').matches;\n  var magneticReady = false;\n  if(!isCoarse){ if(!reduceMotion){ magneticReady = true; } }\n  if(magneticReady){\n    document.querySelectorAll('.ak-btn').forEach(function(btn){\n      btn.addEventListener('mousemove', function(e){\n        var r = btn.getBoundingClientRect();\n        var x = (e.clientX - r.left - r.width \/ 2) * .25;\n        var y = (e.clientY - r.top - r.height \/ 2) * .35;\n        btn.style.transform = 'translate(' + x + 'px,' + y + 'px)';\n      });\n      btn.addEventListener('mouseleave', function(){ btn.style.transform = ''; });\n    });\n  }\n\n  \/\/ --- headline word cycler ---\n  var cycler = document.getElementById('akCycler');\n  if(cycler){\n    var words = cycler.querySelectorAll('.ak-cycler-word');\n    var cyclerReady = false;\n    if(words.length > 1){ if(!reduceMotion){ cyclerReady = true; } }\n    if(cyclerReady){\n      var wIdx = 0;\n      setInterval(function(){\n        var current = words[wIdx];\n        var next = words[(wIdx + 1) % words.length];\n        current.classList.add('is-leaving');\n        current.classList.remove('is-active');\n        next.classList.add('is-active');\n        setTimeout(function(){ current.classList.remove('is-leaving'); }, 520);\n        wIdx = (wIdx + 1) % words.length;\n      }, 2400);\n    }\n  }\n\n  function updateNavState(){\n    if(window.scrollY > 4){ nav.classList.add('is-solid'); } else { nav.classList.remove('is-solid'); }\n  }\n  window.addEventListener('scroll', updateNavState, { passive:true });\n  updateNavState();\n\n  var socialFloat = document.getElementById('akSocialFloat');\n  if(socialFloat){\n    function updateSocialFloat(){\n      if(window.scrollY > 260){ socialFloat.classList.add('is-visible'); }\n      else { socialFloat.classList.remove('is-visible'); }\n    }\n    window.addEventListener('scroll', updateSocialFloat, { passive:true });\n    updateSocialFloat();\n  }\n\n  var toggle = document.getElementById('akMenuToggle');\n  var mobileMenu = document.getElementById('akMobileMenu');\n  function openMobileMenu(){\n    if(mobileMenu){ mobileMenu.classList.add('is-open'); document.documentElement.style.overflow = 'hidden'; }\n    if(toggle){ toggle.classList.add('is-active'); }\n  }\n  function closeMobileMenu(){\n    if(mobileMenu){ mobileMenu.classList.remove('is-open'); document.documentElement.style.overflow = ''; }\n    if(toggle){ toggle.classList.remove('is-active'); }\n  }\n  function toggleMobileMenu(){\n    if(!mobileMenu) return;\n    if(mobileMenu.classList.contains('is-open')){ closeMobileMenu(); } else { openMobileMenu(); }\n  }\n  if(toggle){ toggle.addEventListener('click', toggleMobileMenu); }\n  if(mobileMenu){\n    mobileMenu.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', closeMobileMenu); });\n  }\n\n  (function(){\n    \/\/ Pertumbuhan harian natural: angka bertambah tiap hari dari tanggal acuan,\n    \/\/ dengan sedikit variasi gelombang supaya terasa organik, bukan naik kaku rata setiap hari.\n    var epoch = new Date('2026-08-13T00:00:00');\n    var today = new Date();\n    var days = Math.max(0, Math.floor((today - epoch) \/ 86400000));\n    function grow(base, perDay, seed){\n      var wave = Math.sin(days * 0.6 + seed) * (perDay * 1.4);\n      return Math.max(base, Math.round(base + days * perDay + wave));\n    }\n    var map = [\n      { id:'akStatPelanggan', base:4200, perDay:2.4, seed:0.6 },\n      { id:'akStatKebutuhan', base:6800, perDay:3.8, seed:1.8 },\n      { id:'akStatUmkm',      base:350,  perDay:0.35, seed:3.1 }\n    ];\n    map.forEach(function(item){\n      var el = document.getElementById(item.id);\n      if(el){ el.setAttribute('data-target', grow(item.base, item.perDay, item.seed)); }\n    });\n  })();\n\n  var counts = document.querySelectorAll('.ak-count');\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  function animateCount(el){\n    var target = parseInt(el.getAttribute('data-target'), 10) || 0;\n    if(reduce){ el.textContent = target.toLocaleString('id-ID'); return; }\n    var startTime = null, duration = 1200;\n    function step(ts){\n      if(!startTime) startTime = ts;\n      var progress = Math.min((ts - startTime) \/ duration, 1);\n      el.textContent = Math.floor(progress * target).toLocaleString('id-ID');\n      if(progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n  if('IntersectionObserver' in window){\n    var obs = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){ if(entry.isIntersecting){ animateCount(entry.target); obs.unobserve(entry.target); } });\n    }, { threshold: 0.4 });\n    counts.forEach(function(el){ obs.observe(el); });\n  } else { counts.forEach(animateCount); }\n\n  var navDropdowns = document.querySelectorAll('.ak-nav-has-dropdown');\n  navDropdowns.forEach(function(item){\n    var toggle = item.querySelector('.ak-nav-dropdown-toggle');\n    if(!toggle) return;\n    toggle.addEventListener('click', function(e){\n      e.preventDefault();\n      var wasOpen = item.classList.contains('is-open');\n      navDropdowns.forEach(function(other){ other.classList.remove('is-open'); });\n      if(!wasOpen){ item.classList.add('is-open'); }\n    });\n  });\n  document.addEventListener('click', function(e){\n    navDropdowns.forEach(function(item){\n      if(!item.contains(e.target)){ item.classList.remove('is-open'); }\n    });\n  });\n\n  var layananScroll = document.getElementById('akLayananScroll');\n  var layananPrev = document.getElementById('akLayananPrev');\n  var layananNext = document.getElementById('akLayananNext');\n  var layananReady = false;\n  if(layananScroll){ if(layananPrev){ if(layananNext){ layananReady = true; } } }\n  if(layananReady){\n    function layananStep(){\n      var card = layananScroll.querySelector('.ak-tag-card');\n      return card ? card.offsetWidth + 22 : 290;\n    }\n    layananPrev.addEventListener('click', function(){ layananScroll.scrollBy({ left: -layananStep(), behavior: 'smooth' }); });\n    layananNext.addEventListener('click', function(){ layananScroll.scrollBy({ left: layananStep(), behavior: 'smooth' }); });\n  }\n\n  var fleetTabs = document.querySelectorAll('.ak-fleet-tab');\n  var fleetContents = document.querySelectorAll('.ak-fleet-content');\n  fleetTabs.forEach(function(tab){\n    tab.addEventListener('click', function(){\n      var idx = tab.getAttribute('data-fleet');\n      fleetTabs.forEach(function(t){ t.classList.remove('is-active'); });\n      fleetContents.forEach(function(c){ c.classList.remove('is-active'); });\n      tab.classList.add('is-active');\n      document.querySelector('.ak-fleet-content[data-fleet=\"' + idx + '\"]').classList.add('is-active');\n    });\n  });\n\n  var jenisSelect = document.getElementById('akJenis');\n  var tujuanField = document.getElementById('akTujuanField');\n  var tujuanInput = document.getElementById('akTujuan');\n  var jenisPerluTujuan = ['Jasa Pindahan', 'Kirim Barang \\u0026 Motor'];\n  function toggleTujuanField(){\n    if(!jenisSelect || !tujuanField || !tujuanInput) return;\n    if(jenisPerluTujuan.indexOf(jenisSelect.value) !== -1){\n      tujuanField.style.display = '';\n      tujuanInput.required = true;\n    } else {\n      tujuanField.style.display = 'none';\n      tujuanInput.required = false;\n      tujuanInput.value = '';\n    }\n  }\n  if(jenisSelect){\n    toggleTujuanField();\n    jenisSelect.addEventListener('change', toggleTujuanField);\n  }\n\n  var form = document.getElementById('akEstimasiForm');\n  if(form){\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      var nama = document.getElementById('akNama').value.trim();\n      var asal = document.getElementById('akAsal').value.trim();\n      var tujuan = document.getElementById('akTujuan').value.trim();\n      var jenis = document.getElementById('akJenis').value;\n      var msg = 'Halo Angkutku, saya ' + nama + ' ingin estimasi biaya untuk ' + jenis + ' dari ' + asal;\n      msg += tujuan ? (' ke ' + tujuan + '.') : '.';\n      window.open('https:\/\/wa.me\/6283189900099?text=' + encodeURIComponent(msg), '_blank');\n    });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Beranda Tentang Angkutku Perjalanan Kami Solusi Jasa Pindahan Kirim Barang &amp; Motor Packing Barang Cleaning Sewa Handpallet Logistik &amp; Ekspedisi Titip Barang Sementara Bongkar Pasang Furniture &amp; AC Jangkauan Surabaya Malang Solo Jogja Semarang Jabodetabek Bali Lombok Makassar Cerita Pelanggan Panduan Mulai Bergerak Konsultasi Beranda Tentang Angkutku Perjalanan Kami Solusi Jangkauan Cerita Pelanggan Panduan Mulai [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-441","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/pages\/441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/comments?post=441"}],"version-history":[{"count":16,"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/pages\/441\/revisions"}],"predecessor-version":[{"id":490,"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/pages\/441\/revisions\/490"}],"wp:attachment":[{"href":"https:\/\/angkutku.com\/en\/wp-json\/wp\/v2\/media?parent=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}