:root{--navbar-bg:#f3f1ec;--hero-bg:#f4e9df;--green:#2c443a;--gray:#2c443a;--orange:#f95f09;--orange-hover:#f95f09;--section-cream:#f4efe8;--footer-bg:#26312b;--line:#2c443a1f;--nav-h:116px}.klein-landing *{box-sizing:border-box;margin:0;padding:0}.klein-landing{color:var(--green);background:var(--hero-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth;font-family:Heebo,system-ui,Arial,sans-serif}.klein-landing .navbar{background:var(--navbar-bg);height:var(--nav-h);z-index:50;justify-content:space-between;align-items:center;gap:24px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.klein-landing .brand{flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1;text-decoration:none;display:flex}.klein-landing .brand .name{letter-spacing:.28em;color:var(--green);padding-right:.28em;font-family:Montserrat,sans-serif;font-size:clamp(20px,2vw,26px);font-weight:700}.klein-landing .brand .tagline{letter-spacing:.08em;color:#2c443a;align-items:center;gap:8px;margin-top:8px;font-size:11px;font-weight:400;display:flex}.klein-landing .brand .tagline .en{letter-spacing:.06em;font-family:Montserrat,sans-serif}.klein-landing .nav-links{align-items:center;gap:clamp(20px,2.4vw,40px);list-style:none;display:flex}.klein-landing .nav-links a{color:var(--green);white-space:nowrap;font-size:clamp(15px,1.15vw,17px);font-weight:500;text-decoration:none;transition:color .2s}.klein-landing .nav-links a:hover{color:var(--orange)}.klein-landing .phone-btn{border:1.5px solid var(--green);color:var(--green);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:14px 42px;font-size:clamp(15px,1.1vw,18px);font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.klein-landing .phone-btn:hover{background:var(--green);color:#fff}.klein-landing .hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:34px;height:26px;display:none}.klein-landing .hamburger span{background:var(--green);border-radius:2px;width:100%;height:2.5px;transition:all .25s;display:block}.klein-landing .hero{background:var(--hero-bg);min-height:calc(100vh - var(--nav-h));align-items:flex-end;gap:clamp(24px,4vw,60px);padding:0 clamp(20px,4vw,64px) 64px;display:flex;position:relative;overflow:hidden}.klein-landing .hero:before{content:"";background-image:var(--hero-img);pointer-events:none;background-position:100%;background-size:cover;animation:.4s ease-out both heroBgIn;position:absolute;inset:0}@keyframes heroBgIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.klein-landing .hero-text{z-index:1;text-align:right;width:min(560px,100% - clamp(40px,8vw,128px));max-width:560px;margin-inline-end:auto;position:absolute;bottom:64px;left:clamp(20px,4vw,64px)}.klein-landing .hero-text h1{color:var(--green);letter-spacing:-.01em;text-align:right;font-size:clamp(30px,3.6vw,52px);font-weight:500;line-height:1.28}.klein-landing .hero-text p{color:var(--gray);text-align:right;margin-top:26px;max-width:430px;margin-inline-start:0;font-size:clamp(16px,1.25vw,19px);font-weight:400;line-height:1.7}.klein-landing .cta{background:var(--orange);color:#fff;letter-spacing:.01em;border-radius:8px;margin-top:38px;padding:17px 40px;font-size:clamp(16px,1.15vw,18px);font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-block;box-shadow:0 6px 18px #f95f092e}.klein-landing .cta:hover{background:var(--orange-hover);transform:translateY(-2px)}.klein-landing .mobile-menu{inset:var(--nav-h) 0 auto 0;background:var(--navbar-bg);z-index:49;flex-direction:column;gap:6px;padding:14px clamp(20px,6vw,40px) 24px;display:none;position:fixed;box-shadow:0 12px 24px #0000000f}.klein-landing .mobile-menu.open{display:flex}.klein-landing .mobile-menu a{color:var(--green);border-bottom:1px solid #2c443a14;padding:12px 4px;font-size:18px;font-weight:500;text-decoration:none}.klein-landing .mobile-menu .phone{text-align:center;border:1.5px solid var(--green);border-radius:999px;margin-top:14px;padding:13px;font-weight:600}.klein-landing .section{padding:clamp(64px,8vw,110px) clamp(20px,5vw,80px)}.klein-landing .section--cream{background:var(--section-cream)}.klein-landing .section--white{background:#fff}.klein-landing .wrap{max-width:1240px;margin:0 auto}.klein-landing .eyebrow{text-align:center;color:var(--orange);letter-spacing:.14em;margin-bottom:14px;font-size:14px;font-weight:600;display:block}.klein-landing .eyebrow:before,.klein-landing .eyebrow:after{content:"—";color:var(--orange);opacity:.7;margin:0 10px}.klein-landing .section-title{text-align:center;color:var(--green);margin-bottom:clamp(36px,5vw,60px);font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.3}.klein-landing .tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:clamp(18px,3vw,44px);margin-bottom:clamp(40px,5vw,64px);padding-bottom:2px;display:flex}.klein-landing .tab{cursor:pointer;color:var(--gray);white-space:nowrap;background:0 0;border:none;padding:0 2px 16px;font-family:inherit;font-size:clamp(14px,1.1vw,16px);font-weight:500;transition:color .2s;position:relative}.klein-landing .tab:hover{color:var(--green)}.klein-landing .tab.active{color:var(--green);font-weight:600}.klein-landing .tab.active:after{content:"";background:var(--orange);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.klein-landing .grid{direction:rtl;flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.klein-landing .card{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;width:280px;height:auto;transition:background .3s,box-shadow .3s;display:flex;overflow:hidden}.klein-landing .card-body{transition:background .3s}.klein-landing .card-body h3,.klein-landing .card-body p{transition:color .3s}.klein-landing .card:hover .card-body{background:var(--green)}.klein-landing .card:hover .card-body h3,.klein-landing .card:hover .card-body p{color:#fff}.klein-landing .card:hover{box-shadow:0 18px 40px #2c443a1f}.klein-landing .card-visual{aspect-ratio:300/263;flex:none;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.klein-landing .card-visual:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 22%,#ffffff59,#0000 55%);position:absolute;inset:0}.klein-landing .card-photo{z-index:1;object-fit:cover;object-position:center;width:100%;height:100%;position:relative}.klein-landing .g-rose{background:linear-gradient(150deg,#f2d9d3,#e3ab9f)}.klein-landing .g-green{background:linear-gradient(150deg,#436053,#293f36)}.klein-landing .g-coral{background:linear-gradient(150deg,#f1bda6,#dd7a54)}.klein-landing .g-peach{background:linear-gradient(150deg,#f6cc9f,#eb9c58)}.klein-landing .g-yellow{background:linear-gradient(150deg,#f4e2a4,#e6c159)}.klein-landing .g-orange{background:linear-gradient(150deg,#f3b978,#e88a39)}.klein-landing .g-cream{background:linear-gradient(150deg,#e9e1d5,#cabca7)}.klein-landing .jar{filter:drop-shadow(0 10px 14px #00000024);z-index:1;width:44%;margin-bottom:16%;position:relative}.klein-landing .jar .lid{background:#fbfaf7;border-radius:7px 7px 3px 3px;width:86%;height:18px;margin:0 auto}.klein-landing .jar .body{background:linear-gradient(90deg,#f4f2ec,#fff 45%,#e9e6df);border-radius:6px 6px 12px 12px;height:74px;margin-top:3px;position:relative}.klein-landing .jar .leaf{color:#7d9376;opacity:.85;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.klein-landing .bottle{filter:drop-shadow(0 10px 14px #00000029);z-index:1;width:30%;margin-bottom:14%;position:relative}.klein-landing .bottle .cap{background:#2b2b2b;border-radius:4px 4px 2px 2px;width:42%;height:26px;margin:0 auto}.klein-landing .bottle .neck{background:#3a2f26;width:30%;height:8px;margin:0 auto}.klein-landing .bottle .body{background:linear-gradient(90deg,#8a5a2c,#c0894f 45%,#7a4d24);border-radius:8px 8px 12px 12px;height:78px;position:relative}.klein-landing .bottle .label{color:#7d9376;background:#f6f1e7;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:26% 12% 12%}.klein-landing .card-body{text-align:right;flex-direction:column;flex:1;min-height:178px;padding:22px 22px 24px;display:flex}.klein-landing .card-body h3{color:var(--green);margin-bottom:8px;font-size:19px;font-weight:600}.klein-landing .card-body p{color:var(--gray);flex:1;margin-bottom:18px;font-size:14px;line-height:1.6}.klein-landing .buy{color:var(--orange);align-self:flex-start;align-items:center;gap:8px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.klein-landing .buy .arrow{font-size:18px;line-height:1;transition:transform .2s}.klein-landing .buy:hover .arrow{transform:translate(-5px)}.klein-landing .banner{background:var(--green);color:#fff;border-radius:22px;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(34px,4vw,54px);display:flex;position:relative;overflow:hidden}.klein-landing .banner-text{text-align:right;z-index:2;flex:55%;position:relative}.klein-landing .banner-text h2{margin-bottom:16px;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.35}.klein-landing .banner-text p{color:#ffffffc7;max-width:520px;margin-bottom:28px;font-size:clamp(15px,1.2vw,17px);line-height:1.7}.klein-landing .banner-visual{z-index:0;position:absolute;inset:0}.klein-landing .banner-visual img{object-fit:cover;object-position:40% 88%;width:100%;height:100%;display:block;position:absolute;inset:0}.klein-landing .banner-visual:after{content:"";background:linear-gradient(to right,#2c443a73 0%,transparent 14%,transparent 42%,var(--green) 58%,var(--green) 100%);pointer-events:none;z-index:2;position:absolute;inset:0}.klein-landing .features{text-align:center;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,44px);display:grid}.klein-landing .feature .ficon{width:56px;height:56px;color:var(--orange);justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.klein-landing .feature .ficon svg{width:44px;height:44px;stroke:var(--orange);stroke-width:1.6px;fill:none}.klein-landing .feature h3{color:var(--green);margin-bottom:10px;font-size:18px;font-weight:600}.klein-landing .feature p{color:var(--gray);max-width:250px;margin:0 auto;font-size:14.5px;line-height:1.65}.klein-landing .feat{flex-direction:row-reverse;align-items:center;gap:clamp(30px,5vw,72px);display:flex}.klein-landing .feat-visual{aspect-ratio:1/.9;background:linear-gradient(150deg,#f6cfa6,#ee9d63);border-radius:20px;flex:46%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.klein-landing .feat-photo{object-fit:contain;object-position:center;z-index:1;width:100%;height:100%;position:absolute;inset:0}.klein-landing .feat-badge{background:var(--green);color:#fff;text-align:center;z-index:2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:15px;font-weight:700;display:flex;position:absolute;top:8%;left:50%;right:auto;transform:translate(-50%);box-shadow:0 8px 20px #0000002e}.klein-landing .feat-text{text-align:right;flex:54%}.klein-landing .feat-text .eyebrow{text-align:right}.klein-landing .feat-text .eyebrow:before{content:none}.klein-landing .feat-text h2{color:var(--green);margin-bottom:20px;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.3}.klein-landing .feat-text>p{color:var(--gray);max-width:520px;margin-bottom:24px;font-size:clamp(15px,1.2vw,17px);line-height:1.75}.klein-landing .checks{margin-bottom:32px;list-style:none}.klein-landing .checks li{color:var(--green);align-items:flex-start;gap:12px;margin-bottom:14px;font-size:15.5px;font-weight:500;display:flex}.klein-landing .checks .ck{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:13px;display:flex}.klein-landing .faq{max-width:840px;margin:0 auto}.klein-landing .faq-item{border-bottom:1px solid var(--line)}.klein-landing .faq-q:hover{transform:translate(-4px)}.klein-landing .faq-a p{opacity:0;transition:opacity .25s .1s}.klein-landing .faq-item.open .faq-a p{opacity:1}.klein-landing .btn-orange{transition:transform .22s,background .22s,box-shadow .22s}.klein-landing .btn-orange:hover{transform:translate(-2px)}.klein-landing .faq-q{cursor:pointer;text-align:right;width:100%;color:var(--green);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 4px;font-family:inherit;font-size:clamp(16px,1.3vw,18px);font-weight:600;transition:transform .25s;display:flex}.klein-landing .faq-q .qmark{border:1.6px solid var(--orange);width:26px;height:26px;color:var(--orange);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:transform .25s,background .25s,color .25s;display:flex}.klein-landing .faq-item.open .qmark{background:var(--orange);color:#fff;transform:rotate(45deg)}.klein-landing .faq-a{max-height:0;transition:max-height .3s;overflow:hidden}.klein-landing .faq-a p{color:var(--gray);text-align:right;padding:0 4px 24px;font-size:15px;line-height:1.75}.klein-landing .cta-band{background:var(--green);color:#fff;text-align:center;padding:clamp(60px,7vw,96px) clamp(20px,5vw,60px);position:relative;overflow:hidden}.klein-landing .cta-band .bgimg{opacity:.3;pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.klein-landing .cta-band h2{z-index:1;margin-bottom:18px;font-size:clamp(26px,3vw,40px);font-weight:600;position:relative}.klein-landing .cta-band p{color:#ffffffc7;z-index:1;max-width:560px;margin:0 auto 34px;font-size:clamp(15px,1.2vw,18px);line-height:1.7;position:relative}.klein-landing .cta-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.klein-landing .btn-orange{background:var(--orange);color:#fff;border-radius:8px;padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 6px 18px #f95f0940}.klein-landing .btn-orange:hover{background:var(--orange-hover);transform:translateY(-2px)}.klein-landing .btn-outline{color:#fff;background:0 0;border:1.5px solid #fff9;border-radius:8px;padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.klein-landing .btn-outline:hover{color:var(--green);background:#fff;border-color:#fff}.klein-landing .footer{background:var(--footer-bg);color:#cfd3ce;padding:clamp(56px,6vw,80px) clamp(20px,5vw,80px) 0}.klein-landing .footer-top{border-bottom:1px solid #ffffff1a;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(28px,4vw,56px);max-width:1240px;margin:0 auto;padding-bottom:52px;display:grid}.klein-landing .footer-brand .fname{letter-spacing:.26em;color:#fff;font-family:Montserrat,sans-serif;font-size:24px;font-weight:700}.klein-landing .footer-brand .ftag{color:#2c443a;letter-spacing:.06em;margin-top:8px;font-size:12px}.klein-landing .footer-brand .fphone{color:#fff;margin-top:22px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block}.klein-landing .fcol h4{color:#fff;margin-bottom:18px;font-size:15px;font-weight:600}.klein-landing .fcol ul{list-style:none}.klein-landing .fcol li{margin-bottom:12px}.klein-landing .fcol a{color:#b7bcb5;font-size:14.5px;text-decoration:none;transition:color .2s}.klein-landing .fcol a:hover{color:var(--orange)}.klein-landing .footer-bottom{text-align:center;color:#2c443a;max-width:1240px;margin:0 auto;padding:22px 0;font-size:13px}@media (width<=1080px){.klein-landing .nav-links{gap:22px}}@media (width<=1024px){.klein-landing .card{width:min(280px,44%)}.klein-landing .features{grid-template-columns:repeat(2,1fr);gap:36px 24px}.klein-landing .footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=880px){.klein-landing .banner{text-align:center;flex-direction:column}.klein-landing .banner-text{text-align:center}.klein-landing .banner-text p{margin-inline:auto}.klein-landing .banner-visual{width:auto;min-height:auto;position:absolute;inset:0}.klein-landing .banner-visual:after{background:linear-gradient(to bottom,var(--green) 0%,var(--green) 48%,#2c443a8c 62%,transparent 78%)}.klein-landing .feat{flex-direction:column}.klein-landing .feat-visual{flex:none;width:50%;max-width:360px;margin:0 auto}.klein-landing .feat-text,.klein-landing .feat-text .eyebrow{text-align:center}.klein-landing .feat-text>p{margin-inline:auto}.klein-landing .checks{text-align:right;margin-bottom:24px;display:inline-block}.klein-landing .feat-text .btn-orange{width:fit-content;margin:0 auto;display:block}}@media (width>=561px) and (width<=880px){.klein-landing .hero{min-height:calc(100vh - var(--nav-h));background:var(--hero-bg);flex-direction:column;justify-content:flex-end;padding:clamp(300px,42vh,380px) clamp(24px,5vw,48px) 60px;display:flex;position:relative;overflow:hidden}.klein-landing .hero:before{background-position:50% 28%;background-repeat:no-repeat;background-size:cover;height:clamp(300px,42vh,380px);inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.klein-landing .hero:after{display:none}.klein-landing .hero-text{z-index:2;text-align:center;max-width:none;margin:0;padding:0;position:static}.klein-landing .hero-text h1{text-align:center;max-width:640px;margin:0 auto;font-size:clamp(42px,5.6vw,48px);line-height:1.1}.klein-landing .hero-text p{text-align:center;max-width:560px;margin:22px auto 0;font-size:clamp(17px,2vw,18px);line-height:1.6}.klein-landing .cta{margin-top:22px}}@media (width<=560px){.klein-landing{--nav-h:92px}.klein-landing .nav-links,.klein-landing .phone-btn{display:none}.klein-landing .hamburger{display:flex}.klein-landing .hero{background:var(--hero-bg);flex-direction:column;justify-content:flex-end;min-height:700px;padding:clamp(250px,40vh,310px) 24px 40px;display:flex;position:relative;overflow:hidden}.klein-landing .hero:before{background-position:50% 28%;background-repeat:no-repeat;background-size:cover;height:clamp(250px,40vh,310px);inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 74%,#0000 100%);mask-image:linear-gradient(#000 74%,#0000 100%)}.klein-landing .hero:after{display:none}.klein-landing .hero-text{z-index:2;text-align:center;max-width:none;margin:0;padding:0;position:static}.klein-landing .hero-text h1{text-align:center;max-width:90%;margin:0 auto;font-size:clamp(34px,9vw,38px);line-height:1.1}.klein-landing .hero-text p{text-align:center;max-width:90%;margin:20px auto 0;font-size:16px;line-height:1.6}.klein-landing .cta{width:auto;margin-top:20px;display:inline-block}.klein-landing .grid{max-width:440px;margin-inline:auto}.klein-landing .card{width:100%;height:auto}.klein-landing .footer-top{grid-template-columns:1fr 1fr}.klein-landing .footer-brand{grid-column:1/-1}}@media (width<=480px){.klein-landing .brand .name{letter-spacing:.22em;font-size:20px}}@media (prefers-reduced-motion:reduce){.klein-landing *{transition:none!important}}.klein-landing .brand .logo-img{width:auto;height:96px;display:block}.klein-landing .footer .flogo,.klein-landing .footer-brand .flogo{width:auto;height:64px;display:block}@media (width<=560px){.klein-landing .brand .logo-img{height:74px}}