.elementor-8347 .elementor-element.elementor-element-48dde3e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* CKES redesign — page-scoped. Effects only run when JS adds .ck-js */
:root{--cl-green-800:#154726;--cl-banana-400:#ffd550;--cl-banana-300:#fce8bd;--cl-cilantro-300:#d8e0a5;--cl-cilantro-400:#266b47;--cl-green-300:#f3edd1;--cl-lime-400:#97c74b;--grid-side-margin:6rem;--grid-columns:48;--scrollbar-width:14px;--grid-max-width:1480px;--grid-width:min(calc(100vw - var(--scrollbar-width) - var(--grid-side-margin)*2),var(--grid-max-width));--safe100min:max(calc(100vh - 30vw),100vh);--vh100min:100vh;--ease-in-out-sine:cubic-bezier(.445,.05,.55,.95);--ease-out-quart:cubic-bezier(.165,.84,.44,1);--ease-out-back:cubic-bezier(.175,.885,.32,1.275);--color-bg-canvas:#faf3e6;--color-text-primary:#154726;--color-text-secondary:#24301f;--color-text-muted:#8b9a86;--color-green-deep:#15472680;--color-orange-light:#f7a146;--color-green-dark:#2f4e37;--font-display:'Kanit','IBM Plex Sans Thai',ui-sans-serif,system-ui,sans-serif;--font-body:'IBM Plex Sans Thai','Kanit',ui-sans-serif,system-ui,sans-serif;--text-display:clamp(40px,6.6vw,82px);--text-heading-lg:clamp(36px,6vw,72px);--text-heading:clamp(29px,4.4vw,52px);--text-heading-sm:clamp(24px,3.2vw,38px);--text-subheading:clamp(18px,1.9vw,22px);--page-max-width:1140px;--card-padding:58px;--element-gap:6px;--radius-card:10.785px;--radius-card-lg:14.38px;--radius-tag:50px;--duration-base:300ms;--header-h:50px}
body:has(.ckx){margin:0;background:var(--color-bg-canvas)!important;color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;line-height:1.72;overflow-x:clip}
.ckx,.ckx *{box-sizing:border-box}
/* neutralise Elementor container defaults inside our layout */
.ckx .e-con,.ckx.e-con{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--margin-top:0px;--margin-bottom:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--container-widget-width:auto;--width:auto;min-height:0}
.ckx .elementor-widget{margin:0!important;--container-widget-width:auto}
.ckx .elementor-widget-container{margin:0;padding:0}
.ckx .elementor-heading-title{font:inherit!important;color:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;margin:0}
.ckx .elementor-widget-text-editor{color:inherit;font:inherit}
.ckx .elementor-widget-text-editor p:last-child{margin-bottom:0}
.ckx img,.ckx svg{display:block;max-width:100%}
.ckx a,.ckx .card-go,.ckx .faq-q{text-decoration-skip-ink:none}
.ckx h1,.ckx h2,.ckx h3,.ckx h4{margin:0;font-family:var(--font-display);color:var(--color-text-primary);text-wrap:balance}
.ckx p{margin:0;max-width:46ch}
.display{font-family:var(--font-display);font-size:var(--text-display);line-height:1.12;letter-spacing:-.02em;font-weight:900}
.heading-lg{font-family:var(--font-display);font-size:var(--text-heading-lg);line-height:1.18;letter-spacing:-.01em;font-weight:800}
.heading{font-family:var(--font-display);font-size:var(--text-heading);line-height:1.18;letter-spacing:-.015em;font-weight:700}
.heading-sm{font-family:var(--font-display);font-size:var(--text-heading-sm);line-height:1.24;letter-spacing:-.01em;font-weight:700}
.subheading{font-family:var(--font-display);font-size:var(--text-subheading);line-height:1.5;font-weight:500}
.ckx .subheading p{max-width:none}
.small{font-family:var(--font-display);font-size:13px;line-height:1.3;font-weight:500}
.caption,.ckx .caption p{font-size:12px;line-height:1.6;color:var(--color-text-muted)}
.lede,.ckx .lede p{font-weight:400;color:var(--color-text-secondary);font-size:17px;line-height:1.75}
.nw{white-space:nowrap}
.ckx a.link,.ckx .ck-link .elementor-button{display:inline-block;background:none;padding:11px 0;border-radius:0;color:var(--color-text-primary);font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1.4;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1.5px;transition:transform 420ms var(--ease-out-back),text-decoration-color var(--duration-base) ease}
.ckx a.link:hover,.ckx .ck-link .elementor-button:hover,.ckx .ck-link .elementor-button:focus-visible{color:var(--color-text-primary);text-decoration-color:currentColor;transform:translateY(-4px)}
.ckx :where(a,button):focus-visible{outline:2px solid var(--color-green-dark);outline-offset:4px}
.ckx .grid{width:var(--grid-width);margin-inline:auto;display:grid!important;grid-template-columns:repeat(48,minmax(0,1fr));column-gap:0}
.c-full{grid-column:1/-1}.c-1-24{grid-column:1/span 24}.c-1-26{grid-column:1/span 26}.c-1-34{grid-column:1/span 34}.c-1-40{grid-column:1/span 40}.c-7-36{grid-column:7/span 36}.c-27-22{grid-column:27/span 22}.c-29-20{grid-column:29/span 20}.c-25-24{grid-column:25/span 24}
.ckx .ck-sec{position:relative;padding-block:clamp(72px,10vw,150px)}
.ckx .ck-sec.section--tight{padding-block:clamp(46px,6vw,92px)}
.ckx #spec{padding-bottom:clamp(30px,4vw,56px)}.ckx #product{padding-top:clamp(30px,4vw,56px)}
.ckx .stack{display:flex!important;flex-direction:column;align-items:flex-start;gap:18px}
/* header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--header-h);background:var(--cl-green-800);color:var(--color-bg-canvas);display:flex;align-items:center;overflow:hidden;transition:height var(--duration-base) ease}
body.admin-bar .site-header{top:32px}
.site-header[data-shrunk="true"]{height:0}
.header-inner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wordmark{font-family:var(--font-display);font-weight:900;font-size:19px;letter-spacing:-.03em;line-height:1;color:var(--color-bg-canvas)!important;text-decoration:none}
.wordmark i{color:var(--cl-lime-400);font-style:normal}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav-links a{color:var(--color-bg-canvas)!important;text-decoration:none;font-family:var(--font-display);font-weight:500;font-size:12.5px;line-height:1.3;padding:0 10px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;transition:color var(--duration-base) ease}
.nav-links a:hover{color:var(--cl-banana-400)!important}
.burger,.menu-fab,.nav-close{all:unset;cursor:pointer;display:grid;place-items:center;color:var(--color-bg-canvas)}
.burger{width:44px;height:44px;margin-left:auto}
.burger svg,.menu-fab svg,.nav-close svg{width:19px;height:19px}
.burger .x,.menu-fab .x{display:none}
.burger[aria-expanded="true"] .m,.menu-fab[aria-expanded="true"] .m{display:none}
.burger[aria-expanded="true"] .x,.menu-fab[aria-expanded="true"] .x{display:block}
@media (min-width:1024px){.burger{display:none}}
@media (max-width:1023px){.nav-links{display:none}}
.menu-fab{position:fixed;top:14px;right:clamp(16px,3vw,30px);z-index:70;width:46px;height:46px;border-radius:50px;background:var(--cl-green-800);box-shadow:0 6px 20px rgba(21,71,38,.22);opacity:0;transform:scale(.72);pointer-events:none;transition:opacity var(--duration-base) ease,transform 420ms var(--ease-out-back)}
.site-header[data-shrunk="true"]~.menu-fab{opacity:1;transform:none;pointer-events:auto}
body[data-nav-open="true"] .site-header[data-shrunk="true"]~.menu-fab{opacity:0;transform:scale(.72);pointer-events:none}
.nav-panel{position:fixed;inset:0;z-index:80;background:var(--cl-green-800);color:var(--color-bg-canvas);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(76px,13vh,116px) clamp(26px,5vh,46px);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity 320ms var(--ease-out-quart),visibility 320ms var(--ease-out-quart)}
.nav-panel[data-open="true"]{opacity:1;visibility:visible}
.nav-close{position:absolute;top:14px;right:clamp(16px,3vw,30px);width:46px;height:46px;border-radius:50px;border:1px solid rgba(250,243,230,.28)}
.nav-panel-list{display:flex;flex-direction:column;gap:2px}
.nav-panel a{color:var(--color-bg-canvas)!important;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:clamp(27px,7.4vw,40px);line-height:1.32;letter-spacing:-.01em;padding-block:6px;min-height:44px;opacity:0;transform:translateY(16px);transition:opacity 460ms var(--ease-out-quart),transform 460ms var(--ease-out-quart),color var(--duration-base) ease}
.nav-panel[data-open="true"] a{opacity:1;transform:none;transition-delay:calc(var(--i,0)*52ms)}
.nav-panel a:hover{color:var(--cl-lime-400)!important}
.nav-foot{margin-top:clamp(30px,6vh,54px);padding-top:22px;border-top:1px solid rgba(250,243,230,.22);display:flex;flex-direction:column;gap:4px}
.nav-foot a{font-size:19px!important;font-weight:600;padding:0;min-height:0;opacity:1!important;transform:none!important}
.nav-foot span{font-size:14px;color:rgba(250,243,230,.72)}
.nav-scrim{position:fixed;inset:0;z-index:75;background:rgba(13,36,22,.44);opacity:0;visibility:hidden;cursor:pointer;transition:opacity var(--duration-base) ease,visibility var(--duration-base)}
.nav-scrim[data-open="true"]{opacity:1;visibility:visible}
@media (max-width:1023px){.nav-scrim{display:none}}
@media (min-width:1024px){.nav-panel{inset:0 0 0 auto;width:min(430px,40vw);justify-content:flex-start;padding-block:104px 46px;opacity:1;transform:translateX(101%);box-shadow:-20px 0 60px rgba(21,71,38,.2);transition:transform 500ms var(--ease-out-quart),visibility 500ms var(--ease-out-quart)}.nav-panel[data-open="true"]{transform:none}.nav-panel .grid{width:auto!important;margin:0;display:block!important;padding-inline:clamp(38px,3.4vw,54px)}.nav-panel a{font-size:27px}.nav-close{top:26px;right:clamp(38px,3.4vw,54px)}}
/* hero */
.ckx .hero{min-height:var(--safe100min);padding-top:calc(var(--header-h) + clamp(46px,7vw,92px));padding-bottom:clamp(46px,7vw,92px);display:flex!important;align-items:center;overflow:clip}
.ckx .hero>.grid{row-gap:46px;align-items:end}
.ckx .hero-copy{display:flex!important;flex-direction:column;align-items:flex-start;gap:24px}
.hero .display{font-size:clamp(30px,4.4vw,66px)}
@media (max-width:520px){.hero .display{font-size:clamp(26px,8vw,40px)}}
.eyebrow-en{font-family:var(--font-display);font-weight:500;font-size:clamp(11px,1.05vw,13px);line-height:1.5;letter-spacing:.26em;text-transform:uppercase;color:var(--cl-cilantro-400)}
.rule-short{display:block;width:46px;height:2px;background:var(--cl-lime-400);margin:-4px 0 2px}
.ckx .hero-actions{display:flex!important;flex-direction:row;align-items:center;gap:26px;flex-wrap:wrap}
.price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:-6px 0 0;max-width:none!important}
.price-line b{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.3;color:var(--color-text-primary)}
.price-line span{font-size:14px;line-height:1.6;color:var(--color-text-secondary)}
.price-line i{font-style:normal;color:var(--color-text-muted)}
.media{position:relative;overflow:hidden;border-radius:var(--radius-card);background:var(--cl-green-300)}
.ckx .media img{width:100%;height:100%;object-fit:cover}
.ckx .media--cont img{aspect-ratio:1145/1374;border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--color-green-deep)}
.feat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--color-green-deep);padding-top:34px;margin-top:10px}
.feat{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding-inline:clamp(16px,2vw,30px)}
.feat:first-child{padding-left:0}.feat+.feat{border-left:1px solid var(--color-green-deep)}
.feat-ic{width:52px;height:52px;border-radius:50px;border:1px solid var(--color-green-deep);display:grid;place-items:center;margin-bottom:11px;color:var(--color-text-primary)}
.feat-ic svg{width:24px;height:24px}
.feat b{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.4}
.feat span{font-size:13px;line-height:1.5;color:var(--color-text-muted)}
@media (max-width:767px){.feat-row{grid-template-columns:1fr 1fr;row-gap:30px;padding-top:28px}.feat{padding-inline:0 14px}.feat+.feat{border-left:0}.feat:nth-child(even){border-left:1px solid var(--color-green-deep);padding-left:18px}}
/* marquee */
.bar-strip{background:var(--cl-green-800);color:var(--color-bg-canvas);padding-block:16px;overflow:hidden}
.bar{display:flex;width:max-content;animation:ckmarquee 28s linear infinite}
.bar-track{display:flex;align-items:center;gap:46px;padding-right:46px;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:clamp(17px,1.9vw,22px);line-height:1.5}
.bar-dot{width:9px;height:9px;border-radius:50px;background:var(--cl-lime-400);flex:none}
@keyframes ckmarquee{to{transform:translateX(-50%)}}
/* pinned scale */
.pin-wrap{height:260vh;position:relative}
.pin{position:sticky;top:0;height:var(--vh100min);display:grid;place-items:center;overflow:clip}
.scale{width:100%;height:100%;transform:scale(var(--p,.62));border-radius:calc(var(--radius-card-lg)*(1 - var(--s,0)));overflow:hidden;will-change:transform}
.scale img{width:100%;height:100%;object-fit:cover}
.pin-caption{position:absolute;bottom:46px;left:0;right:0;display:flex;justify-content:center;padding-inline:24px;opacity:var(--s,0);transition:opacity var(--duration-base) ease}
html:not(.ck-js) .pin-wrap{height:auto}html:not(.ck-js) .pin{position:static;height:auto;padding:24px 0}html:not(.ck-js) .scale{transform:none;aspect-ratio:3/2;height:auto}html:not(.ck-js) .pin-caption{position:static;opacity:1;margin-top:12px}
.tag{display:inline-flex;align-items:center;gap:8px;border-radius:50px;border:1px solid var(--color-green-deep);padding:7px 16px;background:transparent;font-family:var(--font-display);font-size:13px;font-weight:500;line-height:1.4;color:var(--color-text-primary);text-decoration:none;transition:all var(--duration-base) ease}
button.tag{cursor:pointer;min-height:38px}button.tag:hover{background:var(--cl-green-300)}
.tag--solid{background:var(--cl-cilantro-300);border-color:transparent}
.tag[aria-pressed="true"]{background:var(--cl-green-800);color:var(--color-bg-canvas);border-color:transparent}
.tag-row{display:flex;flex-wrap:wrap;gap:6px}
/* stats cards steps */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--color-green-deep);padding-top:46px;margin-top:46px}
.stat{display:flex;flex-direction:column;gap:6px}
.stat-figure{font-family:var(--font-display);font-weight:900;font-size:var(--text-heading);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat-label{font-size:14px;line-height:1.6;color:var(--color-text-secondary);max-width:24ch}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{background:var(--color-bg-canvas);border:1px solid var(--color-green-deep);border-radius:var(--radius-card);padding:var(--card-padding);display:flex;flex-direction:column;gap:18px;transition:all var(--duration-base) ease;text-decoration:none;color:inherit!important}
a.card:hover,a.card:focus-visible{background:var(--cl-green-300)}
.card p{font-size:15px;color:var(--color-text-secondary)}
.card .icon--lg{width:34px;height:34px}
.card-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:16px;color:var(--color-text-primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1.5px;transition:text-decoration-color var(--duration-base) ease}
.card-go svg{width:17px;height:17px;flex:none;transition:transform 420ms var(--ease-out-back)}
a.card:hover .card-go{text-decoration-color:currentColor}a.card:hover .card-go svg{transform:translateX(5px)}
.ckx .steps{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:58px}
.ckx .step{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid var(--color-green-deep)}
.step-index{font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--color-text-muted);display:block}
.ckx .step h3{font-family:var(--font-display);font-size:var(--text-subheading);line-height:1.5;font-weight:500;margin:8px 0}
.ckx .step p{font-size:15px;color:var(--color-text-secondary)}
.ckx .sun-ring{width:min(100%,416px);margin:auto}
.sun-ring .ring{transform-origin:50% 50%;animation:ckspin 26s linear infinite}
.sun-ring .pulse,.story-art .soft{transform-origin:50% 50%;animation:ckpulse 3.4s var(--ease-in-out-sine) infinite}
@keyframes ckspin{to{transform:rotate(360deg)}}
@keyframes ckpulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.04);opacity:1}}
.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 38px;margin-top:54px}
.story-item{display:flex;flex-direction:column;gap:4px}
.ckx .story-art{width:100%;max-width:190px;height:auto;margin-bottom:14px;color:var(--color-text-primary)}
.story-art .soft{color:var(--color-green-deep)}
.story-item h3{font-size:20px;line-height:1.35;font-weight:700;margin-bottom:6px}
.story-item p{font-size:15px;line-height:1.75;color:var(--color-text-secondary);max-width:34ch}
.pull,.ckx .pull p{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2.2vw,25px);line-height:1.5;max-width:30ch}
.ckx .pull{padding-left:22px;border-left:2px solid var(--cl-lime-400);align-self:center}
.picker{margin-top:44px}.picker h3{font-size:17px;font-weight:700;margin-bottom:14px}
.crop-out{margin-top:26px;display:flex;flex-direction:column;gap:7px;max-width:56ch;min-height:118px;border-left:2px solid var(--cl-lime-400);padding-left:22px}
.crop-out b{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.35}
.crop-out p{font-size:15px;line-height:1.75;color:var(--color-text-secondary);max-width:none}
/* faq */
.faq{margin-top:46px}
.faq-item{border-top:1px solid var(--color-green-deep)}.faq-item:last-child{border-bottom:1px solid var(--color-green-deep)}
.faq-q{width:100%;background:none!important;border:0!important;cursor:pointer;text-align:left;padding:24px 0!important;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--font-display)!important;font-size:var(--text-subheading)!important;font-weight:500!important;color:var(--color-text-primary)!important;line-height:1.5;border-radius:0!important}
.faq-q .chev{width:17px;height:17px;flex:none;transition:transform var(--duration-base) ease}
.faq-q[aria-expanded="true"] .chev{transform:rotate(180deg)}
.faq-a{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--duration-base) ease}
.ck-js .faq-a{grid-template-rows:0fr}
.faq-a>div{overflow:hidden}
.faq-a p{padding-bottom:24px;color:var(--color-text-secondary);max-width:58ch}
.ck-js .faq-item[data-open="true"] .faq-a{grid-template-rows:1fr}
/* cta */
.ckx .cta{background:var(--cl-green-800);color:var(--color-bg-canvas);border-radius:var(--radius-card-lg);padding:clamp(34px,5vw,92px)!important;display:flex!important;flex-direction:column;gap:18px;align-items:flex-start}
.ckx .cta h2{color:var(--color-bg-canvas)}.ckx .cta p{color:rgba(250,243,230,.8)}
.ckx .cta-actions{display:flex!important;flex-direction:row;gap:26px;flex-wrap:wrap;align-items:center}
.ckx .btn-rule .elementor-button{background:none;border-radius:0;padding:0 0 4px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1.5px solid currentColor;font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--color-bg-canvas);transition:transform 420ms var(--ease-out-back),color var(--duration-base) ease}
.ckx .btn-rule .elementor-button:hover{color:var(--cl-banana-400);transform:translateY(-4px)}
.ckx .hero-actions .btn-rule .elementor-button{color:var(--color-text-primary);border-bottom:0;font-family:var(--font-body);font-weight:600;font-size:16px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1.5px}
.ckx .hero-actions .btn-rule .elementor-button:hover{text-decoration-color:currentColor;color:var(--color-text-primary)}
/* footer */
.ckx.page{position:relative;z-index:10;background:var(--color-bg-canvas)}
.site-footer{background:var(--cl-green-800);color:var(--color-bg-canvas);padding-block:58px 34px;--fp:1}
.site-footer h2,.site-footer h3{color:var(--color-bg-canvas)!important}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.footer-col{display:flex;flex-direction:column;gap:12px}
.footer-col address{font-style:normal;color:rgba(250,243,230,.8);font-size:15px;line-height:1.75}
.footer-col a{color:var(--color-bg-canvas)!important;font-weight:500;text-decoration:underline;text-underline-offset:6px}
.footer-col a:hover{color:var(--cl-banana-400)!important}
.socials{display:flex;gap:6px;margin-top:24px}
.socials a{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50px;border:1px solid rgba(250,243,230,.3);color:var(--color-bg-canvas)!important}
.socials svg{width:17px;height:17px;fill:none}
.footer-bottom{margin-top:46px;padding-top:18px;border-top:1px solid rgba(250,243,230,.25);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-bottom .caption{color:rgba(250,243,230,.66)}
body[data-footer-mode="unveil"] .site-footer{position:fixed;left:0;right:0;bottom:0;z-index:1}
body[data-footer-mode="unveil"] .ckx.page{margin-bottom:var(--footer-h,0px);border-bottom-left-radius:var(--radius-card-lg);border-bottom-right-radius:var(--radius-card-lg);box-shadow:0 24px 46px rgba(21,71,38,.16)}
.footer-inner{transform:translateY(calc((1 - var(--fp))*58px)) scale(calc(.985 + var(--fp)*.015));opacity:calc(.2 + var(--fp)*.8)}
/* reveals — only when JS is running */
.ck-js .reveal{opacity:0;transform:translateY(24px)}
.ck-js .reveal.is-visible{animation:ckslide var(--duration-base) ease both}
.ck-js .reveal-scale{opacity:0;transform:scale(.92)}
.ck-js .reveal-scale.is-visible{animation:ckscale var(--duration-base) ease both}
@keyframes ckslide{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes ckscale{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
.elementor-editor-active .reveal,.elementor-editor-active .reveal-scale{opacity:1!important;transform:none!important}
@media (max-width:1023px){:root{--grid-side-margin:3rem;--card-padding:40px}}
@media (max-width:767px){:root{--grid-side-margin:1.5rem}.c-1-24,.c-1-26,.c-1-34,.c-1-40,.c-7-36,.c-27-22,.c-29-20,.c-25-24{grid-column:1/-1!important}.card-grid,.stats,.story,.footer-cols{grid-template-columns:1fr}.ckx .steps{grid-template-columns:1fr}.card{padding:28px}.pin-wrap{height:auto}.pin{position:static;height:auto;padding-block:24px}.scale{transform:none!important;border-radius:var(--radius-card);aspect-ratio:1.4/1;height:auto}.pin-caption{position:static;opacity:1!important;margin-top:12px;padding:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ck-js .reveal,.ck-js .reveal-scale{opacity:1;transform:none}.scale{transform:scale(1)!important}.footer-inner{transform:none;opacity:1}}

/* width guards (mobile overflow fix) */
.ckx.page>.e-con,.ckx .ck-sec{width:100%!important;max-width:100%!important;min-width:0!important}
.ckx .e-con{min-width:0}
.ckx .hero{flex-direction:column!important;justify-content:center}
.ckx .bar-strip{max-width:100vw}

/* stop theme button colours leaking into menu buttons */
.ckx .burger,.ckx .nav-close,.ckx .burger:hover,.ckx .burger:focus,.ckx .nav-close:hover,.ckx .nav-close:focus{background:transparent!important;color:var(--color-bg-canvas)!important;box-shadow:none}
.ckx .menu-fab,.ckx .menu-fab:hover,.ckx .menu-fab:focus{background:var(--cl-green-800)!important;color:var(--color-bg-canvas)!important}
.ckx .faq-q:hover,.ckx .faq-q:focus,.ckx button.tag:focus{background:transparent!important;color:var(--color-text-primary)!important}
.ckx button.tag[aria-pressed="true"]{background:var(--cl-green-800)!important;color:var(--color-bg-canvas)!important}/* End custom CSS */