:root{--paper:#f7f8f2;--ink:#183e35;--muted:#54665d;--line:#d9dfd4;--accent:#d9edaa;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #70883c;outline-offset:6px;border-radius:3px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{max-width:1200px;margin-inline:auto;padding-inline:36px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:20px}.brand-icon{background:var(--ink);color:var(--accent);font-size:26px;border-radius:10px;padding:5px 10px}.brand-detail{font-size:13px;color:var(--muted);font-weight:400}nav{display:flex;gap:30px;font-size:14px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding-top:75px;padding-bottom:76px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;line-height:1.6}.dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#64873e;margin-right:7px}h1{font-size:clamp(46px,5.5vw,72px);line-height:1.06;letter-spacing:-3px;margin:25px 0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:#617c43}.intro{font-size:17px;color:var(--muted);line-height:1.8;max-width:490px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;gap:26px;align-items:center;background:var(--ink);color:var(--white);padding:17px 23px;border-radius:7px;font-size:14px;font-weight:700}.button:hover{background:#2b5548;text-decoration:none}.text-link{font-size:13px;font-weight:700}.visual{height:445px;background:#e9eedf;border:1px solid #dbe2ce;border-radius:var(--radius);position:relative;overflow:hidden;background-image:radial-gradient(#b9c7ac 1px,transparent 1px);background-size:22px 22px}.visual-top{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.3px}.orbit{position:absolute;border:1px solid #c4d2b6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-57%)}.orbit-one{width:230px;height:230px}.orbit-two{width:355px;height:355px}.core{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:44px;background:var(--ink);color:var(--accent);border-radius:50%;box-shadow:0 16px 28px #173f3520;padding-bottom:18px}.core span{font-size:28px;margin-inline:4px}.core small{position:absolute;bottom:36px;font:8px Arial,sans-serif;letter-spacing:1.6px}.node{position:absolute;background:#fff;border:1px solid var(--line);padding:12px 15px;border-radius:8px;font-size:12px;box-shadow:0 6px 12px #183e3508}.node i{margin-left:14px;font-style:normal;color:#5b793a}.node-one{top:90px;left:25px}.node-two{top:120px;right:22px}.node-three{top:260px;left:42px}.node-four{top:290px;right:20px}.visual-bottom{position:absolute;bottom:26px;left:26px;display:grid;gap:5px;font-size:12px}.tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:19px}.tools>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.tools p{font-size:15px;font-weight:700}.section{padding-top:94px;padding-bottom:94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:37px}h2{font-size:clamp(32px,3.4vw,44px);letter-spacing:-1.6px;line-height:1.15;margin:16px 0}.section-heading>p{max-width:320px;font-size:14px;color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px 22px;display:flex;flex-direction:column}.card-number{display:flex;justify-content:space-between;color:#6c7c5e;font-size:12px}.card-number span{font-size:22px}.card h3{font-size:20px;line-height:1.3;margin:32px 0 12px;letter-spacing:-.5px}.card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 28px}.tag{margin-top:auto;font-size:8px;letter-spacing:1.2px;font-weight:700}.project{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:58px;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;max-width:1128px}.project .eyebrow{color:var(--accent)}.project h2{font-size:clamp(42px,4.5vw,60px);margin:23px 0}.project h2 em{color:var(--accent)}.project p:not(.eyebrow){line-height:1.8;font-size:14px;color:#d4e0d7}.project .project-description{font-size:17px!important}.light{background:var(--accent);color:var(--ink);margin-top:22px}.light:hover{background:#e8f6c7}.project-diagram{align-self:center}.project-diagram>div{border-bottom:1px solid #527065;padding:22px 0;position:relative;padding-left:45px}.project-diagram span{position:absolute;left:0;top:26px;font-size:11px;color:var(--accent)}.project-diagram h3{margin:0;font-size:23px;font-weight:400}.project-diagram p{margin:8px 0 0}.contact{text-align:center}.contact>p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:16px}.email{font-size:clamp(19px,3vw,32px);display:inline-block;overflow-wrap:anywhere;margin:18px 0;border-bottom:1px solid #91a27b;padding-bottom:9px;letter-spacing:-.5px}.contact .contact-note{font-size:12px!important;margin-top:18px}.contact-note a{text-decoration:underline;text-underline-offset:3px}.footer{border-top:1px solid var(--line);padding-block:27px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:14px;z-index:10}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.project{margin-inline:36px;gap:45px;padding:40px}.brand-detail{display:none}}@media(max-width:720px){.wrap{padding-inline:22px}.header{gap:12px}.brand{font-size:17px}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:35px}h1{letter-spacing:-2px}.hero .intro{max-width:100%}.visual{height:400px;max-width:480px;width:100%;margin:auto}.tools{justify-content:center;gap:12px 22px}.tools>span{flex-basis:100%;text-align:center}.tools p{font-size:12px;margin:8px 0}.section{padding-block:60px}.section-heading{display:block}.section-heading>p{max-width:100%}.project{grid-template-columns:1fr;margin-inline:22px;padding:30px;gap:20px}.project-diagram>div{padding-block:18px}.contact h2 br{display:none}.footer{flex-direction:column;align-items:center;text-align:center}.actions{gap:20px}}@media(max-width:420px){.cards{grid-template-columns:1fr}.card h3{margin-top:20px}.node{font-size:11px;padding:10px}.node-one{left:12px}.node-two{right:12px}.node-three{left:20px}.node-four{right:12px}.brand{gap:5px}.brand-icon{font-size:22px}nav{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
