.elementor-210 .elementor-element.elementor-element-b8f6e7e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-210 .elementor-element.elementor-element-b8f6e7e{width:100%;max-width:100%;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Worksheet Calistun — Lembar Kerja Belajar Anak</title>
<meta name="description" content="Worksheet Calistung untuk membantu anak belajar membaca, menulis, dan berhitung dengan aktivitas edukatif yang menyenangkan.">
<meta name="theme-color" content="#125ca1">
</head>
<body style="margin:0;padding:0;">
<!-- PORTABLE ELEMENTOR BLOCK START -->
<style id="spg-styles">
#spg-root,#spg-root *{box-sizing:border-box}
#spg-root{width:100%;max-width:none;margin:0;padding:0;color:#172b4d;background:#fff;font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;text-align:left;isolation:isolate;overflow:hidden;--spg-blue:#125ca1;--spg-indigo:#4f46e5;--spg-purple:#7c3aed;--spg-ink:#172b4d;--spg-muted:#61718b;--spg-line:#e5edf7;--spg-soft:#f3f8ff;--spg-yellow:#ffcf58;--spg-green:#24a879}
#spg-root h1,#spg-root h2,#spg-root h3,#spg-root h4,#spg-root p,#spg-root ul,#spg-root ol{margin:0;padding:0}
#spg-root h1,#spg-root h2,#spg-root h3{font-weight:800;letter-spacing:-.035em;line-height:1.12;color:var(--spg-ink)}
#spg-root p{color:var(--spg-muted)}
#spg-root a{color:inherit;text-decoration:none}
#spg-root button,#spg-root a{font:inherit}
#spg-root img,#spg-root svg{max-width:100%}
#spg-root .spg-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}
#spg-root .spg-section{padding:88px 0;position:relative}
#spg-root .spg-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce9fa;background:#fff;border-radius:999px;padding:7px 13px;color:var(--spg-blue);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
#spg-root .spg-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#27b68a;box-shadow:0 0 0 4px #e4fbf1}
#spg-root .spg-gradient-text{background:linear-gradient(100deg,var(--spg-blue),var(--spg-indigo),var(--spg-purple));-webkit-background-clip:text;background-clip:text;color:transparent}
#spg-root .spg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;padding:15px 23px;background:linear-gradient(110deg,var(--spg-blue),var(--spg-indigo));color:#fff!important;font-weight:800;font-size:15px;box-shadow:0 12px 25px #3459bb30;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;text-align:center}
#spg-root .spg-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #3459bb40}
#spg-root .spg-btn-spg-light{background:#fff;color:var(--spg-blue)!important;border:1px solid #dce7f6;box-shadow:none}
#spg-root .spg-link-arrow{font-size:18px;line-height:1}
#spg-root .spg-header{position:sticky;top:0;z-index:50;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #eaf0f8}
#spg-root .spg-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#spg-root .spg-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;color:#17345b;font-size:20px;white-space:nowrap}
#spg-root .spg-brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#125ca1,#7c3aed);display:grid;place-items:center;color:#fff;box-shadow:0 6px 14px #125ca133}
#spg-root .spg-brand-mark svg{width:22px;height:22px}
#spg-root .spg-navlinks{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700;color:#52647f}
#spg-root .spg-navlinks a:hover{color:var(--spg-blue)}
#spg-root .spg-nav .spg-btn{padding:11px 17px;border-radius:11px;font-size:13px}
#spg-root .spg-hero{background:radial-gradient(ellipse at 80% 18%,#e8e9ff 0,transparent 36%),radial-gradient(ellipse at 9% 80%,#e5f5ff 0,transparent 35%),linear-gradient(180deg,#fbfdff,#f5f9ff);padding:70px 0 76px}
#spg-root .spg-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px}
#spg-root .spg-hero-copy h1{font-size:clamp(38px,4.7vw,64px);margin:22px 0 20px;max-width:650px}
#spg-root .spg-hero-copy>p{font-size:18px;max-width:590px;line-height:1.75}
#spg-root .spg-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}
#spg-root .spg-mini-proof{display:flex;align-items:center;gap:11px;margin-top:25px;color:#61718b;font-size:13px;font-weight:600}
#spg-root .spg-proof-icons{display:flex}
#spg-root .spg-proof-icons span{width:28px;height:28px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#dff5ff;margin-left:-6px;font-size:13px}
#spg-root .spg-proof-icons span:first-child{margin-left:0;background:#fff0cf}
#spg-root .spg-hero-art{min-height:460px;position:relative;display:grid;place-items:center}
#spg-root .spg-art-orbit{position:absolute;width:min(100%,480px);aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#dcecff,#f1eaff);border:1px solid #fff;box-shadow:inset 0 0 50px #fff9}
#spg-root .spg-art-dot{position:absolute;border-radius:50%;background:#ffce59;box-shadow:0 8px 18px #e6b74355}
#spg-root .spg-art-dot-a{width:22px;height:22px;right:7%;top:16%}
#spg-root .spg-art-dot-b{width:13px;height:13px;left:8%;bottom:20%;background:#48c5a0}
#spg-root .spg-art-star{position:absolute;right:10%;bottom:18%;font-size:32px;color:#7c3aed;transform:rotate(12deg)}
#spg-root .spg-sheet{position:absolute;background:#fff;border:1px solid #e3eaf4;border-radius:18px;box-shadow:0 25px 55px #183d7020}
#spg-root .spg-sheet-main{width:67%;max-width:310px;padding:20px;transform:rotate(-4deg);z-index:2}
#spg-root .spg-sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
#spg-root .spg-sheet-label{font-size:10px;font-weight:900;color:#6d52d9;letter-spacing:.12em}
#spg-root .spg-sheet-number{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#fff0c5;color:#a36a00;font-size:12px;font-weight:900}
#spg-root .spg-sheet h3{font-size:24px;margin-bottom:5px;color:#125ca1}
#spg-root .spg-sheet-sub{font-size:11px;color:#8a97aa;margin-bottom:17px}
#spg-root .spg-letter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}
#spg-root .spg-letter{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;background:#eff7ff;color:#125ca1;font-size:22px;font-weight:900;border:1px solid #dcecff}
#spg-root .spg-letter:nth-child(2),#spg-root .spg-letter:nth-child(6){background:#fff3d7;color:#c77a12;border-color:#ffe6ac}
#spg-root .spg-letter:nth-child(3),#spg-root .spg-letter:nth-child(7){background:#f0eaff;color:#7c3aed;border-color:#e3d6ff}
#spg-root .spg-writing-line{height:26px;border-bottom:1.5px dashed #c6d4e7;margin-bottom:4px;color:#b3bfd0;font-size:12px;letter-spacing:5px}
#spg-root .spg-sheet-footer{display:flex;justify-content:space-between;margin-top:13px;color:#a1adbd;font-size:9px}
#spg-root .spg-sheet-back{width:55%;max-width:260px;padding:17px;right:0;top:10%;transform:rotate(8deg);z-index:1}
#spg-root .spg-sheet-back h3{font-size:18px;color:#7c3aed;margin-bottom:12px}
#spg-root .spg-count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#spg-root .spg-count-cell{background:#f7f9fd;border:1px solid #edf1f8;border-radius:10px;padding:9px 4px;text-align:center;font-size:22px}
#spg-root .spg-count-cell small{display:block;font-size:9px;color:#8190a7;margin-top:3px}
#spg-root .spg-float-tag{position:absolute;z-index:4;background:#fff;border:1px solid #e6edf7;box-shadow:0 12px 30px #24456f1a;border-radius:14px;padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#334d70}
#spg-root .spg-float-tag span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#e3f8ef;font-size:16px}
#spg-root .spg-float-one{left:0;top:22%}
#spg-root .spg-float-two{right:0;bottom:13%}
#spg-root .spg-float-two span{background:#fff1d2}
#spg-root .spg-section-heading{text-align:center;max-width:760px;margin:0 auto 45px}
#spg-root .spg-section-heading h2{font-size:clamp(30px,3.4vw,45px);margin:16px 0}
#spg-root .spg-section-heading p{font-size:16px;max-width:650px;margin:0 auto;line-height:1.75}
#spg-root .spg-pain{background:#fff}
#spg-root .spg-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#spg-root .spg-pain-item{padding:25px 24px;border:1px solid var(--spg-line);border-radius:18px;background:#fff;display:flex;gap:15px;align-items:flex-start}
#spg-root .spg-icon-box{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#fff0e8;display:grid;place-items:center;font-size:22px}
#spg-root .spg-pain-item:nth-child(2) .spg-icon-box{background:#fff5d8}
#spg-root .spg-pain-item:nth-child(3) .spg-icon-box{background:#f0eaff}
#spg-root .spg-pain-item h3{font-size:17px;margin:2px 0 8px;letter-spacing:-.02em}
#spg-root .spg-pain-item p{font-size:14px;line-height:1.7}
#spg-root .spg-solution{background:linear-gradient(120deg,#105b9e,#3c4fce 60%,#7350cf);color:#fff}
#spg-root .spg-solution-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}
#spg-root .spg-solution h2{font-size:clamp(30px,3.5vw,46px);color:#fff;margin:18px 0}
#spg-root .spg-solution p{color:#e2ebff;line-height:1.8}
#spg-root .spg-solution .spg-eyebrow{color:#fff;background:#ffffff16;border-color:#ffffff40}
#spg-root .spg-solution-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#spg-root .spg-solution-card{padding:19px;background:#ffffff12;border:1px solid #ffffff30;border-radius:16px;backdrop-filter:blur(8px)}
#spg-root .spg-solution-card strong{display:block;font-size:15px;color:#fff;margin:10px 0 5px}
#spg-root .spg-solution-card p{font-size:13px;line-height:1.65}
#spg-root .spg-solution-card .spg-em{font-size:25px}
#spg-root .spg-product{background:#f7faff}
#spg-root .spg-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#spg-root .spg-product-item{background:#fff;border:1px solid #e5edf7;border-radius:20px;padding:26px;display:flex;gap:17px}
#spg-root .spg-product-item .spg-product-emoji{width:53px;height:53px;flex:0 0 53px;border-radius:16px;display:grid;place-items:center;background:#e8f3ff;font-size:25px}
#spg-root .spg-product-item:nth-child(2) .spg-product-emoji{background:#fff2d8}
#spg-root .spg-product-item:nth-child(3) .spg-product-emoji{background:#f0eaff}
#spg-root .spg-product-item:nth-child(4) .spg-product-emoji{background:#e4f8ef}
#spg-root .spg-product-item h3{font-size:18px;margin:2px 0 8px}
#spg-root .spg-product-item p{font-size:14px;line-height:1.7}
#spg-root .spg-product-note{margin-top:22px;padding:17px 20px;background:#eaf4ff;border-radius:14px;color:#315d90;font-size:14px}
#spg-root .spg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:spg-step}
#spg-root .spg-step{position:relative;padding:24px 20px;border:1px solid #e5edf7;border-radius:18px;background:#fff}
#spg-root .spg-step-num{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#e9f2ff;color:#125ca1;font-weight:900;margin-bottom:18px}
#spg-root .spg-step h3{font-size:17px;margin-bottom:9px}
#spg-root .spg-step p{font-size:14px;line-height:1.7}
#spg-root .spg-benefits{background:#f5f8ff}
#spg-root .spg-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;max-width:950px;margin-inline:auto}
#spg-root .spg-benefit{display:flex;gap:13px;align-items:flex-start;padding:13px 0}
#spg-root .spg-check{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;background:#ddf8ec;color:#07845a;border-radius:50%;font-weight:900;font-size:14px}
#spg-root .spg-benefit strong{display:block;color:#213b5d;font-size:16px;margin-bottom:3px}
#spg-root .spg-benefit p{font-size:14px;line-height:1.65}
#spg-root .spg-preview{background:#fff}
#spg-root .spg-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
#spg-root .spg-preview-copy h2{font-size:clamp(30px,3.4vw,43px);margin:17px 0}
#spg-root .spg-preview-copy p{line-height:1.8}
#spg-root .spg-preview-points{display:grid;gap:12px;margin-top:22px}
#spg-root .spg-preview-point{display:flex;gap:10px;align-items:center;color:#405774;font-weight:700;font-size:14px}
#spg-root .spg-preview-point span{color:#24a879;font-size:18px}
#spg-root .spg-preview-frame{border-radius:25px;padding:20px;background:linear-gradient(135deg,#edf6ff,#f2edff);border:1px solid #e1e9f7}
#spg-root .spg-preview-window{background:#fff;border:1px solid #e3eaf4;border-radius:17px;overflow:hidden;box-shadow:0 18px 45px #24456f15}
#spg-root .spg-window-bar{height:43px;background:#f9fbff;border-bottom:1px solid #e8edf6;display:flex;align-items:center;gap:6px;padding:0 15px}
#spg-root .spg-window-bar i{width:8px;height:8px;border-radius:50%;background:#ff7b73}
#spg-root .spg-window-bar i:nth-child(2){background:#ffcb58}
#spg-root .spg-window-bar i:nth-child(3){background:#46c88b}
#spg-root .spg-window-content{padding:22px}
#spg-root .spg-preview-title{font-size:12px;font-weight:900;color:#125ca1;letter-spacing:.1em}
#spg-root .spg-preview-worksheet{margin-top:15px;border:2px solid #dcecff;border-radius:12px;padding:16px;background:#fff}
#spg-root .spg-preview-worksheet h3{font-size:20px;color:#125ca1;margin-bottom:6px}
#spg-root .spg-preview-worksheet p{font-size:11px;margin-bottom:13px}
#spg-root .spg-preview-pictures{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#spg-root .spg-preview-pic{border:1px dashed #c9d8ec;border-radius:10px;min-height:75px;display:grid;place-items:center;background:#f9fbff;font-size:27px}
#spg-root .spg-preview-pic small{display:block;font-size:9px;color:#71839d}
#spg-root .spg-preview-lines{margin-top:15px;display:grid;gap:10px}
#spg-root .spg-preview-lines i{height:1px;background:#d4dfed;display:block}
#spg-root .spg-usp{background:#f6f8ff}
#spg-root .spg-usp-banner{border-radius:25px;padding:42px;background:#fff;border:1px solid #e5eafa;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
#spg-root .spg-usp-banner h2{font-size:clamp(29px,3.2vw,42px);margin:15px 0}
#spg-root .spg-usp-banner p{line-height:1.8}
#spg-root .spg-usp-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#spg-root .spg-usp-stat{border-radius:16px;padding:20px;background:#f3f8ff;border:1px solid #e3eefc}
#spg-root .spg-usp-stat:nth-child(2){background:#f5f0ff;border-color:#e9ddff}
#spg-root .spg-usp-stat:nth-child(3){background:#fff8e7;border-color:#ffedc4}
#spg-root .spg-usp-stat:nth-child(4){background:#eafaf3;border-color:#d5f5e6}
#spg-root .spg-usp-stat span{font-size:24px}
#spg-root .spg-usp-stat strong{display:block;margin-top:8px;font-size:14px;color:#263f60}
#spg-root .spg-usp-stat small{display:block;margin-top:4px;color:#70819a;font-size:12px}
#spg-root .spg-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#spg-root .spg-compare-col{border:1px solid #e3eaf4;border-radius:20px;overflow:hidden}
#spg-root .spg-compare-head{padding:20px 24px;background:#f2f5fa;font-weight:900;color:#60718a}
#spg-root .spg-compare-col:last-child .spg-compare-head{background:#e8f3ff;color:#125ca1}
#spg-root .spg-compare-list{padding:22px 24px;display:grid;gap:16px}
#spg-root .spg-compare-line{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:#50627c}
#spg-root .spg-compare-line span{font-weight:900;color:#a3afc0}
#spg-root .spg-compare-col:last-child .spg-compare-line span{color:#20a477}
#spg-root .spg-audience{background:#f7faff}
#spg-root .spg-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#spg-root .spg-audience-card{padding:27px;border-radius:20px;background:#fff;border:1px solid #e3ebf7}
#spg-root .spg-audience-card h3{font-size:20px;margin-bottom:17px}
#spg-root .spg-audience-card ul{list-style:none;display:grid;gap:13px}
#spg-root .spg-audience-card li{display:flex;gap:10px;color:#526680;font-size:14px;line-height:1.65}
#spg-root .spg-audience-card li:before{content:"✓";color:#1ca578;font-weight:900}
#spg-root .spg-audience-card.spg-not-fit li:before{content:"—";color:#9ba8ba}
#spg-root .spg-audience-card.spg-not-fit{background:#fbfcfe}
#spg-root .spg-testimonials{background:#fff}
#spg-root .spg-draft-note{max-width:760px;margin:-25px auto 30px;padding:12px 15px;border-radius:12px;background:#fff8e7;border:1px solid #ffebbc;color:#87631a;font-size:12px;text-align:center}
#spg-root .spg-quote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
#spg-root .spg-quote{padding:21px;border:1px solid #e5edf7;border-radius:17px;background:#fff}
#spg-root .spg-quote-stars{color:#f2b738;letter-spacing:2px;font-size:13px;margin-bottom:12px}
#spg-root .spg-quote p{font-size:13px;line-height:1.75;color:#52647d}
#spg-root .spg-quote strong{display:block;margin-top:16px;color:#304766;font-size:13px}
#spg-root .spg-quote small{color:#8997aa;font-size:11px}
#spg-root .spg-pricing{background:radial-gradient(ellipse at 50% 0,#e8edff 0,transparent 48%),#f6f8ff}
#spg-root .spg-price-wrap{max-width:520px;margin:0 auto}
#spg-root .spg-price-card{border:1px solid #dbe5f4;border-radius:25px;background:#fff;padding:32px;box-shadow:0 22px 60px #254d8b14;position:relative;overflow:hidden}
#spg-root .spg-price-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#125ca1,#4f46e5,#7c3aed)}
#spg-root .spg-price-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid #edf1f7}
#spg-root .spg-price-top h3{font-size:23px}
#spg-root .spg-price-pill{background:#eaf8f2;color:#16835f;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:900}
#spg-root .spg-price-label{font-size:13px;color:#7888a0;margin-top:22px}
#spg-root .spg-price{font-size:48px;line-height:1.1;font-weight:900;letter-spacing:-.05em;color:#173b6a;margin-top:5px}
#spg-root .spg-price-sub{font-size:13px;color:#77869c;margin-top:8px}
#spg-root .spg-price-includes{margin:24px 0;display:grid;gap:13px;list-style:none}
#spg-root .spg-price-includes li{display:flex;gap:10px;font-size:14px;color:#405773;align-items:flex-start}
#spg-root .spg-price-includes li:before{content:"✓";font-weight:900;color:#1ca578}
#spg-root .spg-price-card .spg-btn{width:100%;padding:17px}
#spg-root .spg-price-foot{text-align:center;font-size:11px;color:#8593a7;margin-top:13px}
#spg-root .spg-purchase{padding:30px 0;background:#fff}
#spg-root .spg-purchase-inner{padding:32px;border-radius:22px;background:linear-gradient(110deg,#125ca1,#4f46e5);display:flex;justify-content:space-between;align-items:center;gap:25px;color:#fff}
#spg-root .spg-purchase-inner h2{font-size:clamp(25px,3vw,36px);color:#fff;margin-bottom:9px}
#spg-root .spg-purchase-inner p{color:#e1eaff;font-size:14px}
#spg-root .spg-purchase-inner .spg-btn{background:#fff;color:#125ca1!important;box-shadow:none;white-space:nowrap}
#spg-root .spg-faq{background:#f7faff}
#spg-root .spg-faq-list{max-width:850px;margin:0 auto;display:grid;gap:12px}
#spg-root .spg-faq-item{border:1px solid #e1e9f4;background:#fff;border-radius:15px;overflow:hidden}
#spg-root .spg-faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:19px 22px;background:#fff;border:0;text-align:left;color:#203b5e;font-weight:800;font-size:15px;cursor:pointer}
#spg-root .spg-faq-q span:last-child{font-size:22px;color:#5d72a3;transition:transform .2s}
#spg-root .spg-faq-a{padding:0 22px 20px;color:#60718a;font-size:14px;line-height:1.8}
#spg-root .spg-faq-a[hidden]{display:none}
#spg-root .spg-faq-q[aria-expanded="true"] span:last-child{transform:rotate(45deg)}
#spg-root .spg-closing{padding:78px 0;background:linear-gradient(135deg,#f1f7ff,#f5f0ff)}
#spg-root .spg-closing-box{text-align:center;max-width:790px;margin:0 auto}
#spg-root .spg-closing-box h2{font-size:clamp(32px,4vw,48px);margin:17px 0}
#spg-root .spg-closing-box p{font-size:16px;line-height:1.8;max-width:650px;margin:0 auto}
#spg-root .spg-closing-box .spg-btn{margin-top:25px}
#spg-root .spg-disclaimer{padding:20px 0;background:#fff;border-top:1px solid #edf1f7}
#spg-root .spg-disclaimer p{font-size:11px;line-height:1.7;text-align:center;max-width:900px;margin:0 auto;color:#8996a8}
#spg-root .spg-footer{padding:23px 0 95px;background:#f8faff;border-top:1px solid #edf1f7}
#spg-root .spg-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}
#spg-root .spg-footer p{font-size:12px}
#spg-root .spg-sticky-cta{position:fixed;z-index:9999;bottom:12px;left:50%;transform:translateX(-50%);width:min(92%,420px);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 11px 10px 17px;border:1px solid #dfe8f6;border-radius:17px;background:#fffffff2;box-shadow:0 12px 40px #1b3b6b25;backdrop-filter:blur(15px);transition:opacity .2s,transform .2s}
#spg-root .spg-sticky-cta .spg-sticky-price{font-size:12px;color:#71819a;line-height:1.3}
#spg-root .spg-sticky-cta strong{display:block;color:#183a66;font-size:17px}
#spg-root .spg-sticky-cta .spg-btn{padding:12px 16px;font-size:13px;border-radius:11px;white-space:nowrap}
#spg-root .spg-sticky-cta.spg-is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
@media(max-width:900px){
#spg-root .spg-navlinks{gap:14px}#spg-root .spg-navlinks a:nth-child(2),#spg-root .spg-navlinks a:nth-child(3){display:none}
#spg-root .spg-hero-grid{grid-template-columns:1fr;gap:25px}#spg-root .spg-hero-copy{text-align:center}#spg-root .spg-hero-copy h1,#spg-root .spg-hero-copy>p{margin-inline:auto}#spg-root .spg-hero-actions,#spg-root .spg-mini-proof{justify-content:center}#spg-root .spg-hero-art{min-height:420px}
#spg-root .spg-pain-grid{grid-template-columns:1fr 1fr}#spg-root .spg-solution-grid{grid-template-columns:1fr;gap:30px}#spg-root .spg-solution-copy{text-align:center;max-width:700px;margin:auto}
#spg-root .spg-steps{grid-template-columns:1fr 1fr}#spg-root .spg-quote-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
#spg-root .spg-section{padding:62px 0}#spg-root .spg-nav{min-height:66px;gap:10px}#spg-root .spg-brand{font-size:16px}#spg-root .spg-brand-mark{width:33px;height:33px}#spg-root .spg-navlinks{display:none}#spg-root .spg-nav .spg-btn{padding:10px 12px;font-size:12px}
#spg-root .spg-hero{padding:48px 0 42px}#spg-root .spg-hero-copy h1{font-size:clamp(36px,10vw,48px)}#spg-root .spg-hero-copy>p{font-size:16px}#spg-root .spg-hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:330px;margin:24px auto 0}#spg-root .spg-hero-actions .spg-btn{width:100%}#spg-root .spg-mini-proof{font-size:11px}#spg-root .spg-hero-art{min-height:340px;margin:0 -5px}#spg-root .spg-art-orbit{width:88%}#spg-root .spg-sheet-main{width:65%;padding:14px;border-radius:14px}#spg-root .spg-sheet-back{width:53%;padding:12px;top:8%}#spg-root .spg-sheet h3{font-size:19px}#spg-root .spg-letter{font-size:17px;border-radius:7px}#spg-root .spg-writing-line{height:20px}#spg-root .spg-float-tag{padding:8px 10px;font-size:10px}#spg-root .spg-float-tag span{width:25px;height:25px}#spg-root .spg-float-one{left:-2%;top:23%}#spg-root .spg-float-two{right:-2%;bottom:9%}
#spg-root .spg-section-heading{margin-bottom:30px}#spg-root .spg-section-heading h2{font-size:31px}#spg-root .spg-section-heading p{font-size:14px}
#spg-root .spg-pain-grid,#spg-root .spg-product-grid,#spg-root .spg-solution-list,#spg-root .spg-benefit-grid,#spg-root .spg-preview-grid,#spg-root .spg-usp-banner,#spg-root .spg-compare,#spg-root .spg-audience-grid{grid-template-columns:1fr}
#spg-root .spg-pain-item{padding:19px}#spg-root .spg-solution-list{gap:10px}#spg-root .spg-product-item{padding:20px;gap:13px}#spg-root .spg-product-item .spg-product-emoji{width:45px;height:45px;flex-basis:45px}
#spg-root .spg-steps{grid-template-columns:1fr 1fr;gap:10px}#spg-root .spg-step{padding:17px 14px}#spg-root .spg-step h3{font-size:15px}#spg-root .spg-step p{font-size:12px}
#spg-root .spg-preview-frame{padding:12px}#spg-root .spg-window-content{padding:13px}#spg-root .spg-preview-worksheet{padding:11px}#spg-root .spg-preview-pic{font-size:21px;min-height:62px}
#spg-root .spg-usp-banner{padding:25px;gap:25px}#spg-root .spg-usp-stats{gap:9px}#spg-root .spg-usp-stat{padding:15px}
#spg-root .spg-quote-grid{grid-template-columns:1fr 1fr;gap:10px}#spg-root .spg-quote{padding:15px}#spg-root .spg-quote p{font-size:12px}
#spg-root .spg-price-card{padding:25px 20px}#spg-root .spg-price{font-size:43px}#spg-root .spg-purchase-inner{display:block;padding:25px 22px;text-align:center}#spg-root .spg-purchase-inner .spg-btn{margin-top:18px;width:100%}
#spg-root .spg-faq-q{padding:17px;font-size:14px}#spg-root .spg-faq-a{padding:0 17px 17px;font-size:13px}
#spg-root .spg-closing{padding:60px 0}#spg-root .spg-closing-box h2{font-size:34px}#spg-root .spg-footer-inner{flex-direction:column;text-align:center}
#spg-root .spg-sticky-cta{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 24px)}#spg-root .spg-sticky-cta .spg-btn{padding:11px 13px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#spg-root *,#spg-root *:before,#spg-root *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
<\/style>
<div id="spg-root">
<header class="spg-header">
  <div class="spg-container spg-nav">
    <a class="spg-brand" href="#spg-home" aria-label="Worksheet Calistun beranda">
      <span class="spg-brand-mark"><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 4.5h10.5A2.5 2.5 0 0 1 18 7v12H7a2 2 0 0 1-2-2V4.5Z" stroke="currentColor" stroke-width="1.8"/><path d="M8 9h7M8 12h7M8 15h4M18 8.5l1.5 1.5L22 7.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
      <span>Worksheet <span class="spg-gradient-text">Calistun</span></span>
    </a>
    <nav class="spg-navlinks" aria-label="Navigasi utama">
      <a href="#spg-detail">Isi Produk</a><a href="#spg-benefits">Manfaat</a><a href="#spg-faq">FAQ</a>
    </nav>
    <a class="spg-btn" href="#spg-pricing">Lihat Paket <span class="spg-link-arrow">↗</span></a>
  </div>
</header>

<main id="spg-home">
<section class="spg-hero">
  <div class="spg-container spg-hero-grid">
    <div class="spg-hero-copy">
      <span class="spg-eyebrow">Belajar jadi lebih menyenangkan</span>
      <h1>Belajar Calistung Lebih Seru, <span class="spg-gradient-text">Selangkah Demi Selangkah.</span></h1>
      <p>Bantu anak mengenal huruf, mulai menulis, dan memahami angka lewat worksheet edukatif yang menarik dan mudah digunakan di rumah maupun di kelas.</p>
      <div class="spg-hero-actions">
        <a class="spg-btn" href="#spg-pricing">Dapatkan Worksheet <span class="spg-link-arrow">→</span></a>
        <a class="spg-btn spg-btn-spg-light" href="#spg-detail">Lihat Isi Produk</a>
      </div>
      <div class="spg-mini-proof"><div class="spg-proof-icons"><span>✏️</span><span>🔤</span><span>🔢</span></div><span>Aktivitas membaca, menulis, dan berhitung dalam satu paket</span></div>
    </div>
    <div class="spg-hero-art" aria-label="Ilustrasi worksheet belajar membaca dan berhitung">
      <div class="spg-art-orbit"></div><span class="spg-art-dot spg-art-dot-a"></span><span class="spg-art-dot spg-art-dot-b"></span><span class="spg-art-star">✦</span>
      <div class="spg-sheet spg-sheet-back"><div class="spg-sheet-label">LATIHAN BERHITUNG</div><h3>Ayo Hitung!</h3><div class="spg-count-grid"><div class="spg-count-cell">🍎🍎<small>2 apel</small></div><div class="spg-count-cell">⭐ ⭐ ⭐<small>3 bintang</small></div><div class="spg-count-cell">🐟<small>1 ikan</small></div><div class="spg-count-cell">🌼🌼🌼🌼<small>4 bunga</small></div><div class="spg-count-cell">🦋🦋<small>2 kupu-kupu</small></div><div class="spg-count-cell">☀️<small>1 matahari</small></div></div></div>
      <div class="spg-sheet spg-sheet-main"><div class="spg-sheet-top"><span class="spg-sheet-label">WORKSHEET CALISTUNG</span><span class="spg-sheet-number">01</span></div><h3>Ayo Kenal Huruf!</h3><div class="spg-sheet-sub">Lingkari huruf yang kamu kenal.</div><div class="spg-letter-row"><div class="spg-letter">A</div><div class="spg-letter">B</div><div class="spg-letter">C</div><div class="spg-letter">D</div><div class="spg-letter">a</div><div class="spg-letter">b</div><div class="spg-letter">c</div><div class="spg-letter">d</div></div><div class="spg-sheet-label">LATIHAN MENULIS</div><div class="spg-writing-line">A A A</div><div class="spg-writing-line">B B B</div><div class="spg-sheet-footer"><span>Nama: __________</span><span>Tanggal: ______</span></div></div>
      <div class="spg-float-tag spg-float-one"><span>🔤</span>Kenal huruf</div><div class="spg-float-tag spg-float-two"><span>🌟</span>Belajar sambil bermain</div>
    </div>
  </div>
</section>

<section class="spg-section spg-pain">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Pernah mengalaminya?</span><h2>Ingin Anak Belajar, Tapi <span class="spg-gradient-text">Mudah Kehilangan Fokus?</span></h2><p>Di usia dini, kegiatan belajar perlu terasa ringan, menarik, dan sesuai tahap perkembangan anak.</p></div>
    <div class="spg-pain-grid">
      <article class="spg-pain-item"><div class="spg-icon-box">😵‍💫</div><div><h3>Anak Cepat Bosan</h3><p>Latihan yang monoton bisa membuat anak kurang tertarik untuk mencoba lagi.</p></div></article>
      <article class="spg-pain-item"><div class="spg-icon-box">📄</div><div><h3>Bingung Menyiapkan Materi</h3><p>Orang tua dan guru membutuhkan aktivitas siap pakai tanpa harus menyusun semuanya dari awal.</p></div></article>
      <article class="spg-pain-item"><div class="spg-icon-box">🧩</div><div><h3>Butuh Latihan Bertahap</h3><p>Anak perlu kesempatan berlatih mengenal huruf, menulis, dan memahami angka dengan cara sederhana.</p></div></article>
    </div>
  </div>
</section>

<section class="spg-section spg-solution">
  <div class="spg-container spg-solution-grid">
    <div class="spg-solution-copy"><span class="spg-eyebrow">Kenalkan cara belajar baru</span><h2>Jadikan Waktu Belajar Lebih Terarah dan Menyenangkan</h2><p>Worksheet Calistung menyediakan lembar aktivitas untuk mendampingi anak berlatih kemampuan dasar. Anda bisa memilih latihan sesuai kebutuhan dan menggunakannya sebagai bagian dari rutinitas belajar.</p></div>
    <div class="spg-solution-list">
      <div class="spg-solution-card"><span class="spg-em">🔤</span><strong>Mengenal Huruf</strong><p>Mulai dari alfabet hingga latihan membaca sederhana.</p></div>
      <div class="spg-solution-card"><span class="spg-em">✍️</span><strong>Berlatih Menulis</strong><p>Menebalkan huruf, menyalin kata, dan melatih gerakan tangan.</p></div>
      <div class="spg-solution-card"><span class="spg-em">🔢</span><strong>Memahami Angka</strong><p>Menghitung benda dan mengenal konsep bilangan dasar.</p></div>
      <div class="spg-solution-card"><span class="spg-em">🎨</span><strong>Aktivitas Variatif</strong><p>Mencocokkan gambar, menarik garis, dan mengenali pola.</p></div>
    </div>
  </div>
</section>

<section class="spg-section spg-product" id="spg-detail">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Kenali isi paket</span><h2>Satu Paket untuk <span class="spg-gradient-text">Beragam Aktivitas Calistung</span></h2><p>Materi dirancang sebagai pendamping latihan dasar untuk anak usia dini. Pilih aktivitas yang sesuai, lalu dampingi anak saat mengerjakannya.</p></div>
    <div class="spg-product-grid">
      <article class="spg-product-item"><div class="spg-product-emoji">📖</div><div><h3>Worksheet Belajar Membaca</h3><p>Lembar latihan mengenal huruf, membaca suku kata, dan kata sederhana.</p></div></article>
      <article class="spg-product-item"><div class="spg-product-emoji">✏️</div><div><h3>Worksheet Belajar Menulis</h3><p>Latihan menebalkan huruf, menulis alfabet, dan menyalin kata.</p></div></article>
      <article class="spg-product-item"><div class="spg-product-emoji">🔢</div><div><h3>Worksheet Belajar Berhitung</h3><p>Latihan mengenal angka, menghitung benda, dan memahami bilangan dasar.</p></div></article>
      <article class="spg-product-item"><div class="spg-product-emoji">🧠</div><div><h3>Aktivitas Edukatif Anak</h3><p>Aktivitas mengenal huruf A–Z dan angka, mencocokkan gambar, menarik garis, serta mengenali pola.</p></div></article>
    </div>
    <div class="spg-product-note"><strong>Format & penggunaan:</strong> worksheet/lembar kerja edukatif. Gunakan sebagai bahan latihan bersama orang tua, guru PAUD/TK, tutor, atau pendidik homeschooling. Detail format file dan cara pengiriman mengikuti informasi pada halaman pemesanan.</div>
  </div>
</section>

<section class="spg-section">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Mudah dimulai</span><h2>Cara Menggunakan Worksheet</h2><p>Jadikan worksheet sebagai kegiatan singkat yang rutin dan menyenangkan, bukan beban untuk anak.</p></div>
    <div class="spg-steps">
      <article class="spg-step"><div class="spg-step-num">01</div><h3>Pilih Aktivitas</h3><p>Mulai dari latihan yang sesuai dengan kemampuan dan minat anak.</p></article>
      <article class="spg-step"><div class="spg-step-num">02</div><h3>Siapkan Alat Tulis</h3><p>Sediakan pensil, krayon, atau alat bantu sederhana sesuai aktivitas.</p></article>
      <article class="spg-step"><div class="spg-step-num">03</div><h3>Dampingi dengan Santai</h3><p>Beri contoh bila diperlukan dan biarkan anak mencoba dengan ritmenya.</p></article>
      <article class="spg-step"><div class="spg-step-num">04</div><h3>Apresiasi Usahanya</h3><p>Hargai proses belajar dan ulangi latihan sesuai kebutuhan anak.</p></article>
    </div>
  </div>
</section>

<section class="spg-section spg-benefits" id="spg-benefits">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Manfaat untuk kegiatan belajar</span><h2>Lebih Praktis untuk Anda, <span class="spg-gradient-text">Lebih Menarik untuk Anak</span></h2><p>Gunakan worksheet sebagai salah satu cara untuk membuat aktivitas belajar dasar lebih terarah.</p></div>
    <div class="spg-benefit-grid">
      <div class="spg-benefit"><span class="spg-check">✓</span><div><strong>Mendukung belajar calistung sejak dini</strong><p>Menyediakan latihan membaca, menulis, dan berhitung dasar.</p></div></div>
      <div class="spg-benefit"><span class="spg-check">✓</span><div><strong>Desain menarik dan ramah anak</strong><p>Aktivitas visual membantu membuat sesi belajar terasa lebih menyenangkan.</p></div></div>
      <div class="spg-benefit"><span class="spg-check">✓</span><div><strong>Melatih fokus dan motorik halus</strong><p>Kegiatan menebalkan, menulis, mencocokkan, dan menarik garis memberi kesempatan untuk berlatih.</p></div></div>
      <div class="spg-benefit"><span class="spg-check">✓</span><div><strong>Mendukung kemampuan berpikir</strong><p>Latihan pola, angka, dan hubungan gambar memberi stimulasi untuk berpikir.</p></div></div>
      <div class="spg-benefit"><span class="spg-check">✓</span><div><strong>Cocok untuk rumah maupun sekolah</strong><p>Dapat dipakai orang tua, guru PAUD/TK, tutor, dan pendidik homeschooling.</p></div></div>
      <div class="spg-benefit"><span class="spg-check">✓</span><div><strong>Membantu kegiatan lebih terarah</strong><p>Anda bisa memilih latihan berdasarkan keterampilan yang ingin dilatih hari itu.</p></div></div>
    </div>
  </div>
</section>

<section class="spg-section spg-preview">
  <div class="spg-container spg-preview-grid">
    <div class="spg-preview-copy"><span class="spg-eyebrow">Lihat gambaran aktivitas</span><h2>Belajar Lewat Lembar Kerja yang <span class="spg-gradient-text">Mudah Dipahami</span></h2><p>Contoh visual di samping merupakan ilustrasi tampilan aktivitas worksheet. Gunakan sebagai gambaran jenis latihan yang dapat dilakukan anak, mulai dari mengenal huruf sampai menghitung benda.</p><div class="spg-preview-points"><div class="spg-preview-point"><span>✓</span>Aktivitas sederhana dan terarah</div><div class="spg-preview-point"><span>✓</span>Ragam latihan dalam satu paket</div><div class="spg-preview-point"><span>✓</span>Dapat didampingi orang tua atau guru</div></div></div>
    <div class="spg-preview-frame"><div class="spg-preview-window"><div class="spg-window-bar"><i></i><i></i><i></i></div><div class="spg-window-content"><div class="spg-preview-title">WORKSHEET CALISTUNG · CONTOH ILUSTRASI</div><div class="spg-preview-worksheet"><h3>Yuk, Hitung Bersama!</h3><p>Hitung gambar di bawah ini, lalu sebutkan jumlahnya.</p><div class="spg-preview-pictures"><div class="spg-preview-pic">🍎<small>apel</small></div><div class="spg-preview-pic">🦋<small>kupu-kupu</small></div><div class="spg-preview-pic">⭐<small>bintang</small></div></div><div class="spg-preview-lines"><i></i><i></i><i></i></div></div></div></div></div>
  </div>
</section>

<section class="spg-section spg-usp">
  <div class="spg-container">
    <div class="spg-usp-banner"><div><span class="spg-eyebrow">Kenapa worksheet ini?</span><h2>Materi Praktis untuk Menemani <span class="spg-gradient-text">Proses Belajar Anak</span></h2><p>Tak perlu menjadikan setiap sesi belajar rumit. Mulai dari satu aktivitas, dampingi anak, lalu lanjutkan sesuai kesiapan dan kebutuhan mereka.</p></div><div class="spg-usp-stats"><div class="spg-usp-stat"><span>🔤</span><strong>Membaca</strong><small>Huruf, suku kata, kata sederhana</small></div><div class="spg-usp-stat"><span>✍️</span><strong>Menulis</strong><small>Menebalkan dan menyalin</small></div><div class="spg-usp-stat"><span>🔢</span><strong>Berhitung</strong><small>Angka dan bilangan dasar</small></div><div class="spg-usp-stat"><span>🧩</span><strong>Aktivitas Edukatif</strong><small>Gambar, garis, dan pola</small></div></div></div>
  </div>
</section>

<section class="spg-section">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Bandingkan pendekatannya</span><h2>Latihan Lebih Terarah, Tanpa Harus Menyiapkan Semuanya dari Nol</h2><p>Worksheet membantu memudahkan persiapan kegiatan, sementara pendampingan Anda tetap menjadi bagian penting dalam proses belajar anak.</p></div>
    <div class="spg-compare">
      <div class="spg-compare-col"><div class="spg-compare-head">Cara biasa</div><div class="spg-compare-list"><div class="spg-compare-line"><span>—</span><div>Perlu mencari atau menyusun aktivitas satu per satu.</div></div><div class="spg-compare-line"><span>—</span><div>Materi latihan bisa terasa kurang bervariasi.</div></div><div class="spg-compare-line"><span>—</span><div>Persiapan kegiatan membutuhkan waktu tambahan.</div></div><div class="spg-compare-line"><span>—</span><div>Perlu merencanakan latihan untuk tiap keterampilan.</div></div></div></div>
      <div class="spg-compare-col"><div class="spg-compare-head">Dengan Worksheet Calistung</div><div class="spg-compare-list"><div class="spg-compare-line"><span>✓</span><div>Beragam lembar aktivitas terkumpul dalam satu paket.</div></div><div class="spg-compare-line"><span>✓</span><div>Ada latihan membaca, menulis, dan berhitung.</div></div><div class="spg-compare-line"><span>✓</span><div>Membantu menyiapkan kegiatan belajar dengan lebih praktis.</div></div><div class="spg-compare-line"><span>✓</span><div>Anda dapat memilih latihan sesuai kebutuhan anak.</div></div></div></div>
    </div>
  </div>
</section>

<section class="spg-section spg-audience">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Apakah ini untuk Anda?</span><h2>Siapa yang Cocok Menggunakan Worksheet Ini?</h2><p>Dirancang untuk membantu kegiatan belajar dasar, dengan pendampingan yang sesuai kebutuhan anak.</p></div>
    <div class="spg-audience-grid">
      <div class="spg-audience-card"><h3>✓ Cocok untuk</h3><ul><li>Orang tua dengan anak usia sekitar 3–7 tahun yang ingin mendampingi latihan calistung.</li><li>Guru PAUD/TK yang membutuhkan bahan aktivitas untuk kegiatan kelas.</li><li>Pendidik homeschooling, tutor, dan guru les privat.</li><li>Pengelola kelompok bermain atau lembaga pendidikan anak usia dini.</li><li>Orang tua yang ingin mengenalkan keterampilan dasar sebelum anak masuk SD.</li></ul></div>
      <div class="spg-audience-card spg-not-fit"><h3>Kurang cocok jika…</h3><ul><li>Anda mencari kursus tatap muka atau pendampingan guru secara langsung.</li><li>Anda membutuhkan jaminan bahwa anak akan menguasai calistung dalam waktu tertentu.</li><li>Anda mencari materi tingkat lanjut di luar pengenalan huruf, menulis, dan berhitung dasar.</li><li>Anda membutuhkan lisensi untuk dijual ulang; pastikan ketentuan lisensi terlebih dahulu.</li></ul></div>
    </div>
  </div>
</section>

<section class="spg-section spg-testimonials">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Contoh sudut pandang pengguna</span><h2>Hal yang Bisa Anda Harapkan dari Worksheet</h2><p>Gunakan gambaran berikut untuk memahami manfaat yang dituju, bukan sebagai janji hasil belajar.</p></div>
    <div class="spg-draft-note">Catatan transparansi: teks di bawah adalah contoh/draft testimonial-style, bukan testimoni pelanggan nyata atau bukti pembelian.</div>
    <div class="spg-quote-grid">
      <article class="spg-quote"><div class="spg-quote-stars">✦ ✦ ✦ ✦ ✦</div><p>“Saya ingin punya aktivitas yang bisa langsung dipilih saat waktu belajar di rumah. Worksheet seperti ini membantu saya menyiapkan sesi yang lebih terarah.”</p><strong>Contoh — Orang Tua</strong><small>Draft ilustratif</small></article>
      <article class="spg-quote"><div class="spg-quote-stars">✦ ✦ ✦ ✦ ✦</div><p>“Variasi latihan membaca, menulis, dan berhitung bisa menjadi pilihan untuk melengkapi kegiatan di kelas.”</p><strong>Contoh — Guru PAUD/TK</strong><small>Draft ilustratif</small></article>
      <article class="spg-quote"><div class="spg-quote-stars">✦ ✦ ✦ ✦ ✦</div><p>“Saya bisa memilih aktivitas sesuai keterampilan yang sedang ingin kami latih, lalu mendampingi anak saat mengerjakannya.”</p><strong>Contoh — Tutor</strong><small>Draft ilustratif</small></article>
      <article class="spg-quote"><div class="spg-quote-stars">✦ ✦ ✦ ✦ ✦</div><p>“Lembar kerja dapat menjadi kegiatan tambahan yang sederhana saat anak belajar di rumah dengan pendampingan.”</p><strong>Contoh — Pendidik Rumah</strong><small>Draft ilustratif</small></article>
    </div>
  </div>
</section>

<section class="spg-section spg-pricing" id="spg-pricing">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Pilih paket Anda</span><h2>Mulai Dampingi Belajar Calistung dari Sekarang</h2><p>Dapatkan Worksheet Calistun untuk membantu menghadirkan aktivitas membaca, menulis, dan berhitung dalam rutinitas belajar anak.</p></div>
    <div class="spg-price-wrap"><div class="spg-price-card">
      <div class="spg-price-top"><h3>Paket Personal</h3><span class="spg-price-pill">1 Paket</span></div>
      <div class="spg-price-label">Harga paket</div><div class="spg-price">Rp79.000</div><div class="spg-price-sub">Satu paket worksheet edukatif calistung</div>
      <ul class="spg-price-includes"><li>Worksheet belajar membaca</li><li>Worksheet belajar menulis</li><li>Worksheet belajar berhitung</li><li>Worksheet mengenal huruf dan angka</li><li>Aktivitas edukatif: mencocokkan gambar, menarik garis, dan mengenali pola</li><li>Materi ramah anak untuk penggunaan di rumah atau sekolah</li></ul>
      <a class="spg-btn" href="https://member.digitalcreatif.id/product/worksheet-calistun-personal/" target="_blank" rel="noopener">Order Sekarang <span class="spg-link-arrow">→</span></a>
      <p class="spg-price-foot">Klik tombol untuk melanjutkan ke halaman pemesanan.</p>
    </div></div>
  </div>
</section>

<section class="spg-purchase">
  <div class="spg-container"><div class="spg-purchase-inner"><div><h2>Siapkan Aktivitas Belajar Anak dengan Lebih Praktis</h2><p>Pilih paket Personal dan mulai gunakan worksheet sebagai pendamping latihan sehari-hari.</p></div><a class="spg-btn" href="https://member.digitalcreatif.id/product/worksheet-calistun-personal/" target="_blank" rel="noopener">Pesan Worksheet ↗</a></div></div>
</section>

<section class="spg-section spg-faq" id="spg-faq">
  <div class="spg-container">
    <div class="spg-section-heading"><span class="spg-eyebrow">Pertanyaan umum</span><h2>FAQ Worksheet Calistun</h2><p>Informasi singkat sebelum Anda memesan.</p></div>
    <div class="spg-faq-list">
      <div class="spg-faq-item"><button class="spg-faq-q" type="button" aria-expanded="true" aria-controls="spg-faq-a1"><span>Worksheet Calistun berisi apa saja?</span><span>+</span></button><div class="spg-faq-a" id="spg-faq-a1">Paket berisi worksheet belajar membaca, menulis, berhitung, mengenal huruf dan angka, serta aktivitas edukatif seperti mencocokkan gambar, menarik garis, dan mengenali pola.</div></div>
      <div class="spg-faq-item"><button class="spg-faq-q" type="button" aria-expanded="false" aria-controls="spg-faq-a2"><span>Untuk usia berapa worksheet ini cocok?</span><span>+</span></button><div class="spg-faq-a" id="spg-faq-a2" hidden>Worksheet ini ditujukan untuk anak usia dini, khususnya sebagai latihan dasar bagi anak sekitar usia 3–7 tahun. Pilih aktivitas sesuai kemampuan masing-masing anak dan dampingi selama belajar.</div></div>
      <div class="spg-faq-item"><button class="spg-faq-q" type="button" aria-expanded="false" aria-controls="spg-faq-a3"><span>Apakah bisa digunakan di rumah dan sekolah?</span><span>+</span></button><div class="spg-faq-a" id="spg-faq-a3">Ya. Materi cocok menjadi pendamping kegiatan belajar di rumah, PAUD/TK, homeschooling, les privat, atau kegiatan pendidikan anak usia dini.</div></div>
      <div class="spg-faq-item"><button class="spg-faq-q" type="button" aria-expanded="false" aria-controls="spg-faq-a4"><span>Apakah anak pasti langsung bisa membaca dan berhitung?</span><span>+</span></button><div class="spg-faq-a" id="spg-faq-a4">Tidak ada jaminan hasil atau waktu belajar yang sama untuk setiap anak. Kemajuan bergantung pada kesiapan, latihan, dan pendampingan. Worksheet ini merupakan bahan latihan, bukan pengganti seluruh proses belajar.</div></div>
      <div class="spg-faq-item"><button class="spg-faq-q" type="button" aria-expanded="false" aria-controls="spg-faq-a5"><span>Bagaimana format dan cara menerima produk?</span><span>+</span></button><div class="spg-faq-a" id="spg-faq-a5">Informasi format file, proses pembayaran, dan cara menerima produk mengikuti keterangan yang tersedia di halaman pemesanan. Silakan periksa detailnya sebelum menyelesaikan transaksi.</div></div>
      <div class="spg-faq-item"><button class="spg-faq-q" type="button" aria-expanded="false" aria-controls="spg-faq-a6"><span>Apakah paket ini boleh dijual ulang?</span><span>+</span></button><div class="spg-faq-a" id="spg-faq-a6">Jangan mengasumsikan adanya hak jual ulang. Jika Anda ingin mendistribusikan atau menjual kembali materi, periksa dan pastikan ketentuan lisensi dari penjual terlebih dahulu.</div></div>
    </div>
  </div>
</section>

<section class="spg-closing">
  <div class="spg-container spg-closing-box"><span class="spg-eyebrow">Mulai dari langkah sederhana</span><h2>Bantu Anak Berlatih dengan Cara yang <span class="spg-gradient-text">Lebih Menyenangkan</span></h2><p>Lengkapi kegiatan belajar anak dengan worksheet membaca, menulis, dan berhitung. Pilih aktivitas yang sesuai, dampingi prosesnya, dan beri ruang bagi anak untuk belajar sesuai ritmenya.</p><a class="spg-btn" href="#spg-pricing">Pilih Paket Personal <span class="spg-link-arrow">→</span></a></div>
</section>

<section class="spg-disclaimer"><div class="spg-container"><p>Worksheet Calistun merupakan bahan pendamping belajar. Hasil belajar tiap anak dapat berbeda dan tidak dijamin dalam jangka waktu tertentu. Contoh visual pada halaman ini merupakan ilustrasi. Periksa detail format, pengiriman, dan ketentuan penggunaan pada halaman pemesanan.</p></div></section>
</main>
<footer class="spg-footer"><div class="spg-container spg-footer-inner"><a class="spg-brand" href="#spg-home"><span class="spg-brand-mark">✎</span><span>Worksheet <span class="spg-gradient-text">Calistun</span></span></a><p>© <span class="spg-year">2026</span> Worksheet Calistun. Belajar tumbuh bersama.</p></div></footer>

<div class="spg-sticky-cta" aria-label="Pemesanan Worksheet Calistun"><div class="spg-sticky-price">Paket Personal<strong>Rp79.000</strong></div><a class="spg-btn" href="#spg-pricing">Order Sekarang →</a></div>
</div>
<script>
(function(){
  var root=document.getElementById('spg-root');
  if(!root)return;
  var faqButtons=root.querySelectorAll('.spg-faq-q');
  faqButtons.forEach(function(button){
    button.addEventListener('click',function(){
      var expanded=button.getAttribute('aria-expanded')==='true';
      button.setAttribute('aria-expanded',String(!expanded));
      var panel=root.querySelector('#'+button.getAttribute('aria-controls'));
      if(panel)panel.hidden=expanded;
    });
  });
  var sticky=root.querySelector('.spg-sticky-cta');
  var pricing=root.querySelector('#spg-pricing');
  if(sticky&&pricing&&'IntersectionObserver' in window){
    var observer=new IntersectionObserver(function(entries){
      entries.forEach(function(entry){sticky.classList.toggle('spg-is-hidden',entry.isIntersecting);});
    },{threshold:0.08});
    observer.observe(pricing);
  }
  var year=root.querySelector('.spg-year');
  if(year)year.textContent=String(new Date().getFullYear());
})();
</script>
<!-- PORTABLE ELEMENTOR BLOCK END -->
</body>
</html>/* End custom CSS */