:root{--g:#087f5b;--d:#18322b;--m:#60736d;--l:#dce9e3}*{box-sizing:border-box}body{margin:0;color:var(--d);background:#f7faf8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",sans-serif}header{position:sticky;z-index:5;top:0;border-bottom:1px solid var(--l);background:#fffffff2}header>div{display:flex;align-items:center;justify-content:space-between;width:min(100% - 40px,1080px);height:76px;margin:auto}.brand{display:flex;align-items:center;gap:15px;color:var(--d);text-decoration:none}.brand img{width:145px}.brand span{padding-left:15px;border-left:1px solid var(--l);color:#71877f;font-size:11px}nav a{margin-left:22px;color:#45675c;font-size:13px;font-weight:800}.trial{padding:12px 18px;border-radius:99px;color:#fff;background:var(--g);text-decoration:none}.index{width:min(100% - 40px,1080px);margin:auto;padding:85px 0 110px}.hero{max-width:750px;margin-bottom:55px}.hero b{color:#e76f2e;font-size:12px;letter-spacing:.16em}.hero h1{margin:18px 0;font-size:clamp(40px,6vw,64px);line-height:1.2}.hero p{color:var(--m);font-size:16px;line-height:2}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{display:flex;min-height:250px;padding:30px;border:1px solid var(--l);border-radius:20px;color:var(--d);background:#fff;text-decoration:none;flex-direction:column}.card>span,.article-head>span{align-self:flex-start;padding:6px 10px;border-radius:99px;color:var(--g);background:#e4f5ed;font-size:10px;font-weight:900}.card h2{font-size:21px;line-height:1.55}.card p{color:var(--m);font-size:13px;line-height:1.85}.card small{margin-top:auto;color:#879a93}.article{width:min(100% - 40px,850px);margin:auto;padding:40px 0 110px}.crumb{margin:0 0 48px;color:#82978f;font-size:11px}.crumb a{margin:0 8px;color:#527569}.article-head{display:flex;align-items:flex-start;flex-direction:column}.article-head h1{margin:24px 0;font-size:clamp(32px,5vw,48px);line-height:1.4}.article-head small{color:#7c928a}.article-head aside{margin-top:24px;padding:14px;border-left:3px solid #94c9b7;color:#617a71;background:#eef7f3;font-size:11px}.article-head>p{margin:40px 0 55px;font-size:18px;font-weight:600;line-height:2}.body{padding:50px 62px;border:1px solid var(--l);border-radius:22px;background:#fff}.body section+section{margin-top:50px}.body h2{padding-bottom:12px;border-bottom:2px solid var(--l);font-size:25px}.body p,.body li{color:#415e55;font-size:15px;line-height:2.1}.body ul{padding:18px 22px 18px 42px;border-radius:12px;background:#f0f7f4}.related{margin-top:50px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{padding:18px;border:1px solid var(--l);border-radius:12px;color:var(--d);background:#fff;font-size:12px;line-height:1.6}.cta{margin-top:50px;padding:42px;border-radius:24px;color:#fff;background:var(--d);text-align:center}.cta h2{font-size:27px}.cta a{display:inline-block;padding:14px 25px;border-radius:99px;color:#fff;background:#e76f2e;font-weight:900;text-decoration:none}footer{padding:30px;text-align:center;color:#71877f;background:#fff;font-size:10px}footer a{color:#527569}@media(max-width:700px){header>div,.index,.article{width:min(100% - 24px,1080px)}.brand img{width:120px}.brand span,header nav>a:first-child{display:none}.grid,.related>div{grid-template-columns:1fr}.card{min-height:0}.body{padding:30px 20px}.article-head>p{font-size:16px}}