:root{--ink:#17231e;--paper:#f5f1e8;--green:#245b47;--lime:#d7ef78;--line:#c9c6bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{color:var(--green)}nav{display:flex;gap:28px}.grid a,nav a{color:var(--ink);text-decoration:none;font-size:14px}.hero,.page{padding:9vw 8vw 7vw;max-width:1500px;margin:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--green);margin-bottom:24px}h1{font-size:clamp(52px,8vw,118px);line-height:.88;letter-spacing:-5px;max-width:1100px;margin:0 0 34px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lead{font-size:clamp(19px,2vw,27px);line-height:1.45;max-width:760px;color:#4d5752}.actions{display:flex;gap:12px;margin-top:42px}.button{padding:16px 22px;background:var(--green);color:white;text-decoration:none;font-weight:700;border:1px solid var(--green)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.grid article{padding:52px 6vw;border-right:1px solid var(--line);min-height:310px}.grid article:last-child{border:0}.grid span,.projects span{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:800}.grid h2{font-size:26px;margin-top:50px}.demo p,.grid p,.projects p{line-height:1.6;color:#58615d}.statement{padding:10vw 8vw;background:var(--ink);color:var(--paper)}.statement p{color:var(--lime);font-size:12px;letter-spacing:2px}.statement h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,70px);font-weight:400;max-width:1000px}.projects{margin-top:80px;border-top:1px solid var(--line)}.projects article{display:grid;grid-template-columns:80px 1fr;padding:42px 0;border-bottom:1px solid var(--line)}.projects h2{font-size:36px;margin:8px 0}.projects small{color:var(--green);text-transform:uppercase;letter-spacing:1px}.demo{margin-top:70px;background:var(--ink);color:white;padding:50px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px}.demo h2{font-size:40px}.demo button{padding:14px 18px;background:var(--lime);border:0;font-weight:800}.meter{border-left:1px solid #52605a;padding-left:50px;display:flex;flex-direction:column;justify-content:center;gap:20px}.meter strong{font-size:24px}footer{padding:55px 6vw;border-top:1px solid var(--line)}footer p,footer small{color:#69716d}@media(max-width:760px){.nav{height:auto;padding:24px;align-items:flex-start;gap:20px}.nav nav{flex-wrap:wrap;gap:14px}.hero,.page{padding:80px 24px}h1{letter-spacing:-3px}.demo,.grid{grid-template-columns:1fr}.grid article{border-right:0;border-bottom:1px solid var(--line)}.projects article{grid-template-columns:45px 1fr}.actions{flex-direction:column}.meter{border-left:0;border-top:1px solid #52605a;padding:30px 0 0}}.quiz{margin:60px 0;max-width:900px}.quiz fieldset{border:0;border-top:1px solid var(--line);padding:34px 0}.quiz legend{font-size:24px;font-weight:800;margin-bottom:20px;width:100%}.quiz legend span{font-size:11px;letter-spacing:2px;color:var(--green);margin-right:20px}.quiz label{display:block;padding:13px 16px;margin:7px 0;border:1px solid var(--line);cursor:pointer;background:rgba(255,255,255,.22)}.quiz label:hover{border-color:var(--green)}.quiz input{margin-right:12px}.recommend button,.submit{padding:16px 22px;background:var(--green);color:white;border:0;font-weight:800;font-size:15px}.submit:disabled{opacity:.4}.results{max-width:760px;margin:55px 0}.result{display:grid;grid-template-columns:1fr 70px;grid-gap:12px;gap:12px;margin:25px 0}.result strong{text-align:right}.bar{height:8px;background:#ddd8cd;grid-column:1/-1}.bar i{display:block;height:100%;background:var(--green)}.recommend{background:var(--ink);color:white;padding:45px;max-width:800px}.recommend small{color:var(--lime);letter-spacing:2px}.recommend h2{font-family:Georgia,serif;font-size:42px;margin:12px 0}.recommend p{color:#c7cfca;line-height:1.6}.recommend button{background:var(--lime);color:var(--ink);margin-top:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:60px 0;border:1px solid var(--line)}.steps article{padding:30px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps span{color:var(--green);font-size:12px;font-weight:800}.steps p{line-height:1.55;color:#59625e}.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.textlink{color:white;align-self:center}@media(max-width:760px){.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.result{grid-template-columns:1fr 55px}}