/* dinekin.com home page. Layout from the dinekin-landing design (1 Oct 2026);
   headings in Bricolage Grotesque like the app (Frans, 1 Oct 2026). */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff6ee;color:#1e2a4a;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #d6457a;outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.wrap,header{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{width:184px;height:auto}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:#c23668}.nav-cta{background:#2b4c8c;color:white;padding:12px 23px;border-radius:30px;font-weight:600;font-size:14px}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:64px;padding-top:56px;padding-bottom:95px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;margin:0 0 24px}.eyebrow>span:empty{display:inline-block;width:8px;height:8px;border-radius:100%;background:#d6457a;margin-right:9px}h1,h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin:0}h1{font-size:clamp(46px,4.6vw,66px)}em{font-style:normal;color:#c23668}h2{font-size:clamp(36px,4vw,50px)}.intro{font-size:17px;line-height:1.8;max-width:500px;margin:26px 0 28px;color:#5b6480}.stores{display:flex;gap:12px;flex-wrap:wrap}.store{display:flex;align-items:center;gap:12px;text-align:left;background:#1e2a4a;border:1px solid #1e2a4a;color:#fff;border-radius:12px;padding:12px 18px;min-width:175px;opacity:1;cursor:pointer;transition:transform .15s}.store:hover{transform:translateY(-2px)}.store:focus-visible{outline:3px solid #d6457a;outline-offset:4px}.store small{display:block;font-size:12px;line-height:1.4}.store strong{display:block;font-size:18px;line-height:1.5}.store-icon,.play-icon{font-size:30px;line-height:1}.availability{font-size:12px;color:#5b6480;margin-top:14px}.hero-art{position:relative;padding:0 0 62px 12px}.photo-frame{height:480px;overflow:hidden;border-radius:180px 180px 28px 28px;background:#eedfd3;position:relative}.food-photo{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:24px;left:25px;right:25px;color:#fff;font-size:13px;text-shadow:0 1px 8px #000;background:#1e2a4aa8;padding:8px 12px;border-radius:8px}.review-card{position:absolute;bottom:5px;left:-28px;right:30px;background:#fff;border:1px solid #eedfd3;border-radius:18px;padding:23px;box-shadow:0 14px 32px #1e2a4a0a;transform:rotate(-3deg)}.review-top{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffdfcc;color:#7d462f;font-weight:700}.review-top strong{font-size:14px}.review-top small{display:block;font-size:12px;color:#5b6480}.rating{margin-left:auto;font-size:14px;font-weight:700;color:#b73261;white-space:nowrap}.review-card p{font-size:15px;margin:15px 0 9px}.example{font-size:12px;color:#5b6480}.art-note{position:absolute;right:12px;top:-23px;transform:rotate(6deg);font-family:'Bricolage Grotesque',sans-serif;font-size:19px;color:#2b4c8c}.brand-strip{background:#2b4c8c;color:#fff;display:flex;justify-content:center;gap:80px;padding:26px 24px;font-family:'Bricolage Grotesque',sans-serif;font-size:23px}.brand-strip>span+span:before{content:'✳';color:#ff9f6b;margin-right:70px}.section{padding-top:96px;padding-bottom:96px}.section-heading{text-align:center;max-width:700px;margin:0 auto 58px}.section-heading>p:last-child{color:#5b6480;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #d8c8bd;padding-top:25px}.step-number{font-family:'Bricolage Grotesque',sans-serif;font-size:34px;color:#c23668}h3{font-size:21px;letter-spacing:-.5px;line-height:1.4;margin:16px 0 12px}.steps p{color:#5b6480;line-height:1.85;margin:0}.circle-section{background:#f5e9e1;padding:88px 0}.circle-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-copy{color:#5b6480;line-height:1.85;margin:25px 0;max-width:490px}.privacy-points{margin-top:26px;font-size:14px;font-weight:600}.privacy-points p{display:flex;align-items:baseline;gap:17px}.privacy-points span{color:#b73261;font-size:12px}.circle-demo{background:#fff;border-radius:24px;padding:30px;transform:rotate(2deg);box-shadow:0 16px 50px #1e2a4a08}.demo-top strong{font-family:'Bricolage Grotesque',sans-serif;font-size:30px}.demo-top>span{display:block;font-size:13px;color:#5b6480}.circle-row{display:flex;align-items:center;gap:14px;padding:24px 0;border-bottom:1px solid #eee8e2}.circle-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-size:14px;font-weight:700;flex-shrink:0}.peach{background:#ffdfcc}.denim{background:#e5ebf8;color:#2b4c8c}.berry{background:#f9e2ea;color:#b73261}.circle-row h3{font-size:16px;margin:0}.circle-row p{font-size:12px;color:#5b6480;margin:4px 0 0}.member-count{margin-left:auto;font-size:12px;white-space:nowrap;color:#5b6480}.demo-foot{font-size:14px;font-weight:600;margin:22px 0 6px}.diary-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.diary-visual{border:1px solid #e0cec0;background:#fffdf9;border-radius:18px;padding:32px;box-shadow:8px 8px 0 #eedfd3}.diary-title{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:1px;font-weight:700;padding-bottom:20px;border-bottom:1px solid #eedfd3}.diary-title>span:last-child{letter-spacing:0;font-weight:500;color:#5b6480}.diary-line{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #eedfd3}.diary-date{font-size:12px;text-align:center;color:#5b6480;line-height:1.4}.diary-date b{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;color:#2b4c8c;font-weight:700}.diary-line strong{font-size:15px}.diary-line p{font-size:13px;margin:5px 0;color:#5b6480}.stars{color:#b73261;letter-spacing:2px}.diary-tags{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 16px}.diary-tags span{font-size:12px;padding:5px 10px;border-radius:20px;background:#f5e9e1}.faq{border-top:1px solid #eedfd3;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-top:70px}details{border-bottom:1px solid #dfd3ca;padding:21px 0}summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:#c23668;font-size:23px;line-height:1}details[open] summary:after{content:'−'}details p{color:#5b6480;font-size:15px;line-height:1.8;max-width:95%}.download{background:#2b4c8c;color:#fff;text-align:center;padding:80px 0}.download h2{font-size:60px}.download em{color:#ffbe98}.download>div>p:not(.eyebrow){color:#e1e7f3}.download .stores{justify-content:center;margin:30px 0 0}.download .store{background:#fff6ee;color:#1e2a4a;border-color:#fff6ee}.download-note{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:130px}footer img{object-fit:contain}footer p,footer>span{font-size:12px;color:#5b6480}@media(max-width:1000px){.wrap,header{padding-left:28px;padding-right:28px}.hero{gap:35px}.hero-art{padding-left:0}.photo-frame{height:430px}.review-card{left:-10px;right:0;padding:18px}.brand-strip{gap:24px;font-size:19px}.brand-strip>span+span:before{margin-right:24px}.circle-layout,.diary-section{gap:38px}.circle-demo{padding:22px}.member-count{display:none}nav{gap:18px}.store{min-width:160px;padding:11px 14px}.store strong{font-size:16px}}@media(max-width:720px){header{height:86px;padding:0 22px}.logo{width:145px}nav{display:none}.nav-cta{font-size:12px;padding:10px 16px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:65px;gap:45px}.hero-copy{max-width:560px}h1{font-size:46px;letter-spacing:-1px}.intro{font-size:16px;margin:22px 0}.hero-art{max-width:470px;width:100%;margin:auto;padding:0 10px 76px}.photo-frame{height:420px}.review-card{bottom:10px;left:0;right:0}.art-note{top:-20px;font-size:17px}.brand-strip{gap:14px;flex-wrap:wrap;font-size:17px;padding:23px}.brand-strip>span+span:before{display:none}.brand-strip>span:last-child{width:100%;text-align:center}.section{padding-top:65px;padding-bottom:65px}.section-heading{text-align:left;margin-bottom:35px}.eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:18px}h2{font-size:36px;letter-spacing:-1px}.steps,.circle-layout,.diary-section,.faq{grid-template-columns:1fr;gap:32px}.steps article{padding-top:19px}.steps h3{margin-top:8px}.circle-section{padding:65px 0}.circle-demo{transform:none}.diary-visual{order:2;padding:24px}.diary-line{gap:16px}.faq{gap:16px}.download{padding:65px 0}.download h2{font-size:43px}.download .stores{gap:10px}footer{padding-top:30px;padding-bottom:30px;flex-direction:column;gap:10px;text-align:center}footer p{margin:0}.availability{font-size:12px}.store{min-width:154px}.store-icon,.play-icon{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Language switch (see site.js) */
[data-lang]{display:none}html[lang="en"] [data-lang="en"],html[lang="id"] [data-lang="id"]{display:revert}
.header-right{display:flex;align-items:center;gap:16px}
.lang{display:flex;gap:4px;background:#fff;border:1px solid #eedfd3;border-radius:999px;padding:4px}
.lang button{font:inherit;font-size:13px;font-weight:600;border:0;background:none;color:#5b6480;padding:6px 11px;min-height:36px;border-radius:999px;cursor:pointer}
.lang button[aria-pressed="true"]{background:#fce3ec;color:#9b2c55}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}
.footer-links a{color:#2b4c8c;text-decoration:underline;min-height:24px}
@media(max-width:720px){.header-right{gap:8px}.nav-cta{display:none}.footer-links{justify-content:center}}