Lilwe Game Studio – Cozy Indie Hub V4<\/title>\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-color: #faf7f2;\n --text-dark: #3a3232;\n --text-muted: #605251;\n --sage-green: #829982;\n --sage-light: #e6eee6;\n --sage-dark: #677a67;\n --accent-cream: #ffffff;\n --font-professional: 'Plus Jakarta Sans', sans-serif;\n --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: var(--font-professional);\n background-color: var(--bg-color);\n color: var(--text-dark);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* Navigasi *\/\n header {\n display: flex;\n flex-wrap: wrap; \/* Mencegah elemen bertumpuk jika layar sempit *\/\n justify-content: space-between;\n align-items: center;\n padding: 15px 5%;\n background-color: rgba(250, 247, 242, 0.95);\n backdrop-filter: blur(12px);\n position: sticky;\n top: 0;\n z-index: 1000;\n border-bottom: 1px solid rgba(130, 153, 130, 0.1);\n }\n\n .logo {\n font-size: 1.2rem;\n font-weight: 800;\n color: var(--sage-dark);\n text-decoration: none;\n }\n\n nav ul {\n display: flex;\n list-style: none;\n gap: 24px;\n align-items: center;\n flex-wrap: wrap;\n }\n\n nav ul li a {\n text-decoration: none;\n color: var(--text-dark);\n font-weight: 600;\n font-size: 0.95rem;\n transition: var(--transition-smooth);\n }\n\n nav ul li a:hover { color: var(--sage-green); }\n\n \/* FIX: Hero Section menggunakan Flexbox agar super elastis *\/\n .hero {\n display: flex;\n flex-wrap: wrap-reverse; \/* Gambar di atas teks pada mobile, sejajar di laptop *\/\n align-items: center;\n justify-content: space-between;\n padding: 60px 5%;\n min-height: 80vh;\n gap: 40px;\n max-width: 1200px; \/* Lebar maksimal diturunkan agar lebih aman di laptop 1366x768 *\/\n margin: 0 auto;\n }\n\n .hero-content {\n flex: 1 1 50%;\n min-width: 300px; \/* Batas aman terkecil sebelum wrap *\/\n max-width: 600px;\n }\n\n .hero-content h1 {\n font-size: clamp(2rem, 3.5vw, 3.2rem);\n font-weight: 800;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 20px;\n letter-spacing: -1px;\n }\n\n .hero-content p {\n font-size: 1.1rem;\n color: var(--text-muted);\n margin-bottom: 30px;\n }\n\n .hero-buttons {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 28px;\n border-radius: 12px;\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n transition: var(--transition-smooth);\n cursor: pointer;\n border: none;\n }\n\n .btn-primary { background-color: var(--sage-green); color: white; }\n .btn-primary:hover { background-color: var(--sage-dark); transform: translateY(-2px); }\n .btn-secondary { background-color: var(--sage-light); color: var(--sage-dark); }\n .btn-secondary:hover { background-color: #d1ded1; transform: translateY(-2px); }\n\n .hero-image {\n flex: 1 1 40%;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 250px;\n }\n\n \/* Maskot dibatasi ketat agar tidak merusak layout *\/\n .mascot-container {\n width: 100%;\n max-width: 350px;\n aspect-ratio: 1 \/ 1;\n position: relative;\n }\n\n .mascot-placeholder {\n width: 100%;\n height: 100%;\n background-color: var(--sage-light);\n border-radius: 60% 40% 60% 40% \/ 40% 60% 40% 60%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 20px;\n border: 2px solid rgba(130, 153, 130, 0.3);\n animation: morphBlob 8s ease-in-out infinite alternate;\n }\n\n @keyframes morphBlob {\n 0% { border-radius: 60% 40% 60% 40% \/ 40% 60% 40% 60%; }\n 50% { border-radius: 45% 55% 40% 60% \/ 55% 40% 60% 45%; }\n 100% { border-radius: 60% 40% 60% 40% \/ 40% 60% 40% 60%; }\n }\n\n \/* Sections standard *\/\n .about, .games, .newsletter { padding: 80px 5%; }\n .about-container { max-width: 700px; margin: 0 auto; text-align: center; }\n .section-title { font-size: clamp(1.8rem, 2.5vw, 2.4rem); font-weight: 800; margin-bottom: 20px; }\n .about p { font-size: 1.05rem; color: #4e5c4e; margin-bottom: 20px; }\n .about { background-color: var(--sage-light); }\n\n .games-header { text-align: center; max-width: 600px; margin: 0 auto 40px auto; }\n .games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto; }\n .game-card { background-color: var(--accent-cream); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid #efe8df; display: flex; flex-direction: column; transition: transform 0.3s ease; }\n .game-card:hover { transform: translateY(-5px); }\n .game-image-placeholder { width: 100%; height: 200px; background-color: #f2ebe0; display: flex; justify-content: center; align-items: center; }\n .game-info { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; }\n .game-status { align-self: flex-start; padding: 4px 12px; background-color: #f7e9dc; color: #a06632; border-radius: 6px; font-size: 0.75rem; font-weight: 700; margin-bottom: 12px; }\n .game-info h3 { font-size: 1.3rem; margin-bottom: 10px; }\n .game-info p { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 20px; flex-grow: 1; }\n\n .newsletter { background-color: #f2ebe0; }\n .newsletter-box { max-width: 600px; margin: 0 auto; background-color: var(--accent-cream); padding: 40px 30px; border-radius: 20px; text-align: center; }\n .newsletter h2 { font-size: 1.6rem; margin-bottom: 12px; }\n .newsletter p { font-size: 0.95rem; color: var(--text-muted); margin-bottom: 25px; }\n .form-group { display: flex; gap: 10px; }\n .form-group input { flex: 1; padding: 14px 20px; border-radius: 10px; border: 2px solid #e2d7c5; font-family: inherit; font-size: 1rem; outline: none; }\n .form-group input:focus { border-color: var(--sage-green); }\n\n footer { background-color: #2b2525; color: #e5ded7; padding: 50px 5% 20px 5%; }\n .footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; border-bottom: 1px solid #3d3535; padding-bottom: 20px; }\n .social-links { display: flex; gap: 20px; }\n .social-links a { color: #ccbfae; text-decoration: none; font-size: 0.95rem; }\n .copyright-box { text-align: center; font-size: 0.85rem; color: #8c8075; }\n\n \/* Media Queries untuk Stabilitas di berbagai ukuran *\/\n @media (max-width: 900px) {\n header { flex-direction: column; gap: 15px; justify-content: center; text-align: center; }\n nav ul { justify-content: center; }\n \n .hero { flex-direction: column-reverse; text-align: center; justify-content: center; }\n .hero-content { align-items: center; }\n .hero-buttons { justify-content: center; }\n .mascot-container { max-width: 280px; }\n }\n\n @media (max-width: 600px) {\n .form-group { flex-direction: column; }\n .btn { width: 100%; }\n .footer-content { flex-direction: column; justify-content: center; text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <a href=\"#\" class=\"logo\">\u2615\ud83d\udc3e Lilwe Game Studio<\/a>\n <nav>\n <ul>\n <li><a href=\"#\">Beranda<\/a><\/li>\n <li><a href=\"#tentang\">Tentang<\/a><\/li>\n <li><a href=\"#menu-game\">Menu Game<\/a><\/li>\n <li><a href=\"#devlog\">Devlog<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/header>\n\n <main class=\"hero\">\n <div class=\"hero-content\">\n <h1>Selamat Datang di Lilwe Game Studio!<\/h1>\n <p>Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#menu-game\" class=\"btn btn-primary\">\ud83d\udd79\ufe0f Intip Game Terbaru<\/a>\n <a href=\"#\" class=\"btn btn-secondary\">\ud83d\udcac Gabung Discord<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div class=\"mascot-container\">\n <div class=\"mascot-placeholder\">\n <div style=\"font-size: 50px;\">\ud83d\udc31\u2615<\/div>\n <strong style=\"font-size: 1rem; color: var(--text-dark);\">[ Kucing Barista ]<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <section id=\"tentang\" class=\"about\">\n <div class=\"about-container\">\n <h2 class=\"section-title\">Lebih dari Sekadar Game<\/h2>\n <p>Di Lilwe Game Studio, kami berfokus menciptakan pengalaman bermain yang santai, penuh cerita, dan tentu saja, menggemaskan. Sama seperti secangkir kopi hangat di pagi hari, kami ingin setiap karya yang kami seduh bisa menemani hari-harimu.<\/p>\n <\/div>\n <\/section>\n\n <section id=\"menu-game\" class=\"games\">\n <div class=\"games-header\">\n <h2 class=\"section-title\">Menu Spesial Kami<\/h2>\n <p style=\"color: var(--text-muted);\">Racikan game rahasia yang sedang kami kembangkan khusus untuk kamu.<\/p>\n <\/div>\n <div class=\"games-grid\">\n <div class=\"game-card\">\n <div class=\"game-image-placeholder\">\n <span style=\"font-size: 40px;\">\ud83c\udf31\ud83c\udfe1<\/span>\n <\/div>\n <div class=\"game-info\">\n <span class=\"game-status\">\u2615 In Development<\/span>\n <h3>Project Island Cozy<\/h3>\n <p>Petualangan membangun kebun impianmu, berteman dengan penduduk desa hewan, sambil memecahkan misteri.<\/p>\n <a href=\"#devlog\" class=\"btn btn-secondary\" style=\"padding: 10px; font-size: 0.85rem;\">Baca Devlog<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"devlog\" class=\"newsletter\">\n <div class=\"newsletter-box\">\n <h2>Jangan Ketinggalan Resep Terbaru!<\/h2>\n <p>Masukkan emailmu untuk mendapatkan kabar terbaru seputar pengembangan game kami langsung ke kotak masukmu!<\/p>\n <form action=\"#\" onsubmit=\"alert('Berhasil!'); return false;\">\n <div class=\"form-group\">\n <input type=\"email\" placeholder=\"Alamat emailmu...\" required>\n <button type=\"submit\" class=\"btn btn-primary\">\ud83d\udcec Berlangganan<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"footer-content\">\n <a href=\"#\" class=\"logo\" style=\"color:white;\">\u2615 Lilwe Studio<\/a>\n <div class=\"social-links\">\n <a href=\"#\">Twitter\/X<\/a>\n <a href=\"#\">YouTube<\/a>\n <a href=\"#\">Discord<\/a>\n <\/div>\n <\/div>\n <div class=\"copyright-box\">\n <p>\u00a9 2026 Lilwe Game Studio. Diseduh dengan profesionalisme dan cinta.<\/p>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lilwe Game Studio – Cozy Indie Hub V4 \u2615\ud83d\udc3e Lilwe Game Studio Beranda Tentang Menu Game Devlog Selamat Datang di Lilwe Game Studio! Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami. \ud83d\udd79\ufe0f Intip Game Terbaru \ud83d\udcac Gabung Discord \ud83d\udc31\u2615 [ Kucing Barista […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Landing Page - Lilwe Studio Game Dev<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lilwestudio.site\/?page_id=7\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Landing Page - Lilwe Studio Game Dev\" \/>\n<meta property=\"og:description\" content=\"Lilwe Game Studio – Cozy Indie Hub V4 \u2615\ud83d\udc3e Lilwe Game Studio Beranda Tentang Menu Game Devlog Selamat Datang di Lilwe Game Studio! Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami. \ud83d\udd79\ufe0f Intip Game Terbaru \ud83d\udcac Gabung Discord \ud83d\udc31\u2615 [ Kucing Barista […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lilwestudio.site\/?page_id=7\" \/>\n<meta property=\"og:site_name\" content=\"Lilwe Studio Game Dev\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-22T07:42:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7\",\"url\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7\",\"name\":\"Landing Page - Lilwe Studio Game Dev\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/#website\"},\"datePublished\":\"2026-05-22T07:12:18+00:00\",\"dateModified\":\"2026-05-22T07:42:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lilwestudio.site\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landing Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/#website\",\"url\":\"https:\\\/\\\/lilwestudio.site\\\/\",\"name\":\"Lilwe Studio Game Dev\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lilwestudio.site\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Landing Page - Lilwe Studio Game Dev","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lilwestudio.site\/?page_id=7","og_locale":"en_US","og_type":"article","og_title":"Landing Page - Lilwe Studio Game Dev","og_description":"Lilwe Game Studio – Cozy Indie Hub V4 \u2615\ud83d\udc3e Lilwe Game Studio Beranda Tentang Menu Game Devlog Selamat Datang di Lilwe Game Studio! Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami. \ud83d\udd79\ufe0f Intip Game Terbaru \ud83d\udcac Gabung Discord \ud83d\udc31\u2615 [ Kucing Barista […]","og_url":"https:\/\/lilwestudio.site\/?page_id=7","og_site_name":"Lilwe Studio Game Dev","article_modified_time":"2026-05-22T07:42:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lilwestudio.site\/?page_id=7","url":"https:\/\/lilwestudio.site\/?page_id=7","name":"Landing Page - Lilwe Studio Game Dev","isPartOf":{"@id":"https:\/\/lilwestudio.site\/#website"},"datePublished":"2026-05-22T07:12:18+00:00","dateModified":"2026-05-22T07:42:23+00:00","breadcrumb":{"@id":"https:\/\/lilwestudio.site\/?page_id=7#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lilwestudio.site\/?page_id=7"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lilwestudio.site\/?page_id=7#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lilwestudio.site\/"},{"@type":"ListItem","position":2,"name":"Landing Page"}]},{"@type":"WebSite","@id":"https:\/\/lilwestudio.site\/#website","url":"https:\/\/lilwestudio.site\/","name":"Lilwe Studio Game Dev","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lilwestudio.site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":8,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2026-05-22T07:12:18","date_gmt":"2026-05-22T07:12:18","guid":{"rendered":"https:\/\/lilwestudio.site\/?page_id=7"},"modified":"2026-05-22T07:42:23","modified_gmt":"2026-05-22T07:42:23","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/lilwestudio.site\/?page_id=7","title":{"rendered":"Landing Page"},"content":{"rendered":"\n\n\n\n \n \n Lilwe Game Studio – Cozy Indie Hub V4<\/title>\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --bg-color: #faf7f2;\n --text-dark: #3a3232;\n --text-muted: #605251;\n --sage-green: #829982;\n --sage-light: #e6eee6;\n --sage-dark: #677a67;\n --accent-cream: #ffffff;\n --font-professional: 'Plus Jakarta Sans', sans-serif;\n --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: var(--font-professional);\n background-color: var(--bg-color);\n color: var(--text-dark);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* Navigasi *\/\n header {\n display: flex;\n flex-wrap: wrap; \/* Mencegah elemen bertumpuk jika layar sempit *\/\n justify-content: space-between;\n align-items: center;\n padding: 15px 5%;\n background-color: rgba(250, 247, 242, 0.95);\n backdrop-filter: blur(12px);\n position: sticky;\n top: 0;\n z-index: 1000;\n border-bottom: 1px solid rgba(130, 153, 130, 0.1);\n }\n\n .logo {\n font-size: 1.2rem;\n font-weight: 800;\n color: var(--sage-dark);\n text-decoration: none;\n }\n\n nav ul {\n display: flex;\n list-style: none;\n gap: 24px;\n align-items: center;\n flex-wrap: wrap;\n }\n\n nav ul li a {\n text-decoration: none;\n color: var(--text-dark);\n font-weight: 600;\n font-size: 0.95rem;\n transition: var(--transition-smooth);\n }\n\n nav ul li a:hover { color: var(--sage-green); }\n\n \/* FIX: Hero Section menggunakan Flexbox agar super elastis *\/\n .hero {\n display: flex;\n flex-wrap: wrap-reverse; \/* Gambar di atas teks pada mobile, sejajar di laptop *\/\n align-items: center;\n justify-content: space-between;\n padding: 60px 5%;\n min-height: 80vh;\n gap: 40px;\n max-width: 1200px; \/* Lebar maksimal diturunkan agar lebih aman di laptop 1366x768 *\/\n margin: 0 auto;\n }\n\n .hero-content {\n flex: 1 1 50%;\n min-width: 300px; \/* Batas aman terkecil sebelum wrap *\/\n max-width: 600px;\n }\n\n .hero-content h1 {\n font-size: clamp(2rem, 3.5vw, 3.2rem);\n font-weight: 800;\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 20px;\n letter-spacing: -1px;\n }\n\n .hero-content p {\n font-size: 1.1rem;\n color: var(--text-muted);\n margin-bottom: 30px;\n }\n\n .hero-buttons {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 28px;\n border-radius: 12px;\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n transition: var(--transition-smooth);\n cursor: pointer;\n border: none;\n }\n\n .btn-primary { background-color: var(--sage-green); color: white; }\n .btn-primary:hover { background-color: var(--sage-dark); transform: translateY(-2px); }\n .btn-secondary { background-color: var(--sage-light); color: var(--sage-dark); }\n .btn-secondary:hover { background-color: #d1ded1; transform: translateY(-2px); }\n\n .hero-image {\n flex: 1 1 40%;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 250px;\n }\n\n \/* Maskot dibatasi ketat agar tidak merusak layout *\/\n .mascot-container {\n width: 100%;\n max-width: 350px;\n aspect-ratio: 1 \/ 1;\n position: relative;\n }\n\n .mascot-placeholder {\n width: 100%;\n height: 100%;\n background-color: var(--sage-light);\n border-radius: 60% 40% 60% 40% \/ 40% 60% 40% 60%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 20px;\n border: 2px solid rgba(130, 153, 130, 0.3);\n animation: morphBlob 8s ease-in-out infinite alternate;\n }\n\n @keyframes morphBlob {\n 0% { border-radius: 60% 40% 60% 40% \/ 40% 60% 40% 60%; }\n 50% { border-radius: 45% 55% 40% 60% \/ 55% 40% 60% 45%; }\n 100% { border-radius: 60% 40% 60% 40% \/ 40% 60% 40% 60%; }\n }\n\n \/* Sections standard *\/\n .about, .games, .newsletter { padding: 80px 5%; }\n .about-container { max-width: 700px; margin: 0 auto; text-align: center; }\n .section-title { font-size: clamp(1.8rem, 2.5vw, 2.4rem); font-weight: 800; margin-bottom: 20px; }\n .about p { font-size: 1.05rem; color: #4e5c4e; margin-bottom: 20px; }\n .about { background-color: var(--sage-light); }\n\n .games-header { text-align: center; max-width: 600px; margin: 0 auto 40px auto; }\n .games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto; }\n .game-card { background-color: var(--accent-cream); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid #efe8df; display: flex; flex-direction: column; transition: transform 0.3s ease; }\n .game-card:hover { transform: translateY(-5px); }\n .game-image-placeholder { width: 100%; height: 200px; background-color: #f2ebe0; display: flex; justify-content: center; align-items: center; }\n .game-info { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; }\n .game-status { align-self: flex-start; padding: 4px 12px; background-color: #f7e9dc; color: #a06632; border-radius: 6px; font-size: 0.75rem; font-weight: 700; margin-bottom: 12px; }\n .game-info h3 { font-size: 1.3rem; margin-bottom: 10px; }\n .game-info p { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 20px; flex-grow: 1; }\n\n .newsletter { background-color: #f2ebe0; }\n .newsletter-box { max-width: 600px; margin: 0 auto; background-color: var(--accent-cream); padding: 40px 30px; border-radius: 20px; text-align: center; }\n .newsletter h2 { font-size: 1.6rem; margin-bottom: 12px; }\n .newsletter p { font-size: 0.95rem; color: var(--text-muted); margin-bottom: 25px; }\n .form-group { display: flex; gap: 10px; }\n .form-group input { flex: 1; padding: 14px 20px; border-radius: 10px; border: 2px solid #e2d7c5; font-family: inherit; font-size: 1rem; outline: none; }\n .form-group input:focus { border-color: var(--sage-green); }\n\n footer { background-color: #2b2525; color: #e5ded7; padding: 50px 5% 20px 5%; }\n .footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; border-bottom: 1px solid #3d3535; padding-bottom: 20px; }\n .social-links { display: flex; gap: 20px; }\n .social-links a { color: #ccbfae; text-decoration: none; font-size: 0.95rem; }\n .copyright-box { text-align: center; font-size: 0.85rem; color: #8c8075; }\n\n \/* Media Queries untuk Stabilitas di berbagai ukuran *\/\n @media (max-width: 900px) {\n header { flex-direction: column; gap: 15px; justify-content: center; text-align: center; }\n nav ul { justify-content: center; }\n \n .hero { flex-direction: column-reverse; text-align: center; justify-content: center; }\n .hero-content { align-items: center; }\n .hero-buttons { justify-content: center; }\n .mascot-container { max-width: 280px; }\n }\n\n @media (max-width: 600px) {\n .form-group { flex-direction: column; }\n .btn { width: 100%; }\n .footer-content { flex-direction: column; justify-content: center; text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <a href=\"#\" class=\"logo\">\u2615\ud83d\udc3e Lilwe Game Studio<\/a>\n <nav>\n <ul>\n <li><a href=\"#\">Beranda<\/a><\/li>\n <li><a href=\"#tentang\">Tentang<\/a><\/li>\n <li><a href=\"#menu-game\">Menu Game<\/a><\/li>\n <li><a href=\"#devlog\">Devlog<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/header>\n\n <main class=\"hero\">\n <div class=\"hero-content\">\n <h1>Selamat Datang di Lilwe Game Studio!<\/h1>\n <p>Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#menu-game\" class=\"btn btn-primary\">\ud83d\udd79\ufe0f Intip Game Terbaru<\/a>\n <a href=\"#\" class=\"btn btn-secondary\">\ud83d\udcac Gabung Discord<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div class=\"mascot-container\">\n <div class=\"mascot-placeholder\">\n <div style=\"font-size: 50px;\">\ud83d\udc31\u2615<\/div>\n <strong style=\"font-size: 1rem; color: var(--text-dark);\">[ Kucing Barista ]<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <section id=\"tentang\" class=\"about\">\n <div class=\"about-container\">\n <h2 class=\"section-title\">Lebih dari Sekadar Game<\/h2>\n <p>Di Lilwe Game Studio, kami berfokus menciptakan pengalaman bermain yang santai, penuh cerita, dan tentu saja, menggemaskan. Sama seperti secangkir kopi hangat di pagi hari, kami ingin setiap karya yang kami seduh bisa menemani hari-harimu.<\/p>\n <\/div>\n <\/section>\n\n <section id=\"menu-game\" class=\"games\">\n <div class=\"games-header\">\n <h2 class=\"section-title\">Menu Spesial Kami<\/h2>\n <p style=\"color: var(--text-muted);\">Racikan game rahasia yang sedang kami kembangkan khusus untuk kamu.<\/p>\n <\/div>\n <div class=\"games-grid\">\n <div class=\"game-card\">\n <div class=\"game-image-placeholder\">\n <span style=\"font-size: 40px;\">\ud83c\udf31\ud83c\udfe1<\/span>\n <\/div>\n <div class=\"game-info\">\n <span class=\"game-status\">\u2615 In Development<\/span>\n <h3>Project Island Cozy<\/h3>\n <p>Petualangan membangun kebun impianmu, berteman dengan penduduk desa hewan, sambil memecahkan misteri.<\/p>\n <a href=\"#devlog\" class=\"btn btn-secondary\" style=\"padding: 10px; font-size: 0.85rem;\">Baca Devlog<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"devlog\" class=\"newsletter\">\n <div class=\"newsletter-box\">\n <h2>Jangan Ketinggalan Resep Terbaru!<\/h2>\n <p>Masukkan emailmu untuk mendapatkan kabar terbaru seputar pengembangan game kami langsung ke kotak masukmu!<\/p>\n <form action=\"#\" onsubmit=\"alert('Berhasil!'); return false;\">\n <div class=\"form-group\">\n <input type=\"email\" placeholder=\"Alamat emailmu...\" required>\n <button type=\"submit\" class=\"btn btn-primary\">\ud83d\udcec Berlangganan<\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"footer-content\">\n <a href=\"#\" class=\"logo\" style=\"color:white;\">\u2615 Lilwe Studio<\/a>\n <div class=\"social-links\">\n <a href=\"#\">Twitter\/X<\/a>\n <a href=\"#\">YouTube<\/a>\n <a href=\"#\">Discord<\/a>\n <\/div>\n <\/div>\n <div class=\"copyright-box\">\n <p>\u00a9 2026 Lilwe Game Studio. Diseduh dengan profesionalisme dan cinta.<\/p>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Lilwe Game Studio – Cozy Indie Hub V4 \u2615\ud83d\udc3e Lilwe Game Studio Beranda Tentang Menu Game Devlog Selamat Datang di Lilwe Game Studio! Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami. \ud83d\udd79\ufe0f Intip Game Terbaru \ud83d\udcac Gabung Discord \ud83d\udc31\u2615 [ Kucing Barista […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Landing Page - Lilwe Studio Game Dev<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lilwestudio.site\/?page_id=7\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Landing Page - Lilwe Studio Game Dev\" \/>\n<meta property=\"og:description\" content=\"Lilwe Game Studio – Cozy Indie Hub V4 \u2615\ud83d\udc3e Lilwe Game Studio Beranda Tentang Menu Game Devlog Selamat Datang di Lilwe Game Studio! Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami. \ud83d\udd79\ufe0f Intip Game Terbaru \ud83d\udcac Gabung Discord \ud83d\udc31\u2615 [ Kucing Barista […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lilwestudio.site\/?page_id=7\" \/>\n<meta property=\"og:site_name\" content=\"Lilwe Studio Game Dev\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-22T07:42:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7\",\"url\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7\",\"name\":\"Landing Page - Lilwe Studio Game Dev\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/#website\"},\"datePublished\":\"2026-05-22T07:12:18+00:00\",\"dateModified\":\"2026-05-22T07:42:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/?page_id=7#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lilwestudio.site\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landing Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lilwestudio.site\\\/#website\",\"url\":\"https:\\\/\\\/lilwestudio.site\\\/\",\"name\":\"Lilwe Studio Game Dev\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lilwestudio.site\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Landing Page - Lilwe Studio Game Dev","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lilwestudio.site\/?page_id=7","og_locale":"en_US","og_type":"article","og_title":"Landing Page - Lilwe Studio Game Dev","og_description":"Lilwe Game Studio – Cozy Indie Hub V4 \u2615\ud83d\udc3e Lilwe Game Studio Beranda Tentang Menu Game Devlog Selamat Datang di Lilwe Game Studio! Tempat di mana petualangan yang hangat dan santai diseduh setiap hari. Seduh kopimu, duduk santai, dan mari nikmati cerita bersama kami. \ud83d\udd79\ufe0f Intip Game Terbaru \ud83d\udcac Gabung Discord \ud83d\udc31\u2615 [ Kucing Barista […]","og_url":"https:\/\/lilwestudio.site\/?page_id=7","og_site_name":"Lilwe Studio Game Dev","article_modified_time":"2026-05-22T07:42:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lilwestudio.site\/?page_id=7","url":"https:\/\/lilwestudio.site\/?page_id=7","name":"Landing Page - Lilwe Studio Game Dev","isPartOf":{"@id":"https:\/\/lilwestudio.site\/#website"},"datePublished":"2026-05-22T07:12:18+00:00","dateModified":"2026-05-22T07:42:23+00:00","breadcrumb":{"@id":"https:\/\/lilwestudio.site\/?page_id=7#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lilwestudio.site\/?page_id=7"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lilwestudio.site\/?page_id=7#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lilwestudio.site\/"},{"@type":"ListItem","position":2,"name":"Landing Page"}]},{"@type":"WebSite","@id":"https:\/\/lilwestudio.site\/#website","url":"https:\/\/lilwestudio.site\/","name":"Lilwe Studio Game Dev","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lilwestudio.site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":8,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/lilwestudio.site\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/lilwestudio.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}