@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202f2b;--muted:#737e76;--green:#37624d;--paper:#f8f9f4;--line:#dde3d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:98px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--green);margin-left:8px}nav{display:flex;gap:32px;font-size:13px}.header-link{font-size:12px;border-bottom:1px solid #899d8a;padding-bottom:8px}.header-link span{margin-left:18px}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:75px 6% 55px;gap:55px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.2vw,65px);line-height:1.13;letter-spacing:-3px;font-weight:500;margin:30px 0 23px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{max-width:420px;font-size:15px;line-height:1.8;color:var(--muted)}.button{display:inline-flex;background:var(--green);color:white;padding:17px 20px;font-size:12px;gap:35px;margin-top:22px}.button:hover{background:#254c3a}.hero-foot{display:flex;gap:20px;font-size:8px;letter-spacing:1.1px;margin-top:55px;color:var(--muted)}.hero-art{position:relative;min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 75% 65%,#dfb28077,transparent 58%),radial-gradient(ellipse at 25% 30%,#a4c2a288,transparent 65%),#e8ece2;border:1px solid #dce2d5}.art-label{display:flex;justify-content:space-between;margin:24px;font-size:8px;letter-spacing:1.4px;color:#687d66}.lattice{position:absolute;inset:60px 10px 70px;transform:rotate(-20deg) skew(8deg);display:grid;grid-template-columns:repeat(7,1fr);align-items:center;justify-items:center;gap:9px}.atom{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fafcf2,#93ad87 65%,#657e59);box-shadow:5px 9px 14px #4a634e25;position:relative}.atom:after{content:'';position:absolute;width:55px;height:1px;background:#7d946d55;top:12px;left:24px}.atom.warm{background:radial-gradient(circle at 30% 25%,#fff5dc,#cfa47a 65%,#9b7957)}.gradient-label{position:absolute;bottom:50px;left:25px;right:25px;display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:.8px}.gradient-label div{flex:1;height:3px;background:linear-gradient(90deg,#8cab8d,#dbb085)}.hero-art>p{position:absolute;bottom:14px;text-align:center;width:100%;font-size:10px;color:#788270}.principles{margin:0 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.section-note{grid-column:1/-1;font-size:9px;letter-spacing:1.4px;color:var(--muted)}.number{font-size:10px;color:#8b9b88}article h2{font-size:17px;font-weight:500}article h2 i{float:right;color:var(--green);font-family:Georgia;font-size:23px}article p{font-size:12px;color:var(--muted);line-height:1.8;max-width:310px}.unit{font-size:10px;color:var(--green)}.explorer{padding:75px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-family:Manrope,sans-serif;font-weight:500;font-size:34px;letter-spacing:-1.2px;margin:16px 0}.section-top>p{color:var(--muted);font-size:12px;line-height:1.8}.explorer-box{display:grid;grid-template-columns:1fr 260px;border:1px solid var(--line);background:#fffefa}.chart-side{padding:27px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.tabs button{font:inherit;font-size:11px;background:none;border:0;padding:0 0 15px;color:var(--muted);cursor:pointer}.tabs button[aria-selected=true]{color:var(--green);border-bottom:2px solid var(--green)}.chart-caption{display:flex;justify-content:space-between;margin-top:23px;font-size:9px;color:var(--muted)}.legend-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}svg{width:100%;display:block;margin-top:10px}.chart-bottom{font-size:10px;color:var(--muted);text-align:center}.chart-bottom span{display:block;text-align:left;font-size:7px;letter-spacing:.8px;margin-top:25px}aside{background:#eef2e9;padding:28px}.temp{font-family:Manrope;font-size:44px;margin:25px 0 9px}.temp small{font-size:19px;color:var(--muted)}aside label{font-size:10px;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--green);margin:18px 0 5px}.range-label{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-bottom:25px}.reading{padding:14px 0;border-top:1px solid #d7dfd0;display:flex;flex-direction:column;gap:6px}.reading span{font-size:10px;color:var(--muted)}.reading strong{font-size:16px;font-weight:500}.featured strong{color:var(--green)}.aside-note{font-size:9px;color:var(--muted);line-height:1.6}.method{padding:0 6% 70px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.method>div>p:not(.eyebrow),.calculator>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:390px}.method ol{list-style:none;padding:0;margin:0}.method li{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:20px 0}.method li>span{font-size:10px;color:var(--green);padding-top:4px}.method h3{margin:0;font-size:14px;font-weight:500}.method li p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}.calculator{margin:0 6% 70px;padding:40px;background:#e9eee3;display:grid;grid-template-columns:1fr 1fr;gap:50px}.formula{font-size:30px;margin-top:30px;font-family:Georgia;color:var(--green)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{font-size:11px}.fields label>span{display:block;font-size:9px;color:var(--muted);margin:6px 0 12px}.fields input{width:100%;padding:15px;border:1px solid #d3dccb;background:#fcfdf7;color:var(--ink);font:20px Manrope}.result{border-top:1px solid #cdd8c5;margin-top:25px;padding-top:23px}.result>span{font-size:8px;letter-spacing:1.5px}.result>div{display:flex;gap:16px;align-items:baseline;margin-top:10px}.result strong{font-family:Manrope;font-size:42px;font-weight:500;color:var(--green)}.result small{font-size:12px}.result p,.calc-note{font-size:10px;color:var(--muted)}.calc-note{margin-top:20px}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ad783e;outline-offset:4px}@media(max-width:900px){header{height:80px}nav{gap:16px}.header-link{display:none}.hero{gap:25px;padding-top:45px}h1{letter-spacing:-2px}.hero-foot{flex-direction:column;gap:8px}.hero-art{min-height:350px}.explorer-box{grid-template-columns:1fr 230px}.chart-side{padding:18px}.tabs{gap:12px}.method{gap:35px}.calculator{padding:30px;gap:25px}}@media(max-width:650px){header{padding:0 6%}.brand{font-size:24px}nav{font-size:11px;gap:14px}.hero{grid-template-columns:1fr;padding-top:35px}h1{font-size:47px}.hero-foot{margin-top:30px;flex-direction:row;font-size:6px}.hero-art{min-height:330px}.principles{grid-template-columns:1fr;gap:22px}.principles article{border-bottom:1px solid var(--line);padding-bottom:18px}.principles article:last-child{border:0}.principles article p{max-width:none}.section-top{display:block}h2{font-size:29px}.explorer{padding-top:45px;padding-bottom:45px}.explorer-box{grid-template-columns:1fr}.tabs{justify-content:space-between;gap:5px}.tabs button{font-size:9px}.chart-caption{font-size:7px}aside{padding:25px}.temp{margin-top:12px}.reading{display:flex;flex-direction:row;justify-content:space-between}.method{grid-template-columns:1fr;gap:15px;padding-bottom:45px}.calculator{grid-template-columns:1fr;padding:25px;margin-bottom:40px}.fields{gap:10px}.fields label{font-size:10px}.result strong{font-size:36px}footer p{display:none}footer .brand{font-size:22px}}
/* Floating research chat */
.chat-launcher{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;border:0;border-radius:30px;padding:15px 20px;background:var(--green);color:white;font:500 12px 'DM Sans',sans-serif;box-shadow:0 6px 24px #203b2b30;cursor:pointer}.chat-launcher:hover{background:#254c3a}.chat-launcher svg{width:20px;height:20px;margin:0;fill:none;stroke:currentColor;stroke-width:1.6}.chat-panel{position:fixed;right:24px;bottom:88px;z-index:21;width:350px;max-width:calc(100vw - 32px);height:460px;max-height:calc(100dvh - 112px);display:flex;flex-direction:column;background:#fffefa;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 50px #203b2b25;overflow:hidden}.chat-panel[hidden]{display:none}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#eef2e9;border-bottom:1px solid var(--line)}.chat-header h2{font-size:15px;letter-spacing:-.3px;margin:0}.chat-header p{font-size:10px;color:var(--muted);margin:5px 0 0}.chat-header button{background:none;border:0;font-size:24px;color:var(--ink);cursor:pointer;padding:5px 8px}.chat-messages{flex:1;overflow:auto;min-height:0;padding:18px;display:flex;flex-direction:column;gap:12px}.chat-message{margin:0;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.7;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.bot{background:#eef2e9;align-self:flex-start}.chat-message.user{background:var(--green);color:white;align-self:flex-end}.chat-suggestions{display:flex;gap:7px;padding:0 18px 12px;flex-wrap:wrap}.chat-suggestions button{border:1px solid var(--line);background:none;color:var(--green);border-radius:16px;padding:7px 10px;font:10px 'DM Sans',sans-serif;cursor:pointer}#chat-form{display:flex;gap:8px;padding:13px;border-top:1px solid var(--line)}#chat-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:11px;font:12px 'DM Sans',sans-serif;color:var(--ink)}#chat-form button{border:0;border-radius:8px;background:var(--green);color:white;width:38px;font-size:22px;cursor:pointer}.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:650px){.chat-launcher{right:16px;bottom:16px}.chat-panel{right:16px;bottom:80px}}