:root{
  --ink:#20252b;
  --muted:#62666c;
  --line:#d9dadd;
  --accent:#c50b5d;
  --paper:#fff;
  --soft:#f7f7f6;
  --gutter:clamp(20px,5.7vw,96px);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:#fff;color:var(--ink);font-family:"Avenir Next","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;transform:translateY(-150%);background:#111;color:#fff}
.skip-link:focus{transform:none}
.approved-board{display:none}
.approved-section{position:relative;width:100%;overflow:hidden;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.section-content{position:absolute;z-index:2}
.section-content h1,.section-content h2,.section-content h3,.section-content p{margin-top:0}
.section-content h1,.section-content h2{font-weight:400;letter-spacing:-.062em;line-height:.96}
.section-content h1 span,.section-content h2 span{color:var(--accent)}
.button{display:inline-flex;min-height:4.15vw;align-items:center;justify-content:center;gap:2.2vw;padding:.8vw 1.8vw;background:var(--ink);color:#fff;font-size:1.15vw;font-weight:550;transition:background .2s var(--ease),transform .2s var(--ease)}
.button:hover{background:var(--accent);transform:translateY(-2px)}
.button-accent{background:var(--accent)}
.button-accent:hover{background:#a9074d}
.text-link,.shop-link{display:inline-flex;align-items:center;gap:.8em;border:0;color:var(--ink);font-weight:500;transition:color .2s var(--ease)}
.text-link::after,.shop-link::after{width:2.6em;height:1px;content:"";background:currentColor;transition:width .25s var(--ease),background .25s var(--ease)}
.text-link:hover,.shop-link:hover{color:var(--accent)}
.text-link:hover::after,.shop-link:hover::after{width:3.4em}
.desktop-hotspot,.desktop-extra-facebook{display:none}
.mobile-visual{display:none}

.section-separator{position:relative;height:100px;background:#fff}
.section-separator::before{position:absolute;top:50%;right:var(--gutter);left:var(--gutter);height:1px;content:"";background:#ececed}
.section-separator::after{position:absolute;top:calc(50% - 1px);left:var(--gutter);width:52px;height:2px;content:"";background:var(--accent)}

.site-header{position:absolute;z-index:20;top:0;right:0;left:0;display:flex;height:10.5vw;max-height:102px;align-items:flex-start;padding:2.55vw 4.05vw}
.site-header::before{display:none}
.wordmark{padding:0;background:transparent;font-size:1.65vw;letter-spacing:-.05em}
.wordmark strong{font-weight:700}
.site-header nav{position:absolute;top:2.7vw;left:24.8%;display:flex;margin:0;gap:3.2vw}
.site-header nav a{padding:0;background:transparent;font-size:1.08vw;transition:color .2s var(--ease)}
.site-header nav a:hover{color:var(--accent)}
.menu-toggle{display:none}

.hero{aspect-ratio:1672/941;background-image:url("assets/images/approved-design/visual-01-hero-clean.png")}
.hero .section-content{top:27.8%;left:3.2%;width:47.5%;padding:1.2vw .9vw 1vw}
.hero .section-content h1{margin-bottom:1.55vw;font-size:5.25vw}
.hero .section-content>p{max-width:38vw;margin-bottom:2.05vw;color:#545a61;font-size:1.65vw;line-height:1.4}
.hero .actions{display:flex;align-items:center;gap:1.8vw}
.hero .text-link{font-size:1.12vw}

.renata{aspect-ratio:1672/941;background-image:url("assets/images/approved-design/visual-02-renata-editorial.png?v=3")}
.renata .section-content{top:16.4%;right:4.8%;width:40.4%}
.renata .section-content h2{margin-bottom:2.6vw;font-size:4.55vw}
.renata .section-content>p{max-width:39vw;margin-bottom:2.6vw;font-size:2vw;line-height:1.42}
.patch-detail{width:9vw;min-width:92px;padding:.55vw;border:1px solid #ececed;border-radius:50%;background:#fff}

.lifewave{aspect-ratio:1672/941;background-image:url("assets/images/approved-design/visual-03-lifewave-clean.png")}
.lifewave .section-content{position:absolute;inset:0}
.lifewave .section-content h2{position:absolute;top:10.7%;left:4.5%;width:57%;margin:0;padding:.8vw 1.1vw .8vw;font-size:5.8vw}
.lifewave .section-content>p{position:absolute;top:44.5%;left:5.2%;width:35%;margin:0;padding:.65vw .75vw;color:#50555b;font-size:2vw;line-height:1.42}
.lifewave .section-content small{position:absolute;bottom:6.3%;left:5.2%;max-width:44%;padding:.4vw .7vw;color:#676c72;font-size:1vw}

.needs{aspect-ratio:1672/941;background-image:url("assets/images/approved-design/visual-04-potrzeby-clean.png")}
.needs .section-content{position:absolute;inset:0}
.needs .section-content>h2{position:absolute;top:4.2%;left:3.1%;width:61%;margin:0;padding:.6vw .7vw;font-size:5.35vw;font-weight:550}
.needs article{position:absolute;top:31%;left:3.4%;width:21%;padding:1.1vw 1.2vw 1.35vw}
.needs article h3{margin-bottom:.8vw;color:var(--accent);font-size:4.5vw;font-weight:500;letter-spacing:-.05em;line-height:1}
.needs article p{max-width:20vw;margin-bottom:1.65vw;color:var(--ink);font-size:1.5vw;line-height:1.3}
.needs article .button{font-size:1.1vw}
.need-links a{position:absolute;top:24%;z-index:2;padding:.4vw .55vw;font-size:2vw;font-weight:550;line-height:1.05}
.need-links a:nth-child(1){left:51.3%}
.need-links a:nth-child(2){left:67.2%}
.need-links a:nth-child(3){left:83.4%;max-width:14%}
.need-links a:hover{color:var(--accent)}

.products{aspect-ratio:1672/941;background-image:url("assets/images/approved-design/visual-05-produkty-clean.png")}
.products .section-content{position:absolute;inset:0}
.products .section-content h2{position:absolute;top:7.8%;left:10.6%;width:30.5%;margin:0;padding:.65vw .9vw;font-size:6.3vw}
.products .section-content>p{position:absolute;top:32.6%;left:11.1%;width:23%;margin:0;padding:.35vw .7vw;color:#6b7076;font-size:1.6vw;line-height:1.34}
.products .section-content>.text-link{position:absolute;top:41.4%;left:11.4%;padding:.35vw .45vw;color:var(--accent);font-size:1.3vw}

.product-guide{position:relative;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:8vw;padding:9vw var(--gutter) 6.5vw;background:#fff}
.product-guide-intro{position:sticky;top:48px;align-self:start}
.eyebrow{display:block;margin-bottom:1.6vw;color:var(--accent);font-size:.78vw;font-weight:650;letter-spacing:.14em;text-transform:uppercase}
.product-guide h2{margin:0 0 2vw;font-size:5vw;font-weight:400;letter-spacing:-.062em;line-height:.95}
.product-guide h2 span{color:var(--accent)}
.product-guide-intro>p{max-width:28vw;margin:0 0 2vw;color:var(--muted);font-size:1.25vw;line-height:1.55}
.product-guide-intro .text-link{color:var(--accent);font-size:1.08vw}
.product-guide-list{border-top:1px solid var(--line)}
.product-guide-list article{display:grid;grid-template-columns:3.4vw minmax(0,1fr) 10.5vw;gap:1.5vw;align-items:start;padding:1.65vw 0;border-bottom:1px solid var(--line)}
.product-number{padding-top:.42vw;color:#96999d;font-size:.7vw;letter-spacing:.12em}
.product-guide-list h3{margin:0 0 .55vw;font-size:2vw;font-weight:500;letter-spacing:-.045em;line-height:1}
.product-guide-list p{max-width:38vw;margin:0;color:#5b6066;font-size:1.05vw;line-height:1.52}
.product-focus{justify-self:end;padding-top:.38vw;color:var(--accent);font-size:.7vw;font-weight:650;letter-spacing:.11em;text-align:right;text-transform:uppercase}
.product-guide>small{grid-column:2;max-width:49vw;color:#777b80;font-size:.72vw;line-height:1.5}

.process{aspect-ratio:1672/941;background-image:url("assets/images/approved-design/visual-06-jak-renata-pomaga-clean.png")}
.process .section-content{position:absolute;inset:0}
.process .section-content h2{position:absolute;top:5.4%;left:3.1%;width:35%;margin:0;padding:.55vw .9vw;font-size:6vw}
.process ol{position:absolute;right:0;bottom:0;left:0;display:grid;min-height:31%;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8vw;align-items:start;margin:0;padding:4.1vw 4.8vw 5vw;list-style:none}
.process li{position:relative;padding:0 1vw;font-size:2.65vw;line-height:1.12}
.process li+li::before{position:absolute;top:1.45vw;left:-6.9vw;width:5.1vw;height:4px;content:"";background:var(--accent)}
.process .section-content>p{position:absolute;z-index:3;bottom:7.3%;left:30.8%;margin:0;color:#596068;font-size:1.15vw}

.contact{aspect-ratio:1672/941;background-image:url("assets/images/approved-design/visual-07-cta-telefon-clean.png")}
.contact .section-content{top:17%;left:6.4%;width:45%;z-index:2}
.contact .section-content h2{margin:0 0 .75vw;font-size:6.1vw;font-weight:700;line-height:1}
.contact .section-content>p{margin:0 0 2.2vw;font-size:2.7vw}
.phone{display:block;width:max-content;margin-bottom:5.5vw;padding-bottom:.55vw;border-bottom:5px solid var(--accent);font-size:6.2vw;font-weight:700;letter-spacing:-.045em;line-height:1}
.phone:hover{color:var(--accent)}
.shop-link{font-size:1.7vw}
.facebook-link{color:#42474c;transition:color .2s var(--ease)}
.facebook-link:hover{color:var(--accent)}
.icon-link{display:inline-flex;align-items:center;gap:.65rem}
.icon-link svg{width:19px;height:19px;fill:currentColor}
.contact .facebook-link{position:absolute;left:0;bottom:-5.2vw;font-size:.95vw}

.faq{aspect-ratio:1672/941;background:#fff}
.faq::before{position:absolute;z-index:0;top:0;right:0;width:34%;height:100%;content:"";background-image:url("assets/images/design-approved/08-faq.png");background-repeat:no-repeat;background-position:right top;background-size:auto 100%}
.faq .section-content{top:12.4%;left:4.55%;width:60%}
.faq .section-content h2{margin:0 0 5.4vw;font-size:5vw}
.faq-list{border-top:0}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item button{position:relative;width:100%;padding:1.8vw 3vw 1.8vw 0;border:0;background:transparent;color:var(--ink);font-size:1.78vw;font-weight:450;text-align:left;cursor:pointer}
.faq-item button::after{position:absolute;top:1.35vw;right:.4vw;content:"+";font-size:2.3vw;font-weight:300}
.faq-item.is-open button{padding-bottom:1vw;color:var(--accent)}
.faq-item.is-open button::after{content:"−";color:var(--accent)}
.faq-answer p{max-width:57vw;margin:0 0 2.5vw;padding-left:1.7vw;color:#4c5156;font-size:1.32vw;line-height:1.45}
.faq-item button:focus{outline:none}
.faq-item button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.site-footer{position:relative;aspect-ratio:1916/821;min-height:0;padding:0;background:#f8f8f7}
.site-footer::after{display:none}
.footer-wellness-mark{position:absolute;z-index:1;top:50%;right:5.2vw;width:14vw;height:14vw;overflow:hidden;border:1px solid #e3e5e6;border-radius:50%;transform:translateY(-50%);background:#f7f7f6 url("assets/images/approved-design/x39-patch-detail.png") center/cover no-repeat}
.site-footer .section-content{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:1.35fr .65fr 1fr;gap:4vw;padding:7.1vw 4.6vw 3.2vw}
.site-footer .section-content>div strong{display:block;font-size:4.5vw;font-weight:400;letter-spacing:-.055em;line-height:.92}
.site-footer .section-content>div strong::after{display:block;width:7vw;height:4px;margin-top:1.8vw;content:"";background:var(--accent)}
.site-footer .section-content>div p{margin:1.8vw 0 0;color:#686d73;font-size:1.5vw}
.site-footer nav{display:grid;align-content:start;gap:1.35vw;font-size:1.45vw}
.site-footer nav a:hover{color:var(--accent)}
.footer-phone{align-self:start;width:max-content;padding-bottom:.5vw;border-bottom:3px solid var(--accent);font-size:2.5vw;letter-spacing:-.04em}
.site-footer .facebook-link{position:absolute;top:5vw;left:68.5%;font-size:.9vw}
.site-footer small{position:absolute;right:4.6vw;bottom:3.6vw;left:4.6vw;padding-top:1.45vw;border-top:1px solid var(--line);color:#666b70;font-size:.8vw}
.site-footer small>a{margin-left:.8em;color:var(--ink);font-weight:600}
.site-footer small>a:hover{color:var(--accent)}
.site-footer .creator{bottom:1.55vw;border:0;text-align:right}
.site-footer .creator a{color:var(--ink);font-weight:600}
.site-footer .creator a:hover{color:var(--accent)}
.product-guide>small a{color:var(--ink);font-weight:600;text-decoration:none}
.product-guide>small a:hover{color:var(--accent)}

@media(max-width:899px){
  html{scroll-behavior:auto}
  body{font-size:16px;line-height:1.5}
  .approved-section{display:flex;aspect-ratio:auto!important;min-height:0;flex-direction:column;padding:78px var(--gutter);background-image:none!important}
  .approved-section::after,.approved-section::before{display:none}
  .section-content{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:auto!important;padding:0!important;background:transparent!important}
  .section-content h1,.section-content h2{position:relative!important;inset:auto!important;width:auto!important;margin:0 0 28px!important;padding:0!important;background:transparent!important;font-weight:450;letter-spacing:-.06em;line-height:.97}
  .section-content h1{font-size:clamp(49px,14vw,68px)!important}
  .section-content h2{font-size:clamp(46px,13vw,66px)!important}
  .section-content h1 span,.section-content h2 span{color:var(--accent)}
  .section-content>p{position:relative!important;inset:auto!important;width:auto!important;max-width:540px!important;margin:0 0 30px!important;padding:0!important;background:transparent!important;color:var(--muted)!important;font-size:17px!important;line-height:1.5!important}
  .section-content small{position:relative!important;inset:auto!important;display:block;max-width:520px!important;padding:0!important;background:transparent!important;color:var(--muted);font-size:12px!important}
  .section-separator{height:56px}
  .section-separator::before{right:20px;left:20px}
  .section-separator::after{left:20px;width:44px}
  .site-header{position:relative;height:68px;max-height:none;align-items:center;justify-content:space-between;padding:0 20px;background:#fff}
  .site-header::before{display:none}
  .wordmark{padding:0;background:transparent;font-size:16px}
  .menu-toggle{display:block;width:52px;height:48px;padding:0;border:0;background:none;color:var(--ink);text-align:right}
  .site-header nav{position:absolute;top:68px;right:0;left:0;display:none;margin:0;padding:12px 20px 22px;gap:0;background:#fff;border-top:1px solid var(--line)}
  .site-header nav.is-open{display:flex;flex-direction:column}
  .site-header nav a{padding:11px 0;background:transparent;font-size:15px}
  .button{min-height:52px;gap:22px;padding:13px 20px;font-size:14px!important}
  .text-link,.shop-link{font-size:14px!important}
  .mobile-visual{position:relative;display:block;width:calc(100% + (var(--gutter) * 2));margin:50px calc(var(--gutter) * -1) -78px;overflow:hidden;background:#f4f4f2}
  .mobile-visual img{position:absolute;max-width:none}

  .hero{padding-top:58px}
  .hero .actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
  .crop-hero{height:520px;margin-top:48px}
  .crop-hero img{width:930px;left:-458px;top:-58px}

  .renata .section-content>p{color:var(--ink)!important;font-size:19px!important}
  .patch-detail{width:92px;min-width:0;margin-top:24px;padding:5px}
  .crop-renata{order:-1;height:430px;margin-top:-78px;margin-bottom:62px}
  .crop-renata img{width:765px;left:0;top:0}

  .lifewave{background:#f7f7f6!important}
  .lifewave .section-content>p{font-size:18px!important}
  .lifewave .section-content small{padding-left:15px!important;border-left:2px solid var(--accent)}
  .crop-lifewave{height:390px}
  .crop-lifewave img{width:980px;left:-575px;top:-105px}

  .needs{padding-bottom:0}
  .needs article{position:relative!important;inset:auto!important;width:auto!important;margin:40px 0;padding:0!important;background:transparent!important;backdrop-filter:none}
  .needs article h3{margin:0 0 10px;color:var(--accent);font-size:43px;font-weight:500;letter-spacing:-.05em}
  .needs article p{max-width:310px;margin-bottom:22px!important;color:var(--ink)!important;font-size:17px!important;line-height:1.45}
  .need-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
  .need-links a{position:relative!important;inset:auto!important;max-width:none!important;min-height:62px;padding:19px 0;background:transparent!important;border-bottom:1px solid var(--line);font-size:16px!important;font-weight:550}
  .need-links a:last-child{grid-column:1/-1}
  .crop-needs{height:440px;margin-top:44px;margin-bottom:0}
  .crop-needs img{width:850px;left:0;top:-95px}

  .products{background:#f4f4f3!important}
  .products .section-content>p{font-size:19px!important}
  .products .section-content>.text-link{position:relative!important;inset:auto!important;padding:0!important;background:transparent!important}
  .crop-products{height:440px}
  .crop-products img{width:940px;left:-385px;top:-58px}

  .product-guide{display:block;padding:76px var(--gutter) 58px}
  .product-guide-intro{position:relative;top:auto;margin-bottom:56px}
  .eyebrow{margin-bottom:18px;font-size:11px}
  .product-guide h2{margin:0 0 24px;font-size:clamp(46px,13vw,66px);line-height:.97}
  .product-guide-intro>p{max-width:540px;margin:0 0 26px;font-size:17px;line-height:1.5}
  .product-guide-intro .text-link{font-size:14px}
  .product-guide-list article{grid-template-columns:34px minmax(0,1fr);gap:10px 8px;padding:25px 0}
  .product-number{padding-top:5px;font-size:10px}
  .product-guide-list h3{margin-bottom:10px;font-size:28px}
  .product-guide-list p{max-width:none;font-size:15px;line-height:1.5}
  .product-focus{grid-column:2;justify-self:start;padding:0;font-size:10px;text-align:left}
  .product-guide>small{display:block;max-width:540px;margin-top:28px;color:#777b80;font-size:11px;line-height:1.55}

  .process{padding-bottom:0}
  .process ol{position:relative!important;inset:auto!important;display:grid;min-height:0;grid-template-columns:1fr;gap:0;margin:38px 0 0;padding:0!important;background:transparent!important}
  .process li{padding:25px 0;border-top:3px solid var(--accent);font-size:22px!important;font-weight:550;line-height:1.2}
  .process li::before{display:none!important}
  .process .section-content>p{margin:12px 0 0!important;font-size:14px!important}
  .crop-process{order:-1;height:430px;margin-top:-78px;margin-bottom:60px}
  .crop-process img{width:765px;left:-170px;top:-8px}

  .contact{padding-bottom:0}
  .contact .section-content>p{margin-bottom:10px!important;color:var(--ink)!important;font-size:29px!important}
  .phone{display:block;width:max-content;max-width:100%;margin:22px 0 44px;padding-bottom:8px;border-bottom:5px solid var(--accent);font-size:clamp(42px,12.2vw,60px);font-weight:700;letter-spacing:-.055em;line-height:1}
  .contact .shop-link{font-size:16px!important}
  .contact .facebook-link{position:relative;inset:auto;display:inline-flex;margin-top:26px;font-size:13px}
  .crop-contact{height:490px;margin-top:55px;margin-bottom:0}
  .crop-contact img{width:870px;left:-525px;top:-10px}

  .faq{background:#fff!important}
  .faq .section-content h2{font-size:clamp(44px,12vw,62px)!important}
  .faq-item button{padding:22px 40px 22px 0;font-size:16px}
  .faq-item button::after{top:17px;right:4px;font-size:25px}
  .faq-item.is-open button{padding-bottom:12px}
  .faq-answer p{margin:0 0 24px!important;padding:0!important;color:var(--muted)!important;font-size:14px!important}
  .crop-faq{height:420px}
  .crop-faq img{width:760px;left:-510px;top:-5px}

  .site-footer{min-height:0;padding:72px var(--gutter) 38px;background:#f7f7f6}
  .footer-wellness-mark{display:none}
  .site-footer .section-content{display:grid;grid-template-columns:1fr;gap:38px}
  .site-footer .section-content>div strong{font-size:48px}
  .site-footer .section-content>div strong::after{width:70px;height:3px;margin-top:20px}
  .site-footer .section-content>div p{margin-top:22px;font-size:16px}
  .site-footer nav{gap:14px;font-size:16px}
  .footer-phone{font-size:36px}
  .site-footer .facebook-link{position:relative;inset:auto;font-size:13px}
  .site-footer small,.site-footer .creator{position:relative;inset:auto;padding-top:22px;border-top:1px solid var(--line);font-size:11px;text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}