:root{--ink:#23372c;--forest:#294236;--moss:#789071;--cream:#f6f2e9;--sand:#ded6c6;--clay:#c79772;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.hero{min-height:760px;position:relative;overflow:hidden;background:linear-gradient(116deg,#d7e1e0 0%,#f8f5ec 52%,#f5dbb8 100%)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{color:var(--ink);font:600 25px var(--display);text-decoration:none;letter-spacing:-1.6px}.brand-mark{font-family:Georgia;font-size:25px;margin-right:3px}.nav-links{display:flex;gap:32px;margin-left:100px}.nav a{color:var(--ink);text-decoration:none;font-size:14px}.nav-cta{border-bottom:1px solid var(--ink);padding-bottom:6px}.nav-cta span{margin-left:7px}.hero-content{position:relative;z-index:2;padding-top:96px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font:600 10px var(--display);margin:0 0 24px}.hero h1,.intro h2,.manifesto h2,.signup h2{font:normal clamp(55px,7.3vw,104px)/.96 var(--serif);letter-spacing:-3px;margin:0}.hero h1 em,.intro h2 em,.manifesto h2 em,.signup h2 em{font-style:italic}.hero-copy{font-size:17px;line-height:1.65;max-width:435px;margin:27px 0 30px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;gap:36px;padding:16px 22px;border-radius:40px;text-decoration:none;font-size:14px}.button-dark{background:var(--forest);color:white}.button span,.arrow-link span{font-size:20px}.text-link{color:var(--ink);font-size:14px;text-decoration:none;border-bottom:1px solid #708073;padding-bottom:5px}.text-link span{margin-left:8px}.availability{font-size:12px;margin-top:58px}.availability span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b97554;margin-right:8px}.sun{position:absolute;width:500px;height:500px;border-radius:50%;right:-120px;top:118px;background:radial-gradient(circle,#fff5d7 0%,#f9dca9 42%,rgba(249,220,169,0) 70%)}.coast{position:absolute;z-index:1;right:-5%;bottom:-5px;width:58%;height:290px;background:linear-gradient(160deg,transparent 0 39%,#8f9a90 39.5% 46%,#657263 46.5% 50%,transparent 50.5%),linear-gradient(8deg,#a9b9bc 0%,#c5d2d2 44%,#d4d0c2 45%,transparent 46%);opacity:.95}.hero-water{position:absolute;width:100%;height:210px;bottom:0;background:linear-gradient(0deg,rgba(196,213,215,.9),rgba(207,222,220,.35));clip-path:polygon(0 58%,45% 35%,100% 57%,100% 100%,0 100%)}.hero-person{position:absolute;z-index:2;bottom:-65px;left:-40px;width:420px;height:330px;background:linear-gradient(127deg,transparent 0 20%,#252a27 20.3% 48%,#3b403d 48.3% 70%,transparent 70.3%),radial-gradient(ellipse at 41% 24%,#3b2e24 0 11%,transparent 11.5%);clip-path:polygon(0 18%,29% 0,53% 12%,59% 39%,94% 75%,100% 100%,0 100%);filter:drop-shadow(0 -7px 13px rgba(38,42,37,.15))}.hero-note{position:absolute;right:8%;top:152px;z-index:3;text-align:right}.hero-note p{font:600 9px/1.8 var(--display);letter-spacing:2.5px;text-transform:uppercase}.note-line{height:1px;width:42px;background:var(--ink);display:inline-block}.intro{padding:140px 0 125px}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:end}.intro h2,.manifesto h2,.signup h2{font-size:clamp(43px,5.1vw,72px)}.intro-grid>p,.manifesto-copy>p,.signup>p{line-height:1.75;font-size:16px;margin:0;max-width:380px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-top:80px}.categories article{border:1px solid #cfc9bb;border-radius:6px;padding:22px 14px 18px;min-height:182px;transition:.25s}.categories article:hover{background:#edf0e9;transform:translateY(-5px)}.category-icon{width:42px;height:42px;border:1px solid #809082;border-radius:50%;display:grid;place-items:center;font-size:25px}.categories h3{font:600 12px var(--display);letter-spacing:.2px;margin:25px 0 8px}.categories p{font-size:11px;color:#68736a;margin:0}.manifesto{background:#e8e4d9;padding:105px 0}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.manifesto-image{height:520px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(34,58,45,.1),transparent 50%),url('wellify-brand-reference.jpg') center bottom/cover}.manifesto-image:after{content:'';position:absolute;inset:0;background:rgba(32,55,42,.15)}.image-copy{color:white;position:absolute;z-index:1;bottom:38px;left:35px;font:48px/1 var(--serif);letter-spacing:-2px}.manifesto-copy h2{margin-bottom:30px}.manifesto-copy .eyebrow{margin-bottom:22px}.arrow-link{display:inline-flex;align-items:center;gap:26px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:6px;margin-top:36px;text-decoration:none;font-size:14px}.signup{text-align:center;padding:130px 0}.signup .eyebrow{margin-bottom:22px}.signup>p{margin:25px auto 30px}.email-form{margin:auto;max-width:480px;border-bottom:1px solid #617064;display:flex}.email-form input{border:0;background:none;padding:14px 0;flex:1;font:14px var(--sans);outline:0;color:var(--ink)}.email-form button{border:0;background:var(--forest);color:white;padding:13px 18px;border-radius:25px;font:13px var(--sans);cursor:pointer}.email-form button span{margin-left:15px}.footer{background:var(--forest);color:#edf0e8;padding:31px 0}.footer .shell{display:flex;justify-content:space-between;align-items:center}.footer .brand{color:#edf0e8}.footer p,.footer span{font-size:12px;margin:0;color:#d5ddd4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.shell{width:min(100% - 38px,1180px)}.nav{height:76px}.nav-links{display:none}.nav-cta{font-size:12px!important}.hero{min-height:700px}.hero-content{padding-top:68px}.hero h1{font-size:66px}.hero-copy{font-size:15px;max-width:330px}.hero-note{display:none}.hero-person{left:-110px;transform:scale(.8);transform-origin:bottom left}.coast{width:90%;height:230px}.intro{padding:80px 0}.intro-grid,.manifesto-grid{grid-template-columns:1fr;gap:28px}.categories{grid-template-columns:repeat(2,1fr);margin-top:48px}.manifesto{padding:62px 0}.manifesto-image{height:380px}.signup{padding:85px 0}.footer .shell{gap:16px;flex-wrap:wrap}.footer p{order:3;width:100%}.hero-actions{gap:18px}.button{gap:18px}.availability{margin-top:38px}}
