:root{--ivory:#F8F2E5;--sage:#DDE6D2;--butter:#FFF1BE;--ink:#16130C;--gold:#F5C400;--deep:#B88A00;--leaf:#3E6A3A;--card:#FFFFFF;--muted:#5E5848;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ivory:#F8F2E5;--sage:#DDE6D2;--butter:#FFF1BE;--ink:#16130C;--card:#fff;--muted:#5E5848}}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{font-family:'Cairo','Segoe UI',Tahoma,sans-serif;background:var(--ivory);color:var(--ink);line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:auto;padding:0 20px}
section{padding:72px 0}
h2{font-size:clamp(26px,5vw,40px);font-weight:600;line-height:1.3;margin-bottom:12px}
.sub{color:var(--muted);max-width:560px;font-size:17px;margin-bottom:36px}
.btn{display:inline-block;background:var(--ink);color:var(--gold);font:600 18px 'Cairo',sans-serif;padding:15px 34px;border-radius:50px;border:0;cursor:pointer;text-decoration:none;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.pulse{animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,196,0,.7)}70%{box-shadow:0 0 0 18px rgba(245,196,0,0)}100%{box-shadow:0 0 0 0 rgba(245,196,0,0)}}
:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.kz-header{position:fixed;top:env(safe-area-inset-top,0px);inset-inline:0;z-index:20;background:rgba(248,242,229,.9);backdrop-filter:blur(8px)}
.kz-header .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{font:600 24px 'Cairo';letter-spacing:2px}
.logo i{color:var(--deep);font-style:normal}
.kz-header .btn{padding:8px 22px;font-size:15px}
/* hero */
.hero{padding-top:110px;background:radial-gradient(circle at 80% 30%,var(--butter),transparent 55%),var(--ivory)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(34px,7vw,62px);font-weight:600;line-height:1.1}
.hero h1 span{display:block;color:var(--deep)}
.hero p{font-size:19px;color:var(--muted);margin:18px 0 28px;max-width:440px}
.hero .in>*{opacity:0;transform:translateY(24px);animation:up .8s forwards}
.hero .in>*:nth-child(2){animation-delay:.15s}.hero .in>*:nth-child(3){animation-delay:.3s}.hero .in>*:nth-child(4){animation-delay:.45s}
@keyframes up{to{opacity:1;transform:none}}
.pv{position:relative;display:grid;place-items:center}
.pv img{width:min(420px,100%);border-radius:28px;animation:float 5s ease-in-out infinite;box-shadow:0 30px 60px -20px rgba(80,60,0,.35)}
@keyframes float{50%{transform:translateY(-14px)}}
.badge{position:absolute;background:var(--card);border-radius:18px;padding:8px 16px;font-weight:600;font-size:14px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.b1{top:8%;inset-inline-start:-4%}.b2{bottom:10%;inset-inline-end:-2%}
.stats{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}
.stats b{font-size:34px;font-weight:600;display:block;line-height:1.1}
.stats small{color:var(--muted)}
/* ingredients */
.ing{background:var(--sage)}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.ic{background:var(--card);border-radius:22px;padding:26px}
.ic em{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--gold);font-style:normal;font-size:22px;margin-bottom:12px}
.ic h3{font-size:19px;font-weight:600}.ic p{color:var(--muted);font-size:15px}
/* dose */
.dose{background:var(--butter)}
.dose .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.step{display:flex;gap:16px;background:#fff8dd;border:2px solid var(--gold);border-radius:20px;padding:18px 20px;margin-bottom:14px}
.step b{font-size:30px;font-weight:600;color:var(--deep);line-height:1}
.step h3{font-size:18px;font-weight:600}.step p{color:var(--muted);font-size:15px}
.dose img{border-radius:26px;box-shadow:0 24px 50px -20px rgba(0,0,0,.35)}
/* gallery */
.gal .gr{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none}.gal .gr::-webkit-scrollbar{display:none}.nav{display:flex;gap:10px;margin-bottom:14px}.nav button{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);background:transparent;font:600 22px 'Cairo';cursor:pointer}.nav button:hover{background:var(--gold)}
.gal img{border-radius:24px;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .4s}
.gal figure{flex:0 0 min(320px,80%);scroll-snap-align:center;overflow:hidden;border-radius:24px}.gal figure:hover img{transform:scale(1.04)}
/* benefits band */
.band{background:var(--sage);padding:48px 0}
.band .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center}
.band b{font-size:20px;font-weight:600;display:block}.band span{color:var(--muted);font-size:15px}
/* pricing */
.price{background:var(--ivory)}
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:stretch}
.pk{position:relative;background:var(--card);border:2px solid transparent;border-radius:28px;padding:30px 24px;text-align:center;cursor:pointer;transition:.25s;display:flex;flex-direction:column}
.pk:hover,.pk.sel{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 24px 40px -20px rgba(120,90,0,.4)}
.pk.top{background:var(--ink);color:#fff}
.pk .tag{position:absolute;top:-14px;inset-inline:0;margin:auto;width:max-content;background:var(--gold);color:var(--ink);font-weight:600;font-size:13px;padding:3px 16px;border-radius:30px}
.pk h3{font-size:22px;font-weight:600}
.pk .amt{font-size:46px;font-weight:600;line-height:1.2;margin:10px 0 0}.pk .amt small{font-size:18px}
.pk del{opacity:.55}
.pk p{font-size:14px;opacity:.75;margin:4px 0 18px;flex:1}
.pk .btn{background:var(--gold);color:var(--ink);padding:12px 20px}
.pk.top .btn{background:var(--gold)}
/* order */
.order{background:var(--butter)}
form{max-width:560px;margin:auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 24px 50px -24px rgba(0,0,0,.3)}
label{display:block;font-weight:600;font-size:15px;margin:14px 0 4px}
input,select,textarea{width:100%;font:600 16px 'Cairo',sans-serif;padding:13px 14px;border-radius:14px;border:2px solid #e6dfc9;background:#fffdf6;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
.tot{display:flex;justify-content:space-between;font-weight:600;font-size:20px;margin:20px 0 14px;padding-top:14px;border-top:2px dashed #e6dfc9}
form .btn{width:100%}
.ok{display:none;text-align:center;padding:30px 0}.ok h3{font-size:26px;font-weight:600}
.kz-footer{background:var(--ink);color:#cfc7b0;padding:36px 0 90px;font-size:13px;text-align:center}
.kz-footer b{color:var(--gold);font-size:22px;display:block;letter-spacing:2px}
.sticky{display:none}
@media (max-width:760px){
 .hero .wrap,.dose .wrap{grid-template-columns:1fr}
 .hero{text-align:center}.hero p{margin-inline:auto}.stats{justify-content:center}
 .sticky{display:block;position:fixed;bottom:0;inset-inline:0;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(248,242,229,.95)}
 .sticky .btn{width:100%;text-align:center}
 section{padding:56px 0}
}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.hero .in>*{opacity:1;transform:none}}

/* Typography refinement: preserve the supplied design and content. */
body{font-family:'Cairo',Tahoma,Arial,sans-serif;font-weight:400;line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.logo,.stats b,.step b,.pk .amt,.tot,.ok h3{font-weight:700;letter-spacing:0}
.hero h1{font-weight:700;line-height:1.5;font-size:clamp(32px,4.8vw,54px)}
h2{line-height:1.55;font-size:clamp(27px,3.5vw,38px)}
.hero p{font-size:18px;line-height:1.95}
.sub{font-size:17px;line-height:1.95}
.btn{font-family:'Cairo',Tahoma,Arial,sans-serif;font-weight:600;line-height:1.6;font-size:17px}
.logo{font-family:'Cairo',sans-serif;font-weight:700;letter-spacing:2px}
.ic h3,.step h3,.pk h3,.band b{font-weight:600;line-height:1.65}
.ic p,.step p,.pk p,.band span{line-height:1.9}
.badge,label,.pk .tag{font-weight:600}
input,select,textarea{font-family:'Cairo',Tahoma,Arial,sans-serif;font-weight:400;line-height:1.65}
.stats b{line-height:1.5;font-variant-numeric:tabular-nums}
.pk .amt{line-height:1.6;font-variant-numeric:tabular-nums}
.nav button{font-family:'Cairo',sans-serif;font-weight:600}
.kz-footer{line-height:2}
@media(max-width:760px){.hero h1{font-size:clamp(30px,7.7vw,42px);line-height:1.5}.hero p{font-size:17px;line-height:1.9}.btn{font-size:16px}.stats b{font-size:29px}.stats small{font-size:12px;line-height:1.8}.ic h3{font-size:20px}.pk h3{font-size:23px}}


/* Cairo medium weights and centered composition */
body{font-family:'Cairo',Tahoma,sans-serif;font-weight:500;text-align:center}
body h1,body h2,body h3,body .btn,body .stats b,body .pk .amt,body label,body .tot,body .badge{font-weight:600}
p,.sub,.hero p{margin-inline:auto}.hero .wrap,.dose .wrap{grid-template-columns:1fr;justify-items:center;gap:36px}.hero .in{max-width:800px}.hero p{max-width:650px}.hero h1{max-width:850px;font-weight:600;line-height:1.6}.hero .pv{max-width:380px;width:100%}.stats,.nav{justify-content:center}.sub{margin-inline:auto}.ic em{margin-inline:auto}.step{justify-content:center;align-items:center}.dose .wrap>div{width:100%;max-width:650px}.dose .wrap>img{max-width:400px}input,select,textarea,label{text-align:center;font-family:'Cairo',Tahoma,sans-serif;font-weight:500}.kz-header .wrap{height:76px}.product-logo{width:124px;height:55px;background:#111;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-logo svg{width:114px;height:50px}.hero{padding-top:125px}.ic h3{font-weight:600}.goal-orbit{width:min(720px,100%);height:540px;position:relative;margin:20px auto 0}.orbit-ring{position:absolute;width:360px;height:360px;left:50%;top:75px;transform:translateX(-50%);border:1px dashed #b9a45f;border-radius:50%}.orbit-core{position:absolute;left:50%;top:165px;transform:translateX(-50%);width:185px;height:185px;border-radius:50%;background:#19180f;color:#f6d666;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 0 12px #f5c40020}.orbit-core>span{font-size:43px;line-height:1.2}.orbit-core strong{font-size:22px;line-height:1.8;font-weight:600}.orbit-goal{position:absolute;background:#fffdf6;border:1px solid #d7c77e;padding:19px 22px;border-radius:23px;box-shadow:0 12px 30px #49430c0a;width:220px}.orbit-goal>span{font-size:12px;color:#9c7d12}.orbit-goal h3{font-size:18px;line-height:1.9}.goal-one{top:5px;left:50%;transform:translateX(-50%)}.goal-two{top:320px;right:0}.goal-three{top:320px;left:0}.goal-result{max-width:690px;margin:0 auto 40px}.goal-result>span{display:inline-block;color:#8c7014;background:#f8e8ab;border-radius:30px;padding:7px 25px;font-weight:600;margin-bottom:18px}.goal-result h2{font-size:clamp(26px,4vw,37px);font-weight:600}.goal-result p{font-size:14px;color:var(--muted);line-height:2}.ing .grid4{max-width:960px;margin:auto}.ing .ic{padding:25px 16px}.ing .ic h3{font-size:18px}.pk .amt{font-weight:600}.tot{justify-content:center;gap:30px}@media(max-width:600px){.goal-orbit{height:510px;max-width:360px}.orbit-ring{width:250px;height:300px;top:80px}.orbit-core{top:150px;width:150px;height:150px}.orbit-core strong{font-size:18px}.orbit-core>span{font-size:35px}.orbit-goal{width:155px;padding:14px 9px;border-radius:18px}.orbit-goal h3{font-size:14px}.goal-one{width:190px;top:5px}.goal-two,.goal-three{top:345px}.hero h1{font-size:30px}.hero p{font-size:16px}.ing .grid4{grid-template-columns:1fr 1fr;gap:12px}.ing .ic h3{font-size:15px}.kz-header .wrap{height:72px}.product-logo{width:112px;height:52px}.product-logo svg{width:104px;height:46px}}


.wordmark{font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:500!important;letter-spacing:3px!important;line-height:1;transform:scaleX(1.12);transform-origin:right;color:#b38b24}
label small{font-size:11px;font-weight:400;color:var(--muted)}
@keyframes ctaLift{0%,100%{transform:translateY(0);box-shadow:0 4px 12px #b88a0015}50%{transform:translateY(-3px);box-shadow:0 7px 22px #b88a0033}}
.sticky .btn{animation:ctaLift 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.sticky .btn{animation:none}}

/* Native editor blocks retain the layout. */
.wp-block-group{box-sizing:border-box}.hero .in>*{opacity:1;transform:none;animation:none}.rv{opacity:1;transform:none}.ketoza-page .wp-block-image{margin:0}.pv .wp-block-image{max-width:380px;width:100%}.pv img{width:100%}.dose .wrap>.wp-block-image{max-width:400px}.hero .wrap>div:first-child{max-width:800px}.ic p{margin:0}.ic em{display:inline-grid}.ketoza-page .sub{margin-bottom:30px}.goal-orbit p{margin:0}.orbit-core p{font-size:22px;line-height:1.8}.orbit-core p>span{display:block;font-size:43px}.wordmark{white-space:nowrap}.gr>.wp-block-group{flex:0 0 min(320px,80%)}.gal .gr .wp-block-image{width:100%}.kz-header .wrap>.has-text-align-center{margin:0}.kz-header{padding:0}.sticky p{margin:0}.ketoza-page .grid4{display:grid}.stats>div{max-width:230px}.stats b{display:block}.stats small{display:block}.form-success{padding:25px;border:2px solid #8ba174;background:#eef6e4;border-radius:18px}.form-error{color:#8c3020;padding:15px}.kz-trap{position:absolute;left:-9999px;opacity:0}.ketoza-page #fields>p{margin-top:0}.ketoza-page .tot{gap:22px}.kz-status{background:#fff4b7;border-radius:10px;padding:10px}.ketoza-page .pk p:last-child{flex:0;margin-bottom:0}

/* Mobile zoom repair: contain hidden fields and keep the header in document flow. */
html,body{max-width:100%;overflow-x:clip}
.ketoza-page{width:100%;max-width:100%;min-width:0}
.ketoza-page .wp-block-group,.ketoza-page .wrap{min-width:0;max-width:100%}
.ketoza-page .wrap{width:100%;max-width:1080px}
.ketoza-page #f{position:relative;max-width:100%;width:560px}
.ketoza-page .kz-trap{position:absolute!important;inset:auto!important;left:0!important;top:0!important;width:1px!important;height:1px!important;max-width:1px!important;overflow:hidden!important;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.ketoza-page .gal .gr{width:100%;max-width:100%;min-width:0;contain:inline-size;overflow-x:auto;overscroll-behavior-inline:contain}
.ketoza-page img{max-width:100%;height:auto}
@media(max-width:760px){
 .ketoza-page .kz-header{position:relative!important;top:auto!important;inset-inline:auto;backdrop-filter:none}
 .ketoza-page .kz-header .wrap{height:72px;padding-inline:20px}
 .ketoza-page .hero{padding-top:32px}
 .ketoza-page .wordmark{transform:none;font-size:25px!important;letter-spacing:2px!important}
 .ketoza-page .badge{max-width:calc(100% - 20px)}
 .ketoza-page .b1{inset-inline-start:0}.ketoza-page .b2{inset-inline-end:0}
 .ketoza-page .goal-orbit{max-width:100%}
 .ketoza-page .pg{grid-template-columns:minmax(0,1fr)}
 .ketoza-page form{padding:24px 18px}
 .ketoza-page input,.ketoza-page select,.ketoza-page textarea{min-width:0;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.ketoza-page .sticky .btn{animation:none}}
