:root{--t:#0F6B63;--td:#0F4F4A;--tl:#4C9E97;--cream:#FBF7EF;--mint:#F3FAF9;--acc:#E07B39;--accd:#C8692F;--ink:#1d2b2a;--mut:#555;--bg:#fff;--card:#fff;--line:#e6dfd2;--k0f4f4a:#0F4F4A;--k4c9e97:#4C9E97;--kfff:#fff;--ke9f3f2:#e9f3f2}
:root[data-theme=dark]{--t:#6cc4ba;--td:#8fd3cb;--cream:#13282a;--mint:#112b29;--ink:#e9f3f2;--mut:#b9c9c6;--bg:#0d1d1c;--card:#16302e;--line:#24423f;--k0f4f4a:#8fd3cb}

*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--t)}.w{max-width:1140px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:9}
header .w{display:flex;align-items:center;gap:14px;height:66px;max-width:1240px}header a{white-space:nowrap}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--td);font-size:19px}
.nv a{color:var(--ink);text-decoration:none;margin-right:14px;font-size:15px}.sp{flex:1}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:600}
.bp{background:var(--acc);color:#fff}.bp:hover{background:var(--accd)}.bs{border:2px solid var(--t);color:var(--t);background:transparent}
.auth{display:flex;gap:8px}.b2{padding:9px 14px;border:1.5px solid #9cc9c4;color:var(--td);background:var(--card);font-size:14px}.b2:hover{background:var(--mint)}
header .bs,header .bp{padding:10px 16px;font-size:15px}
.tt{background:none;border:0;padding:6px;cursor:pointer;display:flex}.tt svg{stroke:var(--k0f4f4a)}.moon{display:none}:root[data-theme=dark] .sun{display:none}:root[data-theme=dark] .moon{display:block}
.lang{border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--card);color:var(--ink);font:inherit;font-size:14px}
.mb{display:none}.mnav{display:none}.mnav.open{display:block;border-top:1px solid var(--line);background:var(--bg)}.mnav a{display:block;padding:12px 20px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.mtools{display:flex;gap:10px;padding:10px 20px}
.hero{background:var(--cream);padding:56px 0}.hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.eb{text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--t);font-weight:700}
h1{font-size:46px;line-height:1.1;color:var(--td);margin:10px 0 16px}h2{font-size:32px;color:var(--td);margin:0 0 12px;line-height:1.2}
.lead{font-size:18px;color:var(--ink);opacity:.9}.micro{font-size:14px;color:var(--mut);margin-top:12px}.nw{white-space:nowrap}
.vid{position:relative;display:block;width:100%;padding:0;border:0;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #0002;cursor:pointer;aspect-ratio:16/9}.vid img{width:100%;height:100%;object-fit:cover;display:block}.vid iframe{width:100%;height:100%;border:0}
.vid .pl{position:absolute;left:14px;bottom:14px;background:#000a;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px}
.vl{font-size:13px;margin-top:8px}
.founder{display:flex;gap:16px;align-items:center;margin-top:22px;font-size:15px}.founder img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #0002;flex-shrink:0}
section{padding:60px 0}.mint{background:var(--mint)}.dark{background:#0F4F4A;color:#fff}.dark h2{color:#fff}.dark a{color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0}
.stat{background:#ffffff14;border-radius:14px;padding:22px}.stat b{display:block;font-size:38px;color:#ffe9a8}
.bars{background:#fff;color:#1d2b2a;border-radius:14px;padding:20px}.bar{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:14px}.bar span{width:90px}
.bar i{display:block;height:22px;border-radius:5px;background:#4C9E97}.bar.hi i{background:#E07B39}
.note{font-size:13px;opacity:.85}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.card h3{margin:0 0 8px;color:var(--td)}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role{border:2px solid var(--t);background:var(--mint);border-radius:12px;padding:16px;color:var(--ink)}
.role b{color:var(--td)}.role a{text-decoration:none}.role .rl{display:flex;gap:14px;margin-top:8px;font-size:14px;font-weight:600}
ul.ck{padding:0;list-style:none}ul.ck li{padding-left:26px;position:relative;margin:8px 0}ul.ck li:before{content:"✓";position:absolute;left:0;color:var(--t);font-weight:700}
[dir=rtl] ul.ck li{padding-left:0;padding-right:26px}[dir=rtl] ul.ck li:before{left:auto;right:0}[dir=rtl] .nv a{margin-right:0;margin-left:14px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column}
.plan.pop{border:2px solid var(--acc);box-shadow:0 10px 24px #0001}.tag{background:var(--acc);color:#fff;font-size:12px;padding:3px 10px;border-radius:10px;align-self:flex-start}
.price{font-size:34px;font-weight:800;color:var(--td)}.price small{font-size:14px;font-weight:400;color:var(--mut)}
.calc{background:#fff;color:#1d2b2a;border-radius:14px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
.calc label{font-size:13px;display:block}.calc input{width:100%;padding:9px;border:1px solid #ccc;border-radius:8px;font-size:16px}
.out{grid-column:1/-1;background:#FBF7EF;border-radius:10px;padding:12px;font-size:15px}.out b{font-size:24px;color:#0F4F4A}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:10px 0}summary{font-weight:600;cursor:pointer}
table{border-collapse:collapse;width:100%;background:var(--card)}td,th{border-bottom:1px solid var(--line);padding:10px;text-align:start;font-size:14px}
.crumb{font-size:13px;color:var(--mut)}.crumb a{color:var(--mut)}
.ft{background:#1d2b2a;color:#cfe2df;padding:36px 0;font-size:14px}.ft a{color:#cfe2df;text-decoration:none;display:block}.ft b{display:block;color:#fff;margin-bottom:4px}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:20px;line-height:1.9}.fc{margin-top:20px;opacity:.8}
.sbar{display:none}
@media(max-width:1100px){.nv a{margin-right:9px;font-size:14px}}
@media(max-width:860px){.nv,header .bs,header .w>.lang,header .w>#km-theme{display:none}.mb{display:flex}
header .w{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:10px}header .bp{padding:9px 12px;font-size:14px}
.auth{order:5;width:100%}.auth .b2{flex:1;text-align:center}
.hero .w,.grid3,.grid2,.stats,.roles,.plans,.calc,.fg{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}
h1{font-size:34px}h2{font-size:26px}.hero{padding:32px 0}section{padding:40px 0}.plan.pop{order:-1}.stat b{font-size:30px}.founder img{width:64px;height:64px}
body.has-sbar{padding-bottom:64px}.sbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px;background:var(--bg);border-top:1px solid var(--line);z-index:9}.sbar .btn{flex:1;text-align:center;padding:10px}}
.sbar{position:fixed}
@media print{header,.sbar,.ft{display:none}}

/* 2026-10-16: no horizontal overflow on iPad/iPhone landscape */
html,body{max-width:100%;overflow-x:clip}
header .w{min-width:0}
@media(min-width:861px) and (max-width:1440px){.nv,header .bs{display:none}.mb{display:flex}header .w{gap:10px}header .bp{padding:9px 12px;font-size:14px}}
/* role cards: two clear buttons */
.role{display:flex;flex-direction:column}
.role p{flex:1}
.role .rl{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:15px}
.role .rl .btn{flex:1 1 130px;text-align:center;padding:10px 14px;text-decoration:none}
.role .rl .bs{border-width:2px}
@media(max-width:860px){.role .rl .btn{flex-basis:100%}}
/* video: full width + lightbox */
.vid{width:100%}
.vlb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.vlb[hidden]{display:none}
.vlb .vbox{position:relative;width:min(90vw,1200px,calc((100vh - 96px)*16/9));aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #000a}
.vlb iframe{width:100%;height:100%;border:0;display:block}
.vlb .vx{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#000;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.vlb .vx:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
@media(max-width:860px){.vlb{padding:8px}.vlb .vbox{width:min(100vw - 16px,calc((100vh - 80px)*16/9));border-radius:8px}}
body.vlb-open{overflow:hidden}
/* Connect with us: mint community band above the footer (Oct 2026) */
.kmsc{background:var(--mint);padding:48px 0;border-top:1px solid var(--line)}
.kmsc .hd{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.kmsc .hat{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#0F6B63;flex-shrink:0}
.kmsc .hat svg>circle{display:none}
.kmsc h2{font-size:26px;margin:0}.kmsc .hd p{margin:2px 0 0;color:var(--mut);font-size:15px}
.kmsc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
a.kmsc-c{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
a.kmsc-c .kmsoc-i{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#0F6B63;color:#fff;flex-shrink:0;transition:background .15s}
a.kmsc-c .kmsoc-i svg{width:24px;height:24px}
.kmsc-t{display:flex;flex-direction:column;line-height:1.25;min-width:0}.kmsc-t b{color:var(--td);font-size:15.5px}.kmsc-t small{color:var(--mut);font-size:13px}
.kmsc-ar{margin-inline-start:auto;color:var(--t);font-weight:700;opacity:.5;transition:opacity .15s,transform .15s}
a.kmsc-c:hover,a.kmsc-c:focus-visible{border-color:var(--t);box-shadow:0 6px 16px #0F4F4A1f;transform:translateY(-2px);outline:none}
a.kmsc-c:focus-visible{box-shadow:0 0 0 3px #4C9E9780}
a.kmsc-c:hover .kmsoc-i{background:#4C9E97}a.kmsc-c:hover .kmsc-ar{opacity:1;transform:translateX(3px)}
[dir=rtl] .kmsc-ar{transform:scaleX(-1)}[dir=rtl] a.kmsc-c:hover .kmsc-ar{transform:scaleX(-1) translateX(3px)}
:root[data-theme=dark] a.kmsc-c .kmsoc-i,:root[data-theme=dark] .kmsc .hat{background:#2f7f78}
@media(max-width:1100px){.kmsc ul{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.kmsc{padding:36px 0}.kmsc h2{font-size:22px}.kmsc ul{grid-template-columns:1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){a.kmsc-c,.kmsc-ar{transition:none}a.kmsc-c:hover{transform:none}}
@media print{.kmsc{display:none}}
/* KindyMenu TV page (2026-10-19): vertical Chef Sam episodes, click-to-play youtube-nocookie */
.tvg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tvc{display:flex;flex-direction:column;padding:14px}.tvc h3{margin:6px 0 6px}.tvc p{margin:0 0 8px}.vid.tvv{aspect-ratio:4/5}.vid.tvv img{object-position:50% 40%}.tvtag{font-size:13px;font-weight:600;color:var(--td);margin-top:12px!important}
@media(max-width:860px){.tvg{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
.vbox.vert{width:min(90vw,480px,calc((100vh - 96px)*9/16));aspect-ratio:9/16}