.how-page{--how-ink:#432039;--how-gold:#90682e;background:#fcfaf7;color:var(--how-ink);font-family:var(--tl-font);overflow:hidden}.how-page *{box-sizing:border-box}.how-page h1,.how-page h2,.how-page h3{color:inherit;font-family:inherit;letter-spacing:normal;line-height:1.15}.how-page p{font-size:18px;line-height:1.65;margin:14px 0;color:#61535d}.how-page a{color:var(--how-ink);text-underline-offset:5px}.how-page a:focus-visible,.how-page summary:focus-visible{outline:3px solid #90682e;outline-offset:5px}.how-page h2{font-size:clamp(26px,3vw,38px);margin:0}.how-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr}.how-intro{padding:70px 65px 30px;display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative}.how-page .how-label{font-size:16px;color:var(--how-gold);margin:0 0 20px}.how-hero h1{font-size:clamp(38px,4.6vw,66px);font-weight:650;margin:0;max-width:11ch}.how-hero img{min-width:0;max-width:100%;width:100%;height:100%;max-height:720px;object-fit:cover;display:block}.how-hero p{max-width:37ch}.how-page .how-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(115deg,#b9924b,#87622f);color:#fff;padding:16px 27px;border-radius:40px;text-decoration:none;font-size:17px;font-weight:600;min-height:52px;line-height:1.4}.how-button:hover{filter:brightness(1.08)}.how-thread{background:url('/assets/landing/public-thread.svg?v=2') center/contain no-repeat;width:100%;aspect-ratio:1100/120;height:auto;min-height:65px;display:block}.how-values{list-style:none;display:flex;gap:22px;padding:0;font-size:13px;margin:5px 0}.how-values li{flex:1;border-left:2px solid #b49156;padding-left:12px}.how-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1240px;margin:auto;padding:46px 44px}.how-step--reverse{background:#f6efec;max-width:none;padding-inline:max(44px,calc((100% - 1152px)/2));gap:70px}.how-step--reverse .how-step-copy{order:2}.how-step-copy{display:grid;grid-template-columns:52px 1fr;gap:22px;align-items:start}.how-number{font-size:38px;line-height:1.1;color:#a17a3a;border-right:1px solid #bda37a;padding-right:14px}.how-step h2{font-size:30px}.how-step p{font-size:17px}.how-step-copy a{font-size:16px;font-weight:600}.how-scene{position:relative;min-height:295px;display:grid;place-items:center;padding:30px}.how-sample{background:white;border:1px solid #efe8e5;border-radius:14px;box-shadow:0 15px 40px #402a3820;width:100%;max-width:330px;padding:26px;position:relative;z-index:1}.how-sample h3{font-size:21px;margin:8px 0 18px}.how-page .how-example{font-size:12px;color:#796b73}.how-sample p{border-bottom:1px solid #efe9e8;padding-bottom:10px;font-size:14px;margin:12px 0}.how-sample p span{float:right} .how-page .how-sample-action{display:block;text-decoration:none;min-height:44px;text-align:center;background:#492239;color:white;border-radius:30px;padding:10px;font-size:14px}.how-scene--garden{background:url('/assets/landing/tweede-liefde-garden.webp') center/cover;border-radius:12px}.how-scene--request{background:#ece7da;border-radius:12px}.how-choice{display:flex;gap:12px;font-size:14px;margin-top:20px}.how-choice a{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;border:1px solid #b59354;border-radius:30px;padding:10px 18px;flex:1;text-align:center}.how-choice a:first-child{color:white;background:#967039}.how-leaf{background:url('/assets/landing/public-botanical.svg') center/contain no-repeat;display:block;width:160px;aspect-ratio:1;mix-blend-mode:multiply;flex:none}.how-scene--profile>.how-leaf{position:absolute;left:-15px;bottom:0}.how-privacy{max-width:1152px;margin:15px auto 0;padding:22px 30px;background:#e8e9df;border-radius:14px;display:flex;gap:25px;align-items:center}.how-privacy .how-leaf{width:110px}.how-privacy h2{font-size:24px}.how-privacy p{font-size:16px;margin:7px 0;max-width:65ch}.how-privacy a{flex:none;font-size:14px}.how-premium{max-width:1240px;margin:auto;padding:70px 44px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.how-premium p{font-size:17px}.how-premium ul{padding:0;list-style:none}.how-premium li{position:relative;padding:15px 0 15px 35px;font-size:18px}.how-premium li:before{content:'✓';position:absolute;left:0;color:#95703a}.how-faq{max-width:1152px;margin:auto;padding:20px 0 55px}.how-faq h2{margin-bottom:25px}.how-faq details{border-bottom:1px solid #e1d7d4}.how-faq summary{padding:22px 0;cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}.how-faq summary:after{content:'+'}.how-faq details[open] summary:after{content:'−'}.how-faq details p{max-width:75ch;margin:0 0 22px;font-size:17px}.how-final{background:#422337;color:white;text-align:center;padding:55px 22px}.how-final p{color:#e5dbe0}.how-final .how-button{margin-top:6px}body:has(.how-page) .site-main{padding:0;max-width:none;width:100%;margin:0}body:has(.how-page) .site-footer{margin-top:0}
@media(max-width:1000px){.how-intro{padding:40px 32px}.how-step{gap:30px;padding:35px 30px}.how-step-copy{gap:15px;grid-template-columns:42px 1fr}.how-step h2{font-size:26px}.how-number{font-size:30px}.how-scene{padding:20px}.how-privacy{margin:15px 30px 0;gap:15px}.how-privacy .how-leaf{display:none}.how-premium{gap:45px;padding:55px 30px}.how-faq{padding:15px 30px 45px}.how-values{gap:10px}}
@media(max-width:650px){.how-hero,.how-step,.how-premium{grid-template-columns:minmax(0,1fr)}.how-intro{padding:35px 24px 25px}.how-hero h1{font-size:42px;max-width:13ch}.how-hero img{height:auto;max-height:none;object-fit:contain}.how-thread{height:75px}.how-step{padding:35px 24px;gap:16px}.how-step--reverse .how-step-copy{order:0}.how-scene{min-height:240px}.how-step h2{font-size:27px}.how-step p{font-size:16px}.how-values{font-size:12px}.how-privacy{margin:5px 24px 0;padding:24px;display:block}.how-privacy a{display:inline-block;margin-top:10px}.how-premium{padding:42px 24px;gap:18px}.how-premium h2{font-size:31px}.how-premium li{font-size:16px;padding-block:10px}.how-faq{padding:0 24px 40px}.how-faq summary{font-size:16px}.how-final h2{font-size:30px}}

.how-scene--garden{background-image:url(/assets/landing/how-greenhouse.webp);background-position:center 65%}.how-scene--request{background-image:url(/assets/landing/public-privacy-still.webp);background-size:cover;background-position:center}.how-scene--profile .how-leaf{height:180px;aspect-ratio:160/220}.how-page .how-example{color:#675862}.how-page .how-button{background:linear-gradient(115deg,#9d7838,#795722)}@media(max-width:640px){.how-page .how-thread{min-height:50px}.how-page .how-values{flex-wrap:wrap}.how-page .how-values li{min-width:80px}}