.ui-design{padding-top:130px;padding-bottom:110px}
.ui-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}
.ui-heading h2{margin-top:23px;font-size:clamp(36px,4.2vw,60px)}
.ui-heading>p{max-width:440px;font-size:15px;line-height:1.85;padding-bottom:3px}
.ui-skills{display:flex;gap:12px 25px;flex-wrap:wrap;margin:30px 0 40px;color:var(--muted);font-size:11px;letter-spacing:.04em}
.ui-skills span:first-child{color:var(--accent);font-weight:700}.ui-skills span+span:before{content:'+';color:var(--accent);margin-right:25px}
.kp-showcase{--kp-bg:#092f32;--kp-screen:#103d40;--kp-surface:#19494b;--kp-line:#396164;--kp-text:#f0f5e9;--kp-muted:#b0c9c4;--kp-orange:#ff9a58;--kp-light:#d4e5bd;position:relative;isolation:isolate;border:1px solid #326265;border-radius:14px;padding:38px 38px 0;background:radial-gradient(ellipse at 50% 48%,#22636366,transparent 60%),var(--kp-bg);color:var(--kp-text);overflow:hidden;color-scheme:dark}
.kp-showcase *{box-sizing:border-box}.kp-showcase [hidden]{display:none!important}.kp-showcase button,.kp-showcase input{font-family:inherit}.kp-showcase button{touch-action:manipulation}.kp-showcase button:focus-visible,.kp-showcase input:focus-visible{outline:2px solid var(--kp-orange);outline-offset:3px}.kp-showcase button:disabled{cursor:default;opacity:.45}
.kp-project-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.kp-kicker{font-size:9px;letter-spacing:1.7px;color:var(--kp-muted)}.kp-project-head h3{font-family:Manrope,sans-serif;font-size:37px;font-weight:650;letter-spacing:-1.6px;margin-top:7px;display:flex;align-items:center}.kp-brand-dot{color:var(--kp-orange)}.kp-brand-symbol{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:12px;background:var(--kp-orange);color:#173a36;border-radius:50% 50% 50% 9px;font-size:30px;line-height:1;font-style:italic;font-weight:750}.kp-project-head p{font-size:15px;line-height:1.7;color:var(--kp-text)}.kp-project-head p>span{font-size:12px;color:var(--kp-muted)}
.kp-stage-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:30px 0 15px;border-top:1px solid #ffffff1b;padding-top:20px}.kp-stage-steps{display:flex;gap:6px;flex-wrap:wrap}.kp-stage-steps button{background:transparent;color:var(--kp-muted);padding:8px 11px;border-radius:5px;font-size:11px;text-align:left;transition:background .3s,color .3s}.kp-stage-steps button span{font-size:9px;color:var(--kp-orange);margin-right:7px}.kp-stage-steps button[aria-pressed=true]{color:var(--kp-text);background:#ffffff0d}.kp-demo-toggle{background:transparent;color:var(--kp-muted);border:1px solid #466b6a;border-radius:20px;padding:8px 12px;font-size:10px;min-width:110px;white-space:nowrap}.kp-demo-toggle>span{margin-right:6px}
.kp-screens{display:grid;grid-template-columns:repeat(3,minmax(0,290px));justify-content:center;align-items:start;gap:28px;padding:32px 6px 28px}
.kp-device{position:relative;height:640px;min-width:0;display:flex;flex-direction:column;background:var(--kp-screen);border:6px solid #071e21;border-radius:32px;box-shadow:0 0 0 1px #487073,0 28px 45px #00141680;overflow:hidden;transition:box-shadow .5s,transform .5s;transform:translateY(12px)}.kp-device-main{transform:translateY(0)}.kp-device.kp-spotlight{box-shadow:0 0 0 1px #ffa568,0 0 28px #ff9a5810,0 28px 45px #00141680;transform:translateY(0)}
.kp-statusbar{height:34px;padding:10px 17px 0;display:flex;align-items:center;justify-content:space-between;position:relative;font-size:10px}.kp-statusbar b{font-weight:600}.kp-statusbar>span:last-child{font-size:11px;letter-spacing:2px}.kp-camera{position:absolute;width:65px;height:16px;border-radius:15px;top:8px;left:50%;transform:translateX(-50%);background:#071e21}
.kp-app-body{padding:13px 17px 7px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#527775 transparent}.kp-app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.kp-small-brand{font-size:15px;font-weight:750;letter-spacing:-.6px}.kp-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:10px;background:#355b54;color:#e0e9cc}.kp-overline{display:block;font-size:8px;letter-spacing:1.25px;color:var(--kp-muted);line-height:1.6;margin-bottom:7px}.kp-device h4{font-family:Manrope,sans-serif;font-size:25px;line-height:1.15;font-weight:600;letter-spacing:-1px;margin:0 0 9px}.kp-device p{color:var(--kp-muted)}.kp-app-intro{font-size:11px;margin-bottom:17px;line-height:1.5}
.kp-diet-options{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 23px}.kp-diet-options button{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid #587c78;color:var(--kp-text);border-radius:22px;padding:9px 12px;font-size:11px;transition:background .3s,border-color .3s,color .3s}.kp-diet-options button i{font-style:normal;font-size:13px}.kp-diet-options button[aria-pressed=true]{background:var(--kp-light);color:#163c37;border-color:var(--kp-light)}.kp-list-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 10px;font-size:11px}.kp-list-title b{font-weight:550}.kp-list-title>span{font-size:9px;color:var(--kp-muted)}
.kp-food-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #ffffff14;animation:kp-enter .4s both}.kp-food-row>div{min-width:0}.kp-food-row b,.kp-meal-card b{display:block;font-size:11px;font-weight:600;margin-bottom:4px}.kp-food-row div>span,.kp-meal-card div>span{display:block;font-size:9px;color:var(--kp-muted)}.kp-food-row small{display:block;font-size:8px;color:#bdcec1;margin-top:4px}.kp-food-check{font-size:18px;margin-left:auto;color:var(--kp-orange)}.kp-food-art{position:relative;display:block;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#d9d8ac 0 48%,#f0eccf 49% 61%,#a9bc9b 62% 65%,#365b4f 66%);box-shadow:0 3px 6px #0003}.kp-food-art:before,.kp-food-art:after{content:'';position:absolute;width:12px;height:18px;border-radius:65% 15%;background:#518658;left:8px;top:9px;transform:rotate(25deg);box-shadow:9px 9px 0 #698d51}.kp-food-art:after{background:#d9b17b;width:10px;height:10px;border-radius:2px;left:21px;top:12px;transform:rotate(-20deg);box-shadow:-8px 10px 0 #ecd09a}.kp-food-art i{position:absolute;z-index:1;background:#df7544;width:7px;height:7px;border-radius:50%;top:9px;left:17px}.kp-food-art i:nth-child(2){top:27px;left:24px}.kp-food-art i:nth-child(3){top:20px;left:6px;background:#658643}.kp-food-pasta:before,.kp-food-noodles:before{background:#d4b75b;box-shadow:9px 9px 0 #d4b75b}.kp-food-pasta:after{background:#739255;box-shadow:-8px 10px 0 #739255}.kp-food-noodles:after{background:#c79560;box-shadow:-8px 10px 0 #c79560}.kp-diet-feedback{font-size:10px;line-height:1.65;margin-top:14px;padding:12px;border-left:2px solid var(--kp-orange);background:#ffffff04}
.kp-today-title h4{font-size:21px;letter-spacing:-.65px}.kp-today-title .kp-overline{font-size:7px;letter-spacing:1px}.kp-today-title{position:relative}.kp-today-tag{position:absolute;right:0;top:-39px;font-size:8px;color:var(--kp-muted);display:none}
.kp-energy{position:relative;width:175px;height:175px;margin:14px auto 13px}.kp-energy-ring{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.kp-energy-ring circle{fill:none;stroke-width:9}.kp-ring-track{stroke:#315958}.kp-ring-value{stroke:var(--kp-orange);stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}.kp-energy-value{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.kp-energy-value>span{font-size:8px;letter-spacing:1.5px;color:var(--kp-muted);margin-bottom:5px}.kp-energy-value>strong{font-size:37px;line-height:1.1;letter-spacing:-1.5px;font-weight:550;font-variant-numeric:tabular-nums}.kp-energy-value>small{font-size:10px;color:var(--kp-muted);margin-top:6px}.kp-orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#d8e5bc;right:4px;bottom:30px}
.kp-protein{padding:0 2px}.kp-protein>div:first-child{display:flex;justify-content:space-between;font-size:11px}.kp-protein strong{font-weight:600}.kp-protein strong small{font-size:9px;font-weight:400;color:var(--kp-muted)}.kp-protein-track{height:5px;border-radius:4px;background:#315958;overflow:hidden;margin-top:9px}.kp-protein-track i{display:block;height:100%;width:61.667%;background:var(--kp-light);transition:width .9s cubic-bezier(.2,.8,.2,1);border-radius:4px}.kp-protein p{font-size:9px;margin-top:6px}.kp-meal-card{display:flex;align-items:center;gap:11px;padding:10px;background:#19494b;border-radius:10px;margin-bottom:11px}.kp-meal-card .kp-food-art{width:39px;height:39px}.kp-primary{display:block;width:100%;border-radius:9px;padding:11px 10px;font-size:11px;font-weight:700;background:var(--kp-orange);color:#153638;transition:background .2s,transform .2s}.kp-primary:hover{background:#ffad78}.kp-primary:active{transform:scale(.98)}.kp-primary.kp-success{background:var(--kp-light)}.kp-inline-status{min-height:24px;padding-top:8px;font-size:9px;text-align:center;color:var(--kp-muted)}
.kp-field-label{display:block;font-size:9px;color:var(--kp-muted);margin-top:18px;margin-bottom:7px}.kp-recipe-name{display:block;width:100%;border:1px solid #527775;background:#19494b;border-radius:7px;color:var(--kp-text);font-size:12px;line-height:1.4;padding:10px 11px;box-shadow:none}.kp-serving-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:12px 0 18px}.kp-stepper{display:flex;align-items:center;gap:10px}.kp-stepper button{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;border:1px solid #527775;background:transparent;color:var(--kp-text);font-size:16px;padding:0}.kp-stepper output{font-size:12px;min-width:12px;text-align:center;font-variant-numeric:tabular-nums}.kp-ingredients{min-height:111px}.kp-ingredients>div{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #ffffff11;font-size:10px;animation:kp-enter .3s both}.kp-ingredient-dot{display:block;width:8px;height:8px;border-radius:3px;background:#e5d6af;flex-shrink:0}.kp-ingredient-dot.quinoa{background:#c6b973}.kp-ingredient-dot.greens{background:#8aaa78}.kp-ingredient-dot.seeds{background:#db9b5a}.kp-ingredients>div>span{flex:1}.kp-ingredients small{font-size:8px;color:var(--kp-muted);font-weight:400}.kp-ingredients>div>span small{margin-left:6px}.kp-ingredients b{font-size:10px;font-weight:500;white-space:nowrap}.kp-add-ingredient{background:transparent;color:var(--kp-orange);font-size:10px;padding:10px 0 8px;text-align:left}.kp-recipe-total{padding:11px 12px;background:#19494b;border-radius:9px;margin:4px 0 11px}.kp-recipe-total>span{font-size:8px;color:var(--kp-muted)}.kp-recipe-total>div{display:flex;gap:18px;margin-top:4px}.kp-recipe-total strong{font-size:19px;font-weight:550;font-variant-numeric:tabular-nums}.kp-recipe-total small{font-size:9px;color:var(--kp-muted);font-weight:400}.kp-app-foot{display:flex;justify-content:space-between;padding:12px 18px 3px;margin-top:auto;font-size:8px;color:#adcbc3;border-top:1px solid #ffffff10}.kp-home-bar{height:3px;width:80px;border-radius:3px;background:#c7d9d1;margin:9px auto 6px}
.kp-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 23px;margin-top:8px;border-top:1px solid #ffffff1b}.kp-demo-footer p{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--kp-text)}.kp-live-dot{width:5px;height:5px;border-radius:50%;background:var(--kp-orange);flex-shrink:0}.kp-demo-footer>span{font-size:9px;color:var(--kp-muted)}.kp-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ui-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:44px}.ui-process article{border-top:1px solid var(--line);padding-top:22px}.ui-process-number{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.ui-process h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:18px 0 10px}.ui-process p{font-size:12px;line-height:1.8;max-width:360px}.ui-wireframe,.ui-component-study,.ui-interaction-study{height:111px;margin-top:20px}.ui-wireframe{display:flex;align-items:center;gap:10px;max-width:285px}.ui-wire-phone{width:58px;height:105px;border:1px solid var(--muted);border-radius:7px;padding:10px 6px;display:flex;flex-direction:column;gap:6px}.ui-wire-phone>i{height:3px;width:20px;background:var(--muted);opacity:.6}.ui-wire-phone>b{display:block;height:15px;width:36px;border:1px solid var(--muted);opacity:.7}.ui-wire-phone>span{display:block;height:9px;border:1px solid var(--line)}.ui-wire-phone>em{height:10px;background:var(--line);margin-top:auto}.ui-wire-phone>b.ui-wire-circle{width:27px;height:27px;border-radius:50%;align-self:center}.ui-wire-link{color:var(--muted);font-size:15px}.ui-component-study{display:flex;flex-direction:column;justify-content:center;gap:16px}.ui-color-study{display:flex;align-items:center;gap:7px}.ui-color-study i{width:25px;height:25px;border-radius:50%;background:#103d40;border:1px solid #53706b}.ui-color-study i:nth-child(2){background:#ff9a58;border-color:#ff9a58}.ui-color-study i:nth-child(3){background:#d4e5bd;border-color:#d4e5bd}.ui-color-study>span{font-size:8px;letter-spacing:1px;color:var(--muted);margin-left:8px}.ui-variant-study{display:flex;gap:7px;align-items:center}.ui-variant-study>span{font-size:9px;padding:6px 10px;border:1px solid var(--line);border-radius:15px}.ui-variant-study>span:nth-child(2){color:#143a37;background:#d4e5bd;border-color:#d4e5bd}.ui-variant-study>span:nth-child(3){opacity:.45}.ui-layout-study{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:7px;letter-spacing:1px}.ui-layout-study i{width:22px;border-top:1px dashed var(--muted)}.ui-interaction-study{display:flex;align-items:center;gap:17px}.ui-interaction-chip{background:#ff9a58;color:#143a37;font-size:10px;border-radius:7px;padding:10px 14px;font-weight:650}.ui-interaction-study>i{font-style:normal;color:var(--muted)}.ui-interaction-study>div{display:flex;flex-direction:column}.ui-interaction-study strong{font-size:28px;font-weight:500;letter-spacing:-1px}.ui-interaction-study>div>span{font-size:9px;color:var(--muted)}.ui-interaction-study b{font-size:8px;font-weight:400;color:var(--accent);margin-top:7px}
@keyframes kp-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
body.paused .kp-showcase *,body.paused .kp-showcase *:before,body.paused .kp-showcase *:after{transition:none!important}.kp-showcase.kp-motion-stopped *{animation:none!important}
@media(max-width:1150px){.kp-showcase{padding:30px 25px 0}.kp-screens{gap:19px}.kp-app-body{padding-left:13px;padding-right:13px}.kp-stage-steps button{padding-left:5px;padding-right:7px;font-size:10px}.kp-device h4{font-size:23px}.kp-today-title h4{font-size:20px}}
@media(max-width:1000px){.ui-heading{gap:35px}.kp-screens{display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;padding:24px 5px 36px;gap:24px;scrollbar-width:thin;scrollbar-color:#749b8d #123a3c}.kp-device{width:280px;min-width:280px;scroll-snap-align:center}.kp-app-body{padding-left:17px;padding-right:17px}.kp-stage-controls{align-items:flex-start}.kp-stage-steps{gap:6px}.kp-stage-steps button{font-size:10px}.kp-demo-footer{align-items:flex-start;flex-direction:column;gap:5px}.ui-process{gap:22px}.ui-process h3{font-size:18px}.ui-interaction-study{gap:10px}.ui-interaction-chip{padding:9px 10px}}
@media(max-width:760px){.ui-heading{grid-template-columns:1fr;gap:24px}.ui-heading>p{max-width:570px;font-size:14px}.ui-process{grid-template-columns:1fr;gap:28px}.ui-process article{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.ui-process-number{grid-column:1/-1}.ui-process article>div{grid-column:1;grid-row:2/4;margin-top:15px}.ui-process h3{grid-column:2;margin-bottom:5px}.ui-process p{grid-column:2;font-size:11px}.ui-skills{font-size:10px;gap:12px 17px}.ui-skills span+span:before{margin-right:17px}.kp-stage-controls{flex-direction:column;gap:14px}.kp-stage-steps{justify-content:space-between;width:100%}.kp-stage-steps button{padding:7px 4px}.kp-stage-steps button span{display:block;margin:0 0 4px}.kp-demo-toggle{align-self:flex-end}.kp-project-head{gap:15px}.kp-project-head p{font-size:12px}.kp-project-head p>span{display:none}}
@media(max-width:480px){.ui-design{padding-top:90px;padding-bottom:75px}.ui-heading h2{font-size:37px;letter-spacing:-1.8px}.ui-skills{gap:11px 16px;margin-bottom:28px}.ui-skills span+span:before{margin-right:16px}.kp-showcase{padding:24px 16px 0;border-radius:10px}.kp-project-head{align-items:flex-start;flex-direction:column;gap:12px}.kp-project-head h3{font-size:34px}.kp-project-head p{font-size:12px}.kp-kicker{font-size:8px}.kp-stage-controls{margin-top:20px;padding-top:14px;gap:10px}.kp-stage-steps button{font-size:9px}.kp-stage-steps button span{font-size:8px}.kp-screens{gap:20px;padding-top:20px}.kp-device{width:calc(100vw - 86px);min-width:calc(100vw - 86px);max-width:290px}.kp-app-body{padding-left:13px;padding-right:13px}.kp-device h4{font-size:23px}.kp-recipe-name{font-size:16px}.kp-demo-footer p{font-size:10px}.kp-demo-footer>span{font-size:8px}.ui-process article{display:block}.ui-process article>div{margin-top:20px}.ui-process h3{font-size:21px;margin-top:18px}.ui-process p{font-size:12px;max-width:none}.kp-stepper button{width:32px;height:32px}.kp-add-ingredient{min-height:35px}.kp-primary{min-height:40px}.kp-diet-options button{min-height:39px}}
@media(prefers-reduced-motion:reduce){.kp-showcase *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:480px){.kp-app-top{margin-bottom:14px}.kp-field-label{margin-top:10px}.kp-serving-row{margin:10px 0 12px}}

.ui-heading h2{margin-top:0}.ui-heading{margin-bottom:40px}