.koko-story{--koko-border:#303030;--koko-surface:#181818}.koko-section{margin-top:92px}.koko-story .koko-wordmark{filter:invert(1);width:175px;max-width:175px;height:auto}.koko-hero .bc-editorial__hero-image{object-position:center 55%}.koko-hero .bc-editorial__shade{background:linear-gradient(90deg,#000d,#0007 55%,#0003),linear-gradient(180deg,#0007,transparent 40%,#0006)}.koko-results{max-width:850px;margin:50px auto 0;text-align:center}.koko-results__figures{display:grid;grid-template-columns:1fr 80px 1fr;gap:30px;align-items:center}.koko-results__figures>div{display:flex;flex-direction:column;gap:16px}.koko-results__figures strong{font-size:clamp(44px,5vw,64px);font-weight:380;line-height:1.05;letter-spacing:-.035em}.koko-results__figures>div:last-child strong{color:#7cffcb}.koko-results__figures span{font-size:12px;color:#999;line-height:1.5}.koko-results__arrow{width:80px;fill:none;stroke:#5b5b5b;stroke-width:1.2}.koko-results>p{max-width:720px;margin:30px auto 0;font-size:15px}.koko-migration{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.koko-migration p{margin-top:22px}.koko-migration a{display:inline-flex;width:auto;margin-top:26px;font-size:13px}.koko-platform{display:grid;grid-template-columns:1fr 75px 1fr;align-items:center;padding:38px 26px;border:1px solid var(--koko-border);border-radius:20px;background:radial-gradient(ellipse at 80% 100%,#222b25,#181818 75%);min-height:275px}.koko-platform__old,.koko-platform__new{padding:22px 18px;border:1px solid #343434;border-radius:13px;display:flex;flex-direction:column;gap:12px;background:#1c1c1c;min-width:0}.koko-platform__old{opacity:.55}.koko-platform__new{border-color:#3b4941;background:#1d231f}.koko-platform span{font-size:18px;font-weight:450}.koko-platform i{font-size:10px;color:#8e8e8e;font-style:normal}.koko-platform__signature{border-top:1px solid #354139;margin-top:4px;padding-top:14px}.koko-platform__signature .koko-wordmark{width:100%;max-width:130px;opacity:.9}.koko-platform__connection{position:relative;height:46px;display:flex;align-items:center;justify-content:center}.koko-platform__connection>span{position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,#444,#7cffcb80)}.koko-platform__connection>span:after{content:'';position:absolute;left:0;top:-1px;width:4px;height:3px;border-radius:50%;background:#7cffcb;opacity:0}.koko-platform.is-visible .koko-platform__connection>span:after{animation:koko-migrate 2.8s ease-in-out infinite}.koko-platform__connection img{position:relative;width:35px;height:auto;background:#191d1a;padding:8px 4px;box-sizing:content-box}.koko-heading{max-width:780px;margin:0 auto 34px;text-align:center}.koko-heading p{margin-top:22px}.koko-heading--split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;text-align:left;max-width:none}.koko-heading--split p{margin:0}.koko-split{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:56px}.koko-split--reverse{grid-template-columns:1.2fr .8fr}.koko-split--reverse>.koko-split__copy{grid-column:2;grid-row:1}.koko-split--reverse>.koko-preview{grid-column:1;grid-row:1}.koko-split__copy p{margin-top:22px}.koko-story .koko-preview [data-device=mobile]{max-width:285px}.koko-preview [data-device=desktop]>:is(video,img){max-height:none;object-fit:contain}.koko-home .koko-preview [data-device=mobile],.koko-gilmore .koko-preview [data-device=mobile]{max-width:310px}.koko-preview .bc-editorial-preview__toolbar>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.koko-preview .bc-editorial-preview__devices{flex-shrink:0}.koko-tabs{display:flex;gap:5px;padding:5px;border:1px solid #303030;border-radius:100px;background:#191919;width:max-content;max-width:100%;margin:0 auto 24px}.koko-tabs button{font:inherit;font-size:13px;color:#999;background:transparent;border:1px solid transparent;border-radius:100px;cursor:pointer;padding:11px 22px;transition:background .25s,color .25s,border-color .25s}.koko-tabs button[aria-selected=true]{background:#2b2b2b;border-color:#414141;color:#fff}.koko-tabs button:hover{color:#fff}.koko-panels{min-width:0;transition:height .4s cubic-bezier(.22,1,.36,1)}.koko-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:center;padding:32px;border:1px solid var(--koko-border);border-radius:20px;background:#181818}.koko-panel+.koko-panel{margin-top:24px}[data-kokonote-ready] .koko-panel+.koko-panel{margin-top:0}.koko-panel__copy>span{display:block;color:#707070;font-size:12px;margin-bottom:20px}.koko-panel__copy h2{font-size:clamp(28px,3vw,38px)}.koko-panel__copy p{margin-top:20px;font-size:14px}.koko-panel .koko-preview{background:#121212}.koko-panel .koko-preview [data-device=mobile]{max-width:260px}.koko-panel .koko-preview [data-device=desktop]>:is(video,img){max-height:440px}.koko-panel:not([hidden]){animation:koko-enter .35s ease both}.koko-details{display:grid;grid-template-columns:.35fr .65fr;gap:18px;margin-top:18px}.koko-detail{border:1px solid var(--koko-border);border-radius:18px;overflow:hidden;background:#181818}.koko-detail--cursor{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:30px;text-align:center}.koko-detail--cursor>img{width:65px;height:65px;object-fit:contain;transform:rotate(-10deg)}.koko-detail h3{font-size:16px;line-height:1.5;font-weight:450;color:#bdbdbd}.koko-detail--footer picture{display:block;height:190px;overflow:hidden}.koko-detail--footer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 66%}.koko-detail--footer h3{padding:18px 24px}.koko-story .bc-editorial__cta>div{gap:12px;flex-wrap:wrap}.koko-story :is(.koko-migration,.koko-split,.koko-panel)>*{min-width:0}.koko-story :is(button,a){-webkit-tap-highlight-color:transparent}@keyframes koko-enter{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes koko-migrate{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:1000px){.koko-migration,.koko-heading--split{gap:32px}.koko-split{gap:30px}.koko-platform{grid-template-columns:1fr 45px 1fr;padding:25px 18px}.koko-platform__old,.koko-platform__new{padding:18px 12px}.koko-platform span{font-size:16px}.koko-panel{padding:24px;gap:24px}}
@media(max-width:749px){.koko-section{margin-top:68px}.koko-hero .bc-editorial__hero-image{object-position:58% center}.koko-hero .bc-editorial__shade{background:linear-gradient(180deg,#0007,#0009 50%,#000b)}.koko-story .koko-wordmark{width:155px;max-width:155px}.koko-results{margin-top:36px}.koko-results__figures{grid-template-columns:1fr 28px 1fr;gap:12px}.koko-results__figures strong{font-size:clamp(34px,10vw,44px)}.koko-results__figures span{font-size:10px}.koko-results__arrow{width:28px}.koko-results>p{font-size:14px;margin-top:24px}.koko-migration,.koko-heading--split,.koko-split,.koko-split--reverse{display:flex;flex-direction:column;gap:28px}.koko-migration p,.koko-split__copy p{margin-top:18px}.koko-migration>div:first-child{text-align:center}.koko-migration a{font-size:12px;margin-top:22px}.koko-platform{width:100%;min-height:220px;padding:25px 18px;grid-template-columns:1fr 52px 1fr}.koko-platform__old,.koko-platform__new{padding:20px 13px}.koko-platform span{font-size:16px}.koko-platform i{font-size:9px}.koko-platform__signature .koko-wordmark{width:100%;max-width:110px}.koko-heading{margin-bottom:26px}.koko-heading--split p{margin:0}.koko-split>*{width:100%}.koko-story .koko-preview [data-device=mobile],.koko-home .koko-preview [data-device=mobile],.koko-gilmore .koko-preview [data-device=mobile]{max-width:340px}.koko-preview [data-device=desktop]>:is(video,img){max-height:none}.koko-tabs{width:100%;gap:2px;padding:4px;border-radius:13px;margin-bottom:16px}.koko-tabs button{flex:1;min-width:0;padding:11px 5px;border-radius:9px;font-size:11px;line-height:1.35}.koko-panel{grid-template-columns:1fr;padding:24px 15px 15px;gap:26px}.koko-panel__copy>span{text-align:center;margin-bottom:14px}.koko-panel__copy h2{font-size:29px}.koko-panel__copy p{margin-top:16px;font-size:13px}.koko-panel .koko-preview [data-device=mobile]{max-width:340px}.koko-details{grid-template-columns:1fr 1.3fr;gap:12px;margin-top:14px}.koko-detail--cursor{padding:20px 14px;gap:20px}.koko-detail--cursor>img{width:49px;height:49px}.koko-detail h3{font-size:12px}.koko-detail--footer picture{height:180px}.koko-detail--footer img{object-position:center 25%}.koko-detail--footer h3{padding:15px 12px}.koko-story .bc-editorial__cta>div{flex-direction:column;align-items:center;gap:10px}.koko-story .bc-editorial__cta a{max-width:100%;font-size:12px}}
@media(max-width:360px){.koko-story .bc-editorial__hero h1{font-size:32px}.koko-platform{padding:20px 12px;grid-template-columns:1fr 42px 1fr}.koko-platform span{font-size:14px}.koko-platform__old,.koko-platform__new{padding:17px 10px}.koko-results__figures{gap:8px}.koko-results__figures strong{font-size:32px}.koko-tabs button{font-size:10px}.koko-details{grid-template-columns:1fr}.koko-detail--cursor{flex-direction:row;gap:25px}.koko-detail--cursor h3{text-align:left}}
@media(prefers-reduced-motion:reduce){.koko-story *,.koko-story *:before,.koko-story *:after{animation:none!important;transition:none!important}}

/* PrestaShop → Shopify: use the same packet/gradient engine as Migrations. */
.koko-transfer{display:block;position:relative;isolation:isolate;min-width:0;width:100%;aspect-ratio:600/380;border:1px solid #303030;border-radius:20px;background:linear-gradient(145deg,#202020,#181818 76%);overflow:hidden}
.koko-transfer__routes{position:absolute;inset:0;width:100%;height:100%;z-index:0}.koko-transfer__track{stroke:#434343;stroke-width:1.1;opacity:.8}.koko-transfer__trail{stroke-width:1.5;stroke-linecap:round;opacity:0}.koko-transfer__packet{fill:#7cffcb;opacity:0}
.koko-transfer__platform{position:absolute;left:14%;top:50%;width:20%;max-width:104px;aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;text-align:center}.koko-transfer__platform--target{left:86%}.koko-transfer__logo{display:grid;place-items:center;width:100%;height:100%;border:1px solid #ffffff20;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 22px #0003}.koko-transfer__logo img{display:block;width:100%;height:100%;object-fit:contain}.koko-transfer__platform>span{position:absolute;top:calc(100% + 12px);left:-20%;width:140%;font-size:13px;line-height:1.3;color:#ddd;font-weight:450}.koko-transfer__platform>small{position:absolute;top:calc(100% + 33px);left:-20%;width:140%;font-size:9px;line-height:1.3;color:#777}
.koko-transfer__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:9px 13px;border:1px solid #383838;border-radius:10px;background:#202020;color:#b9b9b9;font-size:11px;line-height:1.3;white-space:nowrap;z-index:1}.koko-transfer__label--1{top:21.0526%}.koko-transfer__label--3{top:78.9474%}.koko-transfer__label svg{flex:none;display:block;width:16px;height:16px;fill:none;stroke:#929292;stroke-width:1.4}.koko-transfer .koko-transfer__brand.koko-wordmark{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:86px;max-width:86px;opacity:.45;margin:0}
@media(min-width:750px) and (max-width:1000px){.koko-transfer{min-height:280px;aspect-ratio:1.5}.koko-transfer__logo{border-radius:14px}.koko-transfer__label{gap:6px;padding:8px;font-size:10px}.koko-transfer__label svg{width:13px;height:13px}.koko-transfer__platform>span{font-size:11px}.koko-transfer__platform>small{font-size:8px}}
@media(max-width:749px){.koko-transfer{aspect-ratio:1.3;min-height:260px;border-radius:18px}.koko-transfer__logo{border-radius:14px}.koko-transfer__label{min-height:32px;gap:6px;padding:8px 10px;font-size:10px}.koko-transfer__label svg{width:14px;height:14px}.koko-transfer__platform>span{font-size:11px;top:calc(100% + 11px)}.koko-transfer__platform>small{font-size:8px;top:calc(100% + 29px)}.koko-transfer .koko-transfer__brand.koko-wordmark{width:75px;max-width:75px;bottom:13px}}
@media(max-width:360px){.koko-transfer__label{gap:5px;font-size:9px;padding-inline:8px}.koko-transfer__label svg{width:12px;height:12px}.koko-transfer__logo{border-radius:12px}.koko-transfer__platform>span{font-size:10px}.koko-transfer__platform>small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.koko-transfer__trail,.koko-transfer__packet{opacity:0!important}}