:root{--ink:#152c31;--muted:#617579;--paper:#f9f7f2;--white:#fff;--teal:#0d6b64;--teal-light:#e6f1ed;--orange:#ed7048;--border:#dce3df;--shadow:0 14px 48px rgba(20,42,42,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:var(--teal);text-underline-offset:3px}a:hover{color:#08473f}img,svg{max-width:100%}.container{max-width:1170px;margin:auto;padding:0 24px}header{background:rgba(249,247,242,.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.navbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--ink);display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.17rem;letter-spacing:-.04em;font-weight:800}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--teal);border-radius:13px;color:white;font-size:21px}.navlinks{display:flex;gap:25px;align-items:center}.navlinks a{color:var(--ink);font-size:.9rem;text-decoration:none;font-weight:600}.navlinks a:hover{color:var(--teal)}.menu-button{display:none;border:1px solid var(--border);border-radius:10px;background:white;color:var(--ink);font:inherit;padding:7px 12px;cursor:pointer}.eyebrow{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.73rem;color:var(--teal)}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;padding-top:81px;padding-bottom:88px}.hero h1{font-size:clamp(2.55rem,5.5vw,5.15rem);letter-spacing:-.066em;line-height:1.055;margin:22px 0 24px;font-weight:820}.hero h1 span{color:var(--teal)}.lead{font-size:1.18rem;color:#4a6465;max-width:590px}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:51px;padding:12px 22px;border-radius:12px;border:1px solid transparent;background:var(--teal);color:white;text-decoration:none;font-weight:750;box-shadow:0 8px 20px rgba(13,107,100,.15);cursor:pointer;font:inherit}.button:hover{color:white;background:#07574f}.button.alt{background:transparent;border-color:#bccdc8;color:var(--ink);box-shadow:none}.button.alt:hover{background:white}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-small{font-size:.82rem;color:var(--muted);margin-top:23px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:510px;background:#e4ede5;border-radius:36px;overflow:hidden;border:1px solid #d3e2dc}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border:1px solid rgba(13,107,100,.15);border-radius:50%;width:520px;height:520px}.hero-visual:after{width:370px;height:370px}.phone{position:relative;z-index:1;background:#1f3139;border:9px solid #273e44;border-radius:40px;width:230px;height:424px;transform:rotate(-12deg);box-shadow:25px 30px 65px rgba(15,45,45,.25);padding:28px 16px}.phone:after{content:"";width:70px;height:16px;border-radius:0 0 13px 13px;position:absolute;top:-2px;left:70px;background:#16272a}.phone-screen{background:linear-gradient(150deg,#247b71,#092e39);height:100%;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-align:center;padding:12px;gap:10px}.phone-screen svg{width:100px;color:#c8eece}.phone-screen strong{font-size:1rem}.phone-screen small{font-size:.75rem;opacity:.8}.floatcard{position:absolute;z-index:2;background:white;border:1px solid #d8e6df;box-shadow:var(--shadow);border-radius:15px;padding:13px 17px;color:var(--ink);font-weight:700;font-size:.85rem}.floatcard small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}.floatcard.one{top:85px;left:20px;transform:rotate(-4deg)}.floatcard.two{right:17px;bottom:93px;transform:rotate(4deg)}.section{padding:72px 0}.section-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.12;letter-spacing:-.047em;margin:9px 0 17px}.section-intro{color:var(--muted);max-width:650px;margin-bottom:32px}.section.tint{background:#eef3ee;border-top:1px solid #e2eae3;border-bottom:1px solid #e2eae3}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.article-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:19px;background:white;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--ink)}.card-art{height:175px;display:grid;place-items:center;background:#e8f0e9;position:relative;overflow:hidden}.card-art.orange{background:#f9e9df}.card-art.blue{background:#e3edf4}.card-art svg{width:110px;stroke:var(--teal)}.card-art.orange svg{stroke:#bd5c38}.card-art.blue svg{stroke:#35789b}.card-content{padding:24px;flex:1;display:flex;flex-direction:column}.tag{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--teal);font-weight:800}.article-card h3{font-size:1.28rem;line-height:1.25;letter-spacing:-.025em;margin:12px 0}.article-card p{color:var(--muted);margin:0 0 22px;font-size:.92rem}.read-more{margin-top:auto;color:var(--teal);font-weight:760;font-size:.89rem}.diagnostic{border:1px solid #a6d0c5;box-shadow:var(--shadow);border-radius:25px;padding:34px;background:white;display:grid;grid-template-columns:.95fr 1.05fr;gap:45px}.diagnostic p{color:var(--muted)}.diag-form{display:grid;gap:14px}.field{display:grid;gap:8px}.field label{font-weight:700;font-size:.85rem}.field select{width:100%;background:#f7faf8;border:1px solid #bdd1ca;border-radius:10px;padding:13px;font:inherit;color:var(--ink)}.diag-result{background:#e5f2eb;border:1px solid #c2dfd0;border-radius:13px;padding:16px;margin-top:5px;min-height:90px}.diag-result p{margin:4px 0 7px;font-size:.91rem}.diag-result a{font-weight:750}.notice{background:#fff6e8;border-left:4px solid #e6a649;padding:15px 18px;border-radius:8px;color:#5a4c31;margin:24px 0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.value{padding:24px 0;border-top:2px solid #a9ccc0}.value span{font-size:2rem;color:var(--teal)}.value h3{letter-spacing:-.02em;margin:12px 0 8px}.value p{font-size:.92rem;color:var(--muted);margin:0}.closing{padding:55px 0;background:#133e3b;color:white}.closing .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.closing h2{font-size:2rem;letter-spacing:-.04em;line-height:1.15;margin:0}.closing p{color:#c7ded7;max-width:550px}.closing .button{background:#f0f5ee;color:#164b42;white-space:nowrap}.closing .button:hover{background:white}footer{background:#0e292c;color:#d1ddd9;padding:43px 0 25px}footer a{color:#d1ddd9;text-decoration:none}footer a:hover{color:white}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:19px;flex-wrap:wrap;font-size:.87rem}.footer-bottom{padding-top:25px;margin-top:28px;border-top:1px solid #315055;color:#a9bcb7;font-size:.8rem}.pagehead{padding:72px 0 55px;background:#eaf2ec;border-bottom:1px solid #d7e7da}.pagehead h1{font-size:clamp(2.3rem,4.8vw,4rem);max-width:900px;line-height:1.08;letter-spacing:-.055em;margin:14px 0}.pagehead p{max-width:760px;font-size:1.09rem;color:#4b6265}.breadcrumbs{font-size:.79rem;color:#607777;margin-bottom:20px}.breadcrumbs a{color:#466763}.article-layout{max-width:960px;padding:50px 24px 80px;display:grid;grid-template-columns:1fr 235px;gap:54px;margin:auto}.prose{max-width:660px}.prose h2{font-size:1.7rem;letter-spacing:-.035em;line-height:1.2;margin:38px 0 12px}.prose h3{font-size:1.18rem;margin:25px 0 8px}.prose p,.prose li{color:#374b50}.prose ul,.prose ol{padding-left:24px}.prose li{margin:9px 0}.prose a{overflow-wrap:anywhere}.prose table{border-collapse:collapse;width:100%;font-size:.91rem;margin:22px 0}.prose th,.prose td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.prose th{background:#eaf2ec}.aside{position:sticky;top:106px;align-self:start;border:1px solid var(--border);background:white;border-radius:14px;padding:20px}.aside h3{font-size:1rem;margin-top:0}.aside a{display:block;font-size:.88rem;margin:9px 0}.asidenote{font-size:.8rem;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;margin-top:18px}.metadata{display:flex;gap:15px;flex-wrap:wrap;font-size:.81rem;color:#5e7377;margin-top:20px}.pill{display:inline-flex;border-radius:99px;background:#e7f0e9;color:#205f58;font-weight:700;padding:5px 11px;font-size:.72rem}.small-page{max-width:820px;margin:0 auto;padding:60px 24px 90px}.small-page h1{font-size:3rem;letter-spacing:-.05em;line-height:1.1}.small-page p{color:#465e61}.source-list{font-size:.86rem}.source-list li{margin-bottom:10px}.safety{background:#fff4e8;padding:14px 18px;border-left:4px solid #de8d43;border-radius:6px;margin:25px 0}.draft-label{background:#f7ebd2;color:#7b5b1d;padding:10px 14px;font-size:.78rem;text-align:center;border-bottom:1px solid #ebd5a0}
@media(max-width:900px){.hero{gap:25px}.hero-visual{min-height:430px}.diagnostic{gap:20px}.grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.aside{position:static;order:-1}}
@media(max-width:680px){.navbar{min-height:67px}.menu-button{display:block}.navlinks{display:none;position:absolute;top:67px;left:0;right:0;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--border);box-shadow:0 10px 20px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.hero{grid-template-columns:1fr;padding-top:49px;padding-bottom:50px;gap:30px}.hero-visual{min-height:330px}.phone{transform:rotate(-9deg) scale(.75)}.floatcard.one{top:40px}.floatcard.two{bottom:38px}.grid,.value-grid{grid-template-columns:1fr}.diagnostic{grid-template-columns:1fr;padding:24px}.section{padding:52px 0}.closing .container{align-items:flex-start;flex-direction:column}.pagehead{padding:47px 0 35px}.article-layout{padding-top:32px}.small-page h1{font-size:2.3rem}}
.health-mark{font-size:23px;border-radius:50%;background:#a84f58}.health-visual{background:radial-gradient(circle at 50% 45%,#faf1e6,#ebf1e8 68%);border-color:#dfded3}.heart-art{position:relative;z-index:2;width:78%;filter:drop-shadow(0 28px 25px rgba(133,63,66,.12))}.halo{position:absolute;border:1px solid rgba(155,86,84,.21);border-radius:50%}.halo-one{width:290px;height:290px}.halo-two{width:490px;height:490px}.health-visual .floatcard{border-color:#ecd8d2}.diag-result small{display:block;font-size:.76rem;color:#4d6e66}.health-visual .floatcard.one{top:65px;left:20px}.health-visual .floatcard.two{right:17px;bottom:80px}
