@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#152f3a;--teal:#007e78;--paper:#f7f8f4;--muted:#607174;--line:#dce3dd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d5a943;outline-offset:5px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 48px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px}.light{font-weight:400;margin-left:5px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:2px}.mark{display:flex;gap:4px;align-items:flex-end;height:32px}.mark i{display:block;width:7px;height:21px;background:var(--teal);transform:skew(-15deg)}.mark i:nth-child(2){height:31px}.mark i:nth-child(3){height:25px}nav{display:flex;gap:30px;font-size:14px}nav a.active{color:var(--teal)}nav a:last-child{border:1px solid #bccbc4;border-radius:4px;padding:8px 17px;margin-top:-8px}.wrap{max-width:1184px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:80px;padding-bottom:76px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--teal)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.15}h1{font-size:clamp(40px,5vw,65px);letter-spacing:-3px;font-weight:500;margin:24px 0}h1 em{font-style:normal;color:var(--teal)}.intro{max-width:510px;font-size:17px;color:var(--muted)}.actions{display:flex;gap:22px;align-items:center;margin-top:32px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--teal);color:white;padding:13px 20px;border-radius:4px;border:0;cursor:pointer}.text-link{color:var(--teal);font-size:13px;font-weight:700}.diagram{position:relative;background:#e6eee5;border-radius:6px;min-height:370px;padding:32px;background-image:radial-gradient(#c3d4c5 1px,transparent 1px);background-size:17px 17px}.diagram-label{font-size:10px;letter-spacing:2px;color:#547464}.flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:44px 0 30px}.flow-node{background:#fff;border:1px solid #cfddd3;padding:22px 10px;text-align:center;border-radius:5px;width:106px;box-shadow:0 8px 20px #17392e08;font-size:12px}.flow-node b{display:block;font-size:23px;font-weight:400;color:var(--teal);margin-bottom:10px}.flow-arrow{color:var(--teal)}.diagram-bottom{border-top:1px solid #c4d5c7;padding-top:22px;display:flex;justify-content:space-between;font-size:11px;color:#526b5f}.diagram-bottom strong{font-size:18px;color:var(--navy)}.strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px;gap:30px}.strip div{display:flex;align-items:center;gap:16px}.strip strong{font-family:Manrope;font-size:24px;font-weight:600}.strip span{font-size:12px;color:var(--muted);line-height:1.5}.section{padding-block:65px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}h2{font-size:30px;letter-spacing:-1px;font-weight:500;margin:14px 0 0}.section-top p{color:var(--muted);font-size:14px;margin:10px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:25px;background:white;border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--teal)}.category{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--teal);font-weight:700}.card h3{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin:20px 0 12px}.card p{font-size:13px;color:var(--muted);margin:0 0 25px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;font-size:11px;color:var(--muted)}.experience{background:var(--navy);color:#fff;padding:40px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;border-radius:5px;margin-bottom:65px}.experience h2{margin:0;max-width:470px}.experience p{font-size:14px;color:#c4d2d0}.experience .text-link{color:#a5d6bf}footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;font-size:11px;color:var(--muted)}.footer-brand{font-size:17px;font-weight:700;color:var(--navy)}.footer-brand span{display:block;font-size:11px;font-weight:400;color:var(--muted)}.page-head{padding:58px 0 30px}.page-head h1{font-size:48px}.search-row{display:flex;gap:15px;margin:20px 0}.search-row input{flex:1;min-width:0}.search-row input,.search-row select{padding:13px 16px;border:1px solid #c9d5ce;background:white;border-radius:4px;color:var(--navy)}.count{font-size:12px;color:var(--muted);margin-bottom:20px}.note{padding:17px 20px;border-left:3px solid var(--teal);background:#eaf0e8;font-size:13px;color:#4b645c}.library-grid{padding-bottom:65px}.article{max-width:780px;padding:50px 32px 70px;margin:auto}.article h1{font-size:43px;letter-spacing:-1.5px}.article h2{font-size:24px;margin-top:34px}.article p,.article li{color:#4b6064}.article .meta{font-size:12px;color:var(--muted);margin-bottom:25px}.article li{margin-bottom:10px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-bottom:80px}.contact-panel{border:1px solid var(--line);padding:30px;background:white;border-radius:5px}.contact-panel h3{margin-top:0}.contact-panel p{color:var(--muted);font-size:14px}.contact-panel ul{padding-left:20px;font-size:14px}.empty{grid-column:1/-1;padding:35px;background:#fff;border:1px solid var(--line)}
@media(max-width:800px){header{padding:22px;gap:25px;flex-wrap:wrap}nav{gap:22px;font-size:12px}.brand{font-size:21px}.wrap{padding-inline:22px}.hero{grid-template-columns:1fr;gap:35px;padding-block:45px}h1{letter-spacing:-2px}.diagram{min-height:310px}.cards{grid-template-columns:1fr}.strip{gap:15px}.strip div{display:block}.strip strong{display:block;font-size:22px}.experience,.contact-grid{grid-template-columns:1fr;gap:25px}.experience{padding:28px}.section-top{gap:20px}.section-top .text-link{white-space:nowrap}.search-row{flex-direction:column}footer{flex-wrap:wrap;padding:25px}.article h1{font-size:34px}.page-head h1{font-size:40px}}
