@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2?dpl=dpl_6tRqLYiyFH9FDEhqCRzcc1mHpzwU)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2?dpl=dpl_6tRqLYiyFH9FDEhqCRzcc1mHpzwU)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2?dpl=dpl_6tRqLYiyFH9FDEhqCRzcc1mHpzwU)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2?dpl=dpl_6tRqLYiyFH9FDEhqCRzcc1mHpzwU)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2?dpl=dpl_6tRqLYiyFH9FDEhqCRzcc1mHpzwU)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2?dpl=dpl_6tRqLYiyFH9FDEhqCRzcc1mHpzwU)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2?dpl=dpl_6tRqLYiyFH9FDEhqCRzcc1mHpzwU)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2ef1b484-module__DJ8RGa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2ef1b484-module__DJ8RGa__variable{--font-koko:"Inter", "Inter Fallback"}
.koko-case{--ed-bg:#f4f5f6;--ed-text:#151515;--ed-text-muted:#777;--ed-accent:#000;--ed-border:#0000001a;background:var(--ed-bg);color:var(--ed-text);font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif}.koko-case .koko-hero-track{background:#1a1200;height:240svh;position:relative}.koko-case .koko-hero-track .ed-hero{height:100svh;min-height:100svh;position:sticky;top:0}@media (prefers-reduced-motion:reduce){.koko-case .koko-hero-track{height:auto}.koko-case .koko-hero-track .ed-hero{height:auto;min-height:100svh;position:relative}}.koko-case img{max-width:100%;display:block}.koko-case a{color:inherit;text-decoration:none}.koko-case .container{max-width:1320px;margin:0 auto;padding:0 5%}.koko-case .ed-section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--ed-text-muted);margin-bottom:2rem;font-size:14px;font-weight:600;display:block}.koko-case .ed-body-text{color:var(--ed-text-muted);font-size:1.15rem;line-height:1.8}.koko-case .ed-hero{box-sizing:border-box;align-items:flex-end;width:100%;min-height:100svh;padding-top:clamp(6rem,14vh,9rem);padding-bottom:clamp(3rem,8vh,7rem);display:flex;position:relative;overflow:hidden}.koko-case .ed-hero-bg{z-index:0;will-change:transform;position:absolute;inset:0;overflow:hidden}.koko-case .ed-hero-overlay{z-index:4;background:linear-gradient(#0000 0%,#0a0a0a26 50%,#0a0a0aa6 100%);position:absolute;inset:0}.koko-case .ed-hero-container{z-index:5;width:100%;max-width:1320px;margin:0 auto;padding:0 5%;position:relative}.koko-case .ed-hero-title{letter-spacing:-.02em;color:#fff;margin-bottom:1.25rem;font-size:clamp(2.2rem,4.2vw,3.8rem);font-weight:300;line-height:1.1}.koko-case .ed-hero-desc{color:#fffc;max-width:540px;font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.65}.koko-case .ed-hero-content--split{justify-content:space-between;align-items:flex-end;gap:clamp(1.5rem,3.5vw,4rem);max-width:100%;display:flex}.koko-case .ed-hero-content--split .ed-hero-title-col{flex:1.2}.koko-case .ed-hero-content--split .ed-hero-desc-col{text-align:right;flex-direction:column;flex:1;align-items:flex-end;gap:1.5rem;max-width:500px;display:flex}.koko-case .ed-hero-content--split .ed-hero-desc{text-align:right}@media (max-width:1024px){.koko-case .ed-hero-content--split{flex-direction:column;align-items:flex-start;gap:1.75rem}.koko-case .ed-hero-content--split .ed-hero-desc-col,.koko-case .ed-hero-content--split .ed-hero-desc{text-align:left;align-items:flex-start;max-width:640px}}.koko-case .ed-cs-section{border-top:1px solid var(--ed-border);padding:120px 0}.koko-case .ed-cs-section--alt{background:#fff}.koko-case .ed-cs-section-header{max-width:800px;margin-bottom:5rem}.koko-case .ed-cs-title{letter-spacing:-.02em;color:var(--ed-text);font-size:clamp(28px,3.5vw,48px);font-weight:300;line-height:1.1}.koko-case .ed-gallery{padding-bottom:120px}.koko-case .ed-gallery-grid{grid-template-columns:1fr;gap:24px;display:grid}.koko-case .ed-gallery-img{will-change:transform;background:0 0;border-radius:8px;display:flex;overflow:hidden}.koko-case .ed-gallery-img img{object-fit:contain;width:100%;height:auto}.koko-case .ed-gallery-img.tall{grid-column:1/-1}.koko-case .koko-hero-cta{color:#111;cursor:pointer;background:#fff;border:none;border-radius:30px;padding:.8rem 1.8rem;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-block}.koko-case .split-word{display:inline-block}.koko-case #hero-explosion-container{background:#1a1200}.koko-case .hero-base-img{object-fit:cover;object-position:center center;z-index:1;will-change:transform, filter;width:100%;height:100%;display:block;position:absolute;inset:0}.koko-case .hero-pod{z-index:2;will-change:transform;-webkit-mask-image:radial-gradient(ellipse var(--pw,18%) var(--ph,22%) at var(--px,50%) var(--py,50%), black 0%, black 30%, #0009 55%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse var(--pw,18%) var(--ph,22%) at var(--px,50%) var(--py,50%), black 0%, black 30%, #0009 55%, transparent 75%);mask-image:radial-gradient(ellipse var(--pw,18%) var(--ph,22%) at var(--px,50%) var(--py,50%), black 0%, black 30%, #0009 55%, transparent 75%);background-image:url(/koko-hero-cardamom.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.koko-case #hero-spice-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.koko-case .ed-hero-overlay{z-index:4}.koko-case .koko-glance-section{background-color:#f8f9fa}.koko-case .koko-glance-pin{box-sizing:border-box;align-items:center;min-height:100svh;padding:7rem 0 3.5rem;display:flex}@media (min-width:961px){.koko-case .koko-glance-section{height:268svh}.koko-case .koko-glance-pin{background-color:#f8f9fa;position:sticky;top:0}}@media (min-width:961px) and (prefers-reduced-motion:reduce){.koko-case .koko-glance-section{height:auto}.koko-case .koko-glance-pin{position:relative}}.koko-case .koko-glance-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:100%;display:grid}.koko-case .koko-glance-left{max-width:28rem}.koko-case .koko-glance-logo{margin-bottom:1.75rem}.koko-case .koko-glance-logo img{width:80px;height:auto}.koko-case .koko-glance-title{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#111;margin:0 0 2rem;font-size:clamp(2rem,3.4vw,2.7rem);font-weight:400;line-height:1.2}.koko-case .koko-glance-steps{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.koko-case .koko-glance-step{color:#11111152;align-items:baseline;gap:.75rem;padding:.35rem 0;transition:color .35s;display:flex}.koko-case .koko-glance-step.is-active{color:var(--koko-tone)}.koko-case .koko-glance-step-num{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.koko-case .koko-glance-step-label{font-size:.92rem;line-height:1.3}.koko-case .koko-glance-stage{isolation:isolate;position:relative;overflow:hidden}.koko-case .koko-glance-spacer{pointer-events:none;height:16.5rem}.koko-case .koko-card{--koko-tone:#166534;--koko-tone-bg:#eaf6ef;--koko-tone-muted:#3f6b52;background:var(--koko-tone-bg);box-shadow:none;filter:none;border:0;border-radius:16px;justify-content:space-between;align-items:stretch;gap:clamp(1rem,2vw,2rem);padding:clamp(1.4rem,2.6vw,2rem);display:flex}.koko-case .koko-glance-card{background:var(--koko-tone-bg);opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:opacity .35s,visibility .35s;position:absolute;inset:0;overflow:hidden;box-shadow:none!important}.koko-case .koko-glance-card.is-active{opacity:1;visibility:visible;pointer-events:auto}.koko-case .koko-card[data-tone=sage],.koko-case .koko-glance-step[data-tone=sage]{--koko-tone:#166534;--koko-tone-bg:#e7f4ec;--koko-tone-muted:#3f6b52}.koko-case .koko-card[data-tone=sky],.koko-case .koko-glance-step[data-tone=sky]{--koko-tone:#1d4e89;--koko-tone-bg:#e7f1fa;--koko-tone-muted:#3d648c}.koko-case .koko-card[data-tone=sand],.koko-case .koko-glance-step[data-tone=sand]{--koko-tone:#8a5a12;--koko-tone-bg:#f7f0e2;--koko-tone-muted:#8b6a38}.koko-case .koko-card[data-tone=lilac],.koko-case .koko-glance-step[data-tone=lilac]{--koko-tone:#5b3f8a;--koko-tone-bg:#efeaf7;--koko-tone-muted:#6a5888}.koko-case .koko-card[data-tone=clay],.koko-case .koko-glance-step[data-tone=clay]{--koko-tone:#8b3a2d;--koko-tone-bg:#f6ebe7;--koko-tone-muted:#8a564c}.koko-case .koko-card-content{flex-direction:column;flex:1;justify-content:center;display:flex}.koko-case .koko-card-index{letter-spacing:.12em;color:var(--koko-tone);margin-bottom:.7rem;font-size:.75rem;font-weight:600;display:block}.koko-case .koko-card-content h3{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:var(--koko-tone);margin-top:0;margin-bottom:.75rem;font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:500}.koko-case .koko-card-content p{color:var(--koko-tone-muted);max-width:34rem;margin:0;font-size:1rem;line-height:1.6}.koko-case .koko-card-icon{width:132px;color:var(--koko-tone);box-shadow:none;background-color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:960px){.koko-case .koko-glance-pin{min-height:0;padding:5rem 0 4rem;display:block}.koko-case .koko-glance-grid{grid-template-columns:1fr;align-items:start;gap:2rem}.koko-case .koko-glance-left{max-width:none}.koko-case .koko-glance-title{margin-bottom:0}.koko-case .koko-glance-steps{display:none}.koko-case .koko-glance-stage{flex-direction:column;gap:1.15rem;min-height:0;display:flex;overflow:visible}.koko-case .koko-glance-spacer{display:none}.koko-case .koko-glance-card,.koko-case .koko-glance-card.is-measure,.koko-case .koko-glance-card.is-active{opacity:1;visibility:visible;pointer-events:auto;height:auto;min-height:0;position:relative;inset:auto}}@media (max-width:540px){.koko-case .koko-card{flex-direction:column;align-items:flex-start}.koko-case .koko-card-icon{width:100%;height:80px}}.koko-case .koko-3cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.5rem;display:grid}.koko-case .koko-3card{will-change:transform;background-color:#0d2818;background-image:radial-gradient(80% 60% at 10% 0,#fde0470a 0%,#0000 60%),radial-gradient(60% 40% at 90% 100%,#ffffff08 0%,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;gap:2rem;min-width:0;height:auto;padding:3rem 2.5rem;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,border-color .32s;display:flex;position:relative;overflow:hidden}.koko-case .koko-3card:hover{border-color:#fde04726;transform:translateY(-6px);box-shadow:0 20px 48px #00000038,0 4px 12px #00000024}.koko-case .koko-3card--mid{background-color:#0f2f1c;background-image:radial-gradient(80% 60% at 90% 0,#fde0470a 0%,#0000 60%),radial-gradient(60% 40% at 10% 100%,#ffffff08 0%,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.koko-case .koko-3card--accent{background-color:#112d1a;background-image:radial-gradient(100% 60% at 50% 0,#fde0470f 0%,#0000 55%),radial-gradient(60% 40% at 90% 100%,#ffffff08 0%,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-color:#fde0471f}.koko-case .koko-3card--accent:after{content:"";background:linear-gradient(90deg,#0000,#fde04780,#0000);border-radius:24px 24px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.koko-case .koko-3card-num{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;letter-spacing:.16em;color:#fde0478c;text-transform:uppercase;font-size:.72rem;font-weight:600}.koko-case .koko-3card-icon{color:#fde047cc;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:background .28s,transform .28s cubic-bezier(.22,1,.36,1);display:flex}.koko-case .koko-3card:hover .koko-3card-icon{background:#fde04714;transform:translateY(-2px)scale(1.05)}.koko-case .koko-3card-body{flex-direction:column;flex:1;gap:1.1rem;display:flex}.koko-case .koko-3card-title{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#fff;letter-spacing:-.01em;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;margin:0;font-size:1.15rem;font-weight:400;line-height:1.45;transition:color .2s}.koko-case .koko-3card:hover .koko-3card-title{color:#fde047f2}.koko-case .koko-3card-desc{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#ffffff8c;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;margin:0;font-size:.92rem;line-height:1.7;transition:color .28s}.koko-case .koko-3card:hover .koko-3card-desc{color:#ffffffb8}@media (max-width:1024px){.koko-case .koko-3cards-grid{grid-template-columns:1fr;gap:1.25rem}.koko-case .koko-3card{height:auto;padding:2.25rem 1.75rem;overflow:visible}.koko-case .koko-3card:hover{transform:none}}.koko-case .koko-cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}.koko-case .koko-cs-card{border-radius:16px;flex-direction:column;gap:1.25rem;padding:clamp(1.75rem,3vw,3rem);display:flex}.koko-case .challenge-card{background:#fef2f2;border:1px solid #fee2e2}.koko-case .solution-card{background:#f0fdf4;border:1px solid #dcfce7}.koko-case .koko-cs-card h3{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;margin:0;font-size:1.5rem;font-weight:500}.koko-case .challenge-card h3{color:#991b1b}.koko-case .solution-card h3{color:#166534}.koko-case .koko-cs-card p{margin:0;font-size:1.05rem;line-height:1.6}.koko-case .challenge-card p{color:#7f1d1d}.koko-case .solution-card p{color:#14532d}@media (max-width:860px){.koko-case .koko-cs-grid{grid-template-columns:1fr}}.koko-case .koko-timeline-section{color:#fff;background:#0d1a12;height:100svh;position:relative;overflow:hidden}.koko-case .koko-timeline-sticky{isolation:isolate;z-index:1;background:#0d1a12;width:100%;height:100%;position:relative}.koko-case .koko-timeline-bg{z-index:0;pointer-events:none;background-image:radial-gradient(55% 48% at 30% 18%,#34724b6b 0%,#0000 72%),radial-gradient(50% 46% at 72% 78%,#23573661 0%,#0000 74%);position:absolute;inset:-18%}@media (min-width:901px){.koko-case .koko-timeline-section{height:var(--koko-timeline-span,420svh);margin-top:-1px;overflow:visible}.koko-case .koko-timeline-sticky{height:100svh;position:sticky;top:0;overflow:hidden}}@media (min-width:901px) and (prefers-reduced-motion:reduce){.koko-case .koko-timeline-section{height:100svh}}.koko-case .koko-timeline-intro{z-index:4;pointer-events:none;max-width:26rem;position:absolute;top:6.5rem;left:max(5%,50% - 34rem)}.koko-case .koko-timeline-intro h2{color:#fff;margin:0 0 1rem;font-size:clamp(1.85rem,3.2vw,2.45rem);font-weight:400;line-height:1.2}.koko-case .koko-timeline-intro p{color:#ffffffc7;margin:0;font-size:1.02rem;line-height:1.6}.koko-case .koko-timeline-viewport{z-index:1;position:absolute;inset:0;overflow:hidden}.koko-case .koko-timeline-scene{will-change:transform;width:min(1040px,90vw);height:520vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.koko-case .koko-path-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.koko-case .koko-path-traveler{z-index:3;opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:opacity .18s;position:absolute;box-shadow:0 0 22px 8px #ffffff8c}.koko-case .koko-station{z-index:2;width:42%;position:absolute;transform:translateY(-50%)}.koko-case .koko-station--left{text-align:right;left:0}.koko-case .koko-station--right{text-align:left;left:58%}.koko-case .koko-text-block{opacity:0;pointer-events:none;will-change:opacity, transform;padding:0 1.25rem;transform:translateY(16px)}.koko-case .koko-text-block.is-passed{opacity:0;transform:none}.koko-case .koko-text-block.is-active{opacity:1;pointer-events:auto;transform:none}.koko-case .koko-station-index{letter-spacing:.14em;color:#ffffff73;margin-bottom:.45rem;font-size:.72rem;font-weight:600;display:block}.koko-case .koko-text-block h3{color:#fff;margin:0 0 .65rem;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:500}.koko-case .koko-text-block p{color:#ffffffd1;margin:0;font-size:1rem;line-height:1.65}.koko-case .koko-dot{z-index:2;background:#ffffff59;border-radius:50%;width:12px;height:12px;transition:transform .35s,background .35s,box-shadow .35s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(.75)}.koko-case #koko-dot-start{top:3.5%;left:50%}.koko-case .koko-station--left .koko-dot{left:auto;right:-6px;transform:translate(50%,-50%)scale(.75)}.koko-case .koko-station--right .koko-dot{left:-6px}.koko-case .koko-dot.is-lit{box-shadow:none;background:#fff;transform:translate(-50%,-50%)scale(1)}.koko-case .koko-station--left .koko-dot.is-lit{transform:translate(50%,-50%)scale(1)}.koko-case .koko-dot.is-active{background:#fff;transform:translate(-50%,-50%)scale(1.35);box-shadow:0 0 22px 7px #ffffff9e}.koko-case .koko-station--left .koko-dot.is-active{transform:translate(50%,-50%)scale(1.35)}.koko-case .koko-timeline-hud{z-index:4;color:#ffffff8c;pointer-events:none;align-items:baseline;gap:.75rem;display:flex;position:absolute;bottom:2.25rem;right:6%}.koko-case .koko-timeline-hud-num{letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#fff;font-size:.8rem;font-weight:600}.koko-case .koko-timeline-hud-label{font-size:.85rem}.koko-case .koko-timeline-mobile{display:none}@media (max-width:900px){.koko-case .koko-timeline-section{height:auto;padding:5rem 0;overflow:visible}.koko-case .koko-timeline-sticky{display:none!important}.koko-case .koko-timeline-mobile{z-index:1;flex-direction:column;gap:2rem;width:min(100%,720px);margin:0 auto;padding:0 5%;position:relative;display:flex!important}.koko-case .koko-mobile-header{text-align:left;margin-bottom:.5rem}.koko-case .koko-mobile-header h2{color:#fff;overflow-wrap:break-word;margin:0 0 1rem;font-size:clamp(1.85rem,5vw,2.4rem);font-weight:400;line-height:1.2}.koko-case .koko-mobile-header p{color:#fffc;margin:0;font-size:1rem;line-height:1.6}.koko-case .koko-mobile-steps{flex-direction:column;gap:1.25rem;width:100%;display:flex}.koko-case .koko-mobile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:1.25rem;width:100%;min-width:0;padding:1.5rem;display:flex}.koko-case .koko-mobile-badge{color:#fff;letter-spacing:.05em;background:#166534;border-radius:8px;flex-shrink:0;margin-top:.1rem;padding:.35rem .65rem;font-size:.85rem;font-weight:600}.koko-case .koko-mobile-card-content{flex:1;min-width:0}.koko-case .koko-mobile-card-content h3{color:#fff;overflow-wrap:break-word;margin:0 0 .5rem;font-size:1.25rem;font-weight:500}.koko-case .koko-mobile-card-content p{color:#ffffffbf;overflow-wrap:break-word;margin:0;font-size:.95rem;line-height:1.6}}.koko-case .koko-phones-section{background:#f8f9fa;position:relative;overflow:visible}.koko-case .koko-phones-sticky{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:0;padding-top:calc(75px + clamp(2rem,6vh,4rem));padding-bottom:clamp(4rem,8vh,6rem);display:flex;overflow:visible}.koko-case .koko-phones-sticky .container{flex-direction:column;width:100%;height:auto;display:flex}.koko-case .koko-phones-header{text-align:center;flex-shrink:0;margin-bottom:clamp(.75rem,2vh,2rem)}.koko-case .koko-phones-title{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;color:#111;margin:.5rem 0 0;font-size:clamp(1.4rem,3vw,2.6rem);font-weight:300;line-height:1.18}.koko-case .koko-phones-stage{grid-template-columns:repeat(4,1fr);align-items:end;gap:clamp(.75rem,1.8vw,1.5rem);width:100%;display:grid}.koko-case .koko-phone-card{transform-origin:bottom;flex-direction:column;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.koko-case .koko-mobile-label{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#111;font-size:clamp(.75rem,1vw,.85rem);font-weight:600}.koko-case .koko-mobile-label.is-active{color:#111}.koko-case .koko-phone-card img{object-fit:contain;filter:drop-shadow(0 12px 28px #0000001a);border-radius:8px;width:auto;max-width:100%;height:auto;max-height:clamp(220px,44svh,480px)}@media (min-width:769px) and (max-height:800px){.koko-case .koko-phones-sticky{padding-top:75px;padding-bottom:1rem}.koko-case .koko-phones-header{margin-bottom:.75rem}.koko-case .koko-phone-card img{max-height:clamp(200px,40svh,360px)}}@media (max-width:768px){.koko-case .koko-phones-section{overflow:visible}.koko-case .koko-phones-sticky{height:auto;min-height:0;padding-top:4.5rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px));display:block;overflow:visible}.koko-case .koko-phones-sticky .container{height:auto}.koko-case .koko-phones-header{margin-bottom:2rem}.koko-case .koko-phones-title{overflow-wrap:break-word;font-size:clamp(1.25rem,4.5vw,1.85rem)}.koko-case .koko-phones-stage{flex-direction:column;flex:none;gap:2.5rem;width:100%;max-width:280px;min-height:0;margin:0 auto;display:flex;position:relative}.koko-case .koko-phone-card{transform-origin:50%;will-change:auto;flex-direction:column;justify-content:flex-start;align-items:center;gap:.75rem;height:auto;display:flex;position:relative;inset:auto}.koko-case .koko-phone-card img{width:100%;max-width:260px;height:auto;max-height:none}.koko-case .koko-mobile-label{color:#111;opacity:1}}.koko-case .koko-insights-section{background:#f8f9fa;padding:8rem 0}.koko-case .koko-insights-top{border-bottom:1px solid #e5e7eb;grid-template-columns:auto 1fr;align-items:end;gap:3rem;margin-bottom:4rem;padding-bottom:3rem;display:grid}.koko-case .koko-insights-title{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#111;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2}.koko-case .koko-insights-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.koko-case .koko-insights-grid.has-hover .koko-insight-item{opacity:.72;transition:opacity .28s,transform .28s,background .2s,box-shadow .28s}.koko-case .koko-insights-grid.has-hover .koko-insight-item:hover{opacity:1}.koko-case .koko-insight-item{will-change:transform, opacity;transform-origin:bottom;z-index:0;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:background .28s,opacity .28s,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #0000}.koko-case .koko-insight-item:hover{z-index:2;background:#fff;transform:translateY(-5px)scale(1.02);box-shadow:inset 0 0 0 1.5px #1665342e,0 8px 32px #1665340f,0 2px 8px #0000000a}.koko-case .koko-insight-item:before{content:"";pointer-events:none;border:1.5px solid #0000;border-radius:0;transition:border-color .28s;position:absolute;inset:0}.koko-case .koko-insight-item:hover:before{border-color:#1665342e}.koko-case .koko-insight-item:nth-child(3n){border-right:none}.koko-case .koko-insight-item:nth-child(4),.koko-case .koko-insight-item:nth-child(5),.koko-case .koko-insight-item:nth-child(6){border-bottom:none}.koko-case .koko-insight-icon{color:#166534;will-change:transform;background:#f0fdf4;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s;display:flex}.koko-case .koko-insight-item:hover .koko-insight-icon{background:#dcfce7;transform:translateY(-2px)scale(1.06)}.koko-case .koko-insight-body h4{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#111;will-change:transform;margin:0 0 .75rem;font-size:1.05rem;font-weight:500;line-height:1.4;transition:transform .28s cubic-bezier(.22,1,.36,1),color .2s}.koko-case .koko-insight-item:hover .koko-insight-body h4{color:#0a0a0a;transform:translateY(-2px)}.koko-case .koko-insight-body p{color:#6b7280;margin:0;font-size:.92rem;line-height:1.65;transition:color .28s}.koko-case .koko-insight-item:hover .koko-insight-body p{color:#374151}@media (max-width:1024px){.koko-case .koko-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.koko-case .koko-insights-top{grid-template-columns:1fr;gap:1.5rem}.koko-case .koko-insight-item:nth-child(2n){border-right:none}.koko-case .koko-insight-item:nth-child(3n){border-right:1px solid #e5e7eb}.koko-case .koko-insight-item:nth-child(5),.koko-case .koko-insight-item:nth-child(6){border-bottom:none}.koko-case .koko-insight-item:nth-child(4){border-bottom:1px solid #e5e7eb}.koko-case .koko-insights-grid.has-hover .koko-insight-item{opacity:1}.koko-case .koko-insight-item:hover{transform:none}}@media (max-width:640px){.koko-case .koko-insights-grid{grid-template-columns:1fr}.koko-case .koko-insight-item{padding:1.75rem 1.25rem;border-bottom:1px solid #e5e7eb!important;border-right:none!important}.koko-case .koko-insight-item:last-child{border-bottom:none!important}.koko-case .koko-insights-section{padding:4.5rem 0}.koko-case .koko-insight-item:hover{box-shadow:none;transform:none}}.koko-case .koko-caps-section{background:linear-gradient(#0d2818 0%,#0a1f10 100%);padding:7rem 0 8rem}.koko-case .koko-caps-title{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#fff;letter-spacing:-.02em;margin:0 0 3.5rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400}.koko-case .koko-caps-list{border-top:1px solid #ffffff1a;flex-direction:column;display:flex}.koko-case .koko-cap-row{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1fr;align-items:start;gap:3rem;padding:1.6rem 0;transition:background .2s;display:grid}.koko-case .koko-cap-row:hover{background:#ffffff08}@media (min-width:768px){.koko-case .koko-cap-row:hover{margin:0 -2rem;padding-left:2rem;padding-right:2rem}}.koko-case .koko-cap-name{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#ffffffd9;letter-spacing:.01em;font-size:.95rem;font-weight:400}.koko-case .koko-cap-desc{font-family:var(--font-koko), ui-sans-serif, system-ui, sans-serif;color:#ffffff73;font-size:.88rem;font-weight:300;line-height:1.65}@media (max-width:767px){.koko-case .koko-cap-row{grid-template-columns:1fr;gap:.5rem;padding:1.2rem 0}.koko-case .koko-caps-section{padding:4.5rem 0 5.5rem}}.koko-case .koko-complex-section{padding:6rem 0}.koko-case .koko-cs-section{background:#fff;padding:6rem 0}.koko-case .koko-cs-header{text-align:center;margin-bottom:4rem}.koko-case .koko-cs-main-title{color:#111;margin-top:1rem;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:400}.koko-case .koko-cs-icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex}