:root{--g:#1f603c;--g2:#327d4e;--lime:#b8d646;--cream:#f6f3e8;--ink:#173026;--orange:#ef8f42;--red:#c9473d;--shadow:0 12px 34px #163c261c}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}.wrap{width:min(1180px,92%);margin:auto}.top{background:#133c29;color:#fff;text-align:center;padding:7px}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900}.nav a{text-decoration:none;color:inherit;margin-left:18px;font-weight:700}.hero{background:linear-gradient(125deg,#15462f,#3b8251);color:#fff;padding:72px 0}.hero h1{font:700 clamp(2.7rem,6vw,5rem)/.98 Georgia,serif;margin:.3rem 0}.hero p{max-width:700px;font-size:1.15rem}.btn{display:inline-block;border:0;border-radius:999px;padding:12px 18px;font-weight:850;cursor:pointer}.primary{background:var(--orange);color:#fff}.section{padding:64px 0}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--g2)}h2{font:700 clamp(2rem,4vw,3.2rem)/1.1 Georgia,serif;margin:.3rem 0}.lead{color:#68736c;max-width:780px}.builder{display:grid;grid-template-columns:1.5fr .75fr;gap:24px;margin-top:26px}.panel,.summary,.preset{background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow)}.amount{display:flex;justify-content:space-between;align-items:end;gap:14px;background:#eef6e9;border-radius:16px;padding:16px}.amount input,.control input,.control select{width:100%;padding:12px;border:1px solid #ccd8c9;border-radius:11px;font:inherit}.amount input{width:145px;font-weight:800}.steps{display:grid;gap:16px;margin-top:18px}.step{border:1px solid #e0e7dc;border-radius:17px;padding:17px}.step h3{margin:0 0 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control label,.amount label{display:block;font-size:.8rem;font-weight:850;color:#647069}.freeze{display:flex!important;align-items:center;gap:8px;margin-top:8px;padding:9px;background:#edf6e7;border-radius:10px;color:var(--ink)!important}.freeze input{width:19px;height:19px;accent-color:var(--g)}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.reset{background:#fff0ee;color:#9b3029;border:1px solid #ecc0bb}.summary{background:var(--g);color:#fff;height:max-content;position:sticky;top:15px}.summary h3{font:700 1.7rem Georgia,serif;margin-top:0}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpis div{background:#ffffff18;border-radius:12px;padding:10px;text-align:center}.main-kpis{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.gi-card{transition:.2s}.main-kpis .gi-low{background:#b8d646;color:#173026}.main-kpis .gi-mid{background:#f4c95d;color:#4a3500}.main-kpis .gi-high{background:#e56b62;color:#fff}.gi-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:.68rem;margin:8px 0 14px;color:#e5f2e9}.gi-legend span{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.low{background:#b8d646}.dot.mid{background:#f4c95d}.dot.high{background:#e56b62}.macro-box,.main-nutrition{margin-top:14px}.macro-box h4,.main-nutrition h4{margin:0 0 8px;color:var(--g)}.macro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.macro-item{background:#edf5e7;border-radius:10px;padding:9px}.macro-item strong{display:block;color:var(--g);font-size:1.05rem}.macro-item small{color:#68736c}.macro-track,.nutri-track{height:8px;background:#dfe8dc;border-radius:99px;overflow:hidden;margin-top:5px}.macro-fill,.nutri-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--g2),var(--lime))}.macro-fill.sugar{background:linear-gradient(90deg,#ef8f42,#f4c95d)}.nutri-row{display:grid;grid-template-columns:92px 1fr 55px;gap:8px;align-items:center;margin:8px 0;font-size:.77rem}.nutri-value{text-align:right;font-weight:800}.nutrition-note{font-size:.7rem;color:#68736c;margin:9px 0 0}.advanced-box,.label-box{margin-top:14px}.advanced-box h4,.label-box h4{margin:0 0 9px;color:var(--g)}.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.advanced-item{background:#edf5e7;border-radius:10px;padding:9px}.advanced-item strong{display:block;color:var(--g);font-size:1.03rem}.advanced-item small{color:#68736c}.ratio-line{grid-column:1/-1}.smoothie-labels{display:flex;gap:7px;flex-wrap:wrap}.smoothie-label{border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900;background:#e7ece5;color:#657068}.smoothie-label.active{background:var(--lime);color:var(--ink)}.smoothie-label.sport.active{background:#91b8e8}.smoothie-label.recovery.active{background:#d5a8e8}.smoothie-label.diabetic.active{background:#8ed5b1}.smoothie-label.keto.active{background:#f0c77e}.label-note{font-size:.69rem;color:#68736c;margin:9px 0 0}.kpis strong{display:block;font-size:1.25rem}.list{list-style:none;padding:0}.list li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff28;padding:7px 0}.summary .copy{width:100%;background:var(--lime);color:var(--ink)}.info{background:#fff;color:var(--ink);border-radius:14px;padding:13px;margin-top:14px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.preset{padding:0;overflow:hidden}.preset-head{background:linear-gradient(135deg,#246842,#7aa957);color:#fff;padding:20px}.preset:nth-child(2) .preset-head{background:linear-gradient(135deg,#a96025,#eaa653)}.preset:nth-child(3) .preset-head{background:linear-gradient(135deg,#3e568a,#7d95c3)}.preset-body{padding:18px;display:grid;gap:12px}.tag{font-size:.72rem;font-weight:900;background:#ffffffdd;color:var(--g);border-radius:99px;padding:4px 8px}.preset-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preset-result{background:#f0f5ec;border-radius:14px;padding:12px}.preset-result .list li{border-color:#dce5d7}.nutrition{display:none}.nutrition.open{display:block}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{padding:6px 4px;border-bottom:1px solid #dce5d7;text-align:right}th:first-child,td:first-child{text-align:left}.health{background:#f0f6e8;border-left:4px solid var(--lime);padding:11px;border-radius:10px;margin-top:10px;font-size:.88rem}.details{background:#edf5e7;color:var(--g);width:100%}.note{font-size:.78rem;color:#6d786f}.tour-start{position:fixed;right:18px;bottom:18px;z-index:500;background:var(--g);color:#fff;box-shadow:var(--shadow)}.tour-overlay{position:fixed;inset:0;background:#0009;z-index:900;display:none;pointer-events:none}.tour-overlay.show{display:block}.tour-highlight{position:fixed;border:4px solid var(--lime);border-radius:15px;box-shadow:0 0 0 2px #17302655,0 0 26px var(--lime);transition:top .22s,left .22s,width .22s,height .22s;z-index:950;pointer-events:none;box-sizing:border-box}.tour-target{position:relative!important;z-index:940!important;background:#dff5c7!important;box-shadow:0 0 0 3px rgba(184,214,70,.7),0 0 28px rgba(184,214,70,.5)!important;transition:background .25s,box-shadow .25s}.tour-target select,.tour-target input{background:#fffde8!important;border-color:var(--lime)!important}.tour-card{box-shadow:0 16px 45px #0005}.tour-step-focus{outline:3px solid var(--lime);outline-offset:3px}.tour-card{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(440px,92%);background:#fff;border-radius:20px;padding:19px;z-index:901;pointer-events:auto}.tour-card h3{margin:.3rem 0;color:var(--g)}.progress{height:7px;background:#e3e8df;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:var(--lime)}.tour-actions{display:flex;justify-content:space-between;margin-top:13px}.footer{background:#133c29;color:#dcebe1;padding:32px 0}
.hero-content{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px}
.hero-copy{position:relative;z-index:2}
.hero-image{position:relative;isolation:isolate}
.hero-image::before{content:"";position:absolute;inset:-18px;border-radius:34px;background:linear-gradient(135deg,#b8d64680,#ef8f4266);filter:blur(4px);transform:rotate(-2deg);z-index:-1}
.hero-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 22px 54px #071d133d;border:1px solid #ffffff52}
.hero .btn-animated{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 9px 24px #ef8f4266;transform:translateZ(0);animation:ctaPulse 2.4s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.hero .btn-animated::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 0%,transparent 35%,#ffffff70 50%,transparent 65%,transparent 100%);transform:translateX(-130%);animation:ctaShine 3.2s ease-in-out infinite}
.hero .btn-animated:hover,.hero .btn-animated:focus-visible{transform:translateY(-3px) scale(1.035);box-shadow:0 14px 30px #ef8f4280;filter:saturate(1.08)}
.hero .btn-animated:active{transform:translateY(0) scale(.98)}
.hero .btn-animated:focus-visible{outline:3px solid #d9f38f;outline-offset:4px}
.hero .btn-animated .arrow{display:inline-block;margin-left:6px;transition:transform .25s ease}
.hero .btn-animated:hover .arrow,.hero .btn-animated:focus-visible .arrow{transform:translateX(5px)}
@keyframes ctaPulse{0%,100%{box-shadow:0 9px 24px #ef8f425e}50%{box-shadow:0 12px 34px #ef8f42a3}}
@keyframes ctaShine{0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
@media(max-width:900px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-image{width:min(620px,100%);margin:auto}}
@media(prefers-reduced-motion:reduce){.hero .btn-animated,.hero .btn-animated::before{animation:none}.hero .btn-animated,.hero .btn-animated .arrow{transition:none}}
@media(max-width:900px){.builder,.presets{grid-template-columns:1fr}.summary{position:static}.nav nav{display:none}}@media(max-width:520px){.grid2,.preset-controls{grid-template-columns:1fr}.amount{align-items:stretch;flex-direction:column}.amount input{width:100%}.main-kpis{grid-template-columns:repeat(2,1fr)}.preset-result .kpis{grid-template-columns:repeat(3,1fr)}.nutri-row{grid-template-columns:83px 1fr 50px}}



.v16-pdf-btn{background:#1f603c;color:#fff}.v16-pdf-btn:hover{background:#174b2f}.v16-preview{position:fixed;inset:0;z-index:100000;background:rgba(10,28,20,.78);display:none;align-items:center;justify-content:center;padding:18px}.v16-preview.open{display:flex}.v16-preview-box{width:min(1050px,98vw);height:min(94vh,920px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 26px 80px #0008;display:flex;flex-direction:column}.v16-preview-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#173026;color:#fff;flex-wrap:wrap}.v16-preview-bar strong{margin-right:auto}.v16-preview-bar button{border:0;border-radius:999px;padding:10px 16px;font-weight:850;cursor:pointer}.v16-download{background:#ef8f42;color:#fff}.v16-print{background:#b8d646;color:#173026}.v16-close{background:#fff;color:#173026}.v16-preview iframe{width:100%;height:100%;border:0;background:#666}
@media(max-width:650px){.v16-preview{padding:0}.v16-preview-box{width:100vw;height:100vh;border-radius:0}.v16-preview-bar strong{width:100%}}

.preset-picker-section{background:linear-gradient(180deg,#f6f3e8,#eef5e8)}
.preset-picker{margin-top:24px;background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow);max-width:900px}
.preset-picker>label{display:block;font-size:.8rem;font-weight:900;color:#647069;margin-bottom:8px}
.preset-picker-row{display:grid;grid-template-columns:1fr auto;gap:12px}
.preset-picker select{width:100%;padding:14px;border:1px solid #ccd8c9;border-radius:12px;font:inherit;font-weight:750;background:#fff;color:var(--ink)}
.preset-picker-preview{margin-top:14px;padding:16px;border-radius:14px;background:#edf5e7;display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}
.preset-picker-preview strong{display:block;font:700 1.35rem Georgia,serif;color:var(--g);margin:7px 0 2px}
.preset-picker-preview span:not(.tag){color:#68736c}.preset-picker-preview p{margin:5px 0 0;color:#56645b}.preset-picker-preview ul{margin:0;padding-left:20px;columns:2}.preset-picker-preview li{margin:3px 0}.preset-picker .loaded{background:var(--lime);color:var(--ink)}
@media(max-width:650px){.preset-picker-row,.preset-picker-preview{grid-template-columns:1fr}.preset-picker-row .btn{width:100%}.preset-picker-preview ul{columns:1}}

.back-to-top{position:fixed;right:18px;bottom:86px;z-index:700;border:0;border-radius:999px;background:var(--orange);color:#fff;min-height:52px;padding:10px 16px;display:flex;align-items:center;gap:8px;font:850 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 10px 28px #0004;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .2s,visibility .2s,transform .2s,box-shadow .2s}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover,.back-to-top:focus-visible{box-shadow:0 14px 34px #0005;transform:translateY(-2px)}.back-to-top:focus-visible{outline:4px solid #d9f38f;outline-offset:3px}.back-to-top-icon{font-size:24px;line-height:1}.back-to-top-label{white-space:nowrap}
@media(max-width:650px){.back-to-top{right:14px;bottom:92px;min-width:72px;min-height:72px;padding:9px;border-radius:22px;flex-direction:column;justify-content:center;gap:2px;box-shadow:0 0 0 5px #ef8f4255,0 12px 30px #0006}.back-to-top.show{animation:backTopPulse 2.3s ease-in-out 2}.back-to-top-icon{font-size:31px}.back-to-top-label{font-size:11px}.tour-start{bottom:14px}}
@keyframes backTopPulse{0%,100%{box-shadow:0 0 0 5px #ef8f4255,0 12px 30px #0006}50%{box-shadow:0 0 0 10px #ef8f4225,0 14px 34px #0007}}
@media(prefers-reduced-motion:reduce){.back-to-top,.back-to-top.show{animation:none;transition:none}}