*{box-sizing:border-box}body{margin:0;background:#f5f9f7;color:#15313b;font-family:Arial,sans-serif;font-size:18px;line-height:1.65}a{color:inherit}header{background:white;border-bottom:1px solid #d9e6df}header>div,main,footer{max-width:1160px;margin:auto;padding:22px 28px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800}.brand img{width:40px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#77dfb8;border:1px solid #3aaf88;border-radius:12px;padding:13px 20px;font-weight:700;box-shadow:0 5px 14px #1f68451a}.secondary{background:white;border-color:#a6c4b7}.nav .btn{font-size:15px;padding:9px 15px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:48px 0 60px}.eyebrow{font-size:14px;letter-spacing:1px;font-weight:700;color:#32765f}h1{font-size:48px;line-height:1.13;letter-spacing:-1.5px;margin:17px 0 22px}h2{font-size:32px;line-height:1.25;margin:0 0 16px}h3{font-size:20px;line-height:1.35}.hero p{color:#526b71}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 13px}.small{font-size:14px;color:#59716b}.hero-photo{position:relative}.hero-photo>img{width:100%;height:410px;object-fit:cover;border-radius:25px}.photo-label{position:absolute;bottom:18px;left:18px;right:18px;background:#ffffffed;padding:17px;border-radius:14px;font-weight:700}.section{padding:48px 0;border-top:1px solid #d2e4da}.intro{max-width:760px}.example{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;align-items:start}.paper,.result,.card{border:1px solid #d3e2db;border-radius:20px;padding:28px;background:white}.paper blockquote{font-family:Georgia,serif;white-space:pre-line;margin:22px 0;padding:23px;border-left:4px solid #f2b857;background:#faf9f4;color:#354950}.result{background:#e3f3eb}.result img{display:block;width:100%;max-width:245px;margin:20px auto;border-radius:15px;border:1px solid #c4dbce}.result ul{padding-left:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.card h3{margin-top:0}.card p{font-size:16px}.install{background:#143843;color:white;border-radius:22px;padding:32px;margin:35px 0}.install .btn{color:#15313b}.install p{color:#d6e8e2}.links{display:flex;flex-wrap:wrap;gap:10px}.links a{padding:9px 15px;background:white;border:1px solid #b8d3c5;border-radius:10px;text-decoration:none;font-size:16px}footer{font-size:14px;color:#536d66}details{border-top:1px solid #c0d9cc;padding-top:15px}summary{cursor:pointer;font-weight:700}@media(max-width:700px){body{font-size:17px}header>div,main,footer{padding:18px 20px}.hero{grid-template-columns:1fr;gap:25px;padding:32px 0}h1{font-size:36px}h2{font-size:27px}.hero-photo>img{height:240px}.example,.cards{grid-template-columns:1fr}.section{padding:35px 0}.paper,.result,.card{padding:22px}.nav .btn{font-size:13px;padding:10px}.brand{font-size:16px}.small{font-size:13px}}
.install-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.install-tabs button{padding:10px 18px;border:1px solid #a8cdbd;border-radius:25px;background:#fff;color:#15313b;font:inherit;cursor:pointer}.install-tabs button[aria-pressed="true"]{background:#77dfb8;font-weight:700}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;list-style:none}.install-steps li{background:#f7fffa;color:#15313b;padding:22px;border-radius:16px;border-top:4px solid #78d9b4}.install-steps li:nth-child(2){border-color:#f2b857}.install-steps li:nth-child(3){border-color:#b8a0de}.install-art{font-size:34px;margin-bottom:16px}.install strong{display:block;font-size:17px}.install-art img{width:48px;height:48px;vertical-align:middle}.install-steps .btn{font-size:15px;margin-top:16px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #eea638;outline-offset:3px}@media(max-width:700px){.install-steps{grid-template-columns:1fr}}
.install>.small{color:#d6e8e2}