{"id":30,"date":"2026-10-10T17:32:35","date_gmt":"2026-10-10T17:32:35","guid":{"rendered":"https:\/\/24080960118.tiawhizz.my.id\/?page_id=30"},"modified":"2026-10-10T17:32:35","modified_gmt":"2026-10-10T17:32:35","slug":"tugas-2","status":"publish","type":"page","link":"https:\/\/24080960118.tiawhizz.my.id\/","title":{"rendered":"Tugas 2"},"content":{"rendered":"\n<!--\n==========================================================================\nTemuKembali - Company Profile (Custom HTML WordPress)\nPengembang : Hifzhan Hidayatullah\nCara pakai : Buat Halaman baru > tambah blok \"Custom HTML\" > tempel SELURUH kode ini.\nSaran      : Pakai template halaman \"Full Width \/ Canvas \/ Blank\" agar tampil penuh.\nSemua CSS memakai prefix .tk- sehingga tidak bentrok dengan tema WordPress.\n==========================================================================\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&amp;family=Instrument+Sans:wght@400;500;600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n.tk, .tk * { box-sizing: border-box; }\n.tk {\n  --tk-deep: #0B3D3A;\n  --tk-teal: #127C74;\n  --tk-mint: #DCEFEC;\n  --tk-amber: #FFB81C;\n  --tk-coral: #E0533D;\n  --tk-coral-soft: #FCE6E1;\n  --tk-bg: #F2F5F7;\n  --tk-card: #FFFFFF;\n  --tk-text: #1B2A2F;\n  --tk-muted: #55676D;\n  --tk-line: #D3DDE1;\n  font-family: \"Instrument Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  color: var(--tk-text);\n  background: var(--tk-bg);\n  line-height: 1.65;\n  font-size: 16px;\n  width: 100%;\n  overflow-x: hidden;\n}\n.tk h1, .tk h2, .tk h3, .tk h4 {\n  font-family: \"Bricolage Grotesque\", \"Instrument Sans\", system-ui, sans-serif;\n  color: var(--tk-deep);\n  line-height: 1.15;\n  margin: 0;\n  letter-spacing: -0.01em;\n}\n.tk p { margin: 0 0 1rem; }\n.tk ul { margin: 0; padding: 0; list-style: none; }\n.tk a { color: inherit; }\n.tk-wrap { max-width: 1120px; margin: 0 auto; padding: 0 22px; }\n.tk-sec { padding: 84px 0; }\n.tk-sec--white { background: #fff; }\n.tk-sec--deep { background: var(--tk-deep); color: #E6F2F0; }\n.tk-sec--deep h2, .tk-sec--deep h3 { color: #fff; }\n.tk-head { max-width: 720px; margin-bottom: 44px; }\n.tk-head h2 { font-size: clamp(1.9rem, 3.6vw, 2.8rem); font-weight: 800; }\n.tk-head p { color: var(--tk-muted); margin-top: 14px; font-size: 1.06rem; }\n.tk-sec--deep .tk-head p { color: #A9CBC7; }\n\n\n\/* ---------- NAV: STICKY & TETAP DI ATAS ---------- *\/\n.tk-nav {\n  background: #fff;\n  border-bottom: 1px solid var(--tk-line);\n  position: sticky;\n  top: 0;\n  z-index: 9999;\n  width: 100%;\n  box-shadow: 0 4px 16px rgba(11, 61, 58, 0.08);\n}\n\n.tk-nav .tk-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 12px;\n  padding-bottom: 12px;\n  min-width: 0;\n}\n\n.tk-logo { display: flex; align-items: center; gap: 10px; font-family: \"Bricolage Grotesque\", sans-serif; font-weight: 800; font-size: 1.3rem; color: var(--tk-deep); text-decoration: none; white-space: nowrap; }\n.tk-logo svg { width: 34px; height: 34px; flex: none; }\n.tk-menu { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }\n.tk-menu::-webkit-scrollbar { display: none; }\n.tk-menu a { text-decoration: none; font-size: .9rem; font-weight: 500; color: var(--tk-muted); padding: 8px 11px; border-radius: 8px; white-space: nowrap; }\n.tk-menu a:hover { background: var(--tk-mint); color: var(--tk-deep); }\n\n\/* ---------- NAV: INDIKATOR MENU GESER ---------- *\/\n.tk-menu-wrap {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  position: relative;\n  gap: 5px;\n}\n\n.tk-menu {\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n  white-space: nowrap;\n  overscroll-behavior-x: contain;\n}\n\n.tk-menu::-webkit-scrollbar {\n  display: none;\n}\n\n.tk-menu-arrow {\n  flex: 0 0 32px;\n  width: 32px;\n  height: 36px;\n  border: 1px solid var(--tk-line);\n  border-radius: 8px;\n  background: #fff;\n  color: var(--tk-deep);\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background .2s, color .2s;\n}\n\n.tk-menu-arrow:hover {\n  background: var(--tk-deep);\n  color: #fff;\n}\n\n.tk-menu-arrow:disabled {\n  opacity: .35;\n  cursor: default;\n}\n\n.tk-menu-arrow:focus-visible {\n  outline: 3px solid var(--tk-amber);\n  outline-offset: 2px;\n}\n\n\/* Tampilan tablet dan HP *\/\n@media (max-width: 980px) {\n  .tk-menu-wrap {\n    width: 100%;\n  }\n\n  .tk-menu {\n    max-width: 100%;\n  }\n}\n\n.tk a:focus-visible, .tk summary:focus-visible { outline: 3px solid var(--tk-amber); outline-offset: 2px; }\n\n\/* ---------- HERO ---------- *\/\n.tk-hero { background: var(--tk-deep); color: #E6F2F0; padding: 72px 0 90px; position: relative; overflow: hidden; }\n.tk-hero .tk-wrap { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }\n.tk-hero h1 { color: #fff; font-size: clamp(2.3rem, 5.2vw, 4rem); font-weight: 800; }\n.tk-hero .tk-lead { font-size: 1.15rem; color: #BFDCD8; max-width: 520px; margin: 22px 0 30px; }\n.tk-btns { display: flex; flex-wrap: wrap; gap: 12px; }\n.tk-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 10px; font-weight: 600; text-decoration: none !important; font-size: .97rem; border: 2px solid transparent; transition: transform .15s ease, background .15s ease; }\n.tk-btn--amber { background: var(--tk-amber); color: #2B2100 !important; }\n.tk-btn--amber:hover { background: #FFC944; transform: translateY(-2px); }\n.tk-btn--ghost { border-color: #4C8A85; color: #fff !important; }\n.tk-btn--ghost:hover { background: rgba(255,255,255,.08); }\n.tk-hero-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 34px; font-size: .9rem; color: #A9CBC7; }\n.tk-hero-meta span::before { content: \"\"; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--tk-amber); margin-right: 8px; }\n\n\/* hero visual: dua tag (hilang & ketemu) + pencocokan *\/\n.tk-match { position: relative; display: grid; gap: 0; max-width: 410px; margin-left: auto; width: 100%; }\n.tk-tag { position: relative; background: #fff; color: var(--tk-text); border-radius: 18px 18px 18px 18px; padding: 20px 22px 20px 62px; box-shadow: 0 18px 40px rgba(0,0,0,.25); }\n.tk-tag::before { content: \"\"; position: absolute; left: 22px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: var(--tk-deep); box-shadow: inset 0 0 0 4px #fff, 0 0 0 2px var(--tk-line); }\n.tk-tag--lost { transform: rotate(-2.5deg); margin-right: 36px; }\n.tk-tag--found { transform: rotate(2deg); margin-left: 36px; }\n.tk-tag b { display: inline-block; font-size: .78rem; font-weight: 600; padding: 3px 10px; border-radius: 99px; margin-bottom: 6px; }\n.tk-tag--lost b { background: var(--tk-coral-soft); color: #A8321F; }\n.tk-tag--found b { background: var(--tk-mint); color: #0B5B54; }\n.tk-tag strong { display: block; font-family: \"Bricolage Grotesque\", sans-serif; font-size: 1.12rem; color: var(--tk-deep); }\n.tk-tag small { color: var(--tk-muted); font-size: .86rem; display: block; line-height: 1.45; }\n.tk-pair { position: relative; z-index: 2; margin: -10px auto; background: var(--tk-amber); color: #2B2100; font-weight: 700; padding: 9px 20px; border-radius: 99px; font-size: .93rem; box-shadow: 0 8px 20px rgba(0,0,0,.25); animation: tk-pop 2.8s ease-in-out infinite; }\n@keyframes tk-pop { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }\n@media (prefers-reduced-motion: reduce) { .tk-pair { animation: none; } .tk-btn { transition: none; } }\n\n\/* ---------- MASALAH ---------- *\/\n.tk-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n.tk-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n.tk-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n.tk-panel { border-radius: 18px; padding: 30px; }\n.tk-panel--bad { background: var(--tk-coral-soft); border: 1px solid #F3C4BA; }\n.tk-panel--good { background: var(--tk-mint); border: 1px solid #B6DBD6; }\n.tk-panel h3 { font-size: 1.35rem; margin-bottom: 16px; }\n.tk-panel li { position: relative; padding-left: 28px; margin-bottom: 11px; }\n.tk-panel--bad li::before { content: \"\\2715\"; position: absolute; left: 0; color: var(--tk-coral); font-weight: 700; }\n.tk-panel--good li::before { content: \"\\2713\"; position: absolute; left: 0; color: var(--tk-teal); font-weight: 700; }\n.tk-quote { margin-top: 26px; padding: 18px 22px; border-left: 5px solid var(--tk-amber); background: #fff; border-radius: 0 12px 12px 0; color: var(--tk-muted); }\n\n\/* ---------- KARTU UMUM ---------- *\/\n.tk-card { background: var(--tk-card); border: 1px solid var(--tk-line); border-radius: 16px; padding: 26px; }\n.tk-card h3 { font-size: 1.18rem; margin-bottom: 10px; }\n.tk-card p { color: var(--tk-muted); font-size: .96rem; margin: 0; }\n.tk-card ul li { padding: 5px 0 5px 20px; position: relative; font-size: .95rem; color: var(--tk-text); }\n.tk-card ul li::before { content: \"\"; position: absolute; left: 0; top: 14px; width: 8px; height: 8px; border-radius: 2px; background: var(--tk-teal); }\n.tk-ico { width: 46px; height: 46px; border-radius: 12px; background: var(--tk-mint); display: grid; place-items: center; margin-bottom: 16px; }\n.tk-ico svg { width: 24px; height: 24px; stroke: var(--tk-teal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n.tk-pill { display: inline-block; font-size: .78rem; font-weight: 600; padding: 3px 10px; border-radius: 99px; background: var(--tk-mint); color: #0B5B54; margin: 0 6px 6px 0; }\n.tk-pill--amber { background: #FFF1CC; color: #7A5600; }\n.tk-pill--coral { background: var(--tk-coral-soft); color: #A8321F; }\n\n\/* ---------- TABEL ---------- *\/\n.tk-tablewrap { overflow-x: auto; border: 1px solid var(--tk-line); border-radius: 14px; background: #fff; }\n.tk table { width: 100%; border-collapse: collapse; font-size: .94rem; min-width: 560px; margin: 0; }\n.tk th { background: var(--tk-deep); color: #fff; text-align: left; padding: 13px 16px; font-weight: 600; border: 0; }\n.tk td { padding: 12px 16px; border: 0; border-top: 1px solid var(--tk-line); vertical-align: top; }\n.tk tr:nth-child(even) td { background: #F7FAFA; }\n.tk td:first-child { font-weight: 600; color: var(--tk-deep); white-space: nowrap; }\n\n\/* ---------- ALUR ---------- *\/\n.tk-steps { counter-reset: s; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }\n.tk-step { counter-increment: s; background: #fff; border: 1px solid var(--tk-line); border-radius: 16px; padding: 22px 18px; position: relative; }\n.tk-step::before { content: counter(s); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--tk-amber); color: #2B2100; font-weight: 800; font-family: \"Bricolage Grotesque\", sans-serif; margin-bottom: 14px; }\n.tk-step h4 { font-size: 1.02rem; margin-bottom: 6px; }\n.tk-step p { font-size: .9rem; color: var(--tk-muted); margin: 0; }\n\n\/* ---------- ARSITEKTUR ---------- *\/\n.tk-arch { background: #fff; border: 1px solid var(--tk-line); border-radius: 18px; padding: 18px; overflow-x: auto; }\n.tk-arch svg { display: block; width: 100%; min-width: 760px; height: auto; font-family: \"Instrument Sans\", system-ui, sans-serif; }\n.tk-arch .b { fill: #fff; stroke: var(--tk-teal); stroke-width: 1.6; }\n.tk-arch .bd { fill: var(--tk-deep); stroke: var(--tk-deep); }\n.tk-arch .ba { fill: #FFF1CC; stroke: #E0A100; stroke-width: 1.6; }\n.tk-arch .lane { fill: #F2F8F7; stroke: #C5DEDA; stroke-dasharray: 5 5; }\n.tk-arch .t { font-size: 13.5px; font-weight: 600; fill: #0B3D3A; }\n.tk-arch .tw { font-size: 13.5px; font-weight: 600; fill: #fff; }\n.tk-arch .s { font-size: 11.5px; fill: #55676D; }\n.tk-arch .sw { font-size: 11.5px; fill: #BFDCD8; }\n.tk-arch .ln { font-size: 12px; font-weight: 700; fill: #127C74; }\n.tk-arch .ar { stroke: #127C74; stroke-width: 1.8; fill: none; marker-end: url(#tkArrow); }\n\n\/* ---------- SWOT ---------- *\/\n.tk-swot { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n.tk-swot > div { border-radius: 16px; padding: 26px; border: 1px solid var(--tk-line); background: #fff; }\n.tk-swot h3 { font-size: 1.25rem; margin-bottom: 4px; }\n.tk-swot .sub { font-size: .85rem; color: var(--tk-muted); margin-bottom: 12px; }\n.tk-swot li { position: relative; padding: 5px 0 5px 20px; font-size: .95rem; }\n.tk-swot li::before { content: \"\"; position: absolute; left: 0; top: 14px; width: 8px; height: 8px; border-radius: 50%; }\n.tk-s { border-top: 6px solid var(--tk-teal) !important; } .tk-s li::before { background: var(--tk-teal); }\n.tk-w { border-top: 6px solid var(--tk-coral) !important; } .tk-w li::before { background: var(--tk-coral); }\n.tk-o { border-top: 6px solid var(--tk-amber) !important; } .tk-o li::before { background: var(--tk-amber); }\n.tk-t { border-top: 6px solid #5B6B73 !important; } .tk-t li::before { background: #5B6B73; }\n.tk-strategy { margin-top: 18px; }\n\n\/* ---------- BMC ---------- *\/\n.tk-bmc { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto auto auto; gap: 10px;\n  grid-template-areas: \"kp ka vp cr cs\" \"kp kr vp ch cs\" \"cost cost cost rev rev\"; }\n.tk-bmc > div { background: #fff; border: 1px solid var(--tk-line); border-radius: 14px; padding: 18px; }\n.tk-bmc h4 { font-size: 1rem; margin-bottom: 8px; color: var(--tk-teal); }\n.tk-bmc li { font-size: .88rem; padding: 3px 0 3px 14px; position: relative; color: var(--tk-text); }\n.tk-bmc li::before { content: \"\\2022\"; position: absolute; left: 2px; color: var(--tk-amber); font-weight: 800; }\n.tk-bmc .vp { background: var(--tk-deep); border-color: var(--tk-deep); }\n.tk-bmc .vp h4 { color: var(--tk-amber); } .tk-bmc .vp li { color: #E6F2F0; }\n.tk-bmc .kp { grid-area: kp; } .tk-bmc .ka { grid-area: ka; } .tk-bmc .kr { grid-area: kr; }\n.tk-bmc .vp { grid-area: vp; } .tk-bmc .cr { grid-area: cr; } .tk-bmc .ch { grid-area: ch; }\n.tk-bmc .cs { grid-area: cs; } .tk-bmc .cost { grid-area: cost; } .tk-bmc .rev { grid-area: rev; }\n\n\/* ---------- AUDIENCE & MONETISASI ---------- *\/\n.tk-phase { display: grid; grid-template-columns: 150px 1fr; gap: 0; border: 1px solid var(--tk-line); border-radius: 16px; overflow: hidden; background: #fff; margin-bottom: 14px; }\n.tk-phase > div:first-child { background: var(--tk-mint); padding: 22px; font-family: \"Bricolage Grotesque\", sans-serif; font-weight: 700; color: var(--tk-deep); }\n.tk-phase > div:first-child small { display: block; font-family: \"Instrument Sans\", sans-serif; font-weight: 500; color: var(--tk-muted); margin-top: 4px; }\n.tk-phase > div:last-child { padding: 20px 24px; }\n.tk-phase li { padding: 3px 0 3px 18px; position: relative; font-size: .95rem; }\n.tk-phase li::before { content: \"\"; position: absolute; left: 0; top: 12px; width: 7px; height: 7px; border-radius: 2px; background: var(--tk-teal); }\n.tk-rev { border-radius: 16px; padding: 26px; background: #fff; border: 1px solid var(--tk-line); display: flex; flex-direction: column; }\n.tk-rev .share { font-family: \"Bricolage Grotesque\", sans-serif; font-size: 2.2rem; font-weight: 800; color: var(--tk-teal); line-height: 1; margin-bottom: 8px; }\n.tk-rev h3 { font-size: 1.12rem; margin-bottom: 8px; }\n.tk-rev p { color: var(--tk-muted); font-size: .94rem; margin: 0; }\n\n\/* ---------- PRICING ---------- *\/\n.tk-price { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; align-items: stretch; }\n.tk-plan { background: #fff; border: 1px solid var(--tk-line); border-radius: 18px; padding: 28px 24px; display: flex; flex-direction: column; position: relative; }\n.tk-plan--hot { border: 3px solid var(--tk-amber); box-shadow: 0 14px 34px rgba(11,61,58,.14); }\n.tk-plan--hot::before { content: \"Paling dipilih kampus\"; position: absolute; top: -14px; left: 20px; background: var(--tk-amber); color: #2B2100; font-size: .76rem; font-weight: 700; padding: 3px 12px; border-radius: 99px; }\n.tk-plan h3 { font-size: 1.25rem; }\n.tk-plan .for { color: var(--tk-muted); font-size: .88rem; margin: 4px 0 16px; min-height: 40px; }\n.tk-plan .amt { font-family: \"Bricolage Grotesque\", sans-serif; font-size: 1.9rem; font-weight: 800; color: var(--tk-deep); line-height: 1.1; }\n.tk-plan .amt small { font-size: .85rem; font-weight: 500; color: var(--tk-muted); font-family: \"Instrument Sans\", sans-serif; }\n.tk-plan ul { margin: 18px 0 22px; flex: 1; }\n.tk-plan li { font-size: .92rem; padding: 5px 0 5px 24px; position: relative; }\n.tk-plan li::before { content: \"\\2713\"; position: absolute; left: 0; color: var(--tk-teal); font-weight: 800; }\n.tk-plan .tk-btn { justify-content: center; }\n.tk-btn--deep { background: var(--tk-deep); color: #fff !important; }\n.tk-btn--deep:hover { background: var(--tk-teal); }\n.tk-note { font-size: .88rem; color: var(--tk-muted); margin-top: 18px; }\n\n\/* ---------- ROADMAP ---------- *\/\n.tk-road { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n.tk-road > div { background: #fff; border: 1px solid var(--tk-line); border-top: 5px solid var(--tk-teal); border-radius: 14px; padding: 22px; }\n.tk-road h4 { font-size: 1.05rem; } .tk-road .when { font-size: .82rem; color: var(--tk-muted); margin: 3px 0 10px; }\n.tk-road li { font-size: .9rem; padding: 3px 0 3px 16px; position: relative; }\n.tk-road li::before { content: \"\\2022\"; position: absolute; left: 0; color: var(--tk-teal); font-weight: 800; }\n\n\/* ---------- FAQ ---------- *\/\n.tk-faq details { background: #fff; border: 1px solid var(--tk-line); border-radius: 12px; margin-bottom: 10px; }\n.tk-faq summary { cursor: pointer; padding: 17px 22px; font-weight: 600; color: var(--tk-deep); list-style: none; display: flex; justify-content: space-between; gap: 14px; }\n.tk-faq summary::-webkit-details-marker { display: none; }\n.tk-faq summary::after { content: \"+\"; font-size: 1.4rem; line-height: 1; color: var(--tk-teal); transition: transform .2s; }\n.tk-faq details[open] summary::after { transform: rotate(45deg); }\n.tk-faq details > div { padding: 0 22px 18px; color: var(--tk-muted); }\n\n\/* ---------- KONTAK ---------- *\/\n.tk-contact { display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; align-items: start; }\n.tk-contact-card { background: rgba(255,255,255,.07); border: 1px solid #2F6A66; border-radius: 18px; padding: 8px 26px; }\n.tk-crow { display: flex; gap: 16px; padding: 20px 0; border-bottom: 1px solid #2F6A66; align-items: flex-start; }\n.tk-crow:last-child { border-bottom: 0; }\n.tk-crow .tk-ico { background: rgba(255,184,28,.16); margin: 0; flex: none; }\n.tk-crow .tk-ico svg { stroke: var(--tk-amber); }\n.tk-crow small { display: block; color: #A9CBC7; font-size: .84rem; }\n.tk-crow a { color: #fff; font-weight: 600; text-decoration: none; word-break: break-all; font-size: 1.04rem; }\n.tk-crow a:hover { color: var(--tk-amber); }\n.tk-crow span { color: #fff; font-weight: 600; font-size: 1.04rem; }\n\n.tk-foot { background: #072B29; color: #8FB4B0; padding: 26px 0; font-size: .88rem; }\n.tk-foot .tk-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; }\n\n\/* ---------- RESPONSIVE ---------- *\/\n@media (max-width: 980px) {\n  .tk-hero .tk-wrap, .tk-contact { grid-template-columns: 1fr; }\n  .tk-match { margin: 10px auto 0; }\n  .tk-grid4, .tk-price { grid-template-columns: repeat(2, 1fr); }\n  .tk-grid3 { grid-template-columns: repeat(2, 1fr); }\n  .tk-steps { grid-template-columns: repeat(2, 1fr); }\n  .tk-road { grid-template-columns: repeat(2, 1fr); }\n  .tk-bmc { grid-template-columns: repeat(2, 1fr); grid-template-areas: \"vp vp\" \"cs cr\" \"ch kp\" \"ka kr\" \"cost rev\"; }\n}\n@media (max-width: 640px) {\n  .tk-sec { padding: 60px 0; }\n  .tk-grid2, .tk-grid3, .tk-grid4, .tk-price, .tk-swot, .tk-steps, .tk-road { grid-template-columns: 1fr; }\n  .tk-bmc { grid-template-columns: 1fr; grid-template-areas: \"vp\" \"cs\" \"cr\" \"ch\" \"kp\" \"ka\" \"kr\" \"cost\" \"rev\"; }\n  .tk-phase { grid-template-columns: 1fr; }\n  .tk-nav .tk-wrap { flex-direction: column; align-items: flex-start; gap: 6px; }\n.tk-nav .tk-wrap {\n  width: 100%;\n}\n\n.tk-menu-wrap {\n  width: 100%;\n}\n  .tk-menu { max-width: 100%; }\n  .tk-tag--lost { margin-right: 14px; } .tk-tag--found { margin-left: 14px; }\n}\n<\/style>\n\n<div class=\"tk\" id=\"tk-top\">\n\n  <!-- ====================== NAVIGASI ====================== -->\n  <header class=\"tk-nav\">\n    <div class=\"tk-wrap\">\n      <a class=\"tk-logo\" href=\"#tk-top\" aria-label=\"TemuKembali beranda\">\n        <svg viewBox=\"0 0 40 40\" aria-hidden=\"true\"><rect width=\"40\" height=\"40\" rx=\"10\" fill=\"#0B3D3A\"><\/rect><path d=\"M12 9h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3z\" fill=\"#fff\"><\/path><circle cx=\"20\" cy=\"15\" r=\"2.6\" fill=\"#0B3D3A\"><\/circle><path d=\"M14 24.5l4 4 8-9\" stroke=\"#FFB81C\" stroke-width=\"3.2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        TemuKembali\n      <\/a>\n      \n<div class=\"tk-menu-wrap\">\n\n  <button class=\"tk-menu-arrow tk-menu-prev\" type=\"button\" aria-label=\"Geser menu ke kiri\" onclick=\"tkGeserMenu(-1)\">\n    \u2039\n  <\/button>\n\n  <nav class=\"tk-menu\" id=\"tkMenu\" aria-label=\"Menu utama\">\n    <a href=\"#masalah\">Masalah<\/a>\n    <a href=\"#requirement\">Requirement<\/a>\n    <a href=\"#fitur\">Fitur<\/a>\n    <a href=\"#arsitektur\">Arsitektur<\/a>\n    <a href=\"#swot\">SWOT<\/a>\n    <a href=\"#bmc\">BMC<\/a>\n    <a href=\"#audiens\">Audiens<\/a>\n    <a href=\"#monetisasi\">Monetisasi<\/a>\n    <a href=\"#harga\">Harga<\/a>\n    <a href=\"#kontak\">Kontak<\/a>\n  <\/nav>\n\n  <button class=\"tk-menu-arrow tk-menu-next\" type=\"button\" aria-label=\"Geser menu ke kanan\" onclick=\"tkGeserMenu(1)\">\n    \u203a\n  <\/button>\n\n<\/div>\n\n    <\/div>\n  <\/header>\n\n  <!-- ====================== HERO ====================== -->\n  <section class=\"tk-hero\">\n    <div class=\"tk-wrap\">\n      <div>\n        <h1>Barang hilang di kampus? Cari di satu tempat, bukan di sepuluh grup.<\/h1>\n        <p class=\"tk-lead\">TemuKembali adalah aplikasi Lost &amp; Found kampus. Lapor barang hilang atau temuan, biarkan sistem mencocokkannya, lalu ambil kembali lewat verifikasi yang aman.<\/p>\n        <div class=\"tk-btns\">\n          <a class=\"tk-btn tk-btn--amber\" href=\"#fitur\">Lihat fitur<\/a>\n          <a class=\"tk-btn tk-btn--ghost\" href=\"#kontak\">Hubungi pengembang<\/a>\n        <\/div>\n        <div class=\"tk-hero-meta\">\n          <span>Android &amp; iOS (hybrid)<\/span>\n          <span>Gratis untuk mahasiswa<\/span>\n          <span>Siap dipakai institusi<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"tk-match\" aria-label=\"Contoh pencocokan laporan barang hilang dan ditemukan\">\n        <div class=\"tk-tag tk-tag--lost\">\n          <b>Hilang<\/b>\n          <strong>Dompet kulit cokelat<\/strong>\n          <small>Terakhir terlihat di Perpustakaan Lt. 2, Selasa 14.30<\/small>\n        <\/div>\n        <div class=\"tk-pair\">Cocok 92% &#8211; pemilik diberi tahu<\/div>\n        <div class=\"tk-tag tk-tag--found\">\n          <b>Ditemukan<\/b>\n          <strong>Dompet cokelat, ada KTM<\/strong>\n          <small>Dititipkan di Pos Satpam Gedung A. Foto tersedia.<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== MASALAH & SOLUSI ====================== -->\n  <section class=\"tk-sec\" id=\"masalah\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Masalah yang diselesaikan<\/h2>\n        <p>Di kampus dengan ribuan mahasiswa, barang hilang adalah kejadian harian. Yang bermasalah bukan hanya barangnya, tetapi cara kita mencarinya.<\/p>\n      <\/div>\n      <div class=\"tk-grid2\">\n        <div class=\"tk-panel tk-panel--bad\">\n          <h3>Kondisi saat ini<\/h3>\n          <ul>\n            <li>Info tersebar di banyak grup WhatsApp, Instagram, dan papan pengumuman.<\/li>\n            <li>Pesan cepat tenggelam dan tidak bisa dicari lagi.<\/li>\n            <li>Tidak ada pencocokan: penemu dan pemilik harus kebetulan membaca pesan yang sama.<\/li>\n            <li>Tidak ada verifikasi, sehingga barang berisiko diklaim orang yang salah.<\/li>\n            <li>Pos satpam dan bagian kemahasiswaan tidak punya data terpusat.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tk-panel tk-panel--good\">\n          <h3>Dengan TemuKembali<\/h3>\n          <ul>\n            <li>Satu platform untuk semua laporan hilang dan temuan, lengkap dengan foto dan lokasi.<\/li>\n            <li>Pencarian dan filter berdasarkan kategori, gedung, dan waktu.<\/li>\n            <li>Pencocokan otomatis dan notifikasi langsung ke pemilik.<\/li>\n            <li>Verifikasi kepemilikan sebelum barang diserahkan.<\/li>\n            <li>Dasbor admin kampus untuk memantau dan menyelesaikan kasus.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <p class=\"tk-quote\">Sasaran awal: pengguna cukup membuka satu aplikasi untuk menjawab dua pertanyaan, &#8220;Apakah barangku sudah ada yang menemukan?&#8221; dan &#8220;Siapa pemilik barang yang kutemukan ini?&#8221;<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== ANALISA REQUIREMENT ====================== -->\n  <section class=\"tk-sec tk-sec--white\" id=\"requirement\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Analisa requirement<\/h2>\n        <p>Kebutuhan dikumpulkan dari tiga kelompok pengguna, lalu diterjemahkan menjadi kebutuhan fungsional dan non-fungsional.<\/p>\n      <\/div>\n\n      <h3 style=\"margin-bottom:16px\">Pemangku kepentingan<\/h3>\n      <div class=\"tk-grid3\" style=\"margin-bottom:44px\">\n        <div class=\"tk-card\"><h3>Mahasiswa &amp; civitas<\/h3><p>Pengguna utama. Ingin cepat melapor, mencari, dan mendapatkan kabar tanpa harus bertanya ke banyak orang.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Petugas kampus<\/h3><p>Satpam, resepsionis, dan bagian kemahasiswaan. Butuh daftar barang titipan yang rapi dan alur serah-terima yang tercatat.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Pimpinan institusi<\/h3><p>Butuh data kejadian, tingkat pengembalian barang, dan citra kampus yang aman serta peduli.<\/p><\/div>\n      <\/div>\n\n      <h3 style=\"margin-bottom:16px\">Kebutuhan fungsional<\/h3>\n      <div class=\"tk-tablewrap\" style=\"margin-bottom:44px\">\n        <table>\n          <thead><tr><th>Kode<\/th><th>Kebutuhan<\/th><th>Aktor<\/th><th>Prioritas<\/th><\/tr><\/thead>\n          <tbody>\n            <tr><td>FR-01<\/td><td>Registrasi dan login memakai email kampus atau SSO, dengan verifikasi akun.<\/td><td>Semua<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-02<\/td><td>Membuat laporan barang hilang: kategori, deskripsi, foto, lokasi, waktu.<\/td><td>Mahasiswa<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-03<\/td><td>Membuat laporan barang temuan beserta lokasi penyimpanan saat ini.<\/td><td>Mahasiswa, petugas<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-04<\/td><td>Pencarian dan filter (kategori, gedung, tanggal, status).<\/td><td>Semua<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-05<\/td><td>Pencocokan otomatis laporan hilang dan temuan, disertai skor kecocokan.<\/td><td>Sistem<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-06<\/td><td>Notifikasi push dan email saat ada kecocokan atau perubahan status.<\/td><td>Sistem<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-07<\/td><td>Pengajuan klaim dengan pertanyaan verifikasi dan bukti kepemilikan.<\/td><td>Pemilik<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-08<\/td><td>Chat terbatas antara pemilik dan penemu tanpa membuka nomor pribadi.<\/td><td>Pemilik, penemu<\/td><td>Sedang<\/td><\/tr>\n            <tr><td>FR-09<\/td><td>Serah-terima dicatat melalui kode QR atau PIN sekali pakai.<\/td><td>Pemilik, petugas<\/td><td>Sedang<\/td><\/tr>\n            <tr><td>FR-10<\/td><td>Dasbor admin: moderasi laporan, manajemen titik penitipan, ekspor data.<\/td><td>Admin<\/td><td>Tinggi<\/td><\/tr>\n            <tr><td>FR-11<\/td><td>Statistik: jumlah laporan, waktu rata-rata kembali, lokasi rawan hilang.<\/td><td>Admin, pimpinan<\/td><td>Sedang<\/td><\/tr>\n            <tr><td>FR-12<\/td><td>Fitur laporkan penyalahgunaan (spam, klaim palsu) dan blokir akun.<\/td><td>Semua, admin<\/td><td>Sedang<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n\n      <h3 style=\"margin-bottom:16px\">Kebutuhan non-fungsional<\/h3>\n      <div class=\"tk-grid4\">\n        <div class=\"tk-card\"><h3>Kinerja<\/h3><p>Halaman utama termuat di bawah 3 detik pada jaringan 4G. Respons API rata-rata di bawah 500 ms.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Keamanan<\/h3><p>HTTPS, token JWT, enkripsi kata sandi, pembatasan laju permintaan, dan kepatuhan UU PDP.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Ketersediaan<\/h3><p>Target uptime 99,5% dengan cadangan basis data harian.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Kegunaan<\/h3><p>Membuat laporan maksimal 3 langkah dan kurang dari 1 menit. Antarmuka berbahasa Indonesia.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Skalabilitas<\/h3><p>Arsitektur siap ditambah kampus baru (multi-tenant) tanpa mengubah kode inti.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Kompatibilitas<\/h3><p>Android 8+ dan iOS 13+, satu basis kode hybrid.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Privasi<\/h3><p>Data pribadi minimum, nomor telepon tidak ditampilkan, foto KTM otomatis disamarkan.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Pemeliharaan<\/h3><p>Kode modular, dokumentasi API (OpenAPI), dan pengujian otomatis.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== FITUR ====================== -->\n  <section class=\"tk-sec\" id=\"fitur\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Fitur-fitur TemuKembali<\/h2>\n        <p>Dikelompokkan berdasarkan siapa yang memakainya, supaya setiap peran hanya melihat yang ia perlukan.<\/p>\n      <\/div>\n\n      <h3 style=\"margin-bottom:16px\">Untuk mahasiswa<\/h3>\n      <div class=\"tk-grid3\" style=\"margin-bottom:40px\">\n        <div class=\"tk-card\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"><\/path><\/svg><\/div>\n          <h3>Lapor dalam 3 langkah<\/h3>\n          <p>Pilih jenis laporan, ambil foto, tandai lokasi di peta kampus. Draf tersimpan otomatis jika sinyal terputus.<\/p>\n        <\/div>\n        <div class=\"tk-card\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"M20 20l-4-4\"><\/path><\/svg><\/div>\n          <h3>Pencarian dan filter<\/h3>\n          <p>Cari berdasarkan kata kunci, kategori (dompet, kunci, kartu, elektronik), gedung, dan rentang tanggal.<\/p>\n        <\/div>\n        <div class=\"tk-card\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"><\/path><path d=\"M10 21a2 2 0 0 0 4 0\"><\/path><\/svg><\/div>\n          <h3>Pencocokan pintar<\/h3>\n          <p>Sistem membandingkan kategori, warna, kata kunci, lokasi, dan waktu, lalu memberi notifikasi jika skor di atas ambang batas.<\/p>\n        <\/div>\n        <div class=\"tk-card\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>\n          <h3>Chat aman<\/h3>\n          <p>Pemilik dan penemu berkomunikasi lewat chat dalam aplikasi. Nomor pribadi tetap tersembunyi.<\/p>\n        <\/div>\n        <div class=\"tk-card\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z\"><\/path><path d=\"M9 12l2 2 4-4\"><\/path><\/svg><\/div>\n          <h3>Klaim terverifikasi<\/h3>\n          <p>Penemu menyembunyikan satu ciri barang. Pemilik harus menjawabnya sebelum klaim disetujui.<\/p>\n        <\/div>\n        <div class=\"tk-card\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect><path d=\"M14 14h3v3h-3zM20 14v3M14 20h3M20 20h1\"><\/path><\/svg><\/div>\n          <h3>Stiker QR barang<\/h3>\n          <p>Tempel stiker QR di laptop, tas, atau botol. Siapa pun yang menemukan cukup memindai untuk menghubungi pemilik secara anonim.<\/p>\n        <\/div>\n      <\/div>\n\n      <h3 style=\"margin-bottom:16px\">Untuk petugas dan admin kampus<\/h3>\n      <div class=\"tk-grid3\" style=\"margin-bottom:40px\">\n        <div class=\"tk-card\">\n          <h3>Dasbor web admin<\/h3>\n          <ul><li>Daftar semua laporan dengan status<\/li><li>Moderasi laporan mencurigakan<\/li><li>Kelola pengguna dan peran<\/li><\/ul>\n        <\/div>\n        <div class=\"tk-card\">\n          <h3>Titik penitipan<\/h3>\n          <ul><li>Pos satpam, perpustakaan, dan resepsionis sebagai lokasi resmi<\/li><li>Catat barang masuk dan keluar<\/li><li>Cetak label barang<\/li><\/ul>\n        <\/div>\n        <div class=\"tk-card\">\n          <h3>Analitik kampus<\/h3>\n          <ul><li>Tingkat pengembalian barang<\/li><li>Peta panas lokasi rawan<\/li><li>Ekspor laporan PDF dan Excel<\/li><\/ul>\n        <\/div>\n      <\/div>\n\n      <h3 style=\"margin-bottom:16px\">Fitur pendukung<\/h3>\n      <p>\n        <span class=\"tk-pill\">Mode gelap<\/span><span class=\"tk-pill\">Bahasa Indonesia dan Inggris<\/span><span class=\"tk-pill\">Notifikasi push<\/span><span class=\"tk-pill\">Bagikan ke WhatsApp<\/span><span class=\"tk-pill\">Kedaluwarsa laporan otomatis<\/span><span class=\"tk-pill\">Poin &#8220;Pahlawan Kampus&#8221;<\/span><span class=\"tk-pill tk-pill--amber\">Akan datang: pencocokan foto dengan AI<\/span><span class=\"tk-pill tk-pill--amber\">Akan datang: integrasi tag Bluetooth<\/span>\n      <\/p>\n\n      <h3 style=\"margin: 40px 0 16px\">Alur penggunaan<\/h3>\n      <div class=\"tk-steps\">\n        <div class=\"tk-step\"><h4>Lapor<\/h4><p>Pemilik atau penemu membuat laporan dengan foto dan lokasi.<\/p><\/div>\n        <div class=\"tk-step\"><h4>Cocokkan<\/h4><p>Sistem mencari pasangan laporan dan mengirim notifikasi.<\/p><\/div>\n        <div class=\"tk-step\"><h4>Verifikasi<\/h4><p>Pemilik menjawab pertanyaan ciri barang dan mengunggah bukti.<\/p><\/div>\n        <div class=\"tk-step\"><h4>Serah-terima<\/h4><p>Bertemu di titik penitipan, pindai QR atau masukkan PIN.<\/p><\/div>\n        <div class=\"tk-step\"><h4>Selesai<\/h4><p>Status menjadi &#8220;Kembali&#8221;. Penemu mendapat poin dan ucapan terima kasih.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== ARSITEKTUR ====================== -->\n  <section class=\"tk-sec tk-sec--white\" id=\"arsitektur\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Arsitektur aplikasi<\/h2>\n        <p>Pendekatan hybrid: satu basis kode untuk Android dan iOS, dengan backend REST API yang juga melayani dasbor web admin.<\/p>\n      <\/div>\n\n      <div class=\"tk-arch\">\n        <svg viewBox=\"0 0 900 560\" role=\"img\" aria-label=\"Diagram arsitektur TemuKembali: klien, API gateway, layanan backend, penyimpanan data, dan layanan eksternal\">\n          <defs>\n            <marker id=\"tkArrow\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerWidth=\"7\" markerHeight=\"7\" orient=\"auto-start-reverse\"><path d=\"M0 0L10 5L0 10z\" fill=\"#127C74\"><\/path><\/marker>\n          <\/defs>\n\n          <!-- Lapisan 1: Klien -->\n          <rect class=\"lane\" x=\"10\" y=\"10\" width=\"880\" height=\"110\" rx=\"14\"><\/rect>\n          <text class=\"ln\" x=\"26\" y=\"34\">1. LAPISAN KLIEN<\/text>\n          <rect class=\"b\" x=\"40\" y=\"48\" width=\"230\" height=\"58\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"155\" y=\"73\" text-anchor=\"middle\">Aplikasi mobile (hybrid)<\/text>\n          <text class=\"s\" x=\"155\" y=\"92\" text-anchor=\"middle\">Flutter &#8211; Android &amp; iOS<\/text>\n          <rect class=\"b\" x=\"335\" y=\"48\" width=\"230\" height=\"58\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"450\" y=\"73\" text-anchor=\"middle\">Dasbor web admin<\/text>\n          <text class=\"s\" x=\"450\" y=\"92\" text-anchor=\"middle\">React \/ Vue &#8211; petugas &amp; kampus<\/text>\n          <rect class=\"b\" x=\"630\" y=\"48\" width=\"230\" height=\"58\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"745\" y=\"73\" text-anchor=\"middle\">Website company profile<\/text>\n          <text class=\"s\" x=\"745\" y=\"92\" text-anchor=\"middle\">WordPress &#8211; halaman ini<\/text>\n\n          <!-- panah ke gateway -->\n          <path class=\"ar\" d=\"M155 106 L155 146 L400 146 L400 160\"><\/path>\n          <path class=\"ar\" d=\"M450 106 L450 160\"><\/path>\n\n          <!-- Lapisan 2: Gateway -->\n          <rect class=\"bd\" x=\"40\" y=\"160\" width=\"820\" height=\"46\" rx=\"10\"><\/rect>\n          <text class=\"tw\" x=\"450\" y=\"182\" text-anchor=\"middle\">API Gateway &#8211; Nginx (HTTPS, rate limit, JWT)<\/text>\n          <text class=\"sw\" x=\"450\" y=\"198\" text-anchor=\"middle\">REST \/ JSON &#8211; dokumentasi OpenAPI<\/text>\n\n          <path class=\"ar\" d=\"M450 206 L450 232\"><\/path>\n\n          <!-- Lapisan 3: Backend -->\n          <rect class=\"lane\" x=\"10\" y=\"232\" width=\"880\" height=\"150\" rx=\"14\"><\/rect>\n          <text class=\"ln\" x=\"26\" y=\"256\">2. LAPISAN BACKEND (Laravel \/ Node.js)<\/text>\n          <rect class=\"b\" x=\"30\" y=\"270\" width=\"132\" height=\"52\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"96\" y=\"293\" text-anchor=\"middle\">Auth &amp; User<\/text>\n          <text class=\"s\" x=\"96\" y=\"311\" text-anchor=\"middle\">login, peran<\/text>\n          <rect class=\"b\" x=\"174\" y=\"270\" width=\"132\" height=\"52\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"240\" y=\"293\" text-anchor=\"middle\">Laporan<\/text>\n          <text class=\"s\" x=\"240\" y=\"311\" text-anchor=\"middle\">hilang \/ temuan<\/text>\n          <rect class=\"ba\" x=\"318\" y=\"270\" width=\"132\" height=\"52\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"384\" y=\"293\" text-anchor=\"middle\">Matching Engine<\/text>\n          <text class=\"s\" x=\"384\" y=\"311\" text-anchor=\"middle\">skor kecocokan<\/text>\n          <rect class=\"b\" x=\"462\" y=\"270\" width=\"132\" height=\"52\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"528\" y=\"293\" text-anchor=\"middle\">Klaim &amp; Serah<\/text>\n          <text class=\"s\" x=\"528\" y=\"311\" text-anchor=\"middle\">verifikasi, QR<\/text>\n          <rect class=\"b\" x=\"606\" y=\"270\" width=\"132\" height=\"52\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"672\" y=\"293\" text-anchor=\"middle\">Chat<\/text>\n          <text class=\"s\" x=\"672\" y=\"311\" text-anchor=\"middle\">pesan terbatas<\/text>\n          <rect class=\"b\" x=\"750\" y=\"270\" width=\"120\" height=\"52\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"810\" y=\"293\" text-anchor=\"middle\">Notifikasi<\/text>\n          <text class=\"s\" x=\"810\" y=\"311\" text-anchor=\"middle\">push, email<\/text>\n          <rect class=\"b\" x=\"30\" y=\"334\" width=\"420\" height=\"36\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"240\" y=\"357\" text-anchor=\"middle\">Analitik &amp; Pelaporan (dasbor, ekspor)<\/text>\n          <rect class=\"b\" x=\"462\" y=\"334\" width=\"408\" height=\"36\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"666\" y=\"357\" text-anchor=\"middle\">Antrean tugas (queue worker) untuk matching &amp; notifikasi<\/text>\n\n          <path class=\"ar\" d=\"M240 382 L240 408\"><\/path>\n          <path class=\"ar\" d=\"M528 382 L528 408\"><\/path>\n          <path class=\"ar\" d=\"M810 382 L810 408\"><\/path>\n\n          <!-- Lapisan 4: Data & eksternal -->\n          <rect class=\"lane\" x=\"10\" y=\"408\" width=\"880\" height=\"140\" rx=\"14\"><\/rect>\n          <text class=\"ln\" x=\"26\" y=\"432\">3. DATA &amp; LAYANAN EKSTERNAL<\/text>\n          <rect class=\"b\" x=\"30\" y=\"446\" width=\"150\" height=\"86\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"105\" y=\"474\" text-anchor=\"middle\">PostgreSQL<\/text>\n          <text class=\"s\" x=\"105\" y=\"492\" text-anchor=\"middle\">pengguna, laporan,<\/text>\n          <text class=\"s\" x=\"105\" y=\"507\" text-anchor=\"middle\">klaim, log<\/text>\n          <rect class=\"b\" x=\"194\" y=\"446\" width=\"150\" height=\"86\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"269\" y=\"474\" text-anchor=\"middle\">Redis<\/text>\n          <text class=\"s\" x=\"269\" y=\"492\" text-anchor=\"middle\">cache, sesi,<\/text>\n          <text class=\"s\" x=\"269\" y=\"507\" text-anchor=\"middle\">antrean<\/text>\n          <rect class=\"b\" x=\"358\" y=\"446\" width=\"150\" height=\"86\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"433\" y=\"474\" text-anchor=\"middle\">Object Storage<\/text>\n          <text class=\"s\" x=\"433\" y=\"492\" text-anchor=\"middle\">foto barang<\/text>\n          <text class=\"s\" x=\"433\" y=\"507\" text-anchor=\"middle\">(S3 \/ MinIO)<\/text>\n          <rect class=\"b\" x=\"522\" y=\"446\" width=\"150\" height=\"86\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"597\" y=\"474\" text-anchor=\"middle\">Firebase FCM<\/text>\n          <text class=\"s\" x=\"597\" y=\"492\" text-anchor=\"middle\">push notification<\/text>\n          <text class=\"s\" x=\"597\" y=\"507\" text-anchor=\"middle\">Android &amp; iOS<\/text>\n          <rect class=\"b\" x=\"686\" y=\"446\" width=\"184\" height=\"86\" rx=\"10\"><\/rect>\n          <text class=\"t\" x=\"778\" y=\"474\" text-anchor=\"middle\">Layanan pihak ketiga<\/text>\n          <text class=\"s\" x=\"778\" y=\"492\" text-anchor=\"middle\">Google Maps, SMTP,<\/text>\n          <text class=\"s\" x=\"778\" y=\"507\" text-anchor=\"middle\">SSO kampus, WhatsApp<\/text>\n        <\/svg>\n      <\/div>\n\n      <div class=\"tk-grid3\" style=\"margin-top:28px\">\n        <div class=\"tk-card\">\n          <h3>Mengapa hybrid (Flutter)?<\/h3>\n          <p>Satu kode untuk dua platform menghemat waktu dan biaya, cocok untuk tim kecil. Kinerjanya mendekati native dan komponen kamera, peta, serta notifikasi sudah matang.<\/p>\n        <\/div>\n        <div class=\"tk-card\">\n          <h3>Rancangan data inti<\/h3>\n          <ul><li>users, roles, campuses<\/li><li>reports (type, kategori, lokasi, status)<\/li><li>report_images, matches<\/li><li>claims, handovers, messages<\/li><li>notifications, audit_logs<\/li><\/ul>\n        <\/div>\n        <div class=\"tk-card\">\n          <h3>Keamanan dan privasi<\/h3>\n          <ul><li>HTTPS + JWT dengan refresh token<\/li><li>Rate limiting dan validasi input<\/li><li>Penyamaran data sensitif pada foto<\/li><li>Audit log untuk setiap serah-terima<\/li><\/ul>\n        <\/div>\n      <\/div>\n\n      <h3 style=\"margin: 40px 0 16px\">Tech stack<\/h3>\n      <div class=\"tk-tablewrap\">\n        <table>\n          <thead><tr><th>Lapisan<\/th><th>Teknologi<\/th><th>Alasan<\/th><\/tr><\/thead>\n          <tbody>\n            <tr><td>Mobile<\/td><td>Flutter (Dart)<\/td><td>Satu basis kode, UI konsisten, performa baik.<\/td><\/tr>\n            <tr><td>Backend<\/td><td>Laravel (PHP) atau Node.js + Express<\/td><td>Cepat dibangun, ekosistem luas, mudah di-deploy di VPS.<\/td><\/tr>\n            <tr><td>Basis data<\/td><td>PostgreSQL, Redis<\/td><td>Relasional andal, dukungan pencarian teks dan geolokasi, cache cepat.<\/td><\/tr>\n            <tr><td>Penyimpanan file<\/td><td>MinIO \/ S3-compatible<\/td><td>Foto dipisah dari server aplikasi.<\/td><\/tr>\n            <tr><td>Notifikasi<\/td><td>Firebase Cloud Messaging<\/td><td>Gratis dan andal untuk Android dan iOS.<\/td><\/tr>\n            <tr><td>Infrastruktur<\/td><td>VPS Ubuntu + aaPanel\/EasyPanel, Nginx, SSL Let&#8217;s Encrypt<\/td><td>Murah dan selaras dengan lingkungan perkuliahan.<\/td><\/tr>\n            <tr><td>CI\/CD<\/td><td>GitHub Actions<\/td><td>Pengujian dan deploy otomatis.<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== SWOT ====================== -->\n  <section class=\"tk-sec\" id=\"swot\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Analisa SWOT<\/h2>\n        <p>Faktor internal (kekuatan dan kelemahan) dan faktor eksternal (peluang dan ancaman) yang memengaruhi TemuKembali.<\/p>\n      <\/div>\n      <div class=\"tk-swot\">\n        <div class=\"tk-s\">\n          <h3>Strength (Kekuatan)<\/h3><div class=\"sub\">Faktor internal positif<\/div>\n          <ul>\n            <li>Fokus pada satu masalah nyata yang dialami hampir semua mahasiswa.<\/li>\n            <li>Pencocokan otomatis dan verifikasi klaim, tidak sekadar papan pengumuman.<\/li>\n            <li>Satu basis kode hybrid, biaya pengembangan dan pemeliharaan rendah.<\/li>\n            <li>Pengembang adalah bagian dari komunitas sasaran, memahami kebutuhannya.<\/li>\n            <li>Model B2B2C: gratis bagi mahasiswa sehingga adopsi mudah.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tk-w\">\n          <h3>Weakness (Kelemahan)<\/h3><div class=\"sub\">Faktor internal negatif<\/div>\n          <ul>\n            <li>Efek jaringan: aplikasi baru berguna bila banyak laporan sudah masuk.<\/li>\n            <li>Tim kecil dan sumber daya terbatas untuk promosi serta dukungan.<\/li>\n            <li>Belum punya rekam jejak maupun studi kasus kampus.<\/li>\n            <li>Ketergantungan pada kemauan petugas kampus mencatat barang titipan.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tk-o\">\n          <h3>Opportunity (Peluang)<\/h3><div class=\"sub\">Faktor eksternal positif<\/div>\n          <ul>\n            <li>Kampus didorong menghadirkan layanan digital dan citra kampus aman.<\/li>\n            <li>Penetrasi smartphone mahasiswa hampir 100%.<\/li>\n            <li>Dapat diperluas ke stasiun, mal, kos, kantor, dan transportasi umum.<\/li>\n            <li>Potensi sponsor dari kafe, toko, dan layanan kampus sekitar.<\/li>\n            <li>Kemajuan AI pengenalan gambar mempermudah pencocokan foto.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"tk-t\">\n          <h3>Threat (Ancaman)<\/h3><div class=\"sub\">Faktor eksternal negatif<\/div>\n          <ul>\n            <li>Kebiasaan lama: mahasiswa tetap memakai grup WhatsApp.<\/li>\n            <li>Aplikasi serupa atau fitur kampus resmi yang mendahului.<\/li>\n            <li>Risiko klaim palsu dan penyalahgunaan data pribadi.<\/li>\n            <li>Siklus anggaran kampus yang lambat dan birokratis.<\/li>\n            <li>Regulasi pelindungan data pribadi yang menuntut kepatuhan.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"tk-card tk-strategy\">\n        <h3>Strategi turunan (matriks TOWS)<\/h3>\n        <ul>\n          <li><b>S-O:<\/b> Gunakan pencocokan otomatis dan model gratis untuk menggaet kampus yang ingin layanan digital.<\/li>\n          <li><b>W-O:<\/b> Atasi efek jaringan dengan meluncurkan pilot di satu fakultas dan memberi poin bagi pelapor awal.<\/li>\n          <li><b>S-T:<\/b> Jadikan verifikasi klaim dan privasi sebagai pembeda utama dibanding grup WhatsApp.<\/li>\n          <li><b>W-T:<\/b> Sediakan fitur bagikan ke WhatsApp agar transisi dari kebiasaan lama terasa mulus.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== BMC ====================== -->\n  <section class=\"tk-sec tk-sec--white\" id=\"bmc\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Business Model Canvas<\/h2>\n        <p>Sembilan blok model bisnis TemuKembali dengan kampus sebagai pelanggan pembayar dan mahasiswa sebagai pengguna utama.<\/p>\n      <\/div>\n      <div class=\"tk-bmc\">\n        <div class=\"kp\"><h4>Key Partners<\/h4><ul><li>Universitas dan fakultas<\/li><li>Satpam &amp; bagian kemahasiswaan<\/li><li>BEM dan organisasi mahasiswa<\/li><li>Kafe, koperasi, dan toko sekitar kampus<\/li><li>Penyedia cloud, Firebase, Google Maps<\/li><\/ul><\/div>\n        <div class=\"ka\"><h4>Key Activities<\/h4><ul><li>Pengembangan dan pemeliharaan aplikasi<\/li><li>Onboarding kampus<\/li><li>Moderasi dan dukungan pengguna<\/li><li>Pemasaran kampus<\/li><\/ul><\/div>\n        <div class=\"kr\"><h4>Key Resources<\/h4><ul><li>Tim pengembang<\/li><li>Basis kode dan algoritma pencocokan<\/li><li>Server (VPS) dan basis data<\/li><li>Data laporan dan merek<\/li><\/ul><\/div>\n        <div class=\"vp\"><h4>Value Propositions<\/h4><ul><li>Satu tempat untuk semua barang hilang dan temuan<\/li><li>Pencocokan otomatis, kabar langsung ke pemilik<\/li><li>Klaim terverifikasi dan serah-terima aman<\/li><li>Data dan statistik untuk kampus<\/li><li>Citra kampus yang aman dan peduli<\/li><li>Gratis bagi mahasiswa<\/li><\/ul><\/div>\n        <div class=\"cr\"><h4>Customer Relationships<\/h4><ul><li>Layanan mandiri lewat aplikasi<\/li><li>Dukungan chat dan email<\/li><li>Manajer akun untuk kampus<\/li><li>Komunitas &#8220;Pahlawan Kampus&#8221;<\/li><\/ul><\/div>\n        <div class=\"ch\"><h4>Channels<\/h4><ul><li>Play Store dan App Store<\/li><li>Website company profile<\/li><li>Instagram dan TikTok kampus<\/li><li>Poster QR di titik strategis<\/li><li>Penawaran langsung ke kampus<\/li><\/ul><\/div>\n        <div class=\"cs\"><h4>Customer Segments<\/h4><ul><li><b>Pembayar:<\/b> kampus, sekolah, politeknik<\/li><li><b>Pengguna:<\/b> mahasiswa, dosen, tenaga kependidikan<\/li><li><b>Sponsor:<\/b> UMKM sekitar kampus<\/li><li><b>Lanjutan:<\/b> stasiun, mal, kantor<\/li><\/ul><\/div>\n        <div class=\"cost\"><h4>Cost Structure<\/h4><ul><li>Server, domain, dan layanan cloud<\/li><li>Gaji atau honor tim pengembang<\/li><li>Biaya akun Play Store dan App Store<\/li><li>Pemasaran, cetak poster, dan stiker QR<\/li><li>Dukungan pelanggan dan legal<\/li><\/ul><\/div>\n        <div class=\"rev\"><h4>Revenue Streams<\/h4><ul><li>Langganan institusi (SaaS)<\/li><li>Sponsor dan iklan lokal<\/li><li>TemuKembali Plus dan stiker QR<\/li><li>Biaya implementasi dan kustomisasi<\/li><\/ul><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== AUDIENS ====================== -->\n  <section class=\"tk-sec\" id=\"audiens\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Cara mendapatkan audiens<\/h2>\n        <p>Strategi bertahap: mulai dari satu kampus dan satu fakultas sampai efek jaringan terbentuk, baru melebar.<\/p>\n      <\/div>\n\n      <div class=\"tk-phase\">\n        <div>Fase 1<small>Pilot, bulan 1-2<\/small><\/div>\n        <div>\n          <ul>\n            <li>Pilot di satu fakultas dan dua titik penitipan (perpustakaan dan pos satpam).<\/li>\n            <li>Kerja sama dengan BEM dan HMJ sebagai duta awal.<\/li>\n            <li>Isi awal data: petugas memasukkan barang yang sudah menumpuk di pos.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"tk-phase\">\n        <div>Fase 2<small>Penetrasi kampus, bulan 3-6<\/small><\/div>\n        <div>\n          <ul>\n            <li>Poster QR di kantin, perpustakaan, masjid atau musala, dan parkiran: &#8220;Menemukan sesuatu? Pindai di sini.&#8221;<\/li>\n            <li>Konten pendek di TikTok dan Instagram dengan cerita nyata barang kembali.<\/li>\n            <li>Masuk ke agenda PKKMB atau orientasi mahasiswa baru.<\/li>\n            <li>Program poin &#8220;Pahlawan Kampus&#8221; dan papan peringkat penemu.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"tk-phase\">\n        <div>Fase 3<small>Ekspansi, bulan 7-12<\/small><\/div>\n        <div>\n          <ul>\n            <li>Studi kasus dan angka pengembalian dipakai untuk menawarkan ke kampus lain.<\/li>\n            <li>Program referensi antarkampus dan kemitraan dengan forum BEM se-kota.<\/li>\n            <li>Optimasi mesin pencari (SEO) halaman kampus dan ulasan aplikasi.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"tk-grid3\" style=\"margin-top:26px\">\n        <div class=\"tk-card\"><h3>Loop pertumbuhan<\/h3><p>Barang kembali, pemilik berterima kasih, cerita dibagikan, mahasiswa lain ikut memasang aplikasi. Setiap kasus selesai menjadi materi promosi.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Tautan berbagi<\/h3><p>Setiap laporan punya tautan yang bisa dibagikan ke grup WhatsApp, sehingga kebiasaan lama justru menjadi pintu masuk aplikasi.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Metrik keberhasilan<\/h3><ul><li>Pengguna aktif bulanan<\/li><li>Rasio laporan yang kembali<\/li><li>Waktu rata-rata hingga kembali<\/li><li>Jumlah kampus berlangganan<\/li><\/ul><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== MONETISASI ====================== -->\n  <section class=\"tk-sec tk-sec--white\" id=\"monetisasi\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Cara monetisasi<\/h2>\n        <p>Mahasiswa tidak dikenai biaya agar jumlah pengguna tumbuh cepat. Pendapatan berasal dari pihak yang mendapat nilai terbesar: institusi dan mitra lokal.<\/p>\n      <\/div>\n      <div class=\"tk-grid4\">\n        <div class=\"tk-rev\"><div class=\"share\">1<\/div><h3>Langganan institusi<\/h3><p>Kampus membayar per bulan atau tahun untuk dasbor admin, analitik, kustomisasi merek, dan dukungan. Ini sumber pendapatan utama dan berulang.<\/p><\/div>\n        <div class=\"tk-rev\"><div class=\"share\">2<\/div><h3>Sponsor lokal<\/h3><p>Kafe, fotokopi, dan toko sekitar kampus memasang penawaran non-intrusif, misalnya kupon &#8220;Terima kasih telah membantu&#8221;. Tanpa iklan pop-up yang mengganggu.<\/p><\/div>\n        <div class=\"tk-rev\"><div class=\"share\">3<\/div><h3>TemuKembali Plus<\/h3><p>Langganan opsional untuk mahasiswa: stiker QR, notifikasi prioritas, riwayat lebih panjang, dan bebas sponsor.<\/p><\/div>\n        <div class=\"tk-rev\"><div class=\"share\">4<\/div><h3>Jasa implementasi<\/h3><p>Biaya satu kali untuk integrasi SSO kampus, kustomisasi, pelatihan petugas, dan cetak materi kampanye.<\/p><\/div>\n      <\/div>\n\n      <h3 style=\"margin: 40px 0 16px\">Proyeksi pendapatan tahun pertama (skenario konservatif)<\/h3>\n      <div class=\"tk-tablewrap\">\n        <table>\n          <thead><tr><th>Sumber<\/th><th>Asumsi<\/th><th>Per bulan<\/th><th>Per tahun<\/th><\/tr><\/thead>\n          <tbody>\n            <tr><td>Langganan institusi<\/td><td>3 kampus x paket Kampus (Rp 2.500.000)<\/td><td>Rp 7.500.000<\/td><td>Rp 90.000.000<\/td><\/tr>\n            <tr><td>Sponsor lokal<\/td><td>6 mitra x Rp 500.000<\/td><td>Rp 3.000.000<\/td><td>Rp 36.000.000<\/td><\/tr>\n            <tr><td>TemuKembali Plus<\/td><td>300 pelanggan x Rp 9.900<\/td><td>Rp 2.970.000<\/td><td>Rp 35.640.000<\/td><\/tr>\n            <tr><td>Stiker QR dan implementasi<\/td><td>Rata-rata<\/td><td>Rp 1.500.000<\/td><td>Rp 18.000.000<\/td><\/tr>\n            <tr><td><b>Total<\/b><\/td><td><\/td><td><b>Rp 14.970.000<\/b><\/td><td><b>Rp 179.640.000<\/b><\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n      <p class=\"tk-note\">Angka di atas adalah asumsi perencanaan untuk keperluan tugas, bukan hasil riil. Biaya operasional awal (VPS, domain, akun toko aplikasi) dapat ditekan di bawah Rp 1.000.000 per bulan sehingga titik impas dicapai pada kampus ke-1 atau ke-2.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== HARGA ====================== -->\n  <section class=\"tk-sec\" id=\"harga\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Pricing<\/h2>\n        <p>Harga dirancang berjenjang berdasarkan jumlah civitas. Diskon 15% untuk pembayaran tahunan.<\/p>\n      <\/div>\n\n      <div class=\"tk-price\">\n        <div class=\"tk-plan\">\n          <h3>Mahasiswa<\/h3>\n          <div class=\"for\">Untuk semua pengguna individu<\/div>\n          <div class=\"amt\">Gratis<\/div>\n          <ul>\n            <li>Lapor dan cari barang tanpa batas<\/li>\n            <li>Notifikasi kecocokan<\/li>\n            <li>Chat aman dan klaim<\/li>\n            <li>Dengan sponsor lokal<\/li>\n          <\/ul>\n          <a class=\"tk-btn tk-btn--deep\" href=\"#kontak\">Mulai gratis<\/a>\n        <\/div>\n\n        <div class=\"tk-plan\">\n          <h3>Plus<\/h3>\n          <div class=\"for\">Mahasiswa yang ingin perlindungan ekstra<\/div>\n          <div class=\"amt\">Rp 9.900 <small>\/ bulan<\/small><\/div>\n          <ul>\n            <li>Semua fitur Mahasiswa<\/li>\n            <li>5 stiker QR barang (sekali kirim)<\/li>\n            <li>Notifikasi prioritas<\/li>\n            <li>Riwayat 12 bulan<\/li>\n            <li>Tanpa sponsor<\/li>\n          <\/ul>\n          <a class=\"tk-btn tk-btn--deep\" href=\"#kontak\">Tanya paket Plus<\/a>\n        <\/div>\n\n        <div class=\"tk-plan tk-plan--hot\">\n          <h3>Kampus<\/h3>\n          <div class=\"for\">Hingga 5.000 civitas akademika<\/div>\n          <div class=\"amt\">Rp 2.500.000 <small>\/ bulan<\/small><\/div>\n          <ul>\n            <li>Dasbor web admin<\/li>\n            <li>Hingga 10 titik penitipan<\/li>\n            <li>Analitik dasar dan ekspor laporan<\/li>\n            <li>Logo dan warna kampus<\/li>\n            <li>Dukungan email dan chat<\/li>\n            <li>Pelatihan petugas 1 kali<\/li>\n          <\/ul>\n          <a class=\"tk-btn tk-btn--amber\" href=\"#kontak\">Minta penawaran<\/a>\n        <\/div>\n\n        <div class=\"tk-plan\">\n          <h3>Kampus Pro<\/h3>\n          <div class=\"for\">5.001 civitas ke atas atau banyak kampus<\/div>\n          <div class=\"amt\">Mulai Rp 6.000.000 <small>\/ bulan<\/small><\/div>\n          <ul>\n            <li>Semua fitur Kampus<\/li>\n            <li>Titik penitipan tanpa batas<\/li>\n            <li>Integrasi SSO dan API<\/li>\n            <li>Analitik lanjutan dan peta panas<\/li>\n            <li>Aplikasi dengan merek sendiri (white-label)<\/li>\n            <li>Manajer akun khusus dan SLA<\/li>\n          <\/ul>\n          <a class=\"tk-btn tk-btn--deep\" href=\"#kontak\">Diskusikan kebutuhan<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"tk-grid3\" style=\"margin-top:28px\">\n        <div class=\"tk-card\"><h3>Paket sponsor<\/h3><p>Rp 500.000 sampai Rp 2.000.000 per bulan, tergantung lokasi tampilan dan durasi kontrak.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Biaya implementasi<\/h3><p>Rp 3.000.000 sekali bayar untuk integrasi SSO, impor data, dan kampanye peluncuran. Gratis untuk kampus pilot.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Stiker QR tambahan<\/h3><p>Rp 15.000 per paket isi 5 stiker tahan air. Harga khusus untuk pembelian massal oleh organisasi mahasiswa.<\/p><\/div>\n      <\/div>\n\n      <h3 style=\"margin: 40px 0 16px\">Dasar penetapan harga<\/h3>\n      <div class=\"tk-grid3\">\n        <div class=\"tk-card\"><h3>Berbasis nilai<\/h3><p>Dengan Rp 2,5 juta per bulan, kampus mendapatkan layanan digital dan data yang biasanya memerlukan sistem buatan sendiri yang jauh lebih mahal.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Per mahasiswa terjangkau<\/h3><p>Pada 5.000 civitas, biayanya sekitar Rp 500 per orang per bulan, di bawah harga segelas es teh.<\/p><\/div>\n        <div class=\"tk-card\"><h3>Freemium<\/h3><p>Pengguna akhir gratis agar efek jaringan tumbuh. Paket Plus hanya pelengkap, bukan syarat memakai aplikasi.<\/p><\/div>\n      <\/div>\n      <p class=\"tk-note\">Harga bersifat indikatif untuk keperluan perencanaan dan dapat disesuaikan dengan kesepakatan kerja sama.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== ROADMAP ====================== -->\n  <section class=\"tk-sec tk-sec--white\" id=\"roadmap\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Peta jalan pengembangan<\/h2>\n        <p>Rilis bertahap supaya kampus bisa mencoba lebih cepat dan masukan pengguna langsung masuk ke perencanaan.<\/p>\n      <\/div>\n      <div class=\"tk-road\">\n        <div><h4>MVP<\/h4><div class=\"when\">Bulan 1-2<\/div><ul><li>Login dan profil<\/li><li>Lapor hilang dan temuan<\/li><li>Pencarian dan filter<\/li><li>Notifikasi push<\/li><\/ul><\/div>\n        <div><h4>Versi 1.0<\/h4><div class=\"when\">Bulan 3-4<\/div><ul><li>Pencocokan otomatis<\/li><li>Klaim dan verifikasi<\/li><li>Chat aman<\/li><li>Dasbor admin<\/li><\/ul><\/div>\n        <div><h4>Versi 1.5<\/h4><div class=\"when\">Bulan 5-8<\/div><ul><li>Stiker QR dan serah-terima<\/li><li>Analitik kampus<\/li><li>TemuKembali Plus<\/li><li>Integrasi SSO<\/li><\/ul><\/div>\n        <div><h4>Versi 2.0<\/h4><div class=\"when\">Bulan 9-12<\/div><ul><li>Pencocokan foto dengan AI<\/li><li>Tag Bluetooth<\/li><li>Multi-kampus<\/li><li>API terbuka<\/li><\/ul><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== FAQ ====================== -->\n  <section class=\"tk-sec\" id=\"faq\">\n    <div class=\"tk-wrap\">\n      <div class=\"tk-head\">\n        <h2>Pertanyaan umum<\/h2>\n      <\/div>\n      <div class=\"tk-faq\" style=\"max-width:820px\">\n        <details open=\"\">\n          <summary>Apakah TemuKembali gratis untuk mahasiswa?<\/summary>\n          <div>Ya. Semua fitur inti gratis. Biaya ditanggung oleh institusi dan mitra sponsor. Paket Plus bersifat opsional.<\/div>\n        <\/details>\n        <details>\n          <summary>Bagaimana mencegah orang mengklaim barang yang bukan miliknya?<\/summary>\n          <div>Penemu dapat menyembunyikan satu ciri barang. Pemilik wajib menjawabnya dan mengunggah bukti. Serah-terima dilakukan di titik penitipan dengan QR atau PIN sekali pakai, dan semuanya tercatat.<\/div>\n        <\/details>\n        <details>\n          <summary>Apakah nomor telepon saya akan terlihat orang lain?<\/summary>\n          <div>Tidak. Komunikasi berlangsung lewat chat dalam aplikasi. Data pribadi yang dikumpulkan dibatasi seperlunya sesuai prinsip pelindungan data pribadi.<\/div>\n        <\/details>\n        <details>\n          <summary>Apakah bisa dipakai di sekolah atau tempat selain kampus?<\/summary>\n          <div>Bisa. Arsitektur multi-tenant memungkinkan satu sistem melayani banyak institusi, termasuk sekolah, stasiun, pusat perbelanjaan, dan perkantoran.<\/div>\n        <\/details>\n        <details>\n          <summary>Platform apa yang didukung?<\/summary>\n          <div>Android 8 ke atas dan iOS 13 ke atas, dibangun dengan pendekatan hybrid agar kedua platform mendapat pembaruan secara bersamaan.<\/div>\n        <\/details>\n        <details>\n          <summary>Bagaimana kampus saya bisa bergabung?<\/summary>\n          <div>Hubungi pengembang melalui kontak di bawah. Kampus pilot mendapatkan implementasi tanpa biaya selama masa uji coba.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ====================== KONTAK ====================== -->\n  <section class=\"tk-sec tk-sec--deep\" id=\"kontak\">\n    <div class=\"tk-wrap tk-contact\">\n      <div>\n        <h2 style=\"font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800;margin-bottom:16px\">Ingin TemuKembali hadir di kampusmu?<\/h2>\n        <p style=\"color:#BFDCD8;font-size:1.08rem;max-width:480px\">Ceritakan kebutuhan kampus Anda. Kami siap menjadwalkan demo, menyusun penawaran, atau menerima masukan untuk pengembangan aplikasi.<\/p>\n        <div class=\"tk-btns\" style=\"margin-top:26px\">\n          <a class=\"tk-btn tk-btn--amber\" href=\"https:\/\/wa.me\/6285219806316?text=Halo%20Hifzhan%2C%20saya%20tertarik%20dengan%20TemuKembali.\" target=\"_blank\" rel=\"noopener\">Chat WhatsApp<\/a>\n          <a class=\"tk-btn tk-btn--ghost\" href=\"mailto:24080960118@student.walisongo.ac.id?subject=Pertanyaan%20tentang%20TemuKembali\">Kirim email<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"tk-contact-card\">\n        <div class=\"tk-crow\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"><\/path><\/svg><\/div>\n          <div><small>Nomor telepon \/ WhatsApp<\/small><a href=\"tel:+6285219806316\">+62 852-1980-6316<\/a><\/div>\n        <\/div>\n        <div class=\"tk-crow\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><path d=\"M22 7l-10 6L2 7\"><\/path><\/svg><\/div>\n          <div><small>Email<\/small><a href=\"mailto:24080960118@student.walisongo.ac.id\">24080960118@student.walisongo.ac.id<\/a><\/div>\n        <\/div>\n        <div class=\"tk-crow\">\n          <div class=\"tk-ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle><path d=\"M4 21a8 8 0 0 1 16 0\"><\/path><\/svg><\/div>\n          <div><small>Pengembang<\/small><span>Hifzhan Hidayatullah<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"tk-foot\">\n    <div class=\"tk-wrap\">\n      <span>\u00a9 2026 TemuKembali. Dikembangkan oleh Hifzhan Hidayatullah.<\/span>\n      <span>Proyek Tugas 2 &#8211; Pengembangan Aplikasi Perangkat Bergerak<\/span>\n    <\/div>\n  <\/footer>\n<\/div>\n\n\n<script>\n(function () {\n  const menu = document.getElementById(\"tkMenu\");\n\n  if (!menu) return;\n\n  const tombolKiri = document.querySelector(\".tk-menu-prev\");\n  const tombolKanan = document.querySelector(\".tk-menu-next\");\n\n  function tkPerbaruiPanah() {\n    const posisi = menu.scrollLeft;\n    const batas = menu.scrollWidth - menu.clientWidth;\n\n    tombolKiri.disabled = posisi <= 2;\n    tombolKanan.disabled = posisi >= batas - 2;\n  }\n\n  window.tkGeserMenu = function (arah) {\n    menu.scrollBy({\n      left: arah * Math.max(180, menu.clientWidth * 0.6),\n      behavior: \"smooth\"\n    });\n  };\n\n  tombolKiri.addEventListener(\"click\", function () {\n    window.tkGeserMenu(-1);\n  });\n\n  tombolKanan.addEventListener(\"click\", function () {\n    window.tkGeserMenu(1);\n  });\n\n  menu.addEventListener(\"scroll\", tkPerbaruiPanah);\n  window.addEventListener(\"resize\", tkPerbaruiPanah);\n\n  tkPerbaruiPanah();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>TemuKembali \u2039 Masalah Requirement Fitur Arsitektur SWOT BMC Audiens Monetisasi Harga Kontak \u203a Barang hilang di kampus? Cari di satu tempat, bukan di sepuluh grup. TemuKembali adalah aplikasi Lost &amp; Found kampus. Lapor barang hilang atau temuan, biarkan sistem mencocokkannya, lalu ambil kembali lewat verifikasi yang aman. Lihat fitur Hubungi pengembang Android &amp; iOS (hybrid) [&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-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":1,"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/24080960118.tiawhizz.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}