:root{--ink:#142039;--muted:#617089;--line:#e3e8ef;--paper:#f7f8f6;--white:#fff;--green:#276c5c;--lime:#d9e9a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Malgun Gothic',Arial,sans-serif;line-height:1.75}a{color:inherit}.wrap{width:min(1100px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:10;background:white;padding:8px}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.93);position:sticky;top:0;z-index:2;backdrop-filter:blur(12px)}.top{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:21px;font-weight:800;text-decoration:none;letter-spacing:-.055em;white-space:nowrap}.logo span{color:var(--green)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:13px;color:#44516a}nav a:hover,.back:hover{color:var(--green)}.hero{min-height:520px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px}.kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--green)}h1,h2,h3{line-height:1.28;letter-spacing:-.055em}h1{font-size:clamp(42px,5.1vw,68px);margin:20px 0}h1 em{font-style:normal;color:var(--green)}.hero p{font-size:17px;color:var(--muted);max-width:580px;margin-bottom:28px}.cta{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:14px 21px;border-radius:8px;font-size:13px;font-weight:700}.hero-figure{height:350px;border-radius:24px;background:#dbe9d2;display:grid;place-content:center;position:relative;overflow:hidden}.hero-figure:before,.hero-figure:after{content:'';position:absolute;width:230px;height:230px;border:2px solid #fff8;border-radius:50%}.hero-figure:before{top:-85px;right:-20px}.hero-figure:after{bottom:-120px;left:-30px}.shape{font-size:180px;color:#2d7569;line-height:1;text-align:center;text-shadow:12px 14px 0 #b7d2c5}.formula{color:#235347;letter-spacing:.1em;font-size:13px;font-weight:800;text-align:center;margin-top:-10px}.section{padding:30px 0 90px}.section-title h2{font-size:34px;margin:12px 0}.section-title p{color:var(--muted);margin:0 0 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:25px;text-decoration:none;min-height:285px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #16233a13}.tag{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em}.card h3{font-size:21px;margin:18px 0 10px}.card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.read{margin-top:auto;padding-top:25px;font-size:12px;font-weight:800;color:var(--green)}.feature{border-radius:18px;background:#dfeadf;padding:34px 40px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-bottom:90px}.feature h2{font-size:30px;margin:10px 0}.feature p{font-size:14px;color:#35524a}footer{background:#17253a;color:#d7e0ea;padding:45px 0;margin-top:50px}footer strong{font-size:18px}footer p,footer small{font-size:12px;color:#9eb0c5}footer a{color:#d7e0ea}.article{max-width:770px;margin:60px auto 100px;background:white;border:1px solid var(--line);border-radius:18px;padding:55px 65px;box-shadow:0 8px 35px #18263c0a}.article .back{display:block;text-decoration:none;color:var(--muted);font-size:13px;margin-bottom:40px}.article h1{font-size:40px;margin:12px 0}.lede{font-size:17px;color:#5a6a7e;border-bottom:1px solid var(--line);padding-bottom:30px}.article-body h2{font-size:24px;margin:42px 0 10px}.article-body p,.article-body li{font-size:15px;line-height:1.95;color:#324158}.article-body ol{padding-left:24px}.article-body li{padding:3px 0}.example{border-left:4px solid var(--green);background:#f1f7ef;padding:18px 24px;margin:25px 0;border-radius:0 10px 10px 0}.example p{margin:10px 0 0}.article-end{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;font-size:13px;color:var(--muted)}.article-end a{font-weight:800;color:var(--green)}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.top{height:auto;padding:15px 0;display:block}nav{gap:14px;margin-top:8px}.hero{grid-template-columns:1fr;min-height:auto;padding:60px 0}.hero-figure{height:240px}.shape{font-size:125px}.feature{grid-template-columns:1fr;gap:0}.article{padding:36px 30px}}@media(max-width:520px){.wrap{width:min(100% - 28px,1100px)}nav{gap:10px}nav a{font-size:11px}.cards{grid-template-columns:1fr}.card{min-height:230px}.hero{padding:45px 0}.hero-figure{display:none}.feature{padding:25px}.article{margin:25px auto 60px;padding:25px 20px}.article h1{font-size:30px}}