:root{--ink:#14201c;--paper:#eff2ea;--mint:#79d6b1;--peach:#ff9d77;--line:#bdc8c1;--muted:#65716b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.shell{width:min(1160px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}nav{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink)}nav span,.label{font:700 10px monospace;letter-spacing:.12em}.logo{font:900 13px monospace}.hero{min-height:700px;display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.hero h1,.promise h2,.intro h2,.commercial h2{margin:22px 0;font-size:clamp(58px,7.5vw,108px);line-height:.85;letter-spacing:-.08em}.hero h1 em{font-style:normal;color:#228263}.hero>div:first-child>p:not(.label){max-width:620px;color:var(--muted);font-size:19px;line-height:1.55}.hero a{display:inline-flex;margin-top:18px;padding:14px 20px;background:var(--ink);color:white;font-weight:800}.diagram{position:relative;display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;padding:30px;border:1px solid var(--ink);background:white;box-shadow:17px 17px 0 var(--mint)}.diagram>div{min-height:190px;padding:20px}.diagram span{font:700 9px monospace}.diagram p{margin-top:45px;font:14px/1.7 monospace}.raw{background:#ffe0d3}.safe{background:#d5f1e5}.diagram i{text-align:center}.diagram b{position:absolute;right:28px;bottom:-36px;padding:12px;background:var(--ink);color:white;font:700 9px/1.4 monospace}.promise{background:var(--ink);color:white}.promise .shell{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;padding-block:110px}.promise h2{margin:0}.promise p{color:#aab6b0;line-height:1.6}.tool{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;padding-block:120px}.intro h2{font-size:clamp(48px,5vw,72px)}.intro>p:last-child{color:var(--muted);line-height:1.55}.workspace{display:grid;gap:16px;padding:30px;border:1px solid var(--ink);background:white}.workspace label{display:grid;gap:8px;font:700 10px monospace}.workspace textarea,.workspace input{width:100%;padding:14px;border:1px solid var(--line);background:#f8faf6;font:13px/1.5 monospace;resize:vertical}.workspace button{padding:13px;border:0;background:var(--ink);color:white;font-weight:800;cursor:pointer}.workspace button#restore{background:#20775c}.workspace #summary{font:10px monospace;color:var(--muted)}.steps{background:var(--mint)}.steps .shell{display:grid;grid-template-columns:repeat(4,1fr);padding-block:90px}.steps article{padding:25px;border-left:1px solid #4c9e7d}.steps span{font:700 10px monospace}.steps h3{margin-top:55px;font-size:27px}.steps p{color:#345e4e;line-height:1.5}.commercial{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;padding-block:120px}.commercial h2{font-size:clamp(48px,6vw,82px)}.price{padding:30px;background:var(--peach);border:1px solid var(--ink)}.price span,.price b{font:700 10px monospace}.price strong{display:block;margin:45px 0 12px;font-size:48px}footer{display:flex;justify-content:space-between;padding-block:35px;border-top:1px solid var(--line);color:var(--muted);font:10px monospace}@media(max-width:850px){.hero,.promise .shell,.tool,.commercial{grid-template-columns:1fr}.hero{padding-block:70px}.diagram{margin-bottom:60px}.steps .shell{grid-template-columns:1fr 1fr}}@media(max-width:550px){.shell{width:calc(100% - 28px)}nav span{display:none}.hero h1{font-size:58px}.diagram{padding:15px}.diagram p{font-size:11px}.steps .shell{grid-template-columns:1fr}.steps article{border-left:0;border-top:1px solid #4c9e7d}footer{flex-direction:column;gap:10px}}