:root{--ink:#172e3e;--pink:#ed438b;--pink-dark:#e93c82;--muted:#687482}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#fff9f8;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.bon-shell{background:radial-gradient(circle at 50% 0,#fff 0,#fff9f8 57%,#fdeef0 100%);min-height:100dvh}.bon-flow{width:min(100%,430px);min-height:100dvh;margin:0 auto}.screen{isolation:isolate;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) clamp(24px, 7vw, 42px) calc(26px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.brand{z-index:2;letter-spacing:-.2px;align-items:baseline;gap:10px;font-size:clamp(16px,4.4vw,18px);display:flex}.brand strong{color:var(--pink);letter-spacing:-1.6px;font-size:clamp(27px,7vw,30px)}.brand--stacked{color:var(--pink);flex-direction:column;align-items:flex-start;gap:2px;font-size:clamp(16px,4.4vw,18px);font-weight:600;line-height:1;display:flex}.brand--stacked strong{font-size:clamp(36px,10vw,44px);line-height:.9}.screen h1{z-index:2;letter-spacing:-1.8px;margin:0;font-size:clamp(34px,10vw,48px);line-height:1.12}.screen h1 span{color:var(--pink)}.primary-cta{z-index:3;color:#fff;background:linear-gradient(100deg, var(--pink-dark), #f05099);border:0;border-radius:12px;justify-content:center;align-items:center;gap:38px;width:100%;min-height:64px;padding:13px 20px;font-size:clamp(18px,5vw,20px);display:flex;box-shadow:0 9px 18px #e8388238}.primary-cta:disabled{opacity:.65;cursor:wait}.arrow{font-size:30px;font-weight:300;line-height:.5}.hero-scene{z-index:0;background:linear-gradient(#fff9fa 0%,#fff5f78c 30%,#d697b4c7 100%),radial-gradient(at 15% 27%,#fbe6e5 0 15%,#0000 47%),linear-gradient(145deg,#edd7df,#fbdfe4 60%,#c891a8);position:absolute;inset:0;overflow:hidden}.hero-photo{--hero-image:url(/images/bon-lavender-hero.webp);background:linear-gradient(180deg, #fffafb05 0%, #fff3f714 42%, #fff0f72e 100%), var(--hero-image) center / cover no-repeat}.hero-scene:before,.bottom-bloom{content:"";opacity:.76;filter:blur(3px);background:repeating-radial-gradient(at 15% 100%,#0000 0 13px,#84448359 15px 19px,#0000 21px 33px),linear-gradient(#0000,#b774a3);height:28%;position:absolute;bottom:-7%;left:-25%;right:-25%}.marketing-screen{background:#fce8e6}.marketing-screen .hero-photo{background:linear-gradient(180deg, #fffafb1f 0%, #fff4ef0f 43%, #1d163473 100%), var(--hero-image) 37% center / cover no-repeat}.hero-scene-small{z-index:0;width:auto;height:auto;inset:0}.marketing-copy{z-index:2;width:51%;margin-top:clamp(95px,13dvh,125px);margin-left:auto}.marketing-copy h1{color:#1c1c20;letter-spacing:-1.9px;font-size:clamp(31px,8.9vw,42px);line-height:1.12}.screen-one .hero-photo,.screen-two .hero-photo{background-position:50%}.screen-one .marketing-copy{width:53%}.screen-one .marketing-copy h1{letter-spacing:-1.2px;font-size:clamp(26px,7.4vw,34px)}.screen-two .marketing-copy{width:65%}.screen-two .marketing-copy h1{letter-spacing:-1.5px;text-align:right;font-size:clamp(25px,7vw,33px)}.screen-two .test-meta{width:75%;margin-left:auto}.screen-two .test-meta__duration{text-align:right;justify-items:end}@media (max-width:600px){.hero-photo{--hero-image:url(/images/bon-lavender-hero-mobile.webp)}}.marketing-divider{color:var(--pink);letter-spacing:5px;margin:clamp(24px,4vh,32px) 0;font-size:20px}.journey{color:#202024;grid-template-columns:max-content 1.2em max-content 1.2em max-content;justify-content:end;align-items:center;column-gap:clamp(5px,1.4vw,9px);width:135%;margin:clamp(21px,3.2vh,28px) 0 clamp(25px,4vh,34px) -35%;display:grid}.journey-step{gap:4px;min-width:0;line-height:1.08;display:grid}.journey-step small{font-size:clamp(10px,3vw,12px)}.journey-step b{overflow-wrap:anywhere;font-size:clamp(11px,3.25vw,14px);font-weight:500}.journey>i{color:var(--pink);font-size:clamp(19px,5.5vw,25px);font-style:normal;font-weight:300;line-height:1}.marketing-copy>p{color:#1c1c20;margin:0;font-size:clamp(15px,4.2vw,18px);line-height:1.58}.test-meta{color:#202024;grid-template-columns:1fr 1px 1fr;align-items:center;gap:12px;font-size:clamp(13px,3.6vw,16px);line-height:1.15;display:grid}.test-meta span{gap:5px;display:grid}.test-meta b{color:var(--pink);font-size:clamp(34px,9.4vw,43px);line-height:.85}.test-meta i{background:var(--pink);opacity:.8;align-self:stretch}.test-meta__duration b{white-space:nowrap;align-items:baseline;gap:3px;display:inline-flex}.test-meta__duration em{color:var(--pink);letter-spacing:-3px;font-size:.58em;font-style:normal;font-weight:400;transform:translateY(-.04em)}.marketing-footer{z-index:2;text-align:center;margin-top:auto}.marketing-footer .primary-cta{margin:0}.landing-proof--spacer{visibility:hidden}.landing-proof{color:#fff;text-shadow:0 1px 4px #170f2d75;margin-top:22px;font-size:clamp(11px,3.35vw,14px);line-height:1.45}.landing-proof p{margin:10px 0 0}.screen-three{text-align:center;background:linear-gradient(snow 0%,#fff7f5 68%,#fde6eb 100%)}.back{z-index:4;width:40px;color:var(--ink);background:0 0;border:0;align-self:flex-start;margin:0 0 26px -9px;padding:0;font-size:44px;font-weight:300;line-height:.5;position:relative}.screen-three .brand{text-align:left}.progress{z-index:2;background:#fae8ee;border-radius:8px;height:8px;margin-top:22px;overflow:hidden}.progress span{border-radius:inherit;background:var(--pink);width:21%;height:100%;display:block}.mail-mark,.heart-mark{z-index:2;background:radial-gradient(circle at 50% 38%,#fff,#fee9e6);border-radius:50%;flex:none;place-items:center;display:grid}.mail-mark{aspect-ratio:1;width:clamp(105px,29vw,126px);margin:clamp(36px,8vh,65px) auto 20px;font-size:clamp(53px,15vw,63px)}.screen-three h1{font-size:clamp(31px,8.8vw,39px)}.screen-three>p{z-index:2;color:var(--muted);margin:18px 0 clamp(26px,5vh,40px);font-size:clamp(16px,4.6vw,18px);line-height:1.55}.screen-three form{z-index:3;text-align:left}.screen-three label{margin-bottom:10px;font-size:17px;display:block}.email-input{background:#ffffffd6;border:1px solid #d9d7dc;border-radius:12px;align-items:center;min-height:67px;padding:0 17px;display:flex;box-shadow:inset 0 0 0 1px #f9e1e9a6}.email-input span{color:var(--pink);margin-right:14px;font-size:27px}.email-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:17px}.email-input input::placeholder{color:#a4a5b0}.screen-three form .primary-cta{margin-top:25px}.error{color:#b72055;margin:8px 0 -12px;font-size:14px}.email-consent{color:#92959b;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-top:14px;font-size:12px;line-height:1.45;display:flex}.email-consent label{cursor:pointer;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;align-items:center;margin:0;display:inline-flex}.email-consent input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.email-consent__check{color:#fff;background:#9ea2a8;border:1px solid #a8acb1;border-radius:4px;place-items:center;block-size:15px;inline-size:15px;margin-right:6px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.email-consent input:not(:checked)+.email-consent__check{color:#0000;background:0 0}.email-consent input:focus-visible+.email-consent__check{outline-offset:2px;outline:2px solid #ed438b8c}.email-consent__link{color:#777c84;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-underline-offset:2px;background:0 0;border:0;margin:0 0 0 4px;padding:0;text-decoration:underline;text-decoration-thickness:1px}.privacy-overlay{z-index:20;padding:18px clamp(16px, 5vw, 24px) calc(18px + env(safe-area-inset-bottom));background:#1f182361;place-items:end center;display:grid;position:fixed;inset:0}.privacy-modal{width:min(100%,390px);max-height:min(760px,100dvh - 36px);color:var(--ink);text-align:left;background:snow;border:1px solid #ed438b3d;border-radius:24px;padding:28px 22px 20px;position:relative;overflow:auto;box-shadow:0 20px 50px #24142140}.privacy-modal__close{color:#777c84;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;font-size:31px;font-weight:300;line-height:1;display:grid;position:absolute;top:13px;right:14px}.privacy-modal h2{color:var(--ink);letter-spacing:-1.2px;margin:0 38px 12px 0;font-size:clamp(26px,7.5vw,32px);line-height:1.08}.privacy-modal__intro,.privacy-modal__note{color:var(--muted);margin:0;font-size:15px;line-height:1.48}.privacy-points{gap:10px;margin:18px 0 15px;padding:0;list-style:none;display:grid}.privacy-points li{background:#ffffffb3;border:1px solid #f1dce5;border-radius:14px;grid-template-columns:42px 1fr;gap:10px;padding:13px 12px;display:grid}.privacy-points li>span{color:var(--pink);font-size:22px;font-weight:700;line-height:1.1}.privacy-points h3{margin:0 0 4px;font-size:16px;line-height:1.2}.privacy-points p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.privacy-modal__confirm{min-height:56px;margin-top:18px;font-size:18px}.screen-three .bottom-bloom,.screen-four .bottom-bloom{z-index:0;height:17%;bottom:-3%}.screen-four{text-align:center;background:linear-gradient(snow,#fff8f7 70%,#fce6ec);align-items:center}.screen-four .brand{align-self:flex-start}.heart-mark{aspect-ratio:1;width:clamp(145px,44vw,182px);color:var(--pink);margin:clamp(45px,10vh,85px) auto clamp(34px,7vh,58px);font-size:clamp(72px,21vw,91px);box-shadow:inset 0 0 30px #fff9}.screen-four h1{font-size:clamp(30px,8.7vw,39px)}.heart-line{z-index:2;color:var(--pink);letter-spacing:3px;margin:26px 0 29px;font-size:19px}.screen-four>p{z-index:2;color:var(--muted);margin:0 0 20px;font-size:clamp(16px,4.6vw,18px);line-height:1.58}.screen-four .farewell{color:var(--pink);margin-top:clamp(26px,6vh,48px);font-family:cursive;font-size:clamp(27px,8vw,34px)}@media (min-width:431px){.bon-shell{padding-inline:24px}.bon-flow{box-shadow:0 16px 48px #7d4a5e1c}}@media (max-height:640px){.screen{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.marketing-copy{margin-top:55px}.marketing-divider{margin:14px 0}.landing-proof{margin-top:12px}.landing-proof p{margin-top:5px}.mail-mark{margin-top:20px}.heart-mark{margin:25px auto}.screen-four .farewell{margin-top:20px}}
