:root{--ink:#103c2d;--dark:#082b20;--green:#155740;--lime:#bbda69;--cream:#f7f7ef;--paper:#fffef9;--muted:#597165;--line:#dce7d6;--orange:#ee7757;--shadow:0 24px 70px rgba(9,50,35,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Cairo,"DM Sans",sans-serif;overflow-x:hidden}html[lang=fr] body{font-family:"DM Sans",Cairo,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{position:relative}.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--dark);color:#eaf5dc;font-size:12px;font-weight:800;letter-spacing:.04em}.announcement-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,254,249,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e6eadd}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:flex-start;gap:2px;direction:ltr;line-height:.8;color:var(--dark);font-family:"DM Sans",sans-serif;white-space:nowrap}.brand-leaf{color:#78ba23;font-size:34px;transform:rotate(-25deg) translateY(-10px)}.brand-main{font-size:28px;font-weight:800;letter-spacing:-.085em}.brand-sub{display:block;color:#68a635;font-size:17px;font-weight:500;font-style:italic;letter-spacing:-.045em;text-align:right;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:800}.desktop-nav a:hover,.footer-links a:hover{color:#6ea935}.header-actions{display:flex;align-items:center;gap:13px}.lang-switch{display:flex;align-items:center;padding:3px;border:1px solid #dce6d6;border-radius:100px;background:#fff;direction:ltr}.lang-btn{border:0;background:none;border-radius:100px;padding:7px 11px;color:#778b80;font-size:11px;font-weight:800}.lang-btn.active{background:var(--dark);color:#fff}.header-cta{border-radius:100px;background:var(--lime);padding:10px 19px;font-size:12px;font-weight:900;white-space:nowrap}.header-cta:hover{background:#a8ce4a}.hero{background:radial-gradient(circle at 10% 15%,#e6f3dd 0,transparent 27%),linear-gradient(135deg,#fbfdf5,#eff4e9);overflow:hidden}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.hero-orb-one{width:500px;height:500px;background:#d5e7c7;filter:blur(80px);opacity:.38;inset:auto auto -250px -160px}.hero-orb-two{width:250px;height:250px;border:1px solid #b9d19f;inset:8% -100px auto auto}.hero-grid{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-block:66px 74px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker,.order-kicker{display:inline-flex;align-items:center;gap:10px;color:#4c7e35;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.eyebrow-line{width:28px;height:2px;background:#81af54}.hero h1{font-size:clamp(50px,5.25vw,82px);line-height:1.18;letter-spacing:-.055em;margin:18px 0 22px;font-weight:900;max-width:680px}.hero h1 em,.intro h2 em,.section-header-centered h2 em,.showcase-copy h2 em,.order-copy h2 em,.faq h2 em{font-style:normal;color:#6ca63b}.hero-description{font-size:18px;line-height:1.95;max-width:550px;margin:0;color:#4b6959;font-weight:600}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 30px}.hero-points>span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #dfe9d8;border-radius:100px;padding:8px 12px;font-size:11px;font-weight:800}.hero-points b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dff2c9;color:#326b2b;font-size:12px}.hero-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:40px;border:none;border-radius:100px;padding:15px 24px;font-size:14px;font-weight:900;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(17,66,40,.15)}.btn-primary{background:var(--green);color:#fff}.btn-arrow{font-family:"DM Sans";font-size:20px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:11px;border-bottom:1px solid #366b4b;padding-bottom:5px;font-size:13px;font-weight:900}.hero-small{color:#7d9485;font-size:11px;font-weight:700;margin-top:19px}.hero-visual{position:relative;width:100%;max-width:500px;margin-inline:auto}.image-frame{position:relative;padding:17px;border-radius:260px 260px 28px 28px;background:linear-gradient(145deg,#bed59d,#649347 63%,#103f2c);box-shadow:var(--shadow);transform:rotate(-2deg)}.image-frame img{width:100%;height:510px;object-fit:cover;object-position:center 48%;border-radius:245px 245px 18px 18px}.frame-corner{position:absolute;width:58px;height:58px;border:2px solid var(--lime);border-radius:50%;z-index:2}.frame-corner-top{top:11px;left:18px}.frame-corner-bottom{bottom:12px;right:18px}.float-badge{position:absolute;left:-50px;bottom:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:133px;height:133px;border-radius:50%;background:var(--lime);color:var(--dark);box-shadow:0 15px 30px rgba(13,60,34,.18);transform:rotate(10deg);text-align:center}.float-icon{font-size:29px;line-height:1}.float-badge strong{font-size:13px}.float-badge small{font-size:10px;font-weight:700}.image-caption{position:absolute;bottom:-30px;right:20px;display:flex;align-items:center;gap:9px;color:#557263;font-size:12px;font-weight:900;white-space:nowrap}.caption-bar{width:33px;height:1px;background:#557263}.hero-bottom{background:#e6efdd;border-top:1px solid #d9e9cf}.hero-bottom-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#547357;font-family:"DM Sans",Cairo,sans-serif;font-size:11px;letter-spacing:.16em;font-weight:800}.bottom-star{color:#88ae59;font-size:17px}.intro{padding:105px 0}.intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:12%;align-items:center}.section-heading h2,.section-header-centered h2,.showcase-copy h2,.order-copy h2,.faq h2{font-size:clamp(37px,4.4vw,61px);line-height:1.24;letter-spacing:-.045em;margin:15px 0 0;font-weight:900}.intro-copy p{font-size:17px;color:#556d60;line-height:2;margin:0 0 22px}.underlined-link{display:inline-flex;align-items:center;gap:20px;padding-bottom:5px;border-bottom:2px solid var(--green);font-size:13px;font-weight:900}.ingredients{padding:90px 0 115px;background:#fff}.section-header-centered{text-align:center;max-width:690px;margin:0 auto 45px}.section-header-centered h2{margin:12px 0}.section-header-centered p{font-size:16px;color:#718579;margin:0}.ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.ingredient-card{position:relative;min-height:460px;overflow:hidden;border-radius:26px;background:#f3f4ea}.ingredient-card-coffee{background:#ebf1e5}.ingredient-number{position:absolute;top:24px;left:28px;z-index:2;border:1px solid rgba(17,70,44,.24);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:800 12px "DM Sans"}.ingredient-photo{position:absolute;top:0;left:0;width:52%;height:100%;background-size:cover;background-position:center;mask-image:linear-gradient(to right,black 72%,transparent)}.ingredient-photo-gum{background-image:url(gomme-adragante.jpeg);background-position:87% 83%}.ingredient-photo-coffee{background-image:url(spectra-nature.jpeg);background-position:0% 83%}.ingredient-content{position:absolute;right:7%;bottom:48px;width:51%;text-align:start}.ingredient-label{font-size:11px;color:#649246;font-weight:900}.ingredient-content h3{font-size:31px;margin:8px 0;color:var(--dark)}.ingredient-content p{color:#5b7665;font-size:13px;line-height:1.9;margin:0 0 15px}.ingredient-tag{display:inline-block;border:1px solid #bad0aa;border-radius:100px;padding:6px 12px;font:800 10px "DM Sans";letter-spacing:.08em}.product-showcase{background:#103c2d;color:#fff;overflow:hidden}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;min-height:600px;padding-block:70px}.showcase-image{width:100%;max-width:480px;justify-self:center;border-radius:220px 220px 20px 20px;overflow:hidden;border:12px solid rgba(191,221,148,.38);box-shadow:0 30px 80px rgba(0,0,0,.2)}.showcase-image img{width:100%;height:490px;object-fit:cover;object-position:center}.showcase-copy{position:relative}.showcase-copy .section-kicker{color:#b6df75}.showcase-copy h2{color:#fff}.showcase-copy h2 em{color:#c9e88a}.showcase-copy>p{color:#c8d9cf;line-height:2;font-size:16px;max-width:500px}.showcase-list{margin:25px 0 30px;border-top:1px solid #4c7864}.showcase-list div{display:flex;align-items:center;gap:22px;padding:13px 0;border-bottom:1px solid #4c7864;font-size:14px}.showcase-list span{color:#b8dc88;font:800 12px "DM Sans"}.btn-light{background:#d8eeab;color:#123924}.steps{padding:100px 0;background:#f6f8ee}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{position:relative;min-height:260px;padding:28px;border:1px solid #dce9d5;background:#fff;border-radius:24px}.step-number{position:absolute;top:26px;left:28px;font:800 13px "DM Sans";color:#a3bf8f}.step-icon{width:58px;height:58px;border-radius:18px;background:#eaf3db;color:#42722f;display:grid;place-items:center;font-size:30px;margin-bottom:25px}.step h3{font-size:20px;margin:0 0 4px}.step p{font-size:13px;line-height:1.8;color:#75877b;margin:0}.order-section{background:#e7efdc;padding:90px 0}.order-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%}.order-copy{position:relative;min-height:500px}.order-kicker{color:#528238}.order-copy h2{font-size:clamp(43px,5vw,67px)}.order-copy>p{font-size:16px;line-height:2;color:#52705c;max-width:430px}.order-benefit{display:flex;align-items:center;gap:14px;margin-top:28px}.order-benefit>span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#c9e49a;font-size:27px}.order-benefit strong,.order-benefit small{display:block}.order-benefit small{color:#66806d}.order-deco{position:absolute;bottom:0;left:0;color:#d1e4bf;font:900 clamp(70px,8vw,105px)/.86 "DM Sans";letter-spacing:-.09em;direction:ltr;pointer-events:none}.order-card{position:relative;z-index:2;background:var(--paper);border-radius:28px;padding:39px;box-shadow:0 26px 70px rgba(14,59,37,.13)}.form-step{font-size:11px;font-weight:900;color:#61963e;text-transform:uppercase}.form-heading h3{font-size:30px;margin:3px 0 0;line-height:1.4}.form-heading p{margin:0 0 24px;color:#758a78;font-size:13px}.order-card form{display:grid;gap:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-card label{display:flex;flex-direction:column;gap:6px;color:#294c37;font-size:12px;font-weight:900}.order-card input:not([type=checkbox]),.order-card select,.order-card textarea{width:100%;border:1px solid #d9e4d5;background:#f9fbf6;border-radius:11px;padding:12px 13px;color:#1d3e2d;outline:none;font-size:13px;transition:border-color .2s,box-shadow .2s}.order-card input:focus,.order-card select:focus,.order-card textarea:focus{border-color:#80af63;box-shadow:0 0 0 3px #ddefd1}.order-card input::placeholder,.order-card textarea::placeholder{color:#a0aea2}.order-card textarea{resize:vertical;min-height:76px}.order-card label small{font-size:11px;color:#8b9d8c}.order-card .consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin-top:3px;font-size:11px;line-height:1.6;font-weight:700;color:#657767}.consent input{margin:3px 0 0;accent-color:#1a653c;width:16px;height:16px;flex:none}.btn-submit{width:100%;background:var(--orange);color:#fff;justify-content:space-between;padding:15px 20px;margin-top:3px}.btn-submit:hover{background:#db6545}.btn-submit:disabled{opacity:.65;cursor:wait}.form-feedback{margin:0;min-height:0;font-size:12px;font-weight:800}.form-feedback.error{color:#bb3d28}.form-feedback.success{color:#1d6e35}.form-assurance{display:flex;align-items:center;justify-content:center;gap:5px;color:#889889;font-size:10px;font-weight:800}.honey{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none}.faq{padding:105px 0;background:#fff}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:10%}.faq-intro>p{color:#6c8474;line-height:1.9;font-size:15px;max-width:370px}.faq-list{border-top:1px solid #d9e5d9}.faq-list details{border-bottom:1px solid #d9e5d9;padding:19px 4px}.faq-list summary{font-size:15px;font-weight:900;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font:400 24px "DM Sans";color:#6ba546;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:#708678;line-height:1.85;font-size:13px;margin:15px 0 0}.site-footer{background:var(--dark);color:#f1f8ee}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:35px;padding:50px 0}.footer-brand{color:#fff}.footer-main p{font-size:12px;color:#adc8b6;margin:20px 0 0}.footer-links{display:flex;gap:28px;font-size:12px;font-weight:800}.footer-bottom{border-top:1px solid #2b5943;padding:18px 0 26px;display:flex;justify-content:space-between;gap:20px;color:#9eb5a3;font-size:10px}.mobile-sticky-cta{display:none}html[lang=fr] .ingredient-photo{left:auto;right:0;mask-image:linear-gradient(to left,black 72%,transparent)}html[lang=fr] .ingredient-content{right:auto;left:7%}html[lang=fr] .float-badge{left:auto;right:-50px}html[lang=fr] .order-deco{left:auto;right:0}html[lang=fr] .hero h1,html[lang=fr] .section-heading h2,html[lang=fr] .section-header-centered h2,html[lang=fr] .showcase-copy h2,html[lang=fr] .order-copy h2,html[lang=fr] .faq h2{letter-spacing:-.055em}
@media(max-width:1050px){.hero-grid{gap:4%}.hero h1{font-size:58px}.float-badge{left:-24px}.intro-grid{gap:7%}.order-grid{gap:4%}.order-card{padding:30px}.desktop-nav{gap:18px}}
@media(max-width:800px){.container{width:min(100% - 34px,620px)}.header-inner{height:66px}.desktop-nav{display:none}.brand-main{font-size:24px}.brand-sub{font-size:14px}.brand-leaf{font-size:29px}.header-cta{display:none}.hero-grid,.intro-grid,.showcase-grid,.order-grid,.faq-grid{grid-template-columns:1fr}.hero-grid{padding-block:48px 70px;gap:38px}.hero-copy{text-align:center}.hero h1{font-size:clamp(47px,8vw,68px);margin-inline:auto}.hero-description{margin-inline:auto;font-size:16px}.eyebrow,.hero-points,.hero-buttons{justify-content:center}.hero-visual{max-width:400px}.image-frame img{height:430px}.float-badge{left:-8px;bottom:48px;width:113px;height:113px}.hero-bottom-inner{justify-content:center}.hero-bottom-inner>span:nth-child(1),.hero-bottom-inner>span:nth-child(5){display:none}.intro{padding:70px 0}.intro-copy p{margin-top:20px}.ingredients{padding:70px 0}.ingredient-grid{grid-template-columns:1fr}.ingredient-card{min-height:380px}.ingredient-photo{width:55%}.showcase-grid{gap:35px;padding-block:65px}.showcase-image{max-width:370px}.showcase-image img{height:420px}.steps{padding:70px 0}.steps-grid{grid-template-columns:1fr;gap:12px}.step{min-height:unset;padding:22px}.step-icon{margin-bottom:12px}.order-section{padding:70px 0}.order-copy{min-height:unset;padding-bottom:20px}.order-deco{display:none}.faq{padding:70px 0}.faq-list{margin-top:20px}.footer-bottom{flex-direction:column}.mobile-sticky-cta{display:flex;position:fixed;bottom:12px;left:16px;right:16px;z-index:99;align-items:center;justify-content:space-between;background:var(--orange);color:#fff;border-radius:100px;box-shadow:0 10px 35px rgba(100,39,17,.25);padding:13px 22px;font-size:14px;font-weight:900}.site-footer{padding-bottom:62px}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.announcement{font-size:10px}.lang-btn{font-size:10px;padding:6px 8px}.hero h1{font-size:46px}.hero-description{font-size:14px}.hero-points{gap:6px}.hero-points>span{font-size:10px;padding:6px 8px}.hero-buttons{gap:15px}.btn{font-size:13px;padding:13px 19px}.image-frame{padding:12px}.image-frame img{height:385px}.float-badge{left:-7px;bottom:35px;width:94px;height:94px}.float-badge strong{font-size:11px}.float-badge small{font-size:9px}.hero-bottom-inner{font-size:9px;letter-spacing:.03em}.section-heading h2,.section-header-centered h2,.showcase-copy h2,.order-copy h2,.faq h2{font-size:37px}.ingredient-card{min-height:455px}.ingredient-photo,html[lang=fr] .ingredient-photo{top:0;left:0;right:auto;width:100%;height:51%;mask-image:none;background-position:center 65%}.ingredient-content,html[lang=fr] .ingredient-content{left:0;right:0;bottom:0;width:100%;min-height:49%;padding:21px 22px;background:#f3f4ea}.ingredient-card-coffee .ingredient-content{background:#ebf1e5}.ingredient-content h3{font-size:24px}.ingredient-content p{font-size:11px}.field-row{grid-template-columns:1fr}.order-card{padding:24px;border-radius:21px}.form-heading h3{font-size:25px}.footer-main{flex-direction:column}.footer-links{flex-wrap:wrap}}
