.pin{height:100vh;height:100svh;height:100dvh;position:sticky;top:0;overflow:hidden}.cv3{position:absolute;inset:0;overflow:hidden}.cv3 canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cv3 .lab,.cv3 .sl{pointer-events:none;will-change:transform;white-space:nowrap;visibility:hidden;position:absolute;top:0;left:0}.cv3.ready .lab,.cv3.ready .sl{visibility:visible}.x-eyebrow{margin-bottom:18px}.x-hero{background:var(--klio-swamp);height:260vh;color:var(--klio-white)}.x-hero-top{z-index:2;text-align:center;justify-content:center;padding-top:clamp(120px,17vh,180px);display:flex;position:relative}.x-hero h1{font:600 clamp(38px,min(5.2vw,7.4vh),92px)/.98 var(--font-sans);letter-spacing:-.045em;text-wrap:balance;max-width:14em;padding-bottom:.04em}.x-hero h1 em{color:var(--klio-cruise);font-style:normal}.x-hero .lab{font:600 12px/1 var(--font-sans);letter-spacing:.12em;color:var(--klio-foam)}.x-hero .lab.k{background:var(--klio-cruise);height:34px;color:var(--klio-swamp);opacity:0;transition:opacity .5s var(--ease-standard);border-radius:999px;align-items:center;padding:0 14px;display:flex}.x-hero .built .lab.k{opacity:1}.x-cap{z-index:2;pointer-events:none;height:3em;font:400 clamp(22px,2.3vw,36px)/1.15 var(--font-slab);position:absolute;bottom:clamp(28px,6vh,64px);left:0;right:0}.x-cap p{text-align:center;width:min(92%,820px);color:var(--klio-white);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.x-cap .c1{font:600 13px/1 var(--font-sans);letter-spacing:.12em;color:var(--klio-foam);opacity:clamp(0,calc(1 - var(--p,0) * 10),1)}.x-cap .c2{opacity:min(clamp(0,calc((var(--p,0) - .16) * 9),1),clamp(0,calc((.64 - var(--p,0)) * 9),1))}.x-cap .c3{color:var(--klio-cruise);opacity:clamp(0,calc((var(--p,0) - .74) * 9),1)}@media (max-width:900px){.x-hero-top{padding-top:112px}}.x-proof{background:var(--klio-deep-teal);height:260vh}.x-proof .cv3{left:38%}.x-pf{z-index:2;align-items:center;height:100%;display:flex;position:relative}.pf-st{width:min(100%,560px);min-height:360px;position:relative}.pf-st>div{flex-direction:column;gap:20px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pf-a{opacity:clamp(0,calc(1 - (var(--p,0) - .3) * 7),1)}.pf-b{opacity:clamp(0,calc((var(--p,0) - .5) * 7),1)}.pf-st .h2{font-size:clamp(40px,5.2vw,88px)}.pf-a .h2{color:var(--klio-foam)}@media (max-width:860px){.x-proof .cv3{top:42%;left:0}.x-pf{padding-top:calc(var(--nav-h) + var(--pin-gap));align-items:flex-start}.pf-st{min-height:260px}.pf-st>div{top:0;transform:none}}.x-work{background:var(--klio-magnolia);height:340vh}.x-work .pin{flex-direction:column;justify-content:center;gap:clamp(28px,5vh,56px);padding-top:60px;display:flex}.x-wh{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(24px,4vw,72px);display:grid}.x-wh-side{flex-direction:column;gap:18px;display:flex}.x-wh-side .lead{font-size:clamp(17px,1.3vw,20px)}.x-tags{flex-wrap:wrap;gap:6px;display:flex}.x-tags span{border:1.5px solid var(--klio-rule);min-height:32px;font:500 14px/1 var(--font-sans);color:var(--klio-deep-teal);border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.x-work .tv{padding-bottom:4px;overflow:hidden}.x-work .track{will-change:transform;gap:16px;width:max-content;margin:0;padding:0 clamp(20px,4vw,60px);list-style:none;display:flex}.wk{--bg:var(--klio-white);--ink:var(--klio-deep-teal);--n:var(--klio-foam);background:var(--bg);width:clamp(270px,24vw,360px);height:clamp(300px,44vh,430px);box-shadow:0 1px 0 var(--klio-rule);border-radius:32px;flex-direction:column;flex:none;gap:14px;padding:28px;display:flex}.wk .n{font:600 clamp(56px,5vw,84px)/.85 var(--font-sans);letter-spacing:-.06em;color:var(--n)}.wk h3{font:600 clamp(24px,2vw,30px)/1.05 var(--font-sans);letter-spacing:-.02em;color:var(--ink);margin-top:auto}.wk p{font:400 clamp(18px,1.4vw,21px)/1.28 var(--font-slab);color:var(--ink)}.wk.end{background:var(--klio-cruise);justify-content:flex-end;width:clamp(300px,30vw,440px)}.wk.end p{font:400 clamp(24px,2.2vw,34px)/1.12 var(--font-slab);color:var(--klio-swamp)}.x-bar{background:var(--klio-foam);border-radius:3px;height:3px;overflow:hidden}.x-bar i{background:var(--klio-lagoon);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}@media (max-width:860px){.x-wh{grid-template-columns:minmax(0,1fr);gap:18px}}@media (max-width:799px){.x-work{height:auto}.x-work .pin{height:auto;padding:96px 0;position:static;overflow:visible}.x-work .tv{scroll-snap-type:x mandatory;scrollbar-width:none;overflow:auto hidden}.x-work .tv::-webkit-scrollbar{display:none}.wk{scroll-snap-align:center;width:78vw;height:360px}.x-bar{display:none}}.wk{--n:var(--klio-lagoon)}.wk:not(.end) p:not(.do){min-height:3.84em}.wk .do{border-top:1px solid var(--klio-rule);min-height:4.2em;font:400 clamp(15px,1.05vw,17px)/1.4 var(--font-sans);color:#3a4a49;padding-top:14px}.wk:not(.end) h3{min-height:2.1em}.wk.end{background:var(--klio-deep-teal)}.wk.end p{color:#fff}.x-how{background:var(--klio-swamp);height:360vh}.x-how .cv3{left:34%}.x-hw{z-index:2;align-items:center;height:100%;display:flex;position:relative}.x-hw-txt{flex-direction:column;gap:22px;width:min(100%,440px);display:flex}.st-count{color:var(--klio-white);align-items:baseline;gap:10px;display:flex}.st-count b{font:600 clamp(96px,11vw,180px)/.86 var(--font-sans);letter-spacing:-.07em;font-variant-numeric:tabular-nums}.st-count span{font:600 26px/1 var(--font-sans);color:var(--klio-lagoon)}.stps{min-height:170px;margin:0;padding:0;list-style:none;position:relative}.stp{opacity:0;transition:opacity .45s var(--ease-standard),transform .45s var(--ease-standard);flex-direction:column;gap:12px;display:flex;position:absolute;inset:0 0 auto;transform:translateY(14px)}.stp.on{opacity:1;transform:none}.stp h3{font:600 clamp(36px,3.6vw,58px)/1 var(--font-sans);letter-spacing:-.04em;color:var(--klio-cruise)}.stp p{color:var(--klio-ice);max-width:24em;font-size:clamp(17px,1.3vw,20px);line-height:1.45}.st-dots{gap:6px;display:flex}.st-dots i{background:#b2edd033;border-radius:3px;flex:1;height:3px;transition:background .4s}.st-dots i.on{background:var(--klio-cruise)}.x-how .sl{background:var(--klio-swamp);height:30px;font:600 12px/1 var(--font-sans);letter-spacing:.09em;color:var(--klio-cruise);border-radius:999px;align-items:center;padding:0 12px;display:flex}.x-ai{z-index:2;font:400 clamp(20px,1.8vw,28px)/1.15 var(--font-slab);color:var(--klio-white);pointer-events:none;justify-content:flex-end;display:flex;position:absolute;bottom:clamp(96px,12vh,120px);left:0;right:0}.x-ai span{color:var(--klio-cruise);margin-left:.3em}@media (max-width:860px){.x-how .cv3{top:46%;left:0}.x-hw{padding-top:calc(var(--nav-h) + var(--pin-gap));align-items:flex-start}.st-count b{font-size:84px}.stps{min-height:150px}.x-ai{text-align:center;justify-content:center;font-size:18px}}.x-cv{background:var(--klio-magnolia);height:230vh}.x-cv-in{padding-top:var(--nav-h);flex-direction:column;justify-content:center;gap:clamp(18px,3vh,28px);display:flex}.x-cv .no{font:600 clamp(18px,1.6vw,24px)/1.2 var(--font-sans);color:var(--fg-2);text-decoration:line-through;text-decoration-thickness:2px}.x-cv .big{font:400 clamp(28px,3.5vw,58px)/1.14 var(--font-slab);letter-spacing:-.02em;max-width:22em}.x-cv .big .w{color:var(--klio-rule);transition:color .25s}.x-cv .big .w.lit{color:var(--klio-deep-teal)}.x-cv-foot{opacity:clamp(0,calc((var(--p,0) - .72) * 6),1);flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:clamp(8px,2vh,20px);display:flex}.x-cv-foot b{font:600 clamp(24px,2.4vw,36px)/1 var(--font-sans);letter-spacing:-.03em;color:var(--klio-lagoon)}.x-cv-foot ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.x-cv-foot li{background:var(--klio-deep-teal);min-height:38px;color:var(--klio-white);font:500 15px/1 var(--font-sans);border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.x-show{height:100vh;background:var(--klio-deep-teal);height:100svh;min-height:560px;position:relative;overflow:hidden}.x-show .show-media{height:124%;position:absolute;top:-12%;left:0;right:0}.x-show .show-media>*,.x-show .show-media img{object-fit:cover;width:100%;height:100%}.x-show .show-media picture{display:block}.x-show .show-media .slot-empty{background:linear-gradient(160deg,var(--klio-deep-teal),var(--klio-swamp))}.x-show .show-media .slot-empty svg{color:#b2edd01a}.x-show-in{z-index:2;pointer-events:none;position:absolute;bottom:clamp(92px,12vh,120px);left:0;right:0}.sc-plate{background:var(--klio-swamp);color:var(--klio-white);pointer-events:auto;border-radius:32px;flex-direction:column;gap:16px;max-width:640px;padding:clamp(24px,3vw,40px);display:inline-flex}.sc-plate .eyebrow{color:var(--klio-cruise)}.sc-plate h2{font:600 clamp(34px,4.2vw,64px)/.95 var(--font-sans);letter-spacing:-.04em}.sc-plate h2 span{color:var(--klio-cruise);font:400 .74em/1.05 var(--font-slab);letter-spacing:-.02em;margin-top:.22em;display:block}.sc-plate p{color:var(--klio-ice);font-size:17px;line-height:1.45}.x-faq{background:var(--klio-magnolia)}.stick{z-index:55;background:var(--klio-swamp);color:var(--klio-white);box-shadow:var(--shadow-float);transition:transform .5s var(--ease-standard);border-radius:999px;align-items:center;gap:18px;max-width:calc(100% - 24px);padding:8px 8px 8px 24px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%,140%)}.stick.on{transform:translate(-50%)}.stick p{font:500 15px/1.2 var(--font-sans);color:var(--klio-ice);white-space:nowrap}.stick p b{color:var(--klio-white);font-weight:600}.stick .dot{background:var(--klio-cruise);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.stick .btn{white-space:nowrap}@media (max-width:640px){.stick{justify-content:space-between;gap:10px;padding-left:18px;bottom:12px;left:12px;right:12px;transform:translateY(140%)}.stick.on{transform:none}.stick p .x{display:none}.stick .btn{width:auto;padding:0 16px}}@media (max-height:700px){.x-hero-top{padding-top:96px}.x-hero h1{font-size:clamp(32px,4vw,64px)}.x-cap{font-size:clamp(18px,1.8vw,26px);bottom:18px}}@media (prefers-reduced-motion:reduce){.x-hero,.x-proof,.x-how,.x-cv{height:100vh;height:100svh}.x-work{height:auto}.x-work .pin{height:auto;padding:96px 0;position:static;overflow:visible}.x-work .tv{scroll-snap-type:x mandatory;overflow-x:auto}.x-bar{display:none}.stick{transition:none}.stps{flex-direction:column;gap:18px;min-height:0;display:flex}.stp{opacity:1;position:static;transform:none}.st-count,.st-dots{display:none}.x-cap{height:auto;position:absolute}.x-cap p{margin:0 auto 10px;position:static;transform:none}.x-cap .c1{display:none}.x-cap .c2,.x-cap .c3{opacity:1}.pf-st{min-height:0}.pf-st>div{opacity:1;position:static;transform:none}.pf-st>div+div{margin-top:28px}}@media (max-width:640px){.x-hero-top{padding-top:124px}.x-how .sl{letter-spacing:.03em;height:22px;padding:0 7px;font-size:10px}.x-proof .cv3{top:36%;bottom:84px}.x-how .cv3{top:50%;bottom:150px}.x-hw-txt{gap:16px}.st-count b{font-size:56px}.st-count span{font-size:20px}.stps{min-height:112px}.stp{gap:8px}.stp h3{font-size:var(--ph-h3)}.stp p{font-size:var(--ph-body)}.pf-st .h2{font-size:var(--ph-h2)}.x-ai{font-size:17px;bottom:92px}.x-work .pin{gap:28px;padding:72px 0 64px}.x-wh-side{gap:14px}.wk{border-radius:28px;height:340px;padding:24px}.sc-plate{border-radius:24px;gap:12px;padding:22px}.sc-plate p{font-size:var(--ph-body)}.x-cv-in{gap:16px}.x-cv .big{font-size:clamp(22px,6.4vw,28px)}.x-cv-in{padding-bottom:72px}}@media (max-width:640px) and (max-height:700px){.x-hw{padding-top:calc(var(--nav-h) + var(--pin-gap))}.x-hw-txt{gap:14px}.st-count b{font-size:48px}.stps{min-height:104px}.stp h3{font-size:24px}.x-ai{display:none}.x-how .cv3{bottom:80px}.x-cv .big{font-size:21px}.x-cv-foot li{min-height:32px;font-size:14px}}@media (max-width:799px) and (prefers-reduced-motion:no-preference){.x-work{height:380vh}.x-work .pin{height:100vh;height:100svh;height:100dvh;padding:calc(var(--nav-h) + var(--pin-gap)) 0 0;justify-content:flex-start;gap:24px;position:sticky;overflow:hidden}.x-work .tv{scroll-snap-type:none;overflow:hidden}.wk{width:78vw}.x-bar{display:block}}@media (max-width:640px) and (prefers-reduced-motion:no-preference){.x-work .pin{gap:clamp(18px,3.2svh,32px);padding-bottom:calc(68px + clamp(20px,4svh,40px))}.x-wh{gap:clamp(12px,2svh,20px)}.x-wh-side{gap:clamp(12px,1.8svh,18px)}.x-tags{gap:6px}.x-tags span{min-height:30px;padding:0 12px;font-size:13px}.x-work .tv{flex:auto;min-height:278px;max-height:400px;padding-bottom:4px;display:flex}.x-work .track{align-items:stretch}.wk{height:auto;padding:22px}.wk .do,.wk:not(.end) p:not(.do){min-height:0}.wk .n{font-size:44px}}@media (max-width:640px) and (max-height:800px) and (prefers-reduced-motion:no-preference){.x-work .pin{gap:16px}.x-wh,.x-wh-side{gap:10px}.x-work .tv{min-height:268px}.wk{gap:10px;padding:20px}.wk .n{font-size:38px}.wk .do{padding-top:10px}}@media (max-width:640px) and (max-height:700px) and (prefers-reduced-motion:no-preference){.x-tags{display:none}}