:root{--ink:#301f18;--coffee:#312119;--gold:#ffcf46;--cream:#fff8e7;--leaf:#244e3c;--serif:Georgia,serif;--sans:'Trebuchet MS',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fffdf8;font:16px/1.6 var(--sans)}h1,h2,h3,p,figure,blockquote{margin:0}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #c27118;outline-offset:4px}section[id]{scroll-margin-top:12px}.wrap{width:min(1200px,89%);margin:auto}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:0}.notice{background:#231810;color:#fff2cc;text-align:center;font-size:12px;letter-spacing:.05em;padding:8px}.notice b{color:var(--gold);margin:0 11px}.nav,.nav nav,.heroBtns,.heroMeta,.factLinks,footer .wrap{display:flex;align-items:center}.nav{height:76px;justify-content:space-between}.brand{font-family:var(--sans);font-weight:900;letter-spacing:-.073em;font-size:32px;text-decoration:none;line-height:1}.brand span{color:#38714f}.brand i{font-style:normal;color:#cb880c;font-size:17px;vertical-align:top;margin-left:3px}.nav nav{gap:35px;font-size:14px;font-weight:700}.nav nav a,.navshop{text-decoration:none}.nav nav a:hover,.plain:hover{text-decoration:underline}.navshop{font-weight:bold;border:1px solid #ac9e8e;padding:8px 20px;border-radius:0;font-size:14px}.navshop span{margin-left:8px}.eyebrow,.kicker,small{font-size:12px;letter-spacing:.09em;font-weight:bold}.eyebrow,.kicker{display:flex;align-items:center;gap:12px}.eyebrow{color:#ffe3a6}.eyebrow i,.kicker:before{display:block;width:27px;height:2px;background:currentColor;content:""}.cta,.buy{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none;font-weight:bold;border-radius:0;padding:14px 23px}.gold{background:var(--gold);color:var(--ink)}.gold:hover{background:#ffe59c}.read{font-weight:700;color:#fff8e9;text-underline-offset:4px}.read span{margin-left:5px}.section{padding-block:76px}.story,.reviewGrid,.faq{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.kicker{color:#88601c;margin-bottom:14px}.section h2{font:800 clamp(32px,3.7vw,57px)/1.04 var(--sans);letter-spacing:-.057em}.section p{color:#5b5045}.story p+p{margin-top:12px}.quoteBand{background:#f2e6cf}.quoteGrid{display:flex;gap:36px;align-items:center;padding-block:35px}.bigquote{font:100px/.7 var(--serif);height:50px;color:#a66724}.quoteGrid blockquote{font:italic clamp(21px,2.2vw,34px)/1.3 var(--serif);max-width:890px}.quoteGrid p,.reviewCard p{font-size:13px;margin-top:10px}.secHead{max-width:700px}.secHead p{margin:14px 0 26px}.ingredients{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ingredients article{display:grid;grid-template-columns:43% 1fr;background:#f5eddd;border-radius:0;overflow:hidden;align-items:center}.ingredients img{width:100%;height:100%;max-height:248px;min-height:200px;object-fit:cover}.ingredients article>div{padding:20px}.ingredients small,.price small{color:#765525}.ingredients h3{font-size:24px;letter-spacing:-.045em;line-height:1.12;margin:7px 0}.ingredients p{font-size:15px}.factLinks{flex-wrap:wrap;gap:16px 28px;margin-top:24px}.factLinks a,.plain{font-size:14px;font-weight:bold;text-underline-offset:4px}.reviews{background:#eaf1df}.reviewGrid>div>p{margin:13px 0}.reviewCard{background:#fafff2;border:1px solid #cad5b9;padding:28px 32px;border-radius:0}.stars{color:#95660e;letter-spacing:4px}.reviewCard blockquote{font:italic clamp(27px,3.4vw,46px)/1.15 var(--serif);margin:14px 0}.offers{background:#34231b;color:#fff8e6}.offers .kicker{color:#f4cc77}.offers .secHead p,.offers .checknote{color:#e7dac9}.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price{display:flex;flex-direction:column;background:#fff6df;color:var(--ink);border-radius:0;padding:22px}.price.p3{background:#ffe29a}.price h3{font-size:28px;line-height:1.2;margin:11px 0}.price .amount{font-size:45px;font-weight:bold;color:var(--ink);line-height:1.12;letter-spacing:-.055em}.amount span{font-size:17px;letter-spacing:0;margin-right:2px}.price p:not(.amount){font-size:13px;margin:6px 0 16px}.buy{background:var(--leaf);color:#fff;justify-content:center;text-align:center;font-size:15px;margin-top:auto;padding:11px}.buy:hover{background:#142d23}.checknote{font-size:13px;margin-top:16px}.faq{align-items:start;grid-template-columns:.72fr 1.28fr}.details{border-top:1px solid #cec0a6}details{border-bottom:1px solid #cec0a6;padding:16px 0}summary{cursor:pointer;font-size:17px;line-height:1.35;font-weight:bold;list-style:none;display:flex;gap:15px;justify-content:space-between}summary::after{content:"+";color:#8f6033;flex-shrink:0}details[open] summary::after{content:"−"}summary::-webkit-details-marker{display:none}details p{padding:10px 24px 0 0}footer{border-top:1px solid #ded4c0}footer .wrap{justify-content:space-between;padding-block:25px;font-size:13px}.mobileBar{display:none}@media(max-width:900px){.prices{grid-template-columns:repeat(2,1fr)}.ingredients article{display:block}.ingredients img{height:190px;min-height:0}.section{padding-block:58px}}@media(max-width:660px){.wrap{width:89%}.notice{font-size:10px}.nav{height:60px}.nav nav{display:none}.brand{font-size:27px}.navshop{padding:6px 13px;font-size:13px}.eyebrow,.kicker{font-size:11px}.section{padding-block:46px}.story,.reviewGrid,.faq{grid-template-columns:1fr;gap:23px}.section h2{font-size:36px}.quoteGrid{gap:18px;padding-block:27px}.bigquote{font-size:62px;height:38px}.ingredients{gap:12px}.ingredients article>div{padding:12px}.ingredients img{height:auto;min-height:0}.ingredients h3{font-size:20px}.ingredients p{font-size:13px}.ingredients small,.price small{font-size:10px;letter-spacing:.04em}.prices{gap:10px}.price{padding:15px 12px}.price .amount{font-size:35px}.price h3{font-size:23px}.price p:not(.amount){font-size:11px}.buy{font-size:13px;gap:6px}.factLinks{display:grid;gap:10px}.mobileBar{display:flex;position:fixed;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;background:#fffaf0;color:var(--ink);border-top:1px solid #ddcdb4;padding:9px 5.5% max(9px,env(safe-area-inset-bottom));z-index:5;text-decoration:none}.mobileBar small{display:block;letter-spacing:0;font-size:11px}.mobileBar span{font-weight:bold;line-height:1.2}.mobileBar b{background:var(--leaf);color:white;padding:8px 16px;border-radius:0;font-size:13px}.mobileBar[hidden]{display:none}footer{padding-bottom:62px}footer .wrap{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.company{display:flex;align-items:center;gap:12px}.company img{object-fit:contain}

.opening{position:relative;isolation:isolate;overflow:hidden;background:#1e2923;color:#fff}
.opening-photo{position:absolute;inset:0 0 0 auto;width:62%;z-index:-1;margin:0}
.opening-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:54% 47%}
.opening-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1e2923 0%,rgba(30,41,35,.88) 6%,rgba(30,41,35,.2) 23%,transparent 40%)}
.opening-inner{min-height:clamp(450px,41vw,660px);display:flex;align-items:center;padding-block:56px}
.opening-copy{width:51%;position:relative}
.opening h1 .opening-question{
  display:block;
  max-width:32ch;
  margin-bottom:16px;
  font:700 clamp(20px,1.8vw,28px)/1.25 var(--sans);
  letter-spacing:-.02em;
  text-transform:none;
  color:#fff;
}
.opening h1{font:900 clamp(48px,5.4vw,85px)/1.02 Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.opening h1 strong{
  display:block;
  color:#ffcf46;
  font-weight:inherit;
  font-size:clamp(38px,4.7vw,72px);
  text-wrap:balance;
}
.opening-intro{font-size:clamp(16px,1.3vw,20px);max-width:440px;line-height:1.55;color:#f5f3e8;margin:20px 0 25px}
.opening .cta,.product-intro .cta{border-radius:0;font-weight:800}
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:32px 0}
.scenes article{border-top:3px solid #b78a2a;padding-top:16px}
.scenes h3,.guidance h3{font-size:23px;line-height:1.2;margin-bottom:9px;letter-spacing:-.035em}
.guidance{background:#edf2e6;border-left:4px solid #385e42;display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:26px}
.guidance p+p{margin-top:10px}.guidance a{color:#23583e;text-underline-offset:3px}
.product-intro{background:#efe5ce}.product-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7%}
.product-grid>img{display:block;width:100%;height:auto}.product-grid h2{margin-bottom:18px}
.product-quote{font:italic 23px/1.35 Georgia,serif;border-left:3px solid #b78a2a;padding-left:15px;margin:20px 0}
.product-quote small{display:block;font:13px/1.5 var(--sans);margin-top:7px}
@media(max-width:760px){.opening{display:flex;flex-direction:column}.opening-inner{min-height:0;padding:30px 0;order:0}.opening-copy{width:100%}.opening h1{font-size:clamp(42px,8.8vw,60px)}.opening-intro{margin:14px 0 19px}.opening-photo{position:relative;order:1;inset:auto;width:100%;z-index:0}.opening-photo img{aspect-ratio:1.85;height:auto;object-position:50% 44%}.opening-photo:after{display:none}.scenes{grid-template-columns:1fr;gap:20px}.product-grid,.guidance{grid-template-columns:1fr;gap:16px}.product-grid>img{max-width:420px}.nav nav{display:none}}
.speech .scenes{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-grid p+p{margin-top:12px}.product-grid .cta{margin-top:18px}
.steps,.milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.steps article,.milestones article{padding-top:16px;border-top:2px solid #ac842b}
.steps h3,.milestones h3{margin-bottom:9px;font-size:23px;line-height:1.25;letter-spacing:-.03em}
.steps a{color:#23583e;text-underline-offset:3px}
.reviewPair{display:grid;gap:15px}.reviewPair blockquote{font-size:clamp(22px,2.3vw,33px)}.reviewPair figcaption{font-size:13px;color:#4d5a4c}
.hope{background:#22382b;color:#fff9ec}.hope .kicker{color:#f3d47a}.hope .secHead{max-width:850px}.hope p{color:#e8ece0}.hope .milestones h3{color:#ffdb81}.hope .hopeNote{font-size:14px;margin-top:28px;max-width:770px}
@media(max-width:760px){.speech .scenes,.steps,.milestones{grid-template-columns:1fr}.steps,.milestones{gap:20px}.hope h2 br{display:none}}

.hopeOpening{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);margin-bottom:clamp(32px,4vw,56px)}
.hopeOpening h2 br{display:none}
.hopeMoment{margin:0;min-width:0}
.hopeMoment img{display:block;width:100%;height:auto;border-radius:0}
.hopeMoment figcaption{border-left:3px solid #f3d47a;padding-left:14px;margin-top:14px;font-size:1rem;line-height:1.45;color:#fff9ec}
@media(max-width:800px){.hopeOpening{grid-template-columns:1fr;gap:20px}.hopeOpening .secHead p{margin-bottom:0}}

.benefits {
  background: #fff8e7;
}
.benefits-layout h2 {
  max-width: 22ch;
  color: var(--leaf);
}
.speech .scenes, .benefits-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px 24px;
  padding: 0;
  margin: 28px 0;
  list-style: none;
}
.speech .scenes article, .benefits-list li {
  min-width: 0;
  border: 0;
  padding: 0;
}
.point-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  margin-bottom: 14px;
}
.benefits-list h3 {
  margin-bottom: 7px;
  font-size: clamp(20px, 1.85vw, 26px);
  letter-spacing: -.035em;
  line-height: 1.2;
}
@media (min-width: 661px) and (max-width: 900px) {
  .speech .scenes, .benefits-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 660px) {
  .speech .scenes, .benefits-list { grid-template-columns: 1fr; gap: 28px; }
}

.price small { display:block; line-height:1.3; }
.price.p3 small { color:#503509; }
.pack-display {
  display:grid;
  place-items:center;
  margin:0 0 12px;
}
.pack-group {
  position:relative;
  width:100%;
  max-width:220px;
  aspect-ratio:1.45;
}
/* Frame the original bottle within the square IYZIQ product photograph. */
.pack-bottle {
  position:absolute;
  left:50%;
  bottom:1%;
  height:93%;
  aspect-ratio:354 / 660;
  transform:translateX(-50%);
  background-image:url("assets/produk.webp");
  background-size:338.983% 181.818%;
  background-position:50.236% 56.481%;
  background-repeat:no-repeat;
  clip-path:polygon(7% 2%,9% 1%,24% .6%,55% .4%,80% .7%,90% 1.1%,92% 1.8%,92.7% 15.7%,89.5% 16.1%,89% 17.9%,86.4% 18.1%,87.3% 20.7%,89.3% 22.5%,93.2% 23.6%,96.6% 25.5%,98.2% 27.5%,98.6% 91.1%,98.1% 95%,95.5% 97%,89% 98.1%,76% 99%,54% 99.5%,29% 99.1%,13% 98.2%,5.5% 96.8%,2.1% 95%,1.3% 92.6%,1.2% 28%,2.1% 26%,5% 24%,10% 22.5%,11.6% 21%,12.5% 18.1%,10.6% 17.8%,10% 16.2%,6.8% 15.8%);
}
.p2 .pack-bottle:first-child { left:32%; }
.p2 .pack-bottle:last-child { left:68%; }
.p3 .pack-bottle { height:80%; bottom:15%; }
.p3 .pack-bottle:first-child { left:25%; }
.p3 .pack-bottle:nth-child(2) { left:75%; }
.p3 .pack-bottle:last-child { height:90%; bottom:0; }
.p5 .pack-bottle { height:73%; bottom:25%; }
.p5 .pack-bottle:first-child { left:20%; }
.p5 .pack-bottle:nth-child(3) { left:80%; }
.p5 .pack-bottle:nth-child(n+4) { height:76%; bottom:0; }
.p5 .pack-bottle:nth-child(4) { left:34%; }
.p5 .pack-bottle:nth-child(5) { left:66%; }
@media(max-width:660px){
  .price small { min-height:2.6em; }
  .pack-display { margin-bottom:8px; }
}

.opening-actions, .product-actions, .guide-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 22px;
}
.product-actions { margin-top: 18px; }
.product-actions .cta { margin-top: 0; }
.buyer-question { background: #22382b; color: #fff9ec; }
.buyer-question-inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 32px;
  padding-block: clamp(28px,4vw,52px);
}
.buyer-question h2, .guide-pair h2 {
  font-size: clamp(25px,2.4vw,36px);
  line-height: 1.1;
  letter-spacing: -.045em;
}
.buyer-question p { margin-top: 12px; max-width: 68ch; }
.review-action { margin-top: 18px; }
.purchase-guide { background: #edf2e6; }
.guide-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px,6vw,80px);
  padding-block: clamp(32px,4vw,58px);
}
.guide-pair p { margin: 14px 0; }
.guide-links a { font-size: 14px; font-weight: bold; text-underline-offset: 3px; }
@media(max-width:760px) {
  .buyer-question-inner, .guide-pair { grid-template-columns: 1fr; }
  .buyer-question .cta { justify-self: start; }
}

.poster-references {margin-top:16px}.poster-references summary{font-size:15px}.poster-references img{display:block;max-width:100%;height:auto;margin:16px auto}.formula-preview {background:#edf6f4;color:#182e26}
.formula-head {background:transparent;position:static;margin:0 0 20px}
.formula-head h2 {max-width:23ch}
.formula-head p {margin:12px 0 0}
.ingredient-board {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bottle-tile {display:flex;min-width:0;background:#ffdc73}
.bottle-tile img {width:100%;height:100%;min-height:0;object-fit:cover}
.ingredient-entry {min-width:0;background:#fff;border-bottom:4px solid var(--accent);display:grid;grid-template-rows:112px auto;padding:14px 18px 18px}
.ingredient-entry img {height:100%;width:100%;object-fit:contain}
.ingredient-entry h3 {font:800 clamp(17px,1.45vw,23px)/1.12 var(--sans);margin:8px 0;letter-spacing:-.035em}
.ingredient-entry p {font-size:15px;line-height:1.45;color:#2d4036}
@media (min-width:681px) and (max-width:960px){.ingredient-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.formula-head h2 br{display:none}.ingredient-board{grid-template-columns:1fr;gap:10px}.bottle-tile{display:none}.ingredient-entry{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:12px;padding:14px;border-bottom:0;border-left:4px solid var(--accent)}.ingredient-entry img{height:88px}.ingredient-entry h3{font-size:19px;margin:0 0 5px}.ingredient-entry p{font-size:15px}}

.daily-guide {background:#fff1d9; color:#322018}
.daily-layout {display:grid; grid-template-columns:1.18fr 1fr; align-items:center; gap:clamp(24px,4vw,64px)}
.daily-photo {width:100%; height:auto; display:block}
.daily-copy h2 {margin-bottom:22px}
.daily-copy .daily-amount {color:#542e1e; font-size:clamp(26px,3vw,42px); font-weight:800; line-height:1.15}
.daily-label {margin:12px 0}
.daily-link {display:inline-block; margin-top:24px; color:#214c3b; font-weight:700; text-underline-offset:4px}
@media(max-width:760px) {
  .daily-layout {grid-template-columns:1fr; gap:24px}
  .daily-photo {max-width:560px}
}

.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story-card{margin:0;background:white;color:#28221b;border:1px solid #e3d9c8;min-width:0}.story-open{display:block;width:100%;padding:0;border:none;background:white;cursor:zoom-in}.story-open img{display:block;width:100%;height:auto;aspect-ratio:2.15;object-fit:contain}.story-note{margin:14px 0 24px}.story-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px}.story-archive{background:#fff8e9}.story-group summary{display:flex;align-items:center;gap:12px;font-weight:bold}.story-group small{font-size:13px;font-weight:normal}.story-group .story-grid{margin:12px 0 20px}.story-reader{width:min(900px,96vw);max-width:96vw;max-height:94dvh;padding:16px;border:none;margin:auto}.story-reader::backdrop{background:#17130ee6}.story-reader img{width:100%;height:auto;display:block}.story-reader button{padding:9px 16px;margin-bottom:10px}@media(max-width:600px){.story-grid{gap:8px}.story-group summary{font-size:16px}.story-actions{gap:12px}}

#ulasan { background: #fff; }
#ulasan .testimoni-title {
  max-width: 23ch;
  margin: 0 auto;
  color: #503d30;
  font-family: var(--sans);
  font-size: clamp(2.15rem, 5.1vw, 4.5rem);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.02;
  text-align: center;
  text-wrap: balance;
}
#ulasan .story-note { text-align: center; }