:root{--cream:#f2eee5;--paper:#fbfaf7;--ink:#202a29;--green:#244c43;--sage:#9eb9a9;--mint:#d6e9df;--orange:#df7655;--line:#d8ddd8;--muted:#707c78}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}a{text-decoration:none;color:inherit}header{height:84px;padding:0 6%;display:flex;align-items:center;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.logo{width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;position:relative}.logo b{font-family:Georgia,serif;font-size:16px;font-style:italic}.logo i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--orange);right:1px;top:4px}.brand strong{font-size:18px;letter-spacing:-.04em}.brand strong span{color:#789789}.brand small{display:block;font-size:7px;color:#82908b;letter-spacing:.04em}nav{margin-left:auto;display:flex;gap:28px;font-size:10px;color:#596762}nav a:hover{color:var(--orange)}.topcta{margin-left:30px;border:1px solid var(--green);border-radius:30px;padding:10px 17px;font-size:9px;font-weight:bold}
.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;background:var(--cream)}.herocopy{padding:100px 5% 75px 9%}.tag,.conceptTitle>span,.journeyHead>span,.topicIntro>span,.dashcopy>span,.faqintro>span,.contactCopy>span{font-size:8px;letter-spacing:.18em;font-weight:bold;color:var(--orange)}.hero h1,.concept h2,.journey h2,.topicIntro h2,.dashcopy h2,.faqintro h2,.contact h2{font-family:Georgia,serif;font-weight:normal;font-size:58px;line-height:1.03;letter-spacing:-.035em;margin:14px 0 22px}.hero h1 em,.concept h2 em,.contact h2 em{font-style:italic;color:#628878}.herocopy>p{font-family:Georgia,serif;font-size:16px;color:#61706b;max-width:590px}.actions{display:flex;gap:18px;align-items:center;margin-top:30px}.primary{background:var(--green);color:#fff;padding:13px 20px;border-radius:30px;font-size:9px;font-weight:bold}.secondary{font-size:9px;font-weight:bold}.secondary span{width:30px;height:30px;border:1px solid #9caaa5;border-radius:50%;display:inline-grid;place-items:center;margin-right:7px;font-size:7px}.proof{display:flex;gap:35px;margin-top:50px;border-top:1px solid #d5d1c8;padding-top:17px}.proof div{display:flex;gap:8px;font-size:8px}.proof b{color:var(--orange)}.scene{position:relative;overflow:hidden;background:#dce6df}.sun{position:absolute;width:270px;height:270px;border-radius:50%;background:#f1c69e;right:8%;top:9%}.window{position:absolute;inset:9% 8% 25% 15%;border:12px solid #f5f1e9;border-bottom:20px solid #f5f1e9}.window i:first-child{position:absolute;height:100%;border-left:8px solid #f5f1e9;left:50%}.window i:last-child{position:absolute;width:100%;border-top:8px solid #f5f1e9;top:48%}.desk{position:absolute;bottom:13%;left:5%;right:5%;height:16px;background:#8c6b55}.screen{position:absolute;width:255px;height:190px;background:#fff;border:9px solid #303a39;border-radius:12px;bottom:16%;left:25%;box-shadow:0 20px 30px #26342e22}.screenTop{height:29px;background:#f5f5f2;display:flex;align-items:center;padding:0 9px;gap:7px}.screenTop span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.screenTop b{font-size:7px}.face{width:75px;height:75px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;margin:20px auto 8px;font-family:Georgia,serif;font-size:24px;font-style:italic}.screen>small{display:block;text-align:center;font-size:7px;color:#78847f}.plant{position:absolute;bottom:15%;right:8%;width:70px;height:80px;background:#c78361;border-radius:5px 5px 25px 25px}.plant i{position:absolute;width:40px;height:70px;border-radius:100% 0;background:#527867;bottom:55px;left:25px;transform:rotate(-25deg)}.plant i:nth-child(2){left:2px;transform:rotate(25deg)}.plant i:nth-child(3){left:42px;bottom:48px;transform:rotate(-55deg)}.note{position:absolute;top:19%;left:4%;background:var(--paper);padding:18px;width:180px;box-shadow:0 14px 30px #24332d1b;transform:rotate(-3deg)}.note span,.note b,.note i{display:block}.note span{font-size:6px;color:var(--orange);font-weight:bold}.note b{font-family:Georgia,serif;font-size:15px;margin:4px 0 10px}.note i{font-style:normal;font-size:7px;margin:5px 0;color:#66756f}
.marquee{height:50px;background:var(--green);color:#e6eee9;display:flex;align-items:center;justify-content:space-around;font-size:8px;letter-spacing:.15em}.marquee i{color:var(--orange)}
.concept{padding:100px 8%;display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}.concept h2,.journey h2,.topicIntro h2,.dashcopy h2,.faqintro h2,.contact h2{font-size:42px}.conceptText{padding-bottom:12px}.conceptText p{font-size:11px;color:#697872}.conceptText a{display:inline-block;margin-top:15px;color:var(--orange);font-size:9px;font-weight:bold}
.comfortCards{padding:0 8% 100px;display:grid;grid-template-columns:1.35fr .65fr .8fr;gap:12px}.comfortCards article{min-height:300px;border-radius:22px;background:#e9e4da;padding:28px;position:relative;overflow:hidden}.comfortCards article>span{font-size:7px;letter-spacing:.15em;color:#7a8782}.comfortCards h3{font-family:Georgia,serif;font-size:23px;font-weight:normal}.comfortCards .big{background:var(--green);color:#fff}.big>span{color:#b8c9c1!important}.path{position:absolute;left:28px;right:28px;bottom:45px;display:flex;align-items:center}.path b{font-size:7px;white-space:nowrap}.path i{border-top:1px dashed #8da79b;flex:1;margin:0 8px}.clock{font-family:Georgia,serif;font-size:46px;color:var(--orange);margin-top:25px}.comfortCards .mint{background:var(--mint)}.bubble{background:#fff;padding:10px;border-radius:12px 12px 12px 2px;font-size:8px;margin-top:20px;width:85%}.bubble.reply{margin:7px 0 0 auto;background:var(--green);color:#fff;border-radius:12px 12px 2px 12px}
.journey{padding:95px 8%;background:#ece8df}.journeyHead{max-width:600px}.journeyLine{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #bdc6c1}.journeyLine article{padding:0 28px 20px 0}.num{width:42px;height:42px;background:var(--paper);border:1px solid #aab7b1;border-radius:50%;display:grid;place-items:center;margin-top:-21px;font-family:Georgia,serif;color:var(--green)}.journeyLine small{display:block;margin-top:30px;font-size:7px;color:var(--orange);letter-spacing:.12em}.journeyLine h3{font-family:Georgia,serif;font-size:18px;font-weight:normal}.journeyLine p{font-size:9px;color:#697872}
.topics{padding:100px 8%;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.topicIntro p{font-size:10px;color:#71807a}.topicList{border-top:1px solid var(--line)}.topicList a{display:grid;grid-template-columns:50px 1fr 30px;align-items:center;padding:20px 5px;border-bottom:1px solid var(--line);transition:.2s}.topicList a:hover{padding-left:14px;background:#f4f1e9}.topicList>a>b{font-size:8px;color:var(--orange)}.topicList strong,.topicList small{display:block}.topicList strong{font-family:Georgia,serif;font-size:17px;font-weight:normal}.topicList small{font-size:8px;color:#7a8882}.topicList i{font-style:normal;color:var(--green)}
.quote{padding:100px 8%;text-align:center;background:var(--orange);color:#fff}.qmark{font-family:Georgia,serif;font-size:70px;line-height:.5;opacity:.55}.quote blockquote{font-family:Georgia,serif;font-size:35px;line-height:1.3}.quote blockquote em{color:#ffe4d7}.qline{width:45px;border-top:1px solid #fff;margin:25px auto 10px}.quote p{font-size:8px;letter-spacing:.15em}
.dashboard{padding:100px 8%;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;background:#f1eee7}.dashcopy>p{font-size:11px;color:#6b7a74}.dashcopy ul{list-style:none;padding:0;margin-top:28px}.dashcopy li{display:flex;gap:12px;padding:12px 0;border-top:1px solid #d4d9d5}.dashcopy li>i{width:25px;height:25px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-style:normal;color:var(--green);font-size:8px}.dashcopy li span,.dashcopy li b{display:block}.dashcopy li b{font-size:9px}.dashcopy li span{font-size:8px;color:#73817c}.dash{background:#fff;border-radius:18px;box-shadow:0 25px 60px #26352f14;overflow:hidden;border:1px solid #dfe3df}.dashbar{height:45px;background:var(--green);color:#fff;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.dashbar b{font-size:11px}.welcome{padding:25px}.welcome small{font-size:7px;color:var(--orange)}.welcome h3{font-family:Georgia,serif;font-size:24px;margin:3px 0}.appointment{margin:0 25px;padding:20px;background:var(--cream);border-radius:12px}.appointment span,.appointment b,.appointment small{display:block}.appointment span{font-size:6px;color:#81908a}.appointment b{font-family:Georgia,serif;font-size:16px;margin-top:4px}.appointment small{font-size:8px;color:#77847f}.appointment button{border:0;background:var(--green);color:#fff;border-radius:20px;padding:8px 13px;font-size:7px;margin-top:14px}.status{display:grid;grid-template-columns:repeat(3,1fr);padding:25px}.status>div{display:flex;align-items:center;gap:5px;font-size:7px}.status b{width:22px;height:22px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--green)}.status i{flex:1;border-top:1px dashed #b5c1bc}
.faq{padding:95px 8%;display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.faqintro p{font-size:10px;color:#74817c}.faqs details{padding:18px 0;border-bottom:1px solid var(--line)}.faqs summary{font-family:Georgia,serif;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faqs summary b{font-family:Arial;color:var(--orange)}.faqs p{font-size:9px;color:#71807a}
.contact{padding:90px 8%;background:var(--green);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contactCopy>span{color:#f0a183}.contact h2{color:#fff}.contact h2 em{color:#b9d7c9}.contactCopy>p{font-size:10px;color:#c7d4ce}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.chips span{border:1px solid #648078;border-radius:20px;padding:7px 10px;font-size:7px}.contact form{background:var(--paper);color:var(--ink);border-radius:18px;padding:27px}.formHead{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:15px}.formHead b{font-family:Georgia,serif;font-size:18px}.formHead span{font-size:7px;color:#82908a}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-size:7px;font-weight:bold;color:#6a7973;display:block;margin:10px 0}input,select,textarea{width:100%;display:block;border:0;border-bottom:1px solid #cbd3ce;background:transparent;padding:9px 2px;font:10px Arial;outline:none}.consent{display:flex;gap:7px;font-weight:normal}.consent input{width:auto}.contact button{width:100%;border:0;background:var(--orange);color:#fff;border-radius:25px;padding:12px 18px;font-size:8px;font-weight:bold}.contact button b{float:right}
footer{padding:45px 7%;background:#172923;color:#aabbb4;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:45px}.inverse strong{color:#fff}.inverse .logo{background:#fff;color:var(--green)}footer>div:not(:first-child){display:flex;flex-direction:column;gap:6px;font-size:8px}footer>div>b{color:#fff}footer p{font-size:8px}.copy{padding:10px 7%;background:#10201b;color:#62766d;font-size:7px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.scene{min-height:520px}.concept,.topics,.dashboard,.faq,.contact{grid-template-columns:1fr}.comfortCards{grid-template-columns:1fr 1fr}.comfortCards .big{grid-column:1/-1}.journeyLine{grid-template-columns:1fr 1fr;gap:40px}.journeyLine article{border-top:1px solid #bdc6c1}.journeyLine .num{margin-top:-21px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){header{height:72px}.topcta{display:none}.herocopy{padding:65px 7%}.hero h1{font-size:43px}.scene{min-height:430px}.note{display:none}.screen{left:12%}.proof{gap:14px}.concept,.comfortCards,.journey,.topics,.dashboard,.faq,.contact{padding:65px 7%}.concept h2,.journey h2,.topicIntro h2,.dashcopy h2,.faqintro h2,.contact h2{font-size:34px}.comfortCards{grid-template-columns:1fr}.comfortCards .big{grid-column:auto}.journeyLine{grid-template-columns:1fr}.quote blockquote{font-size:28px}.row{grid-template-columns:1fr}footer{grid-template-columns:1fr}.marquee span:nth-of-type(even){display:none}}