@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap";@font-face{font-family:Agrandir;src:url(Agrandir-Font-Family/Agrandir/Agrandir-Regular.otf) format("opentype");font-weight:400}@font-face{font-family:Agrandir;src:url(Agrandir-Font-Family/Agrandir/Agrandir-TextBold.otf) format("opentype");font-weight:700}.agrandir{font-family:Montserrat,sans-serif}.neue{font-family:Open Sans,sans-serif}@font-face{font-family:Agrandir;src:url(Agrandir-Font-Family/Agrandir/Agrandir-Regular.otf) format("opentype");font-weight:400}@font-face{font-family:Agrandir;src:url(Agrandir-Font-Family/Agrandir/Agrandir-TextBold.otf) format("opentype");font-weight:700}@font-face{font-family:NeueEinstellung;src:url("Neue_Einstellung/Neue_Einstellung/Hanken Design Co - Neue Einstellung Extra Light.otf") format("opentype");font-weight:200}@font-face{font-family:NeueEinstellung;src:url("Neue_Einstellung/Neue_Einstellung/Hanken Design Co - Neue Einstellung Semi Bold.otf") format("opentype");font-weight:600}@font-face{font-family:NeueEinstellung;src:url("Neue_Einstellung/Neue_Einstellung/Hanken Design Co - Neue Einstellung Regular.otf") format("opentype");font-weight:400}@font-face{font-family:NeueEinstellung;src:url("Neue_Einstellung/Neue_Einstellung/Hanken Design Co - Neue Einstellung Bold.otf") format("opentype");font-weight:700}@font-face{font-family:NeueEinstellung;src:url("Neue_Einstellung/Neue_Einstellung/Hanken Design Co - Neue Einstellung Extra Bold.otf") format("opentype");font-weight:800}.agrandir{font-family:Agrandir,sans-serif}.neue{font-family:NeueEinstellung,sans-serif}.w-extralight{font-weight:200}.w-normal{font-weight:400}.w-semibold{font-weight:600}.w-bold{font-weight:700}.w-extrabold{font-weight:800}:root{--dark-green: #175b2f;--lime-green: #94bd2b;--soft-white: #f9f9f9;--text-gray: #555;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;scroll-behavior:smooth}body{background-color:var(--white);color:#333;line-height:1.6;overflow-x:hidden}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:var(--white);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000000d}.logo{font-size:24px;font-weight:800;color:#1a1a1a;text-decoration:none;transition:.3s}.logo:hover{opacity:.8}.nav-links a{text-decoration:none;color:#333;margin:0 15px;font-size:14px;font-weight:500;position:relative;padding-bottom:5px;transition:color .3s}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--lime-green);transition:width .3s ease}.nav-links a:hover{color:var(--lime-green)}.nav-links a:hover:after{width:100%}.btn-order-nav{background-color:var(--dark-green);color:#fff!important;padding:10px 25px;border-radius:50px;text-decoration:none;font-size:14px;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #175b2f33}.btn-order-nav:hover{transform:translateY(-2px);box-shadow:0 6px 20px #175b2f4d;background-color:#1e753c}.hero{background-color:var(--dark-green);color:#fff;display:flex;align-items:center;min-height:85vh;padding:0 8%}.hero-content{flex:1}.hero-image{background-image:url(/images/display14.jpeg);flex:1;height:450px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px;margin-left:50px;display:flex;align-items:center;justify-content:center;transition:.5s ease;overflow:hidden}.hero-image:hover{transform:scale(1.02)}.hero h1{font-size:48px;line-height:1.2;margin-bottom:20px}.hero h1 span{color:var(--lime-green)}.btn-group{margin-top:30px;display:flex;align-items:center}.btn-primary{background-color:var(--lime-green);color:var(--dark-green);padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:700;transition:all .3s ease;display:inline-block;box-shadow:0 4px 15px #94bd2b4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #94bd2b66;filter:brightness(1.05)}.btn-outline{border:1px solid #DADADA;background-color:transparent;color:#dadada;padding:15px 35px;border-radius:50px;text-decoration:none;display:inline-block;transition:.3s}.btn-outline:hover{background-color:#ffffff1a;border-color:#fff;color:#fff;padding-left:45px;padding-right:25px}.story{display:flex;align-items:center;gap:80px;padding:100px 8%}.story-img-container{position:relative;flex:1;transition:.5s ease}.story-img-container:hover{transform:rotate(-1deg) scale(1.02)}.story-img{width:100%;height:400px;background-image:url(images/story.jpg);border-radius:25px;position:relative;z-index:2}.story-img-container:before{content:"";position:absolute;width:150px;height:150px;border:4px solid #97CC3A;border-right:none;border-bottom:none;top:-15px;left:-15px;border-radius:25px 0 0;transition:.4s}.story-img-container:hover:before{top:-25px;left:-25px}.story-img-container:after{content:"";position:absolute;width:150px;height:150px;border:4px solid #E58B8B;border-left:none;border-top:none;bottom:-15px;right:-15px;border-radius:0 0 25px;transition:.4s}.story-img-container:hover:after{bottom:-25px;right:-25px}.story-text{flex:1.2}.tagline-story{font-size:14px;letter-spacing:1px;display:flex;align-items:center;gap:8px;margin-bottom:15px}.story-text h2{font-size:42px;line-height:1.2;margin-bottom:25px}.alert-box{background-color:#feecec;border-radius:8px;padding:15px 20px;border-left:6px solid #BD2432;margin-bottom:25px;display:flex;align-items:flex-start;gap:12px;transition:.3s}.alert-box:hover{transform:translate(5px)}.alert-box p{font-size:14px;color:#bd2432;margin:0;line-height:1.5}.story-desc{font-size:16px;color:#4a4a4a;line-height:1.6;margin-bottom:20px}.quote-text{font-size:20px;color:#175b2f;margin-top:40px;text-align:center;opacity:.6}.science-section{padding:100px 8%;text-align:center;background-color:var(--white)}.science-tagline{color:var(--lime-green);font-size:14px;letter-spacing:2px;margin-bottom:20px;display:block}.science-section h2{font-size:42px;color:var(--dark-green);line-height:1.2;max-width:800px;margin:0 auto 25px}.science-desc{font-size:16px;color:#666;max-width:700px;margin:0 auto 50px;line-height:1.6}.main-video-placeholder{max-width:1200px;margin:60px auto;border-radius:30px;overflow:hidden;background:#e5e5e5}.main-video-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media (min-width: 1024px){.main-video-placeholder{height:480px}.main-video-placeholder img{object-position:center center}}@media (max-width: 1023px){.main-video-placeholder{height:360px}}@media (max-width: 640px){.main-video-placeholder{height:240px;border-radius:20px;margin:40px 0}.main-video-placeholder img{object-position:center top}}.main-video-placeholder{width:100%;height:500px;background-color:#d9d9d9;border-radius:25px;margin-bottom:60px;transition:.4s}.main-video-placeholder:hover{box-shadow:0 15px 30px #0000001a}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.benefit-card{background:#F9F9F9;border:1px solid #E0E0E0;padding:40px 30px;border-radius:20px;text-align:left;transition:.4s cubic-bezier(.175,.885,.32,1.275)}.benefit-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #00000014;border-color:var(--lime-green)}.benefit-card:hover .icon-circle{transform:scale(1.1) rotate(10deg);background-color:var(--lime-green)}.benefit-card:hover .icon-circle svg{stroke:var(--dark-green)}.icon-circle{width:60px;height:60px;background-color:var(--dark-green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;transition:.4s ease}#fitur{background-color:var(--dark-green);color:#fff;text-align:center;padding:80px 8%}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:50px}.feature-item{background:rgba(255,255,255,.05);padding:30px;border-radius:15px;text-align:left;display:flex;align-items:flex-start;gap:20px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.feature-item:hover{transform:translateY(-6px);background:rgba(255,255,255,.12);border-color:var(--lime-green)}.feature-item:hover .icon-circle{background:var(--lime-green)!important}.feature-item:hover svg{stroke:var(--dark-green)}.quote-section{background-color:var(--dark-green);padding:120px 8%;text-align:center;color:#fff}.quote-icon{font-size:150px;color:#94bd2b33;line-height:1;margin-bottom:-40px;display:block}.quote-section blockquote{font-size:32px;line-height:1.4;max-width:900px;margin:0 auto 50px}.founder-profile{display:flex;flex-direction:column;align-items:center;gap:15px}.founder-img{width:80px;height:80px;background-color:#d9d9d9;border-radius:50%;transition:.3s}.founder-img:hover{transform:scale(1.1);box-shadow:0 0 20px var(--lime-green)}.product-card{background:#f4f4f4;border-radius:30px;display:flex;overflow:hidden;align-items:center;padding:50px;box-shadow:0 20px 40px #0000000d;margin:80px 8%;transition:.4s}.product-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0000001a}.price{font-size:32px;color:#c33;font-weight:800}.old-price{text-decoration:line-through;color:#999;font-size:18px}footer{background:var(--dark-green);color:#fff;padding:100px 8% 60px;display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:80px;border-top:1px solid rgba(255,255,255,.1)}.footer-logo h2{font-size:32px;margin-bottom:20px;letter-spacing:1px}.footer-logo p{opacity:.9;font-size:15px;line-height:1.6;margin-bottom:30px;max-width:320px}.social-links{display:flex;gap:15px}.social-icon{width:45px;height:45px;background:rgba(255,255,255,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1)}.social-icon:hover{background:var(--lime-green);transform:translateY(-5px) rotate(360deg);border-color:var(--lime-green)}.footer-nav h3,.footer-contact h3{font-size:20px;margin-bottom:25px;font-weight:700}.footer-nav ul{list-style:none}.footer-nav ul li{margin-bottom:12px}.footer-nav a{color:#fff;text-decoration:none;opacity:.8;font-size:15px;transition:.3s}.footer-nav a:hover{opacity:1;color:var(--lime-green);padding-left:10px}.contact-item{display:flex;align-items:center;gap:15px;margin-bottom:20px;transition:.3s}.contact-item:hover{transform:translate(5px)}.contact-item svg{color:var(--lime-green);flex-shrink:0}.contact-item span,.contact-item a{font-size:15px;opacity:.9;color:#fff;text-decoration:none}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}@media (max-width: 768px){.story-img-container{width:100%;max-width:100%}.story-img{height:260px}.story-img-container:before{width:90px;height:90px;top:-10px;left:-10px;border-width:3px}.story-img-container:after{width:90px;height:90px;bottom:-10px;right:-10px;border-width:3px}nav{padding:15px 5%;flex-direction:column;gap:15px;text-align:center}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.nav-links a{margin:0 8px;font-size:13px}.btn-order-nav{width:100%;text-align:center}.hero{flex-direction:column;padding:60px 5%;text-align:center;min-height:auto}.hero-content{margin-bottom:40px}.hero h1{font-size:32px}.hero-image{margin-left:0;width:100%;height:300px}.btn-group{flex-direction:column;gap:15px}.btn-outline{margin-left:0!important;width:100%}.btn-primary{width:100%}.story{flex-direction:column;padding:60px 5%;gap:40px}.story-text h2{font-size:32px}.benefit-grid,.feature-grid{grid-template-columns:1fr!important}.product-card{flex-direction:column;padding:25px;margin:40px 5%}.product-card div{padding-left:0!important;width:100%}.product-card h2{font-size:28px}footer{grid-template-columns:1fr;padding:60px 5%;gap:40px;text-align:center}.footer-logo p{margin:0 auto 30px}.social-links,.contact-item{justify-content:center}}.reveal{opacity:0;transform:translateY(40px);transition:all .8s ease-out;pointer-events:none}.reveal.active{opacity:1;transform:translateY(0);pointer-events:auto}
