@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Black.woff2)format("woff2");font-weight:900;font-display:swap}.case-study--konektado{--bg:#fff;--fg:#0f172a;--line:#e5e7eb;--surf:#eef5ff;--surf-2:#d9e7f8;--surface:var(--surf);--accent:#0d99ff;--project-accent:#0d99ff;--kn-yellow:#f2e640;--kn-amber:#fcc03b;--fg-62:#46576c;--fg-55:#46576cf0;--fg-50:#738293;--fg-45:#738293eb;--fg-42:#738293db;--fg-34:#738293b3;--fg-16:#afafaf8c;--card:#fff;--kn-shadow:0 26px 60px -34px #0f172a59;--kn-radius:12px;--kn-radius-pill:24px;background:var(--bg);color:var(--fg);padding:0;font-family:Satoshi,sans-serif;transition:background .5s,color .5s;overflow:clip}html[data-theme=dark] .case-study--konektado{--bg:#080f17;--fg:#edf2f7;--line:#1b2734;--surf:#0f1926;--surf-2:#1e2b3a;--surface:var(--surf);--card:#0f1926;--fg-62:#edf2f7a8;--fg-55:#edf2f794;--fg-50:#edf2f785;--fg-45:#edf2f775;--fg-42:#edf2f76b;--fg-34:#edf2f757;--fg-16:#edf2f729;--kn-shadow:0 26px 60px -34px #000c}.case-study--konektado ::selection{background:var(--accent);color:#fff}.case-study--konektado :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.case-study--konektado .site-nav{padding-inline:var(--pad);margin:0}html:has(.case-study--konektado) .cursor-dot{mix-blend-mode:normal;background:#f2e640;width:12px;height:12px;top:-6px;left:-6px}html:has(.case-study--konektado) .cursor-dot.is-hovering{width:12px;height:12px;margin:0}.kn-section,.kn-hero{padding-inline:var(--pad)}.kn-hero{padding-top:clamp(40px,7vh,90px);padding-bottom:clamp(60px,10vh,120px)}.kn-kicker,.kn-label,.kn-sticky-label,.kn-label-row,.kn-facts,.kn-live-facts{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.kn-kicker{color:var(--fg-45);align-items:center;gap:14px;margin:0 0 30px;display:flex}.kn-kicker i{background:var(--accent);border-radius:50%;width:7px;height:7px}.kn-wordmark{background:currentColor;position:relative;mask:url(/images/konektado-wordmark.svg) 0/contain no-repeat}.kn-wordmark i,.kn-wordmark--hero span i{background:var(--kn-yellow);position:absolute;inset:0;mask:url(/images/konektado-wordmark-dot.svg) 0/contain no-repeat}.kn-wordmark--hero{width:min(100%,6.262*clamp(38px,8.1vw,132px));height:clamp(38px,8.1vw,132px);margin:0;font-size:0;overflow:hidden}.kn-wordmark--hero>span{background:currentColor;display:block;position:absolute;inset:0}.kn-wordmark--small{width:min(230px,80%);height:28px}.kn-hero-summary{max-width:24em;color:var(--fg-62);letter-spacing:-.012em;text-wrap:pretty;margin:34px 0 0;font-size:clamp(18px,1.9vw,25px);line-height:1.5}.kn-actions{flex-wrap:wrap;gap:12px;margin-top:clamp(30px,6vh,72px);display:flex}.kn-button{appearance:none;border:1px solid var(--line);border-radius:var(--kn-radius-pill);color:var(--fg-62);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:12px 20px;font:500 13px/1 Satoshi,sans-serif;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,color .3s;display:inline-flex}.kn-button:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.kn-button--primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.kn-button--primary:hover{color:#fff}.kn-button--primary i{background:var(--kn-yellow);border-radius:50%;width:7px;height:7px}.kn-facts{border-block:1px solid var(--line);color:var(--fg-45);grid-template-columns:repeat(4,1fr);gap:30px;margin-top:clamp(46px,7vh,84px);padding:30px 0;display:grid}.kn-facts div,.kn-live-facts div{flex-direction:column;gap:10px;display:flex}.kn-facts strong,.kn-live-facts strong{color:var(--fg)}.kn-section{padding-top:clamp(70px,11vh,130px);padding-bottom:clamp(90px,15vh,180px)}.kn-section.kn-band{background:var(--surf)}.kn-label,.kn-sticky-label{color:var(--fg-45);margin:0 0 26px}.kn-sticky-label{position:sticky;top:56px}.kn-section h2{letter-spacing:-.032em;text-wrap:pretty;max-width:26em;margin:0;font-size:clamp(24px,3vw,42px);font-weight:700;line-height:1.22}.kn-body{max-width:36em;color:var(--fg-62);text-wrap:pretty;margin:26px 0 0;font-size:15.5px;line-height:1.75}.kn-two{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);align-items:start;gap:clamp(40px,7vw,120px);display:grid}.kn-overview{padding-top:0;padding-bottom:clamp(70px,11vh,130px)}.kn-identity{border-radius:var(--kn-radius);background:var(--surf);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);margin-top:clamp(38px,6vh,64px);padding:26px 28px;display:grid}.kn-identity .kn-label{margin-bottom:18px;font-size:10px}.kn-swatches{gap:10px;display:flex}.kn-swatches>div{flex:1}.kn-swatches i{border-radius:6px;height:30px;display:block}.kn-swatches div:first-child i{background:var(--accent)}.kn-swatches div:nth-child(2) i{background:var(--kn-yellow)}.kn-swatches div:nth-child(3) i{background:var(--kn-amber)}.kn-swatches div:nth-child(4) i{box-sizing:border-box;border:1px solid var(--line);background:var(--card)}.kn-swatches span{color:var(--fg-42);margin-top:8px;font:9px JetBrains Mono,monospace;display:block}.kn-video{padding-bottom:clamp(70px,11vh,130px)}.kn-label-row{color:var(--fg-45);flex-wrap:wrap;align-items:baseline;gap:20px;margin-bottom:clamp(26px,4vh,44px);display:flex}.kn-label-row p{margin:0}.kn-label-row span{color:var(--fg-50);letter-spacing:0;text-transform:none;align-items:center;gap:10px;margin-left:auto;font-size:11.5px;font-weight:500;display:flex}.kn-label-row i{background:var(--kn-amber);border-radius:50%;width:8px;height:8px}.case-study--konektado .case-video{max-width:none;box-shadow:var(--kn-shadow);border:0;border-radius:0;margin:0}.case-study--konektado .case-video video{aspect-ratio:auto;object-fit:cover;opacity:1;width:100%;height:100%}.kn-video-pin{height:185svh;margin-inline:calc(var(--pad) * -1)}.kn-video-stage{background:#000;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.kn-video-overlay{z-index:2;color:#fff;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 16px #000000b3;justify-content:space-between;align-items:center;gap:20px;font:10px JetBrains Mono,monospace;display:flex;position:absolute;bottom:clamp(24px,5vh,52px);left:clamp(22px,4vw,64px);right:clamp(22px,4vw,64px)}.kn-video-overlay button{appearance:none;color:#fff;font:inherit;letter-spacing:inherit;text-transform:inherit;backdrop-filter:blur(14px);cursor:pointer;background:#070c1261;border:1px solid #ffffff61;border-radius:24px;align-items:center;gap:9px;padding:10px 14px;display:inline-flex}.kn-video-overlay button i{background:var(--kn-yellow);border-radius:50%;width:7px;height:7px}.kn-video-progress{z-index:2;background:#fff3;height:2px;position:absolute;bottom:0;left:0;right:0}.kn-video-progress i{background:var(--kn-yellow);width:0;height:100%;display:block}.kn-video-copy{grid-template-columns:1fr 1.3fr;gap:clamp(28px,5vw,80px);max-width:1280px;margin-top:30px}.kn-video-copy h2{font-size:clamp(18px,1.9vw,24px);line-height:1.32}.kn-video-copy .kn-body{margin:0}.kn-live{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(40px,6vw,100px);padding-bottom:clamp(80px,13vh,150px);scroll-margin-top:24px;display:grid}.kn-live .kn-actions{margin-top:30px}.kn-live-facts{border-top:1px solid var(--line);color:var(--fg-45);grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;padding-top:20px;font-size:10.5px;display:grid}.kn-phone{justify-self:end;width:min(390px,100%)}.kn-phone-frame{aspect-ratio:390/844;border:1px solid var(--line);background:var(--card);box-shadow:var(--kn-shadow);border-radius:24px;position:relative;overflow:hidden}.kn-phone iframe{opacity:0;background:#fff;border:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.kn-phone.is-live iframe{opacity:1}.kn-live-fallback{text-align:center;background:var(--surf);color:var(--fg-62);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:34px;transition:opacity .4s;display:flex;position:absolute;inset:0}.kn-phone.is-live .kn-live-fallback{opacity:0;pointer-events:none}.kn-live-fallback i{background:var(--kn-amber);border-radius:50%;width:9px;height:9px}.kn-live-fallback strong{color:var(--fg);font-size:14px}.kn-live-fallback p{max-width:26em;margin:0;font-size:12.5px;line-height:1.6}.kn-live-fallback a{color:var(--accent);font-size:12.5px;font-weight:700}.kn-live-status{color:var(--fg-42);letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin:14px 0 0;font:9.5px JetBrains Mono,monospace;display:flex}.kn-live-status i{background:var(--kn-amber);border-radius:50%;width:7px;height:7px}.kn-hang{grid-template-columns:clamp(70px,7vw,110px) minmax(0,1fr);align-items:start;gap:clamp(28px,3.5vw,52px);display:grid}.kn-hang .kn-label{text-transform:none}.kn-numeral{color:var(--fg-16);font:clamp(28px,3vw,44px)/1 JetBrains Mono,monospace}.kn-hang--ai .kn-numeral{color:var(--kn-amber)}.kn-cards{grid-template-columns:repeat(2,minmax(230px,1fr));gap:14px;margin-top:clamp(40px,6vh,72px);display:grid}.kn-cards article{border-radius:var(--kn-radius);background:var(--card);padding:20px 22px}.kn-cards strong{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:10.5px;display:flex}.kn-cards strong i{background:var(--kn-amber);border-radius:50%;width:7px;height:7px}.kn-cards p,.kn-split p,.kn-spec p,.kn-layers p,.kn-quad p,.kn-tracks p{color:var(--fg-62);text-wrap:pretty;margin:12px 0 0;font-size:14.5px;line-height:1.7}.kn-split{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:clamp(40px,6vh,70px);display:grid}.kn-split article+article{border-left:1px solid var(--line);padding-left:clamp(32px,5vw,80px)}.kn-split strong{font-size:clamp(20px,2.4vw,30px)}.kn-spec{margin-top:clamp(30px,5vh,54px)}.kn-spec>div{border-top:1px solid var(--line);grid-template-columns:230px 1fr;align-items:baseline;gap:clamp(20px,3vw,44px);padding:18px 0;display:grid}.kn-spec>div:last-child{border-bottom:1px solid var(--line)}.kn-spec strong{font-size:17px}.kn-spec p{margin:0}.kn-spec--large>div{grid-template-columns:1fr 1.15fr;padding:22px 0}.kn-spec--large strong{letter-spacing:-.034em;font-size:clamp(24px,2.9vw,40px)}.kn-steps{grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(44px,7vh,80px);display:grid;position:relative}.kn-step-rail{background:var(--line);height:1px;position:absolute;top:5px;left:0;right:0}.kn-steps article{opacity:.22;padding:34px 28px 0 0;position:relative}.kn-steps article>span{width:100%;height:1px;position:absolute;top:5px;left:0}.kn-steps article>span i{background:var(--accent);width:0;height:1px;transition:width .45s;display:block}.kn-steps article:before{content:"";background:var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:0;left:0}.kn-steps strong{font-size:18px}.kn-steps p{color:var(--fg-62);font-size:14px;line-height:1.7}.kn-figures h2{max-width:22em}.kn-figures figure{border-radius:var(--kn-radius);background:var(--surf);max-width:1280px;box-shadow:var(--kn-shadow);margin:clamp(42px,7vh,80px) 0 0;overflow:hidden}.kn-figures figure img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.kn-figures figcaption{color:var(--fg-42);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:15px 18px;font:9px JetBrains Mono,monospace;display:flex}.kn-figure--inset{width:78%;margin-left:auto!important}.kn-layers{gap:12px;margin-top:clamp(40px,6vh,70px);display:grid}.kn-layers article{margin-left:min(calc(var(--layer) * 3vw), 160px);border-left:3px solid var(--accent);border-radius:var(--kn-radius);background:var(--card);grid-template-columns:210px 1fr;align-items:baseline;gap:clamp(18px,3vw,44px);padding:20px 24px;display:grid}.kn-layers article:nth-child(n+4){border-left-color:var(--kn-amber)}.kn-layers p{margin:0}.kn-architecture{padding-top:0}.kn-chain{border-radius:var(--kn-radius);background:var(--surf);color:var(--fg-62);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:0;margin-top:clamp(34px,5vh,58px);padding:22px 26px;font-size:11.5px;font-weight:500;display:flex}.kn-chain span{padding:6px 0}.kn-chain i{color:var(--accent);padding:6px 16px;font-style:normal}.kn-quad{grid-template-columns:repeat(4,1fr);margin-top:clamp(30px,5vh,54px);display:grid}.kn-quad article{border-top:1px solid var(--line);padding:20px 24px}.kn-quad article+article{border-left:1px solid var(--line)}.kn-quad article:first-child{padding-left:0}.kn-quad article:last-child{padding-right:0}.kn-quad strong{letter-spacing:.16em;text-transform:uppercase;font-size:10.5px}.kn-outcome article{padding-block:24px}.kn-outcome article>span{color:var(--fg-16);margin-bottom:18px;font:clamp(20px,2vw,28px)/1 JetBrains Mono,monospace;display:block}.kn-tracks{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:clamp(40px,6vh,70px);display:grid}.kn-track--ai{border-left:1px solid var(--line);padding-left:clamp(32px,5vw,80px)}.kn-tracks header{border-bottom:2px solid var(--accent);align-items:center;gap:12px;padding-bottom:16px;display:flex}.kn-track--ai header{border-color:var(--kn-amber)}.kn-tracks header strong{letter-spacing:-.028em;font-size:clamp(19px,2.1vw,26px);font-weight:900}.kn-tracks header span{color:var(--fg-42);letter-spacing:.16em;text-transform:uppercase;margin-left:auto;font-size:10px;font-weight:500}.kn-tracks p{margin-top:20px;font-size:15px}.kn-progression{border-top:1px solid var(--line);grid-template-columns:220px 1fr;align-items:baseline;gap:clamp(20px,3vw,44px);margin-top:clamp(34px,5vh,58px);padding-top:22px;display:grid}.kn-progression strong{letter-spacing:.16em;text-transform:uppercase;font-size:10.5px}.kn-progression p{color:var(--fg-62);margin:0;font-size:15px;line-height:1.7}.kn-challenges{padding-top:0}.kn-challenges .kn-spec{margin-top:0}.kn-reflect{text-align:center;padding-bottom:clamp(70px,11vh,130px)}.kn-reflect h2{max-width:22em;margin-inline:auto;font-size:clamp(26px,3.6vw,52px)}.kn-reflect .kn-body{max-width:44em;margin-inline:auto}.kn-reflect .kn-button{margin-top:clamp(34px,5vh,56px)}.case-study--konektado .case-footer{padding:70px var(--pad) 100px}@media (width<=960px){.kn-two,.kn-live,.kn-video-copy{grid-template-columns:1fr;gap:30px}.kn-sticky-label{position:static}.kn-identity{grid-template-columns:1fr}.kn-phone{justify-self:center}.kn-hang{grid-template-columns:1fr;gap:24px}.kn-split,.kn-tracks{grid-template-columns:1fr}.kn-split article+article,.kn-track--ai{border-left:0;border-top:1px solid var(--line);margin-top:26px;padding:26px 0 0}.kn-steps{grid-template-columns:1fr;gap:26px}.kn-step-rail{display:none}.kn-steps article{padding:0 0 0 28px}.kn-steps article>span{background:var(--line);width:1px;height:100%;top:0;left:0}.kn-steps article>span i{transform-origin:top;height:100%;transform:scaleY(0);width:1px!important}.kn-steps article:before{top:0}.kn-layers article{grid-template-columns:1fr;margin-left:0!important}.kn-spec>div,.kn-spec--large>div,.kn-progression{grid-template-columns:1fr;gap:10px}.kn-chain{flex-direction:column;align-items:flex-start;gap:12px}.kn-chain i{padding:0;transform:rotate(90deg)}.kn-quad{grid-template-columns:1fr 1fr}.kn-quad article:nth-child(3){border-left:0}.kn-figure--inset{width:100%;margin-left:0!important}}@media (width<=760px){.kn-section,.kn-hero{padding-inline:22px}.kn-facts{grid-template-columns:1fr 1fr;gap:28px 18px}.kn-cards{grid-template-columns:1fr}.kn-live-facts{grid-template-columns:1fr 1fr}.kn-quad{grid-template-columns:1fr}.kn-quad article,.kn-quad article+article{border-left:0;padding-inline:0}.kn-tracks header{flex-direction:column;align-items:flex-start}.kn-tracks header span{margin-left:0}.case-study--konektado .case-footer{padding-inline:22px}.kn-video-pin{height:160svh;margin-inline:-22px}.kn-video-overlay>span{display:none}}@media (prefers-reduced-motion:reduce){.case-study--konektado [data-rise]{opacity:1;transform:none}.case-study--konektado [data-tile]{clip-path:none}.kn-phone iframe,.kn-live-fallback{transition:none}.kn-steps article{opacity:1!important}.kn-steps article>span i{width:100%!important;transform:none!important}}