:root{--ink:#293d38;--cream:#fff;--orange:#f7ab52;--lime:#eee2c9}body{background:#fff;color:#293d38;font-family:Inter,Arial,sans-serif}h1,h2,h3{font-family:Inter,Arial,sans-serif;letter-spacing:-.045em}button,.btn{background:#f7ab52;color:#293d38;font-weight:700}button:hover,.btn:hover{background:#f1bb10;color:#293d38}a:focus-visible,button:focus-visible{outline-color:#087d70}.family-nav{max-width:none;position:relative;z-index:5;padding:20px 4.6%;height:96px;margin:0;background:#fffdfc;border-radius:28px;display:flex;gap:26px;box-shadow:0 4px 25px #293d3808}.family-logo{display:flex;width:245px;flex-shrink:0}.family-logo img{width:100%;height:auto;display:block}.family-links{display:flex;gap:32px;align-items:center;margin-left:auto;font-size:15px;font-weight:600;white-space:nowrap}.family-links button,.family-menu button{padding:0;min-height:44px;background:transparent;color:#293d38;font:inherit}.family-actions{display:flex;align-items:center;gap:20px;margin-left:22px}.icon-button{width:32px;min-height:44px;padding:3px;background:transparent;display:flex;align-items:center;justify-content:center;color:#293d38;text-decoration:none}.icon-button svg{width:27px;height:27px}.icon-button:hover{background:#f4eee7}.cart-link{position:relative}.cart-count{font-size:9px;position:absolute;right:-8px;top:-1px;background:#f7ab52;border-radius:20px;min-width:15px;text-align:center}.nav-subscribe{padding:12px 28px;border-radius:100px;background:#293d38;color:white;text-decoration:none;font-weight:600;white-space:nowrap}.nav-subscribe:hover{background:#087d70}.menu-toggle{display:none;font-size:24px}.family-menu[hidden]{display:none}.family-hero{max-width:none;padding:0;margin-top:-23px;position:relative;height:min(640px,48vw);min-height:510px;isolation:isolate;background:#b2a493}.family-photo{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute;inset:0;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1c1916a3 0%,#231f1978 29%,#231f1920 53%,transparent 72%);z-index:-2}.family-copy{padding:96px 5.6% 130px;max-width:800px;color:#fff}.family-copy h1{font-size:clamp(40px,4.4vw,69px);line-height:1.08;letter-spacing:-.045em;margin:0 0 26px;font-weight:800}.family-copy p{font-size:clamp(18px,1.75vw,25px);line-height:1.45;max-width:470px;margin:0 0 29px;color:#fff}.hero-button{padding:18px 34px;font-size:21px;display:inline-flex;align-items:center;gap:28px;box-shadow:0 5px 16px #0000000a}.hero-button span{font-size:29px;line-height:1}.hero-heart{position:absolute;width:70px;left:61%;top:13%;transform:rotate(3deg)}.family-benefits{max-width:1380px;width:89%;margin:-70px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.family-benefit{background:#fdfbf9;border-radius:26px;box-shadow:0 3px 2px #293d3812,0 15px 35px #293d3805;text-align:center;padding:8px 12px 19px;border:1px solid #ede9e6;overflow:hidden;min-width:0}.family-benefit svg{width:100%;height:124px;display:block}.family-benefit h2{font-size:clamp(16px,1.55vw,23px);letter-spacing:-.035em;margin:4px 0 0;line-height:1.2;font-weight:750;white-space:nowrap}.family-price-note{padding:26px 20px 22px;text-align:center;display:flex;flex-direction:column;gap:5px;font-size:13px;color:#526172}.family-price-note strong{font-size:17px;color:#293d38}.ribbon{background:#f8f4ee;gap:50px;color:#536071;padding:17px;font-size:12px}.contentwrap{background:#f8f5ef}.inside article{background:white;box-shadow:0 8px 30px #293d3805}.num{background:#e9d8b8;color:#293d38}.step{border-color:#e4e5e6}.prepay-overview .simple-plan{background:white;border:1px solid #e6e3de;box-shadow:0 8px 32px #293d3806}.prepay-overview .simple-plan:last-child{background:#e3f0e9;border-color:#f7ab52}.prepay-overview .plan-badge{background:#e9d8b8;color:#293d38}.prepay-overview .box-price,.prepay-overview .plan-saved{color:#293d38}.prepay-overview .included-tax{color:#536172}.banner{background:#293d38!important;color:white!important;border-radius:28px}.banner .micro{color:#e4eaf0}.banner .btn{background:#f7ab52;color:#293d38}footer{background:#293d38!important;color:white!important}dialog{background:#fffdf9}dialog h2{font-size:30px}.close{background:transparent;color:#293d38}.family-menu{position:absolute;top:85px;left:16px;right:16px;background:#fffdf9;box-shadow:0 14px 32px #293d3820;border-radius:20px;padding:18px 24px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.family-menu a,.family-menu button{display:block;text-decoration:none;text-align:left;padding:10px;font-weight:600}.family-menu a:last-child{background:#f7ab52;border-radius:30px;text-align:center}
@media(min-width:1600px){.family-copy{max-width:900px}.family-hero{height:700px}.family-copy{padding-top:120px}.family-benefit svg{height:150px}}
@media(max-width:1100px){.family-nav{padding:18px 28px;gap:15px}.family-logo{width:200px}.family-links{gap:20px;font-size:13px}.family-actions{gap:16px;margin-left:4px}.nav-subscribe{padding:12px 20px}.family-copy{padding-left:5%}.family-copy h1{font-size:45px}.family-copy p{max-width:380px;font-size:20px}.family-benefits{gap:15px}.family-benefit{padding-left:6px;padding-right:6px}.family-benefit h2{font-size:16px}}
@media(max-width:850px){.family-links,.account-button,.nav-subscribe{display:none}.family-actions{margin-left:auto;gap:24px}.menu-toggle{display:flex}.family-nav{height:78px;padding:12px 22px;border-radius:0 0 24px 24px}.family-logo{width:190px}.family-hero{height:550px;min-height:0}.family-copy{padding-top:95px;max-width:510px}.family-copy h1{font-size:41px}.family-copy p{max-width:310px;font-size:18px}.family-photo{object-position:63% center}.family-benefits{width:92%;gap:12px}.family-benefit svg{height:100px}.family-benefit h2{font-size:13px}.family-benefit{border-radius:20px}.hero-heart{left:67%;width:50px}}
@media(max-width:600px){.family-nav{height:72px;padding:10px 18px}.family-logo{width:173px}.family-actions{gap:20px}.family-hero{height:auto;padding:0;display:flex;flex-direction:column;background:#293d38;margin-top:-18px}.family-photo{position:relative;inset:auto;height:340px;width:100%;object-fit:cover;object-position:right top;z-index:0;display:block}.hero-shade{display:none}.family-copy{padding:26px 24px 80px;max-width:none;text-align:left;background:#293d38}.family-copy h1{font-size:37px;line-height:1.1;margin-bottom:17px}.family-copy p{max-width:none;font-size:17px;line-height:1.5;margin-bottom:22px}.hero-button{font-size:18px;padding:15px 25px;min-height:56px;gap:35px}.hero-heart{left:48%;top:51px;width:39px;z-index:1}.family-benefits{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-44px;gap:12px;width:calc(100% - 32px)}.family-benefit{padding:4px 5px 15px;border-radius:22px}.family-benefit svg{height:106px}.family-benefit h2{font-size:14px;white-space:normal;min-height:34px;display:flex;align-items:center;justify-content:center;margin:0}.family-price-note{font-size:12px;line-height:1.6;padding:24px 25px}.ribbon{gap:8px;flex-wrap:wrap;font-size:10px;padding:13px 9px}.ribbon span{white-space:nowrap}section{padding:58px 24px}.steps{gap:15px}.step h3{font-size:21px}h2{font-size:32px}.family-menu{top:65px}.prepay-overview .box-price{font-size:39px}.family-hero .family-photo{max-height:none}footer{padding:38px 24px}.family-benefit svg{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.family-benefit svg{overflow:hidden}
.family-menu a{display:block!important}.family-menu[hidden]{display:none!important}

.family-benefit .benefit-shampoo{display:block;width:100%;height:124px;object-fit:contain;margin:0 auto}@media(min-width:1600px){.family-benefit .benefit-shampoo{height:150px}}@media(max-width:850px){.family-benefit .benefit-shampoo{height:100px}}@media(max-width:600px){.family-benefit .benefit-shampoo{height:106px}}