:root{--ink:#10211d;--muted:#61716c;--green:#08664e;--mint:#83efba;--lime:#c7f36a;--night:#061b16;--paper:#f3f6f4;--line:#dbe5e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 40px));margin:auto}body>header{background:var(--night);color:#fff}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand img{border-radius:10px}.nav nav,.footer nav{display:flex;align-items:center;gap:26px}.nav nav a{color:#c3d6d0;font-size:14px;font-weight:650}.nav .pill{padding:8px 16px;border:1px solid #46665d;border-radius:999px;color:#fff}.kb-hero{padding:100px 0;background:var(--night);color:#fff;overflow:hidden}.kb-hero span,.guide-head>span,.related>span,.workflow span{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.kb-hero h1{max-width:850px;margin:18px 0;font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.065em}.kb-hero p{max-width:700px;color:#bdd0ca;font-size:19px}.kb-hero form{display:flex;max-width:680px;margin-top:35px;padding:7px;background:#fff;border-radius:16px}.kb-hero input{flex:1;min-width:0;padding:13px;border:0;outline:0;font:inherit}.kb-hero button{padding:0 25px;border:0;border-radius:11px;background:var(--lime);color:#163014;font-weight:800}.article-section{padding:80px 0}.results{display:flex;justify-content:space-between;margin-bottom:25px}.results a{color:var(--green);font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-grid article{background:#fff;border:1px solid var(--line);border-radius:23px;transition:.2s}.article-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 50px #163d3220}.article-grid article>a{display:flex;min-height:350px;padding:28px;flex-direction:column}.article-grid span,.article-grid small{color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.article-grid h2{font-size:25px;line-height:1.18;letter-spacing:-.035em}.article-grid p{color:var(--muted);font-size:14px}.article-grid article>a>div{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.empty{grid-column:1/-1;padding:60px;text-align:center}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:100px;padding:50px;background:var(--green);color:#fff;border-radius:30px}.workflow h2{margin:10px 0 0;font-size:42px;line-height:1.05}.workflow p{align-self:center;margin:0;color:#d2e8e1}.breadcrumb{display:flex;gap:9px;padding-top:32px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--green)}.guide{width:min(1160px,calc(100% - 40px));margin:0 auto}.guide-head{max-width:900px;padding:70px 0 55px}.guide-head>span{color:var(--green)}.guide-head h1{margin:15px 0;font-size:clamp(44px,7vw,76px);line-height:1;letter-spacing:-.06em}.guide-head p{max-width:800px;color:var(--muted);font-size:20px}.guide-head div{color:#7a8884;font-size:13px}.guide-head i{padding:0 8px}.guide-grid{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:space-between;gap:70px}.guide-grid aside{position:sticky;top:25px;align-self:start;padding:22px;background:#e5eee9;border-radius:18px}.guide-grid aside p{color:var(--muted);font-size:13px}.guide-grid aside a{color:var(--green);font-size:13px;font-weight:800}.prose{padding:50px clamp(25px,6vw,70px);background:#fff;border:1px solid var(--line);border-radius:28px}.prose h2{margin:48px 0 12px;font-size:32px;line-height:1.15;letter-spacing:-.04em}.prose h2:first-child{margin-top:0}.prose h3{margin:34px 0 8px;font-size:22px}.prose p,.prose li{color:#495d57}.prose strong{color:var(--ink)}.prose blockquote{margin:30px 0;padding:18px 22px;background:#e9f7f0;border-left:4px solid var(--green);border-radius:0 14px 14px 0}.prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.prose th,.prose td{padding:11px;border:1px solid var(--line);text-align:left}.prose th{background:#eef4f1}.screenshot-placeholder{margin:50px 0}.screenshot-placeholder>div{display:grid;place-items:center;min-height:330px;padding:35px;text-align:center;background:linear-gradient(135deg,#071c17,#125844);color:#fff;border-radius:24px}.screenshot-placeholder b,.screenshot-placeholder span{display:block}.screenshot-placeholder b{margin-top:16px;font-size:20px}.screenshot-placeholder span{max-width:440px;color:#bcd5cd}.screenshot-placeholder figcaption{margin-top:9px;color:#7b8985;font-size:12px}.article-cta{margin-top:50px;padding:35px;background:var(--night);color:#fff;border-radius:23px}.article-cta>span{color:var(--mint);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.article-cta h2{margin:10px 0;font-size:32px}.article-cta p{color:#bdd2cb}.article-cta a{display:inline-block;padding:10px 16px;background:var(--lime);color:#173015;border-radius:10px;font-weight:800}.related{padding:90px 0}.related>span{color:var(--green)}.related h2{font-size:40px;margin:8px 0 25px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related a{display:flex;min-height:180px;padding:23px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:19px}.related small{color:var(--green)}.related b{margin:13px 0;line-height:1.25}.related em{margin-top:auto;color:var(--muted);font-size:12px;font-style:normal}footer{padding:50px 0;background:var(--night);color:#fff}.footer{display:flex;justify-content:space-between}.footer p,.footer nav{color:#afc5be;font-size:13px}@media(max-width:850px){.article-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}.guide-grid aside{position:static}.related>div{grid-template-columns:1fr}.workflow{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.nav nav a:not(.pill){display:none}.article-grid{grid-template-columns:1fr}.kb-hero form{flex-direction:column}.kb-hero button{padding:12px}.workflow{padding:30px}.prose{padding:30px 20px}.footer{flex-direction:column;gap:25px}.footer nav{flex-wrap:wrap}.results{align-items:flex-start;flex-direction:column}}